@font-face {
    font-family: grstklight;
    src: url(/fonts/GrtskPeta-Light.ttf);
}
@font-face {
    font-family:grstkmedium;
    src: url(/fonts/GrtskPeta-Medium.ttf);
}

@font-face {
    font-family:grstkregular;
    src: url(/fonts/GrtskPeta-Regular.ttf);
}

@font-face {
    font-family:samsungbold;
    src: url(/fonts/samsungsharpsans-bold.otf);
}

@font-face {
    font-family:samsungmedium;
    src: url(/fonts/samsungsharpsans-medium.otf);
}

@font-face {
    font-family:metro;
    src: url(/fonts/metropolis-light.otf);
}

@font-face {
    font-family:metrobold;
    src: url(/fonts/metropolis-bold.otf);
}

@font-face {
    font-family:metromedium;
    src: url(/fonts/samsungsharpsans-medium.otf);
}

*{
    padding: 0;
    margin: 0;
}

p{
  font-family: grstkregular;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0px;
  background-color: #fff;
  position: relative; 
  width: 100%;
  z-index: 1000;
   transition: all 0.3s ease;
  
}
header.fixed {
  position: fixed;
  top: 0;
  left: 0;
}


    .logo-tagline {
      display: flex;
      flex-direction: column;
    }

   

    .logo-tagline img {
      height: 40px;
      padding: 20px 50px;
    }

    .nav-menu {
      display: flex;
      align-items: center;
      gap: 50px;
    }

    .nav-menu a {
      text-decoration: none;
      color: #333;
      font-size: 14px;
      font-family: grstkregular;
    }

    .nav-menu a.active {
      color: #ff5800;
    }
    /* Desktop dropdown */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: block;
  position: absolute;
  background: white;
  min-width: 200px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
  margin-top: 0px;

  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  transition: all 0.4s ease;
}

/* When dropdown is active */
.dropdown:hover .dropdown-content,
.dropdown.show .dropdown-content {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content a {
  display: block;
  padding: 20px;
  color: black;
  text-decoration: none;
  transition: background-color 0.4s ease, color 0.4s ease;
}

.dropdown-content a:hover {
  background-color: #ff5800;
  color: #fff;
}

/* Mobile dropdown */
.dropdown-mobile {
  margin: 10px 0;
}

.dropdown-toggle {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  padding: 10px 0;
}

.dropdown-content-mobile {
  display: none;
  padding-left: 15px;
}

.dropdown-content-mobile a {
  display: block;
  padding: 5px 0;
  color: black;
  text-decoration: none;
}

.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
}

.dropdown-arrow {
  width: 12px;
  height: 12px;
  margin-top: 4px;
}

.item-arrow {
  float: right;
  width: 10px;
  height: 10px;
  opacity: 0.6;
}

.dropdown-content a,
.dropdown-content-mobile a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.animated-arrow-nav {
  flex-shrink: 0;
  transition: stroke 0.3s ease;
}
.dropdown-content a:hover .animated-arrow-nav .arrow-path-about,
.dropdown-content-mobile a:hover .animated-arrow-nav .arrow-path-about {
  stroke: #fff;
}
 



    .download-btn {
      background-color: #ff5800;
      color: white;
      padding: 45px 70px;
      border: none;
      font-size: 16px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 0px;
      font-family:grstkregular;
    }

    .download-btn img {
      height: 20px;
    }

    .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
      gap: 5px;
      padding: 0px 20px;
    }

    .hamburger span {
      width: 25px;
      height: 3px;
      background-color: #333;
    }

    .mobile-menu {
      position: fixed;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100vh;
      background: white;
      padding: 100px 0px;
      transition: left 0.3s ease-in-out;
      z-index: 999;
      display: flex;
      flex-direction: column;
      gap: 25px;
      box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
    }

    .mobile-menu.open {
      left: 0;
      padding:100px 20px;
    }

   
    .mobile-menu a {
      font-size: 16px;
      color: #333;
      text-decoration: none;
      font-family: grstkregular;
    }

   
    .close-icon {
      position: absolute;
      top: 20px;
      right: 60px;
      font-size: 25px;
      cursor: pointer;
      font-weight: bold;
    }

    /*------------------------------------
    Slider
    -----------------------------------*/
    .swiper {
    width: 100%;
    height: 80vh;
    position: relative;
  }

  .swiper-slide {
    background-size: cover;
    background-position: center;
    position: relative;
  }

  .swiper-slide a{
    text-decoration: none;
  }

  .slide-content {
    position: absolute;
   top: 50%;
    left: 5%;
    transform: translateY(-50%);
    text-align: left;
    color: white;
    max-width: 600px;
    padding: 20px;
  }

  .slide-content h2 {
    font-size: 1.5rem;
    margin: 0;
    line-height: 1.2;
    font-family: samsungmedium;
    font-weight: 100;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }

  

  .slide-content h2 span {
    color: #ff5800;
     font-size: 3rem;
     font-weight: bold;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }

  .slide-content p {
    font-size: 0.8rem;
    margin: 15px 0;
    max-width: 400px;
    font-family: grstkregular;
    line-height: 1.5;
    font-weight: 100;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8;)
  }

  .slide-content img{
margin-bottom: 30px;
width: 150px!important;
  }

.slide-content-big h2{
  font-size: 2rem;
  font-weight: 100;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
  
 .slide-content-big h2 span {
    color: #ff5800;
     font-size: 3rem;
     font-weight: bold;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }

   .slide-content-big p {
    font-size: 0.9rem;
    margin: 15px 0;
    max-width: 450px;
    font-family: grstkregular;
    line-height: 1.5;
    font-weight: 100;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  }

  .custom-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 10px;
  color: #ff5800;
  border: 2px solid #ff5800;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  transition: background 0.3s ease;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8;)
}



.arrow-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 100;
  color: #fff;
  background-color: transparent;
  border: 1px solid #ff5800;
  cursor: pointer;
  transition: all 0.3s ease;
    font-family: metro;
    font-weight: 100;
   
}



.arrow-path {
  stroke: #ff5800;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;

  stroke-dasharray: 240;
  stroke-dashoffset: 0;  /* fully visible initially */
  transition: stroke 0.4s ease;
}

.arrow-btn:hover .arrow-path {
  stroke: #fff;
  animation: draw-arrow 1.5s ease forwards;
}

@keyframes draw-arrow {
  0% {
    stroke-dashoffset: 240; 
  }
  100% {
    stroke-dashoffset: 0;   
  }
}



.arrow-wrapper {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  fill:#fff
}

.animated-arrow .arrow-path {

  stroke: #fff;
}

.arrow-btn:hover .arrow-path {
  stroke-dashoffset: 0;
  arrow-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 100;
  color: #fff;
  background-color: transparent;
  border: 2px solid #ff5800;
  cursor: pointer;
  transition: all 0.3s ease;

}

.arrow-btn:hover {
  background-color: transparent;
  color: white;
}

.arrow-wrapper {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  fill:#fff
}

.animated-arrow .arrow-path {
  stroke: #fff; 
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  transition: stroke-dashoffset 0.6s ease-in-out;
}

.arrow-btn:hover .arrow-path {
  stroke-dashoffset: 0;
}


}


  .swiper-button-next,
.swiper-button-prev {
  display: none;
}

.custom-swiper-button-prev,
.custom-swiper-button-next {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

.custom-swiper-button-prev {
  left: 15px;
}

.custom-swiper-button-next {
  right: 15px;
}

.custom-swiper-button-prev img,
.custom-swiper-button-next img {
  width: 40px;
  height: 40px;
}

  @media (max-width: 768px) {
    .slide-content h2 {
      font-size: 1.8rem;
    }

    .slide-content p {
      font-size: 0.9rem;
    }

    .slide-content {
      padding: 10px;
    }
  }

  /*-----------------------------------
  About us
  -------------------------------------*/
  .about-us-section {
  padding: 60px 80px;
  background-color: #fff;
  text-align: left;
}

.about-us-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 40px;
  gap: 20px;
  flex-wrap: wrap;
}

.about-us-heading .line {
  flex: 1;
  height: 2px;
  background-color: #ccc;
  max-width: 100%;
}

.about-us-heading h2 {
  font-size: 45px;
  line-height: 1.3;
  font-weight: 400;
  margin: 0;
  color: #444;
  font-family: samsungmedium;
  margin-top: 0px;
  
}
.about-second{
  font-size: 45px;
  line-height: 1.3;
  font-weight: 400;
  margin: 0;
  color: #444;
  font-family: samsungmedium;
  margin-top: -40px;
  margin-bottom: 10px;
}

.about-us-heading h2 span {
  color: #ff5800;
  font-weight: 700;
}

.solutions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
}

.solution-card {
  background-color: #fff;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease;
}



.solution-card img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  transform: scale(1);
  display: block;
}
.solution-card:hover  {
  transform: scale(1.06);
}

.solution-caption {
  background-color: #ff5800;
  color: #fff;
  padding: 12px ;
  font-weight: 600;
  font-size:20px;
  font-family: samsungmedium;
  line-height: 1.2;
  text-align: center;
}

/*-------------------------
Our Product
-----------------------------*/
.our-product {
  padding: 60px 80px;
  text-align: center;
  background-color: #f5f5f5;
}

.our-product-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 16px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.our-product-heading .line {
  flex: 1;
  height: 2px;
  background-color: #ccc;
  max-width: 100%;
}

.our-product-heading h2 {
  font-size: 45px;
  font-weight: 400;
  color: #666;
  margin: 0;
  font-family: samsungmedium;
  font-weight: 700;
}

.our-product-heading span{
  color:#ff5800
}



.our-product-subtitle {
  font-size: 18px;
  color: #4a4a4a;
  max-width: 800px;
margin-bottom: 10px;
  line-height: 1.3;
  font-family: metro;
}

.our-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
}

.our-product-card {
  background-color: #ff5800;
  padding: 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 210px;
  justify-content: space-between;
  border: 1px solid#aaaaaa;
}

.our-product-card h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.2;
  font-family: samsungmedium;
}

.our-product-card img {
  width: 100px;
  height: auto;
}

 .big-image img {
  width: 180px;
  height: auto;
}
 .big-image-1 img {
  width: 120px;
  height: auto;
}
.our-product-card {
  position: relative;
  overflow: hidden;
  text-align: center;
  
}

.our-product-card img {
  display: block;
}

.our-product-card .overlay-about {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff; 
  color: #ff5800;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  transition: bottom 0.4s ease;
  display:flex;
  flex-direction: column;
  
}
.overlay-about p{
  font-family:metro;
  font-size:18px!important;
  padding: 0px 60px;
 
  margin-top: 0px;
  line-height: 1.3;
}
.our-product-card:hover .overlay-about {
  bottom: 0;
  
}

/*---------------------------------
Our Gallery
--------------------------------*/
.our-gallery-section{
  padding: 60px 80px;
}
.gallery-rows {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.gallery-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
   height: 100%;
}

.gallery-rows img {
  transition: transform 0.4s ease;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}



.large-image {
  flex: 2;
  position: relative;
  overflow: hidden;
}
.large-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  pointer-events: none;
  z-index: 1;
}



.gallery-rows .large-image:hover img,
.gallery-rows .small-image:hover img {
  transform: scale(1.05);
}

.small-image,
.stacked-images .small-image {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.stacked-images {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  height: 100%;
}

.small-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  pointer-events: none;
  z-index: 1;
}

.large-image img,
.small-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

}


.overlay {
  position: absolute;
  bottom: 0;
  color: #fff;
  padding: 20px 20px;
  display: flex;
  justify-content: flex-start;
  align-items:flex-start;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  width:100%;
  flex-direction: column;

}

.overlay h2 {
  font-family: samsungmedium;
  font-size: 1.5rem;
  color: #ff5800;
  z-index: 2;
}

.overlay p {
  font-family: samsungmedium;
  font-size: 25px;
  font-weight: 100;
  color: #fff; 
    z-index: 2;
}

.overlay span{
  width: 40px;
  height: 40px;
  margin-right: 70px;
  height: 100%;

}

.fit-image{
  width: 100%;
  height: 300px;
}
.fit-image img{
  width: 100%;
  object-fit:cover;
}

/* Responsive */
@media (max-width: 768px) {
  .gallery-row,
  .gallery-row.reverse {
    flex-direction: column;
  }

  .stacked-images {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .stacked-images .small-image {
    flex: 1 1 48%;
  }
}

/*---------------------------------
Map
--------------------------------------*/
.global-footprint {
  text-align: center;
  padding: 60px 80px;
  background-color: #000;
}

.map-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 60px;
  flex-wrap: wrap;
  margin-left: 50px;
}

.map-heading h2 {
  font-size: 3rem;
  margin: 0;
  color: #fff;
  font-family: samsungmedium;
  text-align: center;
 
}

.map-heading span {
  color: #fff;
   font-weight: 100;
}



.map {
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
}

/*-------------------------
Why Choose Us
------------------------*/
  .why-choose {
      max-width: 100%;
      margin: 0 auto;
      padding: 30px 80px;
      background-color: #f5f5f5;
    }
    .why-choose-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.why-choose-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  gap: 15px;
}

.why-choose-item .text-content {
  flex: 1;
}

.right-image {
   width: 220px!important;
    height: 150px!important;
    margin-bottom: 15px;
    object-fit: cover!important;
}


    .why-choose h2 {
      text-align: center;
      color: #ff5800;
      font-size: 45px;
      margin-bottom: 50px;
      font-family: samsungmedium;
    }

    .why-choose-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-left: 1px solid transparent;
      position: relative;
    }

    .why-choose-grid::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 1px;
      background-color: #ccc;
    }

    .why-choose-item {
      text-align: left;
      padding: 30px 20px;
      border-top: 1px solid #ccc;
      padding-left: 20px;
    }


 


    .why-choose-item:nth-child(2n) {
      border-left: none;
    }
    .why-choose-item:nth-child(1) {
      border-top: 0px solid #ccc;
    }
    .why-choose-item:nth-child(2) {
      border-top: 0px solid #ccc;
    }
.why-choose-item:nth-child(1), .why-choose-item:nth-child(3) , .why-choose-item:nth-child(5){
text-align: left;
padding-left: 0px;
}

    .why-choose-item img {
      width: 60px;
      height: 60px;
      margin-bottom: 15px;
      object-fit: contain;
    }

    .why-choose-item h3 {
      color: #f15922;
      font-size: 30px;
      margin: 0;
      font-family: samsungmedium;
    }

    .why-choose-item p {
      margin: 5px 0 0;
      font-size: 16px;
      color: #666;
      font-family: metro;
    }

    @media (max-width: 768px) {
      .why-choose-grid {
        grid-template-columns: 1fr;
        border-left: none;
      }

      .why-choose-grid::before {
        display: none;
      }

      .why-choose-item {
        border-left: none !important;
        border-top: 1px solid #ccc;
      }

      .why-choose-item:nth-child(2n) {
        border-left: none;
      }
    }

    /*---------------------------------
    Blogs
    -----------------------------------*/
      .our-blogs {
      max-width: 100%;
      margin: 0 auto;
      padding: 30px 80px;
    }

    .our-blogs h2 {
      text-align: center;
      color: #ff5800;
      font-size: 45px;
      margin-bottom: -30px;
      font-family: samsungmedium;
    }

   
    .swiper {
      padding: 10px 0 40px;
    }

    .swiper-slide-1 {
      background: #fff;
      border-radius: 6px;
      padding: 0px;
      display: flex;
      flex-direction: column;
    }

    .blog-text{
      margin-top: 10px;
    }

    .blog-text h4 {
      font-size: 15px;
      color: #4a4a4a;
      margin-bottom: 10px;
      font-family:metro;
      font-weight: 100;
      line-height: 1.2;
    }

    .blog-text span {
      color: #ff5800;
      font-size: 15px;
      font-family: metro;
  
    }

.swiper-slide-1:hover img {
  transform: scale(1.05); 
}

    .swiper-slide-1 img {
      width: 90%;
      height:auto;
      margin-top: 20px;
       transition: transform 0.4s ease;
    }

    /* Swiper navigation buttons */
    .swiper-button-prev,
    .swiper-button-next {
      color: #f15922;
    }

    /* Swiper pagination */
   .swiper-pagination-bullet {
  background: #ccc !important;
  width: 40px !important;   
  height: 4px !important;  
  border-radius: 0 !important; 
  margin: 0 4px !important;
  opacity: 1 !important;   
  transition: background 0.3s;
}

    .swiper-pagination-bullet-active {
      background: #ff5800!important;
    }
    .blog-heading h2{
      margin-top: 0px;
      color:#4a4a4a;
    }

    /*------------------------------
    Form
    ---------------------------*/
       .contact-form-wrapper {
      display: flex;
      min-height: 100%;
      padding: 30px 0px 0px 0px;
    }

    .contact-form-image-box {
      flex: 1 1 50%;
      display: flex;
      justify-content: flex-start;
    
    }

    .contact-form-image-box img {
      width: 100%;
    height: 100%;
    object-fit: cover;
    }

    .contact-form-content {
      flex: 1 1 50%;
      padding: 60px 40px;
      background: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .contact-form-heading {
      font-size: 45px;
      color: #4a4a4a;
      margin-bottom: 10px;
      font-family: samsungmedium;
      font-weight: 100;
    }

    .contact-form-subheading {
      font-size: 30px;
      color: #ff5800;
      margin-bottom: 50px;
      font-family: samsungmedium;
      font-weight: 100;
    }

    .contact-form {
      display: flex;
      flex-direction: column;
    }

    .contact-form-row {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
    }

    .contact-form-row input {
      flex: 1;
      min-width: 200px;
    }

    .contact-form input,
    .contact-form textarea {
      padding: 12px;
      margin-bottom: 20px;
      border: none;
      border-bottom: 1px solid #aaa;
      font-size: 18px;
      outline: none;
      width: 100%;
      font-family: metro;
      margin-bottom: 100px;
    }

   
   .arrow-path-1 {
  stroke: #000;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;

  stroke-dasharray: 240;
  stroke-dashoffset: 0; /* fully visible initially */
  transition: stroke 0.4s ease;
}

.contact-form-button:hover .arrow-path-1 {
  stroke: #fff;
  animation: draw-arrow 1.5s forwards;
}

@keyframes draw-arrow {
  0% {
    stroke-dashoffset: 240; /* path hidden */
  }
  100% {
    stroke-dashoffset: 0;   /* path fully drawn */
  }
}


    .contact-form-button {
      background: transparent;
      color: #000;
      border: none;
      padding: 14px 28px;
      font-size: 16px;
      cursor: pointer;
      align-self: flex-start;
      display: flex;
      align-items: center;
      gap: 10px;
      border: 1px solid #ff5800;
    }

    .contact-form-button:hover {
  background-color: #ff5800;
  color: #fff;
  border-color: #ff5800;
    }
   


   
    @media (max-width: 768px) {
      .contact-form-wrapper {
        flex-direction: column;
      }

      .contact-form-image-box {
        order: 1;
        padding: 20px;
      }

      .contact-form-content {
        order: 2;
        padding: 40px 20px;
      }

      .contact-form-row {
        flex-direction: column;
      }
    }

    /*--------------------------------
    Footer
    ---------------------------------*/
     .footer {
      background-color: #ff5800;
      color: white;
      padding: 60px 80px 30px 80px;
    }

    .footer-top {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-bottom: 0px;
    }

    .footer-section {
      flex: 1 1 200px;
      margin-bottom: 30px;
    }

    .footer-section h3 {
      margin: 0 0 10px;
      font-size: 50px;
      font-family: samsungmedium;
      line-height: 1.2;
      font-weight: 100;
    }
     .footer-section h3 strong{
      font-weight: bold;
     }

.footer-section img{
  margin-bottom: 50px;
  height: 50px;
}
    .footer-section p, 
    .footer-section a {
      color: white;
      text-decoration: none;
      margin: 20px 0;
      display: block;
      font-size: 20px;
      font-family:metro;
      font-weight: bold;
      transition: transform 0.3s ease, color 0.3s ease;
    }
    .footer-section a:hover,
.footer-section p:hover {
  transform: translateY(-5px);
}


    .footer-socials {
      display: flex;
      gap: 20px;
      align-items: center;
      margin-top: 10px;
    }

    .footer-socials svg {
      width: 30px;
      height: 30px;
      fill: white;
      cursor: pointer;

    }



    .footer-bottom {
      text-align: center;
      font-size: 14px;
      margin-top: 0px;
      font-family:metro;
      font-weight:100;
      border-bottom: 1px solid #fff4;
      padding-bottom: 20px;
    }
   .footer-section-middle{
    margin-left: 200px;
    margin-top: -20px;
   }

   .footer-bottom a{
    color: #fff;
    font-family: metro;
    cursor: pointer;
   }

    .footer-bottom-1 {
      text-align: center;
      font-size: 14px;
      margin-top: 0px;
      font-family:metro;
      font-weight:100;
      padding-top: 20px;
      line-height: 1.4;
    }
 

   .footer-bottom-1 a{
    color: #fff;
    font-family: metro;
    cursor: pointer;
   }

   .footer-bottom-1 strong{
    font-weight: bold;
   }
   
    @media (max-width: 768px) {
      .footer-top {
        flex-direction: column;
        align-items: flex-start;
      }

      .footer-section {
        width: 100%;
      }

      .footer-socials {
        justify-content: flex-start;
      }
    }

    /*-------------------------------
    Background image
    -----------------------------------*/
    .top-background-img {
      background-image: url('/Images/Header\ bannner.jpg'); 
      background-size: cover;
      background-position: center;
      height: 100vh;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

    .top-background-img h1 {
      color: #fff;
      font-size: 4rem;
      font-weight: bold;
      font-family: samsungmedium;
    }

    @media (max-width: 768px) {
      .top-background-img h1 {
        font-size: 2.5rem;
      }
    }

    @media (max-width: 480px) {
      .top-background-img h1 {
        font-size: 2rem;
      }
    }

     .top-background-img-about {
     background-image: url('/Images/about_02.png'); 
      background-size: cover;
      background-position: center;
      height: 60vh;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

     .top-background-img-about-mobile {
     background-image: url('/Images/mobile/About.jpg'); 
      background-size: contain;
      background-position:top;
      height: 50vh;
      position: relative;
      display: flex;
      background-repeat: no-repeat;
      align-items: flex-end;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

    .top-background-img-about  h1 {
      color: #fff;
      font-size: 2.5rem;
      font-weight: bold;
      font-family: samsungmedium;
      margin-bottom: 40px;
    font-weight: bold;
    margin-left: 20px;
    }

    @media (max-width: 768px) {
      .top-background-img-about  h1 {
        font-size: 2.5rem;
      }
    }

    @media (max-width: 480px) {
      .top-background-img-about  h1 {
        font-size: 2rem;
      }
    }
    /*------------------------------
    About Content
    ---------------------------------*/
        .about-content {
      display: flex;
      justify-content: space-between;
      gap: 40px;
      padding: 40px 80px;
      max-width: 100%;
      margin: auto;
      flex-wrap: wrap;
      margin-top: 0px;
    }

     .about-content h2{
    font-size: 20px;
    color: #4a4a4a;
 }

    .about-left {
      flex: 1 1 400px;
      color: #333;
    }

 
   
    .about-left img{
      height: 100%;
      margin-top: 0px;
    }

    .about-right span {
      font-weight: 100;
      color: #ff5800;
    }
    .about-right h2 {
      display: block;
      font-size: 1.5rem;
      font-weight: 100;
      color: #4a4a4a; 
      margin-top: 5px;
      font-family: grstkregular;
      margin-bottom: 10px;
    }


    .about-right {
      flex: 2 1 400px;
      color: #4a4a4a;
      margin-top: 0px;
    }

    .about-right p {
      font-size: 0.8rem;
      line-height: 1.5;
      font-family: metro;
      font-weight: bold;
      color:#4a4a4a

    }

    /*----------------------------
    About Section 2
    ----------------------------*/
     .about-section-container {
      padding: 0px 80px 40px 80px;
      max-width: 100%;
      margin: auto;
      color: #333;
    }

    .about-section-top {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0px 0px 30px 0px;
      gap: 40px;
    }

    .about-reverse{
       border-top: 0px solid #4a4a4a;
    }

    .about-reverse-right{
      justify-content: flex-start;  
  align-items: center!important;    
  text-align: left;  
  align-content: flex-start; 
    }

    .about-reverse-right h2{
      font-family: samsungmedium;
      font-size: 40px;
    }
     .about-reverse-right span{
      color:#ff5800
    }

    .about-section-left,
    .about-section-right {
      flex: 1 1 100px;
    }
    .about-section-left p{
      font-size: 0.9rem;
      line-height: 1.7  ;
      font-family: metro;
      font-weight: 600;
      color:#4a4a4a;
      max-width: 1000px;
      margin-top: 10px;
      text-align: center;
    }

   .about-section-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;  
  align-items: flex-end;    
  text-align: left;  
  align-content: flex-start;         
}

    .about-section-left h2 {
      font-size: 2.5rem;
      font-weight: bold;
      color: #ff5800;
      font-family: samsungmedium;
    }

    .about-section-left h3 {
      font-size: 2.5rem;
      font-weight: normal;
      color: #333;
      font-family: samsungmedium;
      margin-bottom: 20px;
    }
.about-section-right img {

  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
    .about-section-bottom {
      display: flex;
      justify-content: space-between;
      gap: 40px;
      padding-top: 40px;
      flex-wrap: wrap;
    }

    .about-section-block {
      flex: 1 1 30%;
      min-width: 280px;
    }

    .about-section-block h4 {
      color: #ff5800;
      font-size: 1.5rem;
      margin-bottom: 5px;
      position: relative;
      display: inline-block;
      font-family: metro;
      font-weight: bold;
    }

    .line {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background-color: #ccc;
      margin-top: 8px;

    }


    .spacer{
padding: 40px 80px;
    }


     .about-line {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background-color: #666;
      margin-top: 8px;

    }
    

    .about-section-block p {
      font-size: 1rem;
      line-height: 1.6;
      color: #4a4a4a;
      margin-top: 15px;
      font-family: metro;
      font-weight: bold;
    }

   /*------------------------------------
   About Member section
   ------------------------------------*/
     .about-section-board {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      padding: 60px 80px;
      background-color: #f5f5f5;
    }

    .about-section-board-left {
      flex: 1 1 300px;
      max-width: 400px;
    }

    .about-section-board-left h2 {
      font-size: 2rem;
      margin-bottom: 10px;
      color: #4a4a4a;
      font-family: samsungmedium;
      font-weight: 100;
    }

    .about-section-board-left h2 span {
      color: #ff5800;
      font-weight: bold;
    }

    .about-section-board-left p {
      font-size: 1rem;
      color: #666;
      font-family: metro;
      margin-bottom: 40px;
    }

    .about-section-board-right {
      flex: 2 1 600px;
      display: flex;
      flex-wrap: wrap;
      gap: 80px;
      justify-content: flex-end;
    }

    .about-section-member {
      max-width: 260px;
      text-align: left;
      border-radius: 0px;
      overflow: hidden;
    }

    .about-section-member img {
      width: 100%;
      height: auto;
      display: block;
      transition: transform 0.3s ease;
    }

    .about-section-member img:hover {
  transform: scale(1.05); 
}

    .about-section-member h4 {
      font-size: 1.5rem;
      color: #ff5800;
      margin-top: 10px;
      margin-bottom: 5px;
      font-family: samsungmedium;
    }
    .about-section-member span{
      font-weight: 100;
    }

    .about-section-member p {
      font-size: 0.9rem;
      color: #555;
      padding: 0 0px;
      margin-bottom: 10px;
      font-family: metro;
      font-weight: bold;
    }

    .arrow svg {
      width: 40px;
      height: 40px;
      display: block;
    }
    
    .arrow-path-about {
  stroke: #ff5800;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;

  stroke-dasharray: 240;
  stroke-dashoffset: 0;  
  transition: stroke 0.4s ease;
}

.arrow:hover .arrow-path-about {
  stroke: #ff5800;
  animation: draw-arrow 1.5s ease forwards;
}

@keyframes draw-arrow {
  0% {
    stroke-dashoffset: 240; 
  }
  100% {
    stroke-dashoffset: 0;   
  }
}



    @media (max-width: 768px) {
      .about-section-board {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .about-section-board-left {
        max-width: 100%;
        margin-bottom: 30px;
      }

      .about-section-board-right {
        justify-content: center;
      }
    }

    /*-------------------------------------
    Blogs
    --------------------------------------*/
        .about-section {
      padding: 40px 80px;
      max-width: 100%;
      margin: auto;
    }

    .about-title {
      font-size: 2rem;
      margin-bottom: 10px;
      font-family: samsungmedium;
      color:#444;
    }

    .about-title span {
      color: #ff5800; 
    }

    .about-subheading {
      font-size: 20px;
      color: #444;
      margin-bottom: 10px;
      font-family: metro;
      font-weight: bold;
      margin-top: 15px;
    }
    .discription-blogs{
      color:#ff5800
    }

    .about-description {
      font-size: 14px;
      color: #444;
      margin-bottom: 30px;
      font-family: metro;
      line-height: 1.5;
      width: 60%;
      margin-top: 15px;
      font-weight: bold;
    }

    .about-blogs-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .about-blog-card {
      flex: 1 1 calc(33.333% - 20px);
      border-radius: 0px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .about-blog-card img {
      width: 100%;
      height: 100%;
      transition: transform 0.3s ease;
    }
    .about-blog-card:hover img {
  transform: scale(1.05);
}

    .about-blog-content {
      padding: 15px 0px;
    }

    .about-blog-title {
      font-size: 18px;
      color: #ff5800;
      font-family: samsungmedium;
      font-weight: 100;
      margin-bottom: 10px;
    }

    .about-blog-text {
      font-size: 14px;
      color: #555;
      font-family: metro;
      line-height: 1.5;
      font-weight: bold;
    }

    @media (max-width: 900px) {
      .about-blog-card {
        flex: 1 1 calc(50% - 20px);
      }
    }

    @media (max-width: 600px) {
      .about-blog-card {
        flex: 1 1 100%;
      }
    }
    .about-title-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.about-title {
  font-size: 32px;
  margin: 0;
  white-space: nowrap;
}

.about-title span {
  color: #f26522;
}



@media (max-width: 600px) {
  .about-title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0px;
    gap: 0px;
  }

  .about-title-line {
    width: 100%;
    margin-top: 8px;
  }
  .about-subheading{
    margin-top: 0px;
  }
}
/*-------------------------------
About-more
-------------------------------*/
  .force-section {
      padding: 20px 80px 60px 80px;
      max-width: 100%;
      margin: auto;
      background-color: #f5f5f5;
    }

    .force-container {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      align-items: stretch;
    }

    /* Left side image */
    .force-left {
      flex: 1 1 15%;
      transition: transform 0.3s ease;
    }
    .force-left:hover {
  transform: scale(1.05);
}

    .force-left h2{
      font-family: samsungmedium;
      font-size: 20px;
      color: #ff5800;
      margin-top: 10px;
      margin-bottom: 5px;
      font-weight: 100;
    }
    .force-left p{
      font-family: metro;
      font-size: 13px;
      font-weight: bold;
      color:#4a4a4a
    }
.force-left span{
  font-weight: bold;
}
    .force-left {
  height: 300px; 
  width: 100%; 
  overflow: hidden;
 
}

.force-left img {
  max-height: 80%;
  max-width: 80%;
  display: block;
}



    .force-right {
      flex: 1 1 70%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .force-top {
      flex: 1;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding-right: 20px;
    }

    .force-top-text {
      max-width: 400px;
      font-family: metro;
    }

   

     .description {
      color: #666;
      font-size: 15px;
      line-height: 1.6;
        font-family: metro;
        font-weight: bold;
  
    }

    .divider {
      height: 1px;
      background-color: #ccc;
      margin: 20px 0;
    }

    .force-bottom {
      flex: 1;
      display: flex;
      align-items: flex-end;
      flex-direction: column;
      gap: 10px;
      text-align: right;
    }
    .force-bottom p{
      max-width: 400px;
    }

    .force-link {
      color: #f26522;
      font-weight: 500;
      font-size: 16px;
      cursor: pointer;
    }

    @media (max-width: 768px) {
      .force-container {
        flex-direction: column;
      }

      .force-left, .force-right {
        flex: 1 1 100%;
      }

      .force-top,
      .force-bottom {
        align-items: flex-start;
      }

      .force-bottom {
        justify-content: flex-start;
      }
    }

    /*------------------------------
    Footer bottom
    ------------------------------*/
     .about-bottom-section {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 40px 20px;
  }

  .about-bottom-sub {
    font-size: 1rem;
    color: #ccc;
    margin-bottom: 10px;
    font-family: metro;
  }
  
  .about-bottom-sub-1 {
    font-size: 1rem;
    color: #ccc;
    margin-bottom: 20px;
    font-family: metro;
    margin-top: -20px;
  }

  .about-bottom-heading {
    font-size: 2.5rem;
    font-weight: 400;
    margin: 0 0 30px;
    line-height: 1.4;
    font-family: samsungmedium;
    font-weight: 100;
  }

  .about-bottom-heading span {
    color: #ff5800;
    font-weight: 600;
  }

  .about-bottom-button {
    display: inline-block;
    padding: 10px 20px 20px 20px;
    color: #fff;
    border: 1px solid #ff5800;
    text-decoration: none;
    font-weight: 500;
    border-radius: 0px;
    transition: all 0.3s ease;
    font-family: grstkregular;
  }

  .about-bottom-button span {
    margin-left: 10px;
    font-size: 1.5rem;
  }

  .about-bottom-button:hover {
    background-color: #f26522;
    color: #fff;
  }

  @media (max-width: 768px) {
    .about-bottom-heading {
      font-size: 1.6rem;
    }

    .about-bottom-button {
      padding: 8px 16px;
    }
  }
  .btn-arrow {
  width: 18px;
  height: 18px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.about-bottom-button:hover .btn-arrow {
  transform: translateX(4px);
}

    /*-------------------------------
    Background image
    -----------------------------------*/
    .top-background-img-carrer {
      background-image: url('/Images/Carrer-100.jpg'); 
      background-size: cover;
      background-position: center;
      height: 60vh;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

    .top-background-img-carrer h1 {
      color: #fff;
      font-size: 2.5rem;
      font-weight: bold;
      font-family: samsungmedium;
      margin-bottom: 40px;
    font-weight: bold;
    margin-left: 20px;
    }
     .top-background-img-carrer span {
      font-weight: bold;
    }

      .top-background-img-carrer-mobile {
      background-image: url('/Images/mobile/carrer.jpg'); 
      background-size: cover;
      background-position: center;
      height: 80vh;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

    .top-background-img-carrer-mobile h1 {
      color: #fff;
      font-size: 2.5rem;
      font-weight: bold;
      font-family: samsungmedium;
      margin-bottom: 40px;
    font-weight: bold;
    margin-left: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

    }
     .top-background-img-carrer-mobile span {
      font-weight: bold;
    }

    .contact-form-upload {
  margin-top: -45px;
  margin-bottom: 40px;
}

.upload-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #ff5800;
  color: white;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.3s ease;
  font-family: metro;
}



.upload-icon {
  width: 20px;
  height: 20px;
  stroke: white;
}

.upload-input {
  display: none;
}


    @media (max-width: 768px) {
      .top-background-img-carrer-mobile h1 {
        font-size: 1.5rem;
        margin-left: 0px;
      }
    }

    @media (max-width: 480px) {
      .top-background-img-carrer-mobile h1 {
        font-size: 1.5rem;
         margin-left: 0px;
      }
    }

   
    .top-background-img-contact {
      background-image: url('/Images/Contact-100.jpg'); 
      background-size: cover;
      background-position: center;
      height: 60vh;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

   .top-background-img-contact h1 {
     color: #fff;
      font-size: 2.5rem;
      font-weight: bold;
      font-family: samsungmedium;
      margin-bottom: 40px;
    font-weight: bold;
    margin-left: 20px;
    }
    .top-background-img-contact span {
      font-weight: bold;
    }

    .top-background-img-contact-mobile {
      background-image: url('/Images/mobile/Contact.jpg'); 
      background-size: cover;
      background-position: center;
      height: 60vh;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

   .top-background-img-contact-mobile h1 {
     color: #fff;
      font-size: 2.5rem;
      font-weight: bold;
      font-family: samsungmedium;
      margin-bottom: 40px;
    font-weight: bold;
    margin-left: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

    }
    .top-background-img-contact-mobile span {
      font-weight: bold;
    }


    @media (max-width: 768px) {
     .top-background-img-contact-mobile h1 {
        font-size: 2.5rem;
        margin-left: 0px;
      }
    }

    @media (max-width: 480px) {
     .top-background-img-contact-mobile h1 {
        font-size: 2rem;
         margin-left: 0px;
      }
    }

  .top-background-img-blogs {
      background-image: url('/Images/mediabanner.jpg'); 
      background-size: cover;
      background-position: center;
      height: 60vh;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

     .top-background-img-blogs-mobile {
      background-image: url('/Images/mobile/Media.jpg'); 
      background-size: cover;
      background-position: center;
      height: 80vh;
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding-left: 5%;
      background-attachment: fixed;
    }

     .top-background-img-blogs-mobile h1 {
       color: #fff;
      font-size: 2.5rem;
      font-weight: 100;
      font-family: samsungmedium;
      margin-bottom: 40px;
    font-weight: bold;
    margin-left: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

    }

  .top-background-img-blogs h1 {
       color: #fff;
      font-size: 2.5rem;
      font-weight: 100;
      font-family: samsungmedium;
      margin-bottom: 40px;
    font-weight: bold;
    margin-left: 20px;
    }
   .top-background-img-blogs span {
      font-weight: 100;
    }

    @media (max-width: 768px) {
    .top-background-img-blogs-mobile h1 {
        font-size: 2.5rem;
        margin-left: 0px;
      }
    }

    @media (max-width: 480px) {
    .top-background-img-blogs-mobile h1 {
        font-size: 2rem;
         margin-left: 0px;
      }
    }


    /*--------------------------------
    Big Blog
    -------------------------------*/
    .big-blog {
  width: 100%;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
    
}

.big-blog-image img {
  width: 100%;
  height: 500px;
  display: block;
  transition: transform 0.4s ease;
}
.big-blog-image img:hover {
  transform: scale(1.02); 
}

.big-blog-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 80px;
  flex-wrap: wrap;
}

.big-blog-text {
  flex: 1;
}

.big-blog-title {
  font-size: 1rem;
  font-weight: 100;
  color: #4a4a4a;
  margin-bottom: 4px;
  font-family: metro;
}

.big-blog-subtitle {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 8px;
  font-family: metro;
}

.big-blog-date {
  color: #ff5800;
  font-size: 1rem;
  font-family: metro;
  margin-top: 20px;
}

.big-blog-arrow img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  transition: transform 0.3s ease;
  cursor: pointer;
}




.big-blog-image{
  padding: 0px 80px;
}

@media (max-width: 768px) {
  .big-blog-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 20px;
  }

  .big-blog-arrow {
    align-self: flex-start;
  }
  .big-blog-image {
    padding: 0px 20px;
    
}
.big-blog-image img{
  height: 300px;
}
}


/*-----------------------------------
Blog Bottom
----------------------------------*/
.blog-bottom {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 50px 20px;
  margin-top: 40px;
}

.blog-bottom-heading {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 30px;
  font-family: samsungmedium;
   color: #ff5800;
}

.blog-bottom-heading span {
  color: #f26522;
}

.blog-bottom-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 500px;
  margin: 0 auto;
}

.blog-bottom-form input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #888;
  background: transparent;
  color: #fff;
  padding: 20px;
  font-size: 1rem;
  outline: none;
  text-align: center;
  font-family: metro;
}

.blog-bottom-form input::placeholder {
  color: #aaa;
  font-size: 0.9rem;
}

.blog-bottom-form button {
  background-color: transparent;
  color: #fff;
  border: 1px solid #f26522;
  padding: 10px 20px;
  font-size: 0.95rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: background 0.3s, color 0.3s;
  font-weight: 100;
}

.blog-bottom-form button:hover {
  background-color: #f26522;
  color: #fff;
}

.blog-bottom-form button img {
  width: 18px;
  height: 18px;
}

/*-----------------------------
Contact
-------------------------*/
.contact-form-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px;
  gap: 30px;
}

.contact-left {
  flex: 1 1 35%;
  max-width: 35%;
}

.contact-info p {
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.5;
}

.contact-info a,
.orange-text {
  color: #ff5800;
  text-decoration: none;
}

.contact-map iframe {
  margin-top: 0px;
width: 100%;
}

.contact-right {
  flex: 1 1 60%;
  max-width: 60%;
}

.contact-right h2 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #444;
}

.contact-right h2 span {
  color: #f6530f;
  font-weight: bold;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.form-row input,
.form-row textarea {
  flex: 1;
  padding: 10px 14px;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #aaa;
  outline: none;
  background: transparent;
  color: #333;
}

textarea {
  resize: vertical;
  width: 100%;
}

.submit-btn {
  background: #f6530f;
  color: white;
  padding: 8px 18px;
  border: none;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.submit-btn img {
  width: 16px;
  height: auto;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-form-main {
    flex-direction: column;
    padding: 20px;
  }

  .contact-left, .contact-right {
    max-width: 100%;
  }

  .form-row {
    flex-direction: column;
  }
}

/*----------------------------
Contact 
------------------------------*/
.contact-form-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px 80px;
  gap: 30px;
  margin-bottom: 50px;
}

.contact-left {
  flex: 1 1 45%;
  max-width: 45%;
}

.contact-info p {
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.5;
  font-family: samsungmedium;
  font-weight: 100;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #4a4a4a;
}

.contact-info hr{
  width: 50%;
}

.contact-info a,
.orange-text {
  color: #ff5800;
  text-decoration: none;
  font-family: metro;
  font-weight: bold;
  font-size: 14px;
}

.contact-info span{
  color:#ff5800;
  font-family: metro;
  font-weight: bold;
}

.contact-map {
margin-top:50px;
}

.contact-map iframe{
height: 400px;
}

.contact-right {
  flex: 1 1 50%;
  max-width: 50%;
  margin-top: 20px;
}

.contact-right h2 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #444;
}

.contact-right h2 span {
  color: #f6530f;
  font-weight: bold;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.form-row input,
.form-row textarea {
  flex: 1;
  padding: 10px 14px;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #aaa;
  outline: none;
  background: transparent;
  color: #333;
}

textarea {
  resize: vertical;
  width: 100%;
}



.submit-btn img {
  width: 16px;
  height: auto;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-form-main {
    flex-direction: column;
    padding: 20px;
  }
  .contact-map {
    margin-top: 40px;
    margin-bottom: 40px;
}

  .contact-left, .contact-right {
    max-width: 100%;
    margin-top: 30px;
  }

  .form-row {
    flex-direction: column;
  }
  .contact-info p {
    font-size: 14px;
  }
  .contact-info a, .orange-text , .contact-info span {
    font-size: 14px;
  }
}

/*-----------------------------
Carreer
-------------------------------*/
.career-content {
  padding: 60px 80px;
}

.career-heading {
  color: #ff5800;
  font-size: 40px;
  margin-bottom: 20px;
  font-family: samsungmedium;
  font-weight: 100;
}

.career-options {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.career-item {
  flex: 1 1 200px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 25px;
  color: #4a4a4a;
  cursor: pointer;
  transition: color 0.3s ease;
  font-family: metro;
  margin-top: 20px;
}

.career-item span {
  color: #ff5800;
  font-weight: bold;
}

.career-item:hover {
  color: #f4511e;
}

/*-----------------------------
About 
-------------------------------*/
    .aboutcontent-section-2 {
      max-width: 100%;
      margin: 0 auto;
      padding: 60px 80px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      background-color: #f5f5f5;
    }

    .aboutcontent-section-2 .left-heading {
      flex: 1 1 100%;
      margin-bottom: 2rem;
      font-family: samsungmedium;
      font-size:3rem
    }

    .aboutcontent-section-2 .left-heading h2 {
      font-size: 2rem;
      font-weight: 600;
      line-height: 1.3;
      color: #4a4a4a;
    }

    .aboutcontent-section-2 .left-heading span {
      color: #ff5800;
      font-weight: 700;
    }

    @media (min-width: 1024px) {
      .aboutcontent-section-2 .left-heading,
      .aboutcontent-section-2 .right-content {
        flex: 0 0 48%;
      }

      .aboutcontent-section-2 .left-heading {
        margin-bottom: 0;
      }
    }
.aboutcontent-section-2 .right-content {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      padding: 20px;
      background-color: #000;
    }

   .aboutcontent-section-2 .right-content img {
      flex: 1;
      width: 100px;
      height: 100px;
      object-fit: cover;
      border-radius: 8px;
    }

    @media (max-width: 768px) {
   .aboutcontent-section-2   .right-content {
        flex-direction: column;
      }

      .right-content img {
        margin-bottom: 15px;
      }
    }
    .aboutcontent-section-2 .left-heading {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }

    .aboutcontent-section-2 .left-heading p {
      font-size: 1rem;
      color: #4a4a4a;
      margin: 0;
      font-family: metro;
      line-height: 1.5;
      font-weight: bold;
    }

    .aboutcontent-section-2 .highlight-list {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .aboutcontent-section-2 .highlight-item {
      font-size: 1.3rem!important;
      font-weight: 500;
      color: #ff5800!important;
      display: flex;
      align-items: center;
    }

    .aboutcontent-section-2 .highlight-item span {
      font-size: 2rem;
      margin-right: 0.5rem;
      color: #ff5800;
    }


    /*--------------------------------
    Product About
    -------------------------------*/
     .product-about {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 40px 80px;
      background-color: #fafafa;
    }

    .product-about .text-section {
      flex: 1 1 400px;
      max-width: 100%;
    }

    .product-about .text-section h2 {
      font-size: 3rem;
      font-weight: 600;
      color: #666;
      font-family: samsungmedium;
    }

    .product-about .text-section h2 span {
      color: #ff5800;
    }

    .product-about .text-section ul {
      margin-top: 40px;
      padding-left: 20px;
      list-style: none;
    }

    .product-about .text-section ul li {
      margin-bottom: 15px;
      font-size: 1rem;
      color: #666;
      border-bottom: 1px solid #ddd;
      padding-bottom: 8px;
      max-width: 400px;
      font-family: metro;
      font-weight: bold;
    }

   .product-about .image-section {
  flex: 1 1 300px;
  max-width: 100%;
  text-align: center;
  height: 400px; 
  overflow: hidden;
 
   }

.product-about .image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  border-radius: 4px;
  display: block;
  transition: transform 0.4s ease;
}
.product-about .image-section img:hover {
  transform: scale(1.05); 
}
/*---------------------------
Product image
----------------------------*/
  .product-container {
      background-color: #fff;
      padding: 40px 80px;
    }

    .product-wrapper {
      max-width: 100%;
      margin: auto;
    }

    .product-heading {
      text-align: left;
      margin-bottom: 30px;
    }

    .product-heading small {
      color: #4a4a4a;
      font-size: 1.3rem;
      font-family: metro;
    }

    .product-heading h2 {
      font-size: 2rem;
      color: #ff5800;
      margin: 5px 0 0;
      font-family: samsungmedium;
    }

    .product-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .product-column {
      flex: 1 1 calc(33.333% - 20px);
      background-color: white;
      display: flex;
      flex-direction: column;
    }

    .product-image-box {
  position: relative;
  width: 100%;
  height: 200px; 
  overflow: hidden;
  transition: transform 0.4s ease;
  background-color: #ff5800;
}

.product-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

.product-image-big{
  height: 480px;
}


    .product-image-box:hover {
      transform: scale(1.05);;
    }

    .product-caption {
      background-color: #ff5800;
      color: #fff;
      text-align: center;
      padding: 10px;
      font-weight: bold;
      font-family: samsungmedium;
    }

    .product-caption small {
      display: block;
      font-weight: normal;
      font-size: 0.85rem;
      font-family: metro;
      margin-top: 3px;
    }

    .product-double-column {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      gap: 20px;
    }

    .product-text-block {
      background-color: white;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }

    @media (max-width: 768px) {
      .product-column {
        flex: 1 1 100%;
      }
    }

    /*------------------------------
    Product icon section
    -------------------------*/
      .product-icon-section {
      background-color: #fafafa;
      padding: 40px 80px;
    }

    .product-icon-wrapper {
      max-width: 100%;
      margin: auto;
    }

    .product-icon-heading {
      display: flex;
      align-items: center;
      margin-bottom: 40px;
      flex-wrap: wrap;
      font-family: samsungmedium;
    }

    .product-icon-heading h2 {
      font-size: 2rem;
      color: #ff5800;
      margin: 0;
      margin-right: 10px;
    }

    .product-icon-heading h2 span {
      color: #4a4a4a;
      font-weight: normal;
    }

    .product-icon-heading-line {
      flex-grow: 1;
      height: 2px;
      background-color: #ccc;
      margin-left: 20px;
    }

    .product-icon-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 80px 40px;
      justify-content: space-between;
    }

    .product-icon {
      flex: 1 1 calc(50% - 40px);
      text-align: left;
    }
.product-icon img:hover {
  transform: translateY(-5px);
}

    .product-icon img {
      width: 50px;
      height: 50px;
      display: block;
      margin-bottom: 20px;
      transition: transform 0.3s ease;
    }

    .product-icon-text-row {
      display: flex;
      align-items: center;
    }

    .product-icon-text {
      font-size: 1rem;
      color: #4a4a4a;
      white-space: nowrap;
      font-family: metro;
      font-weight: bold;
    }

    .product-icon-line {
      flex-grow: 1;
      height: 2px;
      background-color: #ccc;
      margin-left: 10px;
      margin-top: 10px;
    }

/*-------------------------------
Product about 2
------------------------------*/
 .product-about-2-section {
      background-color: #fafafa;
       padding: 40px 0px 80px 0px;
    }

    .product-about-2-strip {
      background-color: #ff5800;
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 100%;
      padding: 0px 80px;
      margin: auto;
      flex-wrap: wrap;
      margin: 20px 0px;
    }

    .product-about-2-content {
      color: #ffffff;
      max-width: 500px;
    }

    .product-about-2-content h3 {
      margin: 0;
      font-size: 2rem;
      font-weight: 100;
      font-family: samsungmedium;
    }

    .product-about-2-content h2 {
      margin: 5px 0 0;
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.2;
      font-family: samsungmedium;
    }

    .product-about-2-image {
      max-width: 400px;
      width: 100%;
    }

    .product-about-2-image img {
      width: 100%;
      height: auto;
      display: block;
      margin: -40px 0px;
      transition: transform 0.4s ease;
    }
.product-about-2-image img:hover {
  transform: scale(1.05); 
}
    @media (max-width: 768px) {
      .product-about-2-strip {
        flex-direction: column;
        padding: 40px 20px;
        text-align: center;
      }

      .product-about-2-content {
        margin-bottom: 20px;
      }
    }

    /*---------------------------------
    Product Blogs
    ---------------------------------*/
       .product-blogs {
      padding: 40px 80px;
      max-width: 100%;
      margin: auto;
      text-align: center;
    }

  

    .product-blogs p {
      margin-bottom: 10px;
      color: #4a4a4a;
      font-family: metro;
      font-size: 1rem;
    }

    .product-blog-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      margin-top: 30px;
    }

    .product-blog-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: transform 0.3s ease;
    }
    .product-blog-item:hover {
  transform: scale(1.05); 
}

    .product-blog-image {
      width: 100%;
      padding-top: 100%;
      position: relative;
      overflow: hidden;
      border-radius: 0px;
    }

    .product-blog-image img {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .product-blog-title {
      margin-top: 15px;
      font-weight: 100;
      font-size: 1rem;
      font-family: samsungmedium;
      color: #4a4a4a;
    }

    .product-blog-desc {
      font-size: 0.9rem;
      color: #4a4a4a;
      margin-top: 5px;
      font-family: metro;
      line-height: 1.3;
    }

    @media (max-width: 1024px) {
      .product-blog-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 768px) {
      .product-blog-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 500px) {
      .product-blog-grid {
        grid-template-columns: 1fr;
      }
    }

    /*------------------------------
    Product Chart
    -----------------------------*/
        .product-chart {
      padding: 40px 80px;
            background-color: #fafafa;
    }

    .product-chart table {
      border-collapse: collapse;
      width: 100%;
      min-width:100%;
    }

    .product-chart th, .product-chart td {
      border: 1px solid #4a4a4a;
      text-align: center;
      padding: 12px;
      font-family: samsungmedium;
    }

    .product-chart th {

      font-weight: bold;
      color: #333;
    }

    .product-chart thead tr:first-child th {
      font-size: 2rem;
      color: #ff5800;
      background: none;
      border: none;
      text-align: center;
      padding-bottom: 30px;
      font-family: samsungmedium;
    }
     .product-chart thead tr:first-child th span {
     color: #4a4a4a;
    }

    .product-chart td:first-child,
    .product-chart th:first-child {
      background-color: #4a4a4a;
      color: white;
      font-weight: bold;
      text-align: right;
      max-width: 100px;
    }

    .checkmark {
      color: #ff5800;
      font-size: 1.5rem;
    }

    .crossmark {
      color: #4a4a4a;
      font-size: 1.5rem;
    }

    .brand-logo {
      height: 30px;
      vertical-align: middle;
    }

    @media screen and (max-width: 768px) {
      .product-chart th, .product-chart td {
        font-size: 14px;
        padding: 8px;
      }
      .product-chart thead tr:first-child th {
        font-size: 1.2rem;
      }
      .brand-logo {
        height: 24px;
      }
    }

    /*-------------------------------
    Product-specification
    --------------------------------*/
.specification{
  padding: 40px 80px;
  background-color: #fafafa;
}

    .product-specification {
  display: flex;
  justify-content: center;
  margin-top: -5px;
}

.spec-box {
  position: relative;
  max-width: 100%;
  width: 100%;
  max-height: 700px;
}

.spec-box img {
  width: 100%;
  max-height: 100%; 
  object-fit:fill;
  display: block;
}



.spec-content {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  text-align: left;
  max-width: 100%;
}

.spec-content h2 {
  font-size: 48px;
  color: #ff5800;
  margin-bottom: 15px;
}

.spec-content p {
  font-size: 1.5rem;
  margin: 5px 0;
  font-family: samsungmedium;
  font-weight: 100;
  text-align: right;
}


/*--------------------------------
Diamond Tools
--------------------------------*/
.diamond-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 60px 80px;
  gap: 20px;
}

.diamond-left {
  flex: 1 1 45%;
}

.diamond-left h2 {
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.3;
  color: #4a4a4a;
  font-family: samsungmedium;
}

.diamond-left .highlight {
  color: #ff5800;
  font-weight: 700;
}

.diamond-right {
  flex: 1 1 45%;
}

.diamond-right p {
  font-size: 1rem;
  color: #333;
  line-height: 1.7;
  font-family: metro;
}


/*------------------------
Diamond Product
-------------------------*/
.diamond-product {
  padding: 40px 80px;
  background-color: #fafafa;

}

.diamond-product-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 50px;
}

.product-image img {
  max-width: 300px;
  height: auto;
}

.material-list {
  display: flex;
  flex-wrap: wrap;
  gap:100px;
  justify-content: flex-start;
  align-items: center;
}

.material {
  text-align: center;
}

.material img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px;
}

.material p {
  font-size: 1rem;
  color: #4a4a4a;
  font-family: metro;
}

/* Bottom line */
.bottom-line {
  margin-top: 40px;
  height: 2px;
  background-color: #ccc;
  width: 100%;
  margin-left: -80px;
}

/* Responsive */
@media (max-width: 768px) {
  .product-image img {
    max-width: 140px;
  }

  .material img {
    width: 80px;
    height: 80px;
  }

  .material p {
    font-size: 0.9rem;
  }
}

/*-----------------------------
Diamond-product-right
----------------------------*/
    .diamond-product-section {
      display: flex;
      padding: 40px 80px;
      background-color: #fff;
      max-width: 100%;
      margin: auto;
      gap: 20px;
    }

    .diamond-product-left {
      flex: 0 0 70%;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .bottom-line-reverse {
  margin-top: 40px;
  height: 2px;
  background-color: #ccc;
  width: 100%;
}

    .diamond-product-row {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .diamond-product-row-top {
      justify-content: space-between;
    }

    .diamond-product-row-bottom {
      justify-content: center;
    }

    .diamond-product-item {
      width: calc(25% - 15px);
      text-align: center;
    }

    .diamond-product-item img {
      width: 150px;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      object-fit: cover;
    }

    .diamond-product-item p {
      margin-top: 8px;
      font-weight: 500;
      color: #4a4a4a;
      font-family: metro;
      font-size: 1rem;
    }

    .diamond-product-right {
      flex: 0 0 28%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .diamond-product-right img {
      max-width: 300px;
      height: auto;
    }

    /* Responsive */
    @media (max-width: 1024px) {
      .diamond-product-item {
        width: calc(33.33% - 13px);
      }

      .diamond-product-left {
        flex: 100%;
        align-items: center;
      }

      .diamond-product-right {
        flex: 100%;
      }

      .diamond-product-row-top {
        justify-content: center;
      }
    }

    @media (max-width: 600px) {
      .diamond-product-item {
        width: 45%;
      }

      .diamond-product-section {
        flex-direction: column;
        align-items: center;
      }
    }

    /*----------------------------
    Diamond Chart
    -----------------------------*/
       .diamond-chart-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      padding: 0px 80px 80px 0px ;
      background-color: #fafafa;
    }

    .diamond-chart-left {
      flex: 1 1 400px;
    }

    .diamond-chart-left h2 {
      color: #ff5800;
      font-size: 2.5rem;
      margin-bottom: 20px;
      font-family: samsungmedium;
      padding-left: 80px;
    }

    .diamond-chart-section-title {
      background: #ff5800;
      color: white;
      padding: 10px 80px;
      font-weight: bold;
      margin: 20px 0 10px;
      display: inline-block;
      font-family: metro;
    }

    .diamond-chart-crown-images,
    .diamond-chart-rock-group,
    .diamond-chart-cutting-range,
    .diamond-chart-drill-params {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      margin-bottom: 20px;
      padding-left: 80px;
    }

    .diamond-chart-crown-images img,
    .diamond-chart-drill-params img {
      width: 100px;
      height: 80px;
      object-fit: contain;
    }

    .diamond-chart-crown-images div {
      text-align: center;
    }

    .diamond-chart-rock-group div {
      width: 80px;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-weight: bold;
      border-radius: 0px;
      text-align: center;
    }

    .diamond-chart-rock-group .green { background: green; }
    .diamond-chart-rock-group .blue { background: #0047ab; }
    .diamond-chart-rock-group .red { background: red; }

    .diamond-chart-cutting-range div {
      width: 80px;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-weight: bold;
      border-radius: 0px;
    }

    .diamond-chart-cutting-range .c { background: #555; }
    .diamond-chart-cutting-range .sc { background: orange; }

    .diamond-chart-table-box {
      flex: 1 1 400px;
      background: white;
      border: 1px solid #ccc;
      padding: 10px;
    }

    .diamond-chart-crown-images p{
      font-family: metro;
      font-size: 1rem;
    }
    .diamond-chart-table-box h2 {
      color: #ff5800;
      font-size: 24px;
      margin-bottom: 10px;
    }

    .diamond-chart-table {
      width: 100%;
      border-collapse: collapse;
    }

    .diamond-chart-table td {
      border: 1px solid #ccc;
      padding: 8px;
    }

    @media (max-width: 768px) {
      .diamond-chart-container {
        flex-direction: column;
      }
    }
    

    /*----------------------------------
    Map
    --------------------------------*/
      .global-footprint-section-1 {
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
  color: white;
  padding: 40px 20px;
  align-items: center;
}

.left-text-1 {
  flex: 1 1 30%;
  padding: 20px;
}

.left-text-1 h2 {
  color: #ff5c00;
  font-size: 2em;
  margin-bottom: 10px;
}

.left-text-1 p {
  font-size: 1.1em;
  line-height: 1.6;
}

.right-image-1 {
  flex: 1 1 60%;
  text-align: center;
  padding: 20px;
}

.right-image-1 img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*-------------------------
Spilit section
--------------------------*/
.split-section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 300px;
  padding: 40px 0px;

}

.split-left{
  flex: 1 1 50%;
  box-sizing: border-box;
}

.split-right {
  flex: 1 1 50%;
  box-sizing: border-box;
}

.split-left {
  background-color: #000;
}

.split-right {
  padding: 0px 20px;
}

/* Responsive for mobile */
@media (max-width: 768px) {
  .split-left,
  .split-right {
    flex: 1 1 100%;
  }
}

/*-----------------------------
Indotray
----------------------------*/
    .indotray-product-section {
      display: flex;
      flex-wrap: wrap;
      background-color: #fafafa;
      font-family: Arial, sans-serif;
      padding: 40px 80px;
    }

    .indotray-product-left {
      flex: 1 1 40%;
      padding: 20px;
      box-sizing: border-box;
    }
.background-text{
  background-color: #ff5800;
  padding: 20px;
}


    .indotray-product-left h2 {
      color: #fff;
      font-size: 2rem;
      margin-bottom: 0px;
      font-family: samsungmedium;
      font-weight: 100;
    }

    .indotray-product-left h3 {
      color: #fff;
      font-size: 2rem;
      font-family: samsungmedium;
      font-weight: bold;
    }

    .indotray-product-left img {
      max-width: 100%;
      height: 35ch;
      margin-top: 40px;

    }

    .indotray-product-right {
      flex: 1 1 60%;
      padding: 20px;
      box-sizing: border-box;
    }

    .indotray-product-top {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

    .indotray-product-top .indotray-product-box {
      flex: 1 1 48%;
      background-color:none;
      padding: 10px;
      box-sizing: border-box;
      text-align: center;
      border: 1px solid #ccc;
    }

    .indotray-product-top  {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px;
    }
.indotray-product-box img {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px;
    }
    .indotray-product-top .indotray-product-box h4 {
      font-size: 18px;
      color: #000;
      margin-bottom: 6px;
      font-family: samsungmedium;
      text-transform: capitalize;
    }

    .indotray-product-top .indotray-product-box p {
      font-size: 16px;
      color: #555;
      font-family: metro;
      line-height: 1.3;
    }

    .indotray-product-features-wrapper {
      background-color: #ff5800;
      border-radius: 0px;
      padding: 40px 20px;
      color: white;
    }

    .indotray-product-features {
      display: flex;
      justify-content: space-between;
      gap: 10px;
    }

    .indotray-product-feature {
      flex: 1;
      text-align: center;
    }

    .indotray-product-feature img {
      width: 40px;
      height: 40px;
      margin-bottom: 10px;
    }

    .indotray-product-feature h5 {
      font-size: 16px;
      margin-bottom: 5px;
      font-family: samsungmedium;
    }

    .indotray-product-feature p {
      font-size: 14px;
      margin: 0;
      font-family: metro;
    }

    @media screen and (max-width: 992px) {
      .indotray-product-section {
        flex-direction: column;
      }

      .indotray-product-left,
      .indotray-product-right {
        flex: 1 1 100%;
        padding: 10px;
      }

      .indotray-product-top .indotray-product-box {
        flex: 1 1 100%;
      }

      .indotray-product-features {
        flex-direction: column;
        align-items: center;
      }

      .indotray-product-feature {
        flex: 1 1 100%;
        margin-bottom: 20px;
      }
    }

    /*----------------------------
    Indortray last
    -------------------------------*/
       .indotray-last-section {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      padding: 40px 80px;
    }

    .indotray-last-left {
      flex: 1 1 70%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    .indotray-last-box {
      position: relative;
      width: 100%;
      height: 400px;
      overflow: hidden;
      border-radius: 0px;
    }

    .indotray-last-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0px;
    }

    .indotray-last-overlay {
      position: absolute;
      bottom: 10%;
      right: 40px;
      color: #ff5800;
      font-weight: bold;
      text-shadow: 0 0 5px #000;
      text-align: right;
    }
    .indotray-last-overlay h2 {
  font-family: samsungmedium;
  color: #000;
  font-size: 3rem;
  font-weight: 100;
  -webkit-text-stroke: 1px orange; 
  text-stroke: 1px orange;
}

    .indotray-last-overlay small {
      display: block;
      font-size: 1.3rem;
      font-weight: normal;
      color: white;
      font-family: metro;
      line-height: 1.3;
    }

    .indotray-last-overlay img{
      width:150px;
    }

    .indotray-last-right {
      flex: 1 1 15%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #fafafa;
      padding: 0px 20px;
      border-radius: 0px;
      gap: 35px;
      align-items: center;
    }

    .indotray-last-right-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      color: #ff5800;
    }

    .right-small-img img{
       max-width: 170px!important;
      margin-bottom: 10px;
    }

    .indotray-last-right-item img {
      max-width: 200px;
      margin-bottom: 10px;
    }

    .indotray-last-right-item h4 {
      margin: 5px 0;
      font-family: samsungmedium;
      font-size: 1.2rem;
    }

    .indotray-last-right-item p {
      margin: 0;
      font-size: 1rem;
      font-family: metro;
    }

    @media (max-width: 768px) {
      .indotray-last-section {
        flex-direction: column;
      }

      .indotray-last-left {
        grid-template-columns: 1fr;
      }

     
      .indotray-last-right-item {
        width: 100%;
      }
    }

    /*------------------------------
    Dimension table
    --------------------------*/
      .dimension-table-container {
      overflow-x: auto;
      max-width: 100%;
      padding: 40px 80px;
    }
.dimension-table-container h2{
  text-align: center;
  font-family: samsungmedium;
  font-size: 2rem;
  color:#ff5800;
  margin-bottom: 20px;
}
    .dimension-table {
      width: 100%;
      min-width: 100%;
      border-collapse: collapse;
      padding: 40px 80px;
    }

    .dimension-table th,
    .dimension-table td {
      border: 1px solid #ddd;
      padding: 8px;
      text-align: center;
    }
    .dimension-table td {
      font-family: metro;
    }

    .dimension-table th {
      background-color: #ff5800;
      color: white;
      font-weight: bold;
      font-family: samsungmedium;
    }

    .dimension-table tr:nth-child(even) {
      background-color: #fdf2ec;
    }

    .dimension-table tr:nth-child(odd) {
      background-color: #fff;
    }

    .dimension-table td[colspan] {
      background-color: #fff !important;
    }

    @media screen and (max-width: 768px) {
      .dimension-table {
        overflow-x: scroll;
      }
      
    }

    /*------------------------------
    Core section
    ------------------------------*/
     .core-section {
      padding: 0px 80px 40px 80px;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
      gap: 40px;
    }

    .core-left {
      flex: 1 1 300px;
      max-width: 500px;
    }

    .core-heading{
padding: 40px 80px 0px 80px;
    }

     .core-heading h2 {
      font-size: 2rem;
      color: #ff5800;
      margin-bottom: 10px;
      font-family: samsungmedium;
    }

     .core-heading h3 {
      font-size: 2rem;
      color: #333;
      margin-bottom: 30px;
      font-family:metro;
    }

   .core-left {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  flex: 1 1 300px;
  max-width: 100%;
}

.feature {
  border: 1px solid #ff5800;
  padding: 40px 20px;
  border-radius: 0px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.feature img {
  width: 70px;
  height: 70px;
  margin-right: 0;
  margin-bottom: 10px;
}

.feature-text {
  font-size: 0.9rem;
  color: #666;
  padding-bottom: 5px;
  font-family: metro;
  margin-top: 0;
  line-height: 1.1;
  margin-top: 10px;
}

@media (max-width: 500px) {
  .core-left {
    grid-template-columns: 1fr;
  }
}


    .core-right {
      flex: 1 1 500px;
  display: grid;
  grid-template-columns: repeat(3, 250px); /* 3 columns of 200px */
  gap: 15px;
  justify-content: flex-end; 
    }

    .core-right img {
      width: 100%;
  height: 450px;
 
  border-radius: 0px;
  display: block;
    }

    @media (max-width: 768px) {
      .core-section {
        padding: 30px 20px;
      }

      .core-left h2 {
        font-size: 1.8rem;
      }

      .core-left h3 {
        font-size: 1.4rem;
      }
    }


    /*-----------------------------
    Addictive section 2
    ------------------------------*/
        .addictive-about {
      display: flex;
      flex-wrap: wrap;
      padding: 40px 80px 40px 80px;
      background-color: #f9f9f9;
      gap: 40px;
    }

    .addictive-about-left,
    .addictive-about-right {
      flex: 1 1 400px;
    }

    .addictive-about-left h2 {
      font-size: 2.5rem;
      font-weight: 300;
      margin-bottom: 10px;
      color: #4a4a4a;
      font-family: samsungmedium;
    }

    .addictive-about-left h2 span {
      color: #ff5800;
      font-weight: 600;
    }

    .addictive-about-left p {
      font-size: 0.9rem;
      color: #4a4a4a;
      max-width: 500px;
      font-family: metro;
      line-height: 1.7;
      font-weight: 600;
    }

    .addictive-about-right p {
      font-size: 0.85rem;
      line-height: 1.9;
      color: #4a4a4a;
      font-family: metro;
      font-weight: 600;
    }

    @media (max-width: 768px) {
      .addictive-about {
        flex-direction: column;
        padding: 30px 20px;
      }

      .addictive-about-left h2 {
        font-size: 26px;
      }
      .addictive-about-left p {
    font-size: 12px;
      }
      .addictive-about-left, .addictive-about-right {
    flex: 1 1 0px;
}
.addictive-about-right p {
    font-size: 12px;
}

    }


    /*--------------------------------
    Additive section 03
    ------------------------------*/
         .key-benefits-section {
      position: relative;
      overflow: hidden;
      color: #fff;
      padding: 60px 80px 40px 0px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    
    }

    .key-benefits-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      object-fit: cover;
    }

    .benefits-left {
      flex: 1 1 500px;
      max-width: 100%;
    }

    .orange-title {
      background: #ff5800;
      display: inline-block;
      padding: 10px 25px 10px 80px;
      font-size: 2.5rem;
      font-weight: 100;
      margin-bottom: 30px;
      font-family: samsungmedium;
    }

    .benefits-list {
      list-style: none;
      padding: 0;
      margin: 0;
      padding-left: 80px;
    }

    .benefits-list li {
      display: flex;
      align-items: flex-start;
      margin-bottom: 15px;
      font-size: 1rem;
      line-height: 1.5;
      font-family: metro;
    }

    .benefits-list li img {
      width: 14px;
      height: 18px;
      margin-right: 12px;
      margin-top: 5px;
    }

    .benefits-right {
      flex: 1 1 300px;
      text-align: center;
      padding: 20px;
    }

    .benefits-right img {
      max-width: 100%;
      height: auto;
    }

    @media (max-width: 768px) {
      .key-benefits-section {
        flex-direction: column;
        padding: 20px 20px;
        text-align: left;
      }

      .orange-title {
        font-size: 1.6rem;
        padding: 10px 25px 10px 25px
      }
      .benefits-list{
        padding-left: 0px;
      }
      .benefits-list li{
        font-size: 12px;
        color: #000;
      }
      .benefits-list li img {
    width: 14px;
    height: 13px;
      }
       .key-benefits-bg {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      object-fit: cover;
      margin-top: 20px;
    }
    .benefits-left {
    flex: 1 1 0px;
    max-width: 100%;
}
    }

    /*-------------------------------
    Additve info
    --------------------------------*/
      .additive-info {
      padding: 40px 80px 0px 80px;
      background-color: #fff;
      font-family: Arial, sans-serif;
      color: #333;
    }

    .additive-info h2 {
      color: #ff5800;
      font-size: 2.5rem;
      margin-bottom: 40px;
      font-family: samsungmedium;
      font-weight: bold;
    }

    .additive-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 30px;
    }

    .additive-box h3 {
      color: #ff5800;
      font-size: 1.5rem;
      margin-bottom: 10px;
      font-family: metro;
    }

    .additive-box p {
      font-size: 0.8rem;
      line-height: 1.9;
      color: #4a4a4a;
      font-family: metro;
    }

    @media (max-width: 768px) {
      .additive-info h2 {
        font-size: 1.8rem;
        text-align: left;
      }

      .additive-box h3 {
        font-size: 1.1rem;
      }

      .additive-info {
        padding: 40px 20px;
      }
      .usage-step p {
    font-size: 1.3rem!important;
      }
    }

    /*--------------------------------
    Table
    ------------------------------*/
     .usage-dosage {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      padding: 40px 80px;
      font-family: Arial, sans-serif;
      background: #fff;
      color: #333;
     
    }

    .how-to-use, .dosage {
      flex: 1 1 300px;
    }

    .how-to-use h2, .dosage h2 {
      color: #ff5800;
      font-size: 2.5rem;
      margin-bottom: 20px;
      font-family: samsungmedium;
    }

    .usage-step {
      display: flex;
      align-items: flex-start;
      gap: 15px;
      margin-bottom: 30px;
      flex-direction: column;
    }

    .usage-step img {
      width: 60px;
      height: 60px;
    }

    .usage-step p {
      font-size: 1.8rem;
      font-weight: 600;
      margin: 0;
      font-family: metro;
      color: #666;
    }

    .dosage p.description {
      font-size: 0.85rem;
      color: #4a4a4a;
      margin-bottom: 10px;
      line-height: 2;
      font-family: metro;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.95rem;
    }

    table th, table td {
      border: 1px solid #ccc;
      padding: 12px;
      text-align: left;
    }
    table td {
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 600;
      color: #666;
      font-family: metro;
    }

    table th {
      color: #ff5800;
      font-family:metro;
    }

      .line-1 {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background-color: #ccc;
      margin-top: 0px;
  
    }

    @media (max-width: 768px) {
      .usage-dosage {
        flex-direction: column;
        padding: 40px 20px;
      }

      .how-to-use h2, .dosage h2 {
        font-size: 1.6rem;
      }
    }


    /*----------------------------
    Green Section
    ----------------------------*/
       .green-text {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      background-color: green;
      color: white;
      padding: 40px 80px;
    }

    .green-text .left {
      flex: 1 1 700px;
    }

    .green-text .left h2 {
      font-size: 2.5rem;
      font-weight: 100;
      line-height: 1.2;
      margin: 0;
      font-family: samsungmedium;
      
    }

    .green-text .left span {
      display: block;
       font-weight: bold;
    }

        .green-text p {
      font-size: 0.9rem;
      line-height: 1.6;
      font-family: metro;
      max-width: 600px;
      margin-top: 20px;

    }

    .green-text .right {
      flex: 2 1 100;
     

    }

    @media (max-width: 768px) {
      .green-text {
        flex-direction: column;
        text-align: center;
        padding: 40px 20px;
      }

      .green-text .left h2 {
        font-size: 1.8rem;
        margin-bottom: 20px;
      }
    }

    /*---------------------------------
    Additive second table
    ------------------------------*/
     .additive-table-1 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 40px;
      padding: 40px 80px;
      font-family: Arial, sans-serif;
    }

    .additive-table-1 .left,
    .additive-table-1 .right {
      flex: 1 1 500px;
    }

    .additive-table-1 h2 {
      font-size: 2.5rem;
      color: #ff5800;
      margin-bottom: 30px;
      font-family: samsungmedium;
    }

    .additive-table-1 .application-group {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
    }

    .additive-table-1 .application-item {
      flex: 1 1 35%;
    }

    .additive-table-1 .application-item h3 {
      font-size: 1.2rem;
      color: #ff5800;
      margin-bottom: 10px;
      font-family: samsungmedium;
      font-weight: 100;
    }

    .additive-table-1 .application-item p {
      font-size: 0.8rem;
      color: #666;
      line-height: 1.9;
      font-family: metro;
      font-weight: 600;
      
    }

    .additive-table-1 .right p {
      font-size: 0.95rem;
      color: #555;
      margin-bottom: 20px;
      font-family: metro;
      line-height: 1.7;
      margin-top: -30px;
    }

    .additive-table-1 table {
      width: 100%;
      border-collapse: collapse;
    }

    .additive-table-1 table th,
    .additive-table-1 table td {
      border: 1px solid #ddd;
      padding: 15px;
      text-align: left;
      font-size: 0.95rem;
    }

    .additive-table-1 table th {
      background-color: #fff;
      color: #ff6600;
    }

    @media (max-width: 768px) {
      .additive-table-1 {
        flex-direction: column;
        padding: 40px 20px;
      }

      .additive-table-1 .application-group {
        flex-direction: column;
      }

      .additive-table-1 .application-item {
        flex: 1 1 100%;
      }

      .additive-table-1 h2 {
        font-size: 1.5rem;
        text-align: left;
        margin-bottom: 10px;
      }

      .additive-table-1 .right p {
        text-align: left;
        font-size: 12px;
        margin-top: 0px;
      }
      .additive-table-1 table th, .additive-table-1 table td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: left;
    font-size: 12px;
}
.dosage p.description {
    font-size: 12px;
}
table td {
    font-size: 12px;
}

.additive-table-1 .left, .additive-table-1 .right {
    flex: 1 1 0px;
}

    }

    .padding-bottom{
      padding-bottom: 100px;
    }

    .margin-top{
      margin-top:100px;
    }

    /*--------------------------------
    Additive-bottom-section
    --------------------------------*/
    .additive-bottom-section {
  background: #fafafa;
  padding: 40px 80px;

}

.additive-bottom-container {
  max-width: 100%;
  margin: 0 auto;
}

.additive-bottom-heading {
  color: #ff5800;
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 10px;
  font-family: samsungmedium;
}

.additive-bottom-subtitle {
  font-size: 1rem;
  color: #666;
  margin-bottom: 30px;
  font-family: metro;
}

.additive-bottom-table-wrapper {
  overflow-x: auto;
  margin-bottom: 50px;
}

.additive-bottom-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.additive-bottom-table th,
.additive-bottom-table td {
  border: 1px solid #ccc;
  padding: 20px;
  text-align: left;
  vertical-align: top;
  word-wrap: break-word;
}

.additive-bottom-table th {
  color: #ff5800;
  font-size: 1.05rem;
  font-weight: 600;
  font-family: samsungmedium;
}

.additive-bottom-table td {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.5;
  height: 100%;
  font-family: metro;
  font-weight: 00;
}

.additive-bottom-didyouknow {
  margin-top: 20px;
}

.additive-bottom-didyouknow h3 {
  color: #ff5800;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: samsungmedium;
}

.additive-bottom-didyouknow p {
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  font-family: metro;
  max-width: 900px;
  font-weight: 600;
}

.visibility-hidden{
  visibility: hidden;
}




 .board-section {
      max-width: 100%;
      padding: 40px 80px;
      margin: auto;
      background-color: #f5f5f5;
    }

    .board-header {
      text-align: left;
      margin-bottom: 20px;
    }

    .board-header h2 {
      font-size: 2.5rem;
      color: #000;
      font-family: samsungmedium;
    }

    .board-header span {
      color: #ff5800;
    }

    .board-header p {
      font-size: 0.9rem;
      color: #666;
      font-family: metro;
      font-weight: bold;
    }

    /* Directors Section */
    .board-members-row {
      display: flex;
      justify-content: space-between;
      gap: 40px;
      margin-bottom: 0px;
    }

    .director-box {
      flex: 1 1 48%;
      display: flex;
      gap: 20px;
      align-items: flex-start;
    }

  .director-image-container {
  text-align: start;
  max-width: 380px;
}

.director-image-container img {
  width: 250px;        
  height: 300px;        
  border-radius: 0px;
  object-fit: cover;
}


    .director-name {
      font-weight: bold;
      color: #ff5800;
      margin-top: 0px;
      font-family: samsungmedium;
      font-size: 1.4rem;
    }

.director-name span{
  font-weight: 100;
}

.director-box-line{
border-right: 1px solid #4a4a4a;
padding-right: 20px;
}


    .director-role {
      font-size: 0.7em;
      color: #666;
      font-family: metro;
      margin-top:0px;
      line-height: 1.3;
      margin-bottom: 30px;
      font-weight: bold;
    }

    .director-info {
      font-size: 0.8rem;
      color: #444;
      font-family: metro;
      max-width: 350px;
      line-height: 2.1;
      font-weight: bold;
    }

    /* Bottom Section */
    .bottom-section {
      display: flex;
      gap: 20px;
      margin-top: 60px;
    }

    /* Left section (70%) */
    .bottom-left {
      flex: 1 1 60%;
    }

    .bottom-left-inner {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .bottom-left-img img {
      width: 150px;
      border-radius: 0px;
    }

    .bottom-left-text {
      font-size: 1rem;
      color: #666;
      font-family: metro;
      max-width: 500px;
      line-height: 1.5;
    }

    .bottom-left-text b {
      display: block;
      margin-top: 10px;
      color: #ff5800;
      font-family: samsungmedium;
    }

    /* Right section (30%) */
 .bottom-right {
  flex: 1 1 35%;
  position: relative;
}

.bottom-img-right img {
  width: 430px;         
  height: auto;         
  border-radius: 0px;
  object-fit: cover;
}


.overlay-text {
  position: absolute;
  bottom: 10px;
  left: 1px;
  color: #fff;
  padding: 10px 20px;
  border-radius: 0px;
  font-weight: bold;
  font-family: samsungmedium;
  background: rgba(255, 255, 255, 0.6);
  width: 90%;
  
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; /* ensures text or other content stacks vertically */
  text-align: center; /* for any text inside */
}

.overlay-text img {
  width: 200px;
}


    /* Responsive */
    @media (max-width: 768px) {
      .board-members-row,
      .director-box,
      .bottom-section,
      .bottom-left-inner {
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
      }

      .bottom-left-img img {
        width: 100%;
        max-width: 250px;
      }

      .overlay-text {
        font-size: 14px;
        padding: 5px 10px;
      }
    }


    
    .meet-second-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      padding: 40px 80px;
      gap: 30px;
    }

    .meet-second-section__left-block {
      flex: 1 1 450px;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .meet-second-section__left-top {
      display: flex;
      align-items: flex-start;
      gap: 20px;
    }

    .meet-second-section__left-top img {
      width: 210px;
      height: 300px;
      border-radius: 0px;
    }

    .meet-second-section__left-bottom {
      margin-top: 15px;
    }

    .meet-second-section__left-bottom h3 {
      font-size: 1.5rem;
      font-family: samsungmedium;
       color: #ff5800;
       font-weight: 100;
    }

    .meet-second-section__left-bottom h3 span {
      color: #ff5800;
      font-family: samsungmedium;
      font-weight: bold;
    }

    .meet-second-section__left-bottom p {
      margin: 0;
      color: #777;
      font-size: 14px;
      font-family: metro;
    }

    .meet-second-section__quote-text {
      font-size: 0.9rem;
      color: #444;
      margin-top: 200px;
      line-height: 1.5;
      font-family: metro;
      display:flex;
      max-width: 300px;
    }

    .meet-second-section__right-block {
      flex: 1 1 350px;
      max-width: 100%;
      position: relative;
    }

    .meet-second-section__right-block img {
      width: 100%;
      display: block;
      border-radius: 0px;
      height: 350px;
    }

   .meet-second-section__overlay-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fafafa;
  padding: 10px 0px;

  display: flex;
  justify-content: center; 
  align-items: center;     
}

.meet-second-section__overlay-caption img {
  width: 300px;
  height: auto; 
  margin-left: 0; 
}


    
    @media (max-width: 768px) {
      .meet-second-section {
        flex-direction: column;
        padding: 20px;
      }

      .meet-second-section__left-top {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .meet-second-section__quote-text {
        text-align: center;
      }

      .meet-second-section__overlay-caption {
        text-align: center;
      }
    }
        


       .about-end__team {
      padding: 40px 80px;
      max-width: 100%;
      margin: 0 auto;
      background-color: #f4f4f4;
    }

    .about-end__top {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px;
    }

    .about-end__left {
      flex: 1;
      min-width: 280px;
    }

    .about-end__left h2 {
      font-size: 3rem;
      margin-bottom: 10px;
      color: #4a4a4a;
      font-family: samsungmedium;
    }

    .about-end__left h2 span {
      color: #ff5800;
    }

    .about-end__left p {
      font-size: 0.9rem;
      color: #4a4a4a;
      font-family: metro;
      font-weight: bold;
    }

    .about-end__right {
      flex: 1;
      min-width: 280px;
      display: flex;
  flex-direction: column;
  justify-content: flex-end;  
     
    }

    .about-end__right p {
      font-size: 0.9rem;
      color: #4a4a4a;
      font-family: metro;
      line-height: 1.7;
       vertical-align: bottom;
      
    }

    .about-end__bottom-logos {
      margin-top:80px;
      display: flex;
      justify-content: center;
      gap: 150px;
    }

    .about-end__bottom-logos img {
      max-width: 300px;
      width: 100%;
      height: 100%;
    }

       .logo-section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 40px 0px;
      gap: 50px;
      flex-wrap: wrap;
    }

    .logo-section .logo-part {
      flex: 1 1 30%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .logo-section .logo-part img {
      max-width: 80%;
      height: auto;
      object-fit: contain;
    }

    @media (max-width: 768px) {
      .logo-section {
        flex-direction: column;
      }

      .logo-section .logo-part {
        flex: 1 1 100%;
      }
    }

    @media (max-width: 768px) {
      .about-end__left h2 {
        font-size: 26px;
      }

      .about-end__bottom-logos {
        gap: 20px;
      }
      .about-end__left p {
    font-size: 12px;
    line-height: 1.4;
      }
      .about-end__right p {
    font-size: 12px;
      }
      .logo-section .logo-part img {
    max-width: 100%;
      }

    }

    /*------------------------------------
    Diamond Tool
    -------------------------------------*/
     .drill-wrapper {
      display: flex;
      gap: 20px;
      padding: 40px 0px;
      justify-content: center;
    }

    .drill-column {
      border-radius: 0px;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .left-column, .middle-column {
      width: 33.33%;
    }
    .middle-column {
      border-left: 1px solid #4a4a4a;
      border-right: 1px solid #4a4a4a;
    }

    .right-column {
      width: 33.33%;
    }

    .top-image {
      width: 250px;
      margin-bottom: 50px;
    }

    .rock-item {
      text-align: center;
      margin-bottom: 40px;
    }

    .rock-item img {
      width: 120px;
      height: 120px;
      object-fit: cover;
      border-radius: 50%;
      border: 2px solid #ddd;
      margin-bottom: 8px;
    }

    .rock-item p {
      margin: 0;
      font-size: 1rem;
      color: #4a4a4a;
      font-family: metro;
      font-weight: bold;
    }

    .right-rocks {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0px;
      width: 80%;
    }

    @media (max-width: 992px) {
      .drill-wrapper {
        flex-direction: column;
        align-items: center;
      }

      .left-column,
      .middle-column,
      .right-column {
        width: 100%;
        max-width: 500px;
      }

      .right-rocks {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /*----------------------------
    Performance section
    ---------------------------*/
     .performance-section {
      display: flex;
      padding: 40px 80px;
      background-color: #fafafa;
    }

    .performance-left {
      flex: 0 0 40%;
      padding-right: 20px;
    }

    .performance-left h2 {
      font-size:1.5rem;
      margin: 0;
      color: #4a4a4a;
      font-family: samsungmedium;
      font-weight: 100;
    }

    .performance-left h2 span {
      color: #ff5800;
      font-weight: bold;
      font-size:2.5rem;
    }

    .performance-left p {
      font-size: 1.3rem;
      color: #4a4a4a;
      margin-top: 15px;
      line-height: 1.2;
      font-family: metro;
      font-weight: bold;
      max-width: 400px;
    }

    .performance-right {
      flex: 0 0 60%;
      display: flex;
      gap: 30px;
      padding-left: 30px;
      flex-wrap: wrap;
    }

    .icon-box-drill {
      flex: 1;
      min-width: 150px;
      text-align: center;
      border-right: 1px solid #ff5800;
    }

    .icon-box-drill img {
      width: 100px;
      height: auto;
      margin-bottom: 10px;
    }

    .icon-box-drill .highlight {
      font-size: 1.3rem;
      font-weight: bolder;
      color: #4a4a4a;
      font-family: metro;
    }

    .icon-box-drill span {
      font-weight: 100;
    }
.highlight-1{
  margin-top: 10px;
}
    .icon-box-drill strong{
      font-size: 2rem;
      font-family: samsungmedium;
      color: #4a4a4a;
    }

    .icon-box-last{
      border-right: none;
    }

    @media (max-width: 768px) {
      .performance-section {
        flex-direction: column;
        padding: 20px;
      }
      .performance-left h2 span{
font-size: 2rem;
      }
      .performance-left p {
    font-size: 12px;
      }

      .performance-left, .performance-right {
        flex: 100%;
        padding: 20px 0;
        border: none;
      }
      .performance-right {
        border-left: none;
        padding-left: 0;
        gap: 40px;
        justify-content: center;
      }
    }

    /*-------------------------------
    Drill Bit images
    -----------------------------*/
.drill-arrow{
  padding: 40px 80px 40px 100px;
}

        .drill-arrow-content {
      display: flex;
      align-items: stretch;
      margin-bottom: 10px;
      background-color: #f5f5f5;
    }

    .drill-arrow-content--label {
      position: relative;
      color: white;
      font-weight: bold;
      padding: 20px 10px 20px 20px;
      min-width: 160px;
      display: flex;
      align-items: center;
     
    }

    .drill-arrow-content--content {
      padding: 25px 20px;
      flex: 1;
      color: #4a4a4a;
      font-family: metro;
      font-size: 1rem;
      line-height: 1.4;
      font-weight: bold;
    }

    .drill-arrow-content-blue-para{
       padding: 0px 20px;
      flex: 1;
      color: #4a4a4a;
      font-family: metro;
      font-size: 1rem;
      line-height: 1.2;
      font-weight: bold;
    }

    .drill-small{
      padding: 20px 20px;
    }

    .drill-arrow-content--green { background-color: green; 
    font-family: samsungmedium;
    font-size: 1.2rem;
    letter-spacing: 1px;
     clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
    }
    .drill-arrow-content--blue { background-color: #005cbf;
     font-family: samsungmedium;
    font-size: 1.2rem;
    letter-spacing: 1px;
   clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
  }
    .drill-arrow-content--red { background-color: #e60000; 
     font-family: samsungmedium;
    font-size: 1.2rem;
    letter-spacing: 1px;
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
  
  }
    .drill-arrow-content--dark { background-color: #3f3f3f; 
      font-family: samsungmedium;
    font-size: 1.2rem;
    letter-spacing: 1px;
      clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
    }
    .drill-arrow-content--orange { background-color: #ff6600; 
      font-family: samsungmedium;
    font-size: 1.2rem;
    letter-spacing: 1px;
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
    }

    @media (max-width: 768px) {
      .drill-arrow-content {
        flex-direction: column;
      }
      .drill-arrow-content--label {
        clip-path: none;
        min-width: auto;
        padding: 15px;
      }
    }

    /*---------------------------
    Diamond Image
    ----------------------------*/
    .diamond-image {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.diamond-image .bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.text-content-diamond h2{
  font-family: samsungmedium;
  font-size: 3rem;
  color: #ff5800;
  font-weight: 100;
}

.text-content-diamond span{
  font-weight: bold;
}

.text-content-diamond p{
  font-family: metro;
  font-size: 1.5rem;
  line-height: 1.7;
}

.diamond-image .text-content-diamond {
  position: relative;
  z-index: 2;
  color: white;
  padding-left: 100px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.diamond-last-text{
  padding: 20px 80px;
}

.diamond-last-text p{
  font-family: metro;
  font-size: 1.1rem;
  font-weight: bold;
  color: #4a4a4a;
}

.diamond-last-text span{
  color: #ff5800;
}




.about-banner-section-4 {
  background: url('/Images/About women banner.jpg') no-repeat center center/contain;
  width: 100%;
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.about-banner-text-1 {
  position: absolute;
  top: 45%;
  left: 20%;
  max-width: 400px;
  color: #000;
}

.overlay-text-1 {
  padding: 25px;
  border-radius: 10px;
}

.overlay-text-1 h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  font-family: grstkregular;
}

.overlay-text-1 .highlight {
  color: #ff5800;
}

.overlay-text-1 .designation {
  font-size: 14px;
  margin-bottom: 15px;
  color: #333;
  font-family: metro;
}

.overlay-text-1 .quote {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  font-family: metro;
  margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .about-banner-text-1 {
    top: 10%;
    left: 5%;
    right: 5%;
    max-width: 90%;
  }

  .overlay-text-1 h3 {
    font-size: 18px;
  }

  .overlay-text-1 .quote {
    font-size: 14px;
  }
}


/*--------------------------------
Solution
---------------------------------*/
.swiper-slide-solution {
  position: relative;
  overflow: hidden; 
}

.swiper-slide-solution::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  z-index: 1;
  pointer-events: none;
}


 .solution-content-big {
    position: absolute;
   top: 70%;
    left: 5%;
    transform: translateY(-50%);
    text-align: left;
    color: white;
    max-width: 600px;
    padding: 20px;
    z-index: 4;
  }

.solution-content-big h2{
  font-size: 2rem;
   margin: 0;
    line-height: 1.2;
    font-family: samsungmedium;
    font-weight: 100;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);

}
  
 .solution-content-big h2 span {
    color: #ff5800;
     font-size: 3rem;
     font-weight: bold;
  }

   .solution-content-big p {
    font-size:1.5rem;
    margin: 0px 0;
    max-width: 400px;
    font-family: metro;
    line-height: 1.2;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  }

  /*-----------------------------------
  Solution section 1
  ---------------------------------------*/
    .solution-section-1 {
      padding: 40px 80px;
      box-sizing: border-box;
      max-width: 100%;
      margin: auto;
      margin-top: -100px;
    }

    .solution-top-text {
      font-size: 0.9rem;
      color: #333;
      text-align: justify;
      margin-bottom: 80px;
      line-height: 1.6;
      font-family: metro;
      font-weight: bold;
    }

    .solution-bottom {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      align-items: center;
    }

    .solution-bottom-left,
    .solution-bottom-right {
      flex: 1 1 300px;
      
    }

  

    .solution-bottom-left h3 {
      font-size: 2rem;
      color: #000;
      margin: 0;
      font-family: samsungmedium;
      line-height: 1.3;
    }

    .solution-bottom-left span {
      color: #ff5800;

    }

    .solution-bottom-left p {
      font-size:0.9rem;
      line-height: 1.6;
      color: #333;
      font-family: metro;
      margin-top: 10px;
      max-width: 100%;
      font-weight: bold;
    }

    .solution-bottom-right .image-box {
  width: 100%;
  aspect-ratio: 16 / 9; 
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.solution-bottom-right img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}


    .solution-bottom-reverse{
      flex-direction: row-reverse;
    }

    .solution-bottom-left-reverse{
       text-align: right;     
  margin-left: auto;          
    }

 .solution-bottom-left-reverse p{
  max-width: 100%;
  margin-left: 180px;
 }

   .about-bottom-sub-2 {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 20px;
    font-family: metro;
    margin-top: -20px;
    line-height: 1.4;
  }

    @media (max-width: 768px) {
      .solution-bottom {
        flex-direction: column;
      }
    }

    
    /*-------------------------
    Blogs-section-1
    --------------------------*/
     .blog-section-1 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 40px 80px;
      max-width: 100%;
      margin: 0 auto;
    }
    .blog-section-1 h1 {
      font-size:40px;
    margin: 0;
    line-height: 1.2;
    font-family: samsungmedium;
    font-weight: bold;
    margin-bottom: 30px;
    color: #ff5800;
    }
    .blog-section-1 p {
      font-size: 0.9rem;
    line-height: 1.7;
    font-family: metro;
    font-weight: 600;
    color: #4a4a4a;
    text-align: left;
    }

    
        /*-------------------------
    Disclaimer-section-1
    --------------------------*/
     .disclaimer-section-1 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      text-align: left;
      padding: 80px 80px;
      max-width: 100%;
      margin: 0 auto;
    }
    .disclaimer-section-1 h1 {
      font-size:30px;
    margin: 0;
    line-height: 1.2;
    font-family: samsungmedium;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ff5800;
    }
    .disclaimer-section-1 p {
      font-size: 0.9rem;
    line-height: 1.7;
    font-family: metro;
    font-weight: 600;
    color: #4a4a4a;
    text-align: left;
    }

    .disclaimer-section-1 p  strong{
    font-weight: 600;
    color: #000;
    text-align: left;
    }