:root {
  --primary-color: #c00d0d;
  --white-color: #fff;
  --black-color: #000;
  --p-color: #828282;

  scroll-behavior: smooth;
}
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-ExtraLight.woff2") format("woff2"),
    url("../fonts/Outfit-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Light.woff2") format("woff2"),
    url("../fonts/Outfit-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Thin.woff2") format("woff2"),
    url("../fonts/Outfit-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-SemiBold.woff2") format("woff2"),
    url("../fonts/Outfit-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Medium.woff2") format("woff2"),
    url("../fonts/Outfit-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Bold.woff2") format("woff2"),
    url("../fonts/Outfit-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Regular.woff2") format("woff2"),
    url("../fonts/Outfit-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-Black.woff2") format("woff2"),
    url("../fonts/Outfit-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit-ExtraBold.woff2") format("woff2"),
    url("../fonts/Outfit-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


.noto-kufi-arabic-new {
  font-family: "Noto Kufi Arabic", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body.ar{
    font-family: "Noto Kufi Arabic", sans-serif !important;
}

.otherlocation{
    padding: 50px 40px;
}
.otherlocation .location1{
    background: #fff;
    border-radius: 10px;
     padding: 12px;
        box-shadow: -1px 0px 15px rgb(0 0 0 / 5%), 0px 4px 1px rgba(174, 180, 210, 0.25);
}

.otherlocation .location1 iframe{display:block; border-radius:12px;}
.historypage{
        border: 1px solid #ddd;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 120px;
}
/* scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 30px #ddd;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #b8b8b8;
  -webkit-box-shadow: inset 0 0 6px #b8b8b8;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #b8b8b8;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Outfit", serif;
  overflow-x: hidden;
}

.callIcon{
  position: fixed;
  right: 0;
  top: 40px;
  background: var(--primary-color);
  width: 70px;
  height: 50px;
  z-index: 999;
  border-radius: 25px 0 0 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: -10px 5px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
 
}
.callIcon:hover{
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.3);
 
}

.hero_sec.heroslider ~  .about-sec .canImage{
  transform: translate(-50%,-50%) scale(1.24);  
  filter: drop-shadow(30px 15px 12px rgba(0, 0, 0, 0.5));

}

.hero_sec .rtslidertop{
  position: absolute; right: -30px; width: 50%; border-radius:  50%  0 0 50%; overflow: hidden; top: -40px; bottom: -40px;
  border: 30px solid #fff; border-right: 0;
}

.about-sec .canImage{
  transform: translate(-50%,-50%); display: none; transition:all 0.5s ease;
  margin-top: 0;
}

.text{
  
    /* border-right: 2px solid #fff; */
   
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
li {
  padding: 0;
  list-style: none;
  margin: 0;
}
.main_header {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  padding: 20px 80px;
}
.main_header .humburger_icon .translte_inner {
  border: 1px solid var(--white-color);
  border-radius: 6px;
  width: 42px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.main_header .humburger_icon {
  display: flex;
  align-content: center;
  gap: 45px;
  cursor: pointer;
}
.main_header .header-offcanvas {
  background-color: var(--primary-color);
}
.main_header .offcanvas.offcanvas-end {
  width: 600px;
}

.offcanvas.offcanvas-bottom.header-offcanvas{
  max-width: 440px; 
  height: 0;
  border-radius: 20px;
  left: 50%;
  padding: 0 20px;
  transition: all .3s ease;
  background: var(--primary-color);
  transform: translateX(-50%);
  bottom: 88px;}
.offcanvas.offcanvas-bottom.header-offcanvas.showing{height: 550px;}
.offcanvas.offcanvas-bottom.header-offcanvas.show{height: 550px;}
.header-offcanvas .offcanvas-body{
  overflow: hidden;
}

.header-offcanvas .btn-close{box-shadow: none; filter: brightness(0) invert(1); opacity: 1; width: 15px; height: 15px;     background-size: 13px;}
.header-offcanvas .nav-logo{padding: 0px 0; margin-top: -15px; margin-bottom:30px;} 
.header-offcanvas .nav-logo img.logoicon{width: 115px; height: 115px; margin-top: 18px;}
.header-offcanvas .nav-logo .topcircle{
  width: 150px;
  height: 150px;
  left: calc(50% - 75px);
  top: 0;
  border-radius: 50%;
  

-webkit-animation: rotate 8s normal linear infinite;
animation: rotate 8s normal linear infinite;
}


.wavecanvas{
  margin-top: -220px;
  
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}



.header-offcanvas .nav-item:not(:last-child){margin-bottom: 12px;}
.header-offcanvas .nav-link{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  padding: 8px 10px;
  font-size:18px;
  text-transform: uppercase;
  color: var(--white-color);
  font-weight: 500;
  transition: all 0.3s ease;
}
.header-offcanvas .nav-link:hover{box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.2); transform: scale(1.01);}


.fixedmenu{
  display: none !important;
}
.scrolled .fixedmenu{
display: flex !important;
}


.fixedmenu{
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  z-index: 9999;
  
}
.humburger_inner{
  background: #fff;
  display: flex;
  box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.2);
  
  align-items: center;
  justify-content: center;
   border-radius: 12px;
   overflow: hidden;
   position: relative;
   padding:12px;
   margin-right: 8px;
}
.humburger_inner:before{
  content: '';
  position: absolute;
  z-index: 0;
transition: all 0.8s ease;
border-radius:100%;
height: 200px;
top: -50px;
left: -30%;
right: -30%;
transform: translate(0px, -50px);
background: var(--primary-color);
}
.humburger_inner:hover:before{
  
  transform: translate(0px, 150px);
}
.humburger_inner:hover{color: var(--primary-color) !important;}


.language-dropdown{
  background: var(--primary-color);
  display: flex;
  align-items: center;
  box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.2);
  
  justify-content: center;
   border-radius: 12px;
   position: relative;
   /* overflow: hidden; */
   padding:12px;
   margin-left: 8px;
}
/* .language-dropdown:before{
  content: '';
  position: absolute;
  z-index: 0;
transition: all 0.8s ease;
border-radius:100%;
height: 200px;
top: -50px;
left: -30%;
right: -30%;
transform: translate(0px, -50px);
background: var(--primary-color);
} */

.language-dropdown a.d-block{color: var(--white-color) !important; }
.language-dropdown:hover{background: var(--white-color);}
.language-dropdown:hover a.d-block{color: var(--primary-color) !important; }
.language-dropdown:hover a.show{color: var(--primary-color) !important; }

.contentfromeditor img{width:100%;}
.contentfromeditor ul {
    list-style: inherit;
    padding-left: 25px;
}
.contentfromeditor ul li {
    list-style: inherit;
    
}

.contentfromeditor ol li {
    list-style: inherit;
    
}
/* .language-dropdown:hover:before{
  
  transform: translate(0px, 150px);
} */

.humburger_inner svg{
  width: 27px;
  position: relative;
}
.centerscialmedia{
  background: #fff;
  box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.2);
  
  padding: 6px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.centerscialmedia:before{
  content: '';
  position: absolute;
  z-index: 0;
transition: all 0.5s ease;
border-radius: 100%;
height: 500px;
top: -50px;
left: -30%;
right: -30%;
transform: translate(0px, -50px);
background: var(--primary-color);
}
.centerscialmedia:hover:before{
  
  transform: translate(0px, 150px);
}
.fixedmenu .social-links li{
  width: 35px;
  margin: 0 5px;
  position: relative;
  z-index: 9;
  display: inline-flex;
  height: 35px;
}

.cursor-pointer{
  cursor: pointer;
}
.fixedmenu .centerscialmedia:hover .social-links li a{color: var(--primary-color);}
/* .fixedmenu .social-links li svg */
.fixedmenu .social-links li a{
  color: var(--white-color);
  display: block;
  transition:all 0.3s ease;
}
.fixedmenu .social-links li:hover a{
  transform: translateY(-5px) scale(1.1);

}
.fixedmenu .social-links li:hover a svg{
  filter: drop-shadow(5px 6px 5px rgba(0, 0, 0, 0.5));
  
}

.fixedmenu .social-links li svg{
  transition:all 0.5s ease;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.main_header .header-offcanvas .offcanvas-header {
  margin-top: 20px;
  margin-right: 30px;
}
.main_header .header-offcanvas .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4916 13.3336L25.4575 4.36778C25.883 3.94302 26.1223 3.36661 26.1229 2.76537C26.1234 2.16413 25.8851 1.5873 25.4603 1.16179C25.0355 0.736269 24.4591 0.496918 23.8579 0.496387C23.2566 0.495856 22.6798 0.734189 22.2543 1.15895L13.2885 10.1248L4.32261 1.15895C3.8971 0.733438 3.31997 0.494385 2.7182 0.494385C2.11643 0.494385 1.53931 0.733438 1.11379 1.15895C0.688272 1.58447 0.449219 2.1616 0.449219 2.76337C0.449219 3.36514 0.688272 3.94226 1.11379 4.36778L10.0796 13.3336L1.11379 22.2995C0.688272 22.725 0.449219 23.3021 0.449219 23.9039C0.449219 24.5056 0.688272 25.0828 1.11379 25.5083C1.53931 25.9338 2.11643 26.1729 2.7182 26.1729C3.31997 26.1729 3.8971 25.9338 4.32261 25.5083L13.2885 16.5424L22.2543 25.5083C22.6798 25.9338 23.2569 26.1729 23.8587 26.1729C24.4605 26.1729 25.0376 25.9338 25.4631 25.5083C25.8886 25.0828 26.1277 24.5056 26.1277 23.9039C26.1277 23.3021 25.8886 22.725 25.4631 22.2995L16.4916 13.3336Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  opacity: 1 !important;
}
.main_header .offcanvas-body .nav-logo {
  width: 100%;
  height: auto;
}
.main_header .offcanvas-body .nav-logo img {
  max-width: 124px;
  height: auto;
  width: 100%;
}
.main_header .offcanvas-body {
  display: flex;
  flex-direction: column;
  padding: 90px 20px 50px;
}
.main_header .offcanvas-body .nav_bar {
  margin-top: 50px;
}
.main_header .offcanvas-body .nav_bar ul li {
  margin-bottom: 20px;
}
.main_header .offcanvas-body .nav_bar ul li a {
  font-weight: 900;
  font-size: 24px;
  line-height: 30px;
  transition: 0.5s ease;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--white-color);
  display: inline-block;
}
.main_header .offcanvas-body .nav_bar ul li a:hover {
  transform: scale(1.2);
}
.main_header .offcanvas-body .social-links {
  margin-top: auto;
}
.main_header .offcanvas-body .social-links ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_header .offcanvas-body .social-links ul li a{
  display: block;
  transition: 0.5s ease;
}
.main_header .offcanvas-body .social-links ul li a:hover {
  transform: scale(1.2);
}
.hero_sec .hero_inner_slider{min-height: 1000px;}

.hero_sec .hero_inner_slider .carousel-item {
  padding: 100px 0 0;
  height: 100%;
}
.hero_sec .hero_inner_slider .carousel-item .carousel_img img {
  max-width: 360px;
  position: relative;
}

.topmenulink{margin: 0; padding: 0;}
.topmenulink li {margin-right: 40px;}
.topmenulink li a{color: #fff; font-size: 18px; text-decoration: none; transition: all 0.5s ease;}
.topmenulink li a:hover{opacity: 1; color:#fff;}
.topmenulink li a.nav-link{opacity: 1; color:#fff;}
.topmenulink li a.dropdown-item{color:#3c3c3c;}

.hero_sec .topbannercontent{padding: 220px 0 0 80px;}
.hero_sec .topbannercontent .para_width{width: 60%;}
.hero_sec .btn-primary{background: #fff; border: none;  color: var(--primary-color);   
border-radius: 50px; padding: 18px 30px;}

.hero_sec .btn-primary:hover,.hero_sec .btn-primary:active{background: #d4bdbd; color: var(--primary-color);}

.hero_sec .btn-primary span{display: inline-flex;}
.hero_sec .hero_inner_slider .carousel-item .carousel_img.aos-animate img{
  
  /* transform: translateY(150px) translateX(150px) rotate(120deg) scale(1.1) !important; */
  filter: drop-shadow(-20px -50px 6px rgba(0, 0, 0, 0.3));
}
.hero_sec.heroslider .hero_inner_slider .carousel-item .carousel_img.aos-animate img{
 
  /* transform:  rotate(20deg)  !important; */
  filter: drop-shadow(40px 5px 30px rgba(0, 0, 0, 0.3));
}

.hero_sec .hero_inner_slider .productname{

position: absolute;
width: 100%;
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 340px;
line-height: 350px;
top: 150px;
color: transparent;
-webkit-text-stroke: 1px #fff; 

transform: rotate(18.3deg);

}

.hero_sec .hero_inner_slider .carousel-item .carousel_img img{
  
  transition: all 3s ease;
  transform:  rotate(20deg)  !important;
  
  
}

.hero_sec .hero_inner_slider  .smallslider .carousel-item{padding: 30px 60px; height: 100%; }

 
.hero_sec .hero_inner_slider .smallslider .carousel-control-prev{left: 0; top: 50%; transform: translateY(-50%); height: 30px;}
.hero_sec .hero_inner_slider .smallslider .carousel-control-next{right: 0; top: 50%; transform: translateY(-50%); height: 30px;}



.smallslider .carousel-indicators{width: 100%; height: 100%; margin: 0;}
.smallslider .carousel-indicators .text-indent{text-indent: 0;}
.smallslider .carousel-indicators  [data-bs-target]{opacity: 1; border: none;}
.smallslider .carousel-indicators > button.active h3{color: #fff; opacity: 1;}
.smallslider .carousel-indicators > button h3{opacity: 0.5;}
.smallslider .carousel-indicators > button{
  width: 100%;
  height: 100%;
  opacity: 1;
  background: transparent;
}

 .hero_sec .smallslider{width: 440px; height: 190px; 
margin-top: 60px;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
border: 4px solid rgba(255, 255, 255, 0.22);
border-radius: 93.7822px;
}

.hero_inner_slider{overflow: hidden;}
.hero_sec .smallslider img.slideimg{max-height: 120px;}

.hero_sec {
  border-radius: 0 0 0 !important;

  /* Union */

background: linear-gradient(291.84deg, #B70C0C 37.75%, #DB1919 53.2%, #971515 90.03%);

}

.hero_sec .wave{position: absolute; left: 0; right: 0; bottom: 0; z-index:99; width: 100%; height: 150px;}
.hero_sec .wave img{width: 100%;}

.hero_sec .elements {
  transform: translateY(15%);
  transition: all 0.5s ease;
  position: absolute;
  z-index: 9;
}
.hero_sec .elements .ice1{position: absolute !important; left: 45% !important; right: auto !important; bottom: 5% !important; top: auto !important; transform: rotate(25deg);
filter: drop-shadow(15px 5px 2px rgba(0, 0, 0, 0.3));}
.hero_sec .elements .ice2{position: absolute !important; left: auto !important; right: 40% !important; bottom: auto !important; top: 40% !important; 
  filter: drop-shadow(15px 5px 2px rgba(0, 0, 0, 0.3));}
.hero_sec .elements .ice3{position: absolute !important; left: auto !important; right: 40% !important; top: 15% !important;  bottom: auto !important;
  filter: drop-shadow(15px 5px 2px rgba(0, 0, 0, 0.3));}
.hero_sec .elements .ice4{position: absolute !important; right: auto !important; left: 5% !important; bottom: 5% !important; top: auto !important;  
  filter: drop-shadow(15px 5px 2px rgba(0, 0, 0, 0.3)); 
}
.hero_sec .elements .ice5{position: absolute !important; left: 15% !important; right: auto !important; bottom: auto !important; top: 25% !important; transform: rotate(25deg);}




.hero_sec.heroslider  .elements{

  transform: translateY(0px);
  transition: all 0.5s ease;

}




.hero_sec .hero_inner_slider .carousel-item .carousel_img .product-image {
  /* -webkit-animation: mover 1.5s infinite alternate;
  animation: mover 1.5s infinite alternate; */
  z-index: 1;
  height: 760px;
  object-fit: contain;
  filter: drop-shadow(40px 5px 3px rgba(0, 0, 0, 0.3));
}

.watervideo{
  mix-blend-mode: screen; z-index: 0; opacity: 0.4; object-fit:cover;
}
.hero_sec .hero_inner_slider .carousel-item .carousel_img {
  position: relative;
  height: 100%;
}
.hero_sec .hero_inner_slider .carousel-item .red_img .red-cock {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 800px !important;
  mix-blend-mode: hard-light; z-index: 0;
  
}
.hero_sec .hero_inner_slider .carousel-item .purple_img .purple-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 100% !important;
  z-index: 0;
}
.hero_sec .hero_inner_slider .carousel-item .green_img .lemon-bg {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0%);
  max-width: 900px !important;
  z-index: 0;
}
@keyframes mover {
  0% {
    transform: translateY(0) scale(1.1);
  }
  100% {
    transform: translateY(-30px);
  }
}
.hero_sec .hero_inner_slider .carousel-item .carousel_content img {
  /* width: 100%; */
  max-width: 380px;
  margin: 0 auto;
  display: block;
}
.hero_sec .hero_inner_slider .carousel-item .carousel_content .slider_heading {
  color: var(--white-color);
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 4.43924px 4.43924px rgba(0, 0, 0, 0.25);
  font-weight: 800;
  font-size: 54px;
  display: inline-flex;
  line-height: 105px;
}
.hero_sec .hero_inner_slider .carousel_row {
  margin-top: 0;
  height: 100%;
}
.hero_sec .hero_inner_slider .carousel-control-next {
  right: 40px;
  left: auto;
  z-index: 9;
  bottom: 150px;
  background: #fff;
  height: 75px;
  width: 75px;
  flex: 0 0 75px;
  border-radius: 50%;
  top: auto;
  padding: 0;

}
.hero_sec .hero_inner_slider .carousel-control-prev {
  right: 135px;
  left: auto;
  z-index: 9;
  bottom: 150px;
  background: #fff;
  height: 75px;
  width: 75px;
  flex: 0 0 75px;
  border-radius: 50%;
  top: auto;
  padding: 0;
}
.hero_sec .hero_inner_slider .carousel-control-next,
.carousel-control-prev {
  opacity: 1 !important;

}
.hero_sec .hero_inner_slider {
  position: relative;
}
.hero_sec .made_in_text {
  position: absolute;
  z-index: 2;
  right: -62px;
  transform: rotate(-90deg);
  top: 270px;
}
.hero_sec .made_in_text h3 {
  font-weight: 900;
  font-size: 31px;
  line-height: 39px;
  text-transform: uppercase;
  color: var(--white-color);
}
.hero_sec .explore-text h3 {
  font-weight: 700;
  font-size: 31px;
  line-height: 40px;
  text-align: center;
  color: var(--white-color);
}
.hero_sec .carousel-inner{height: 100%;}
.hero_sec .explore-text {
  text-align: center;
  position: absolute;
  bottom: 40px;
  z-index: 2;
  right: 22%;
  cursor: pointer;
}



.nameanimation{    padding: 40px;}

section.about-sec {
  padding:145px 40px 150px;
  

}
section.about-sec .wave{position: absolute; left: 0; right: 0; bottom: calc(100% - 4px); z-index:99; width: 100%; }
section.about-sec .wave img{width: 100%;}


.about-sec .about-main-video {
  border-radius: 50px;
  width: 100%;
  height: 100%;
}
.about-sec .about-inner-content {
  position: relative;
}
.about-sec .about-inner-content .btn-about {
  font-size: 18px;
  font-weight: 600;
  text-decoration-line: none;
  color: var(--white-color);
  background-color: var(--primary-color);
  padding: 10px 56px;
  border-radius: 50px;
  border: 1px solid var(--primary-color);
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}

.about-sec .made_in_text {
  position: absolute;
  z-index: 10;
  right: -62px;
  transform: rotate(-90deg);
  bottom: 250px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-sec .made_in_text h3 {
  font-weight: 900;
  font-size: 31px;
  line-height: 39px;
  text-transform: uppercase;
  color: var(--white-color);
  position: relative;
}
/* .about-sec .made_in_text h3::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 501px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='501' viewBox='0 0 7 501' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.15' x='6.59473' y='500.173' width='6.23438' height='499.843' transform='rotate(-180 6.59473 500.173)' fill='white'/%3E%3C/svg%3E%0A");
  right: 0;
} */


.shapes {
  position: relative;
  height: 100vh;
  width: 100vw;
  background: var(--primary-color);
  overflow: hidden;
}

.shape {
  will-change: transform;
  position: absolute;
  border-radius: 50%;
}
.shape.shape-1 {
  background: #3c3c3c;
  width: 650px;
  height: 650px;
  margin: -325px 0 0 -325px;
}
.shape.shape-2 {
  background: #fff;
  width: 440px;
  height: 440px;
  margin: -220px 0 0 -220px;
}
.shape.shape-3 {
  background: var(--primary-color);
  width: 270px;
  height: 270px;
  margin: -135px 0 0 -135px;
}

.stat-name{
  height: 310px;
  overflow: hidden;
  
}

.content {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: #fff;
  mix-blend-mode: screen;
}


.content h2 {
  font-size: 100px;
  color: #000;
  margin: 0;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 419px) {
  .content h2 {
    font-size: 100px;
    font-size: calc((0.0989119683 * 100vw + (58.5558852621px)));
  }
}
@media (min-width: 1430px) {
  .content h2 {
    font-size: 200px;
  }
}

.cursor {
  position: fixed;
  background: var(--primary-color);
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  will-change: transform;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 10000;
}

::-moz-selection {
  color: #fff;
  background: #3367d1;
}

::selection {
  color: #fff;
  background: #3367d1;
}


.brands-sec {
  padding: 80px 0 100px 0;
}
.brands-sec{    
    
background: radial-gradient(100% 100% at 49.48% 100%, #FFFFFF 0%, #FFFFFF 49.76%, #D2D2D2 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
border-radius: 30px 30px 0 0;

}
.brands-sec .heading h2{margin-bottom: 0 !important;} 
.brands-sec .brandsSwiper {padding-bottom: 50px;}
.brands-sec .btn-primary{ 
     font-size: 18px;
  font-weight: 600;
  text-decoration-line: none;
  color: var(--white-color);
  background-color: var(--primary-color);
  padding: 10px 35px;
  margin-top: 20px;
  border-radius: 50px;
  border: 1px solid var(--primary-color);
  }

.brands-sec .brandsSwiper .swiper-slide{
  transform: scale(0.8);
  transition: all 0.5s ease;
margin-bottom: 30px;
}
.brands-sec .brandsSwiper .swiper-slide.swiper-slide-prev{transform: scale(0.9); padding-right: 45px;}
.brands-sec .brandsSwiper .swiper-slide.swiper-slide-next{transform: scale(0.9); padding-left: 45px;}


.brands-sec .brandsSwiper .swiper-slide.swiper-slide-active{
  transform: scale(0.9);
}

/*.brands-sec .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--primary-color);}*/




.brands-sec .brandsSwiper .swiper-slide.swiper-slide-prev:before{ width: calc(100% - 45px);}
.brands-sec .brandsSwiper .swiper-slide.swiper-slide-next:before{ width: calc(100% - 45px); left: 45px;}


    


.brands-sec .brand-img {
  z-index: 1; /* Ensures the main box stays above */
  border-radius: 20px !important;
  position: relative;
  background: #efefef;
  width: 100%;
  height: 300px;
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Prevents the pseudo-element from overflowing */
  
  
  
  
  /* From https://css.glass */
background: rgba(255, 255, 255, 0.61);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgb(191 95 95 / 30%);

  
  
}
.brands-sec .brandsSwiper .swiper-slide:hover:before{
  transform: rotate(5deg);
  transition: all 0.5s ease;  
  opacity: 1;
}

.brands-sec .brandsSwiper .swiper-slide.swiper-slide-active:before {
    transform: rotate(5deg);
  transition: all 0.5s ease;  
  opacity: 1;
}
    
.brands-sec .brandsSwiper .swiper-slide:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  /*background-color: var(--before-color, --primary-color);*/
  border-radius: 20px;
  z-index: -1; /* Moves it behind the .brand-img */
  top: 0;
  opacity: 0;
  left: 0;
}
.heading h4 {
  font-weight: 800;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--black-color);
  margin-bottom: 12px;
}
.heading h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 28px;
  margin-bottom: 40px;
  letter-spacing: 0.01em;
  color: var(--primary-color);
}
.brands-sec .brandsSwiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands-sec .brandsSwiper .swiper-wrapper {
  margin-top: 90px;
  position: relative;
}
.brands-sec .brandsSwiper {
  position: relative;
}
/* .brands-sec .brandsSwiper::before {
  content: "";
  position: absolute;
  width: 193px;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.72) 0%,
    rgba(255, 255, 255, 0.99) 49.54%,
    #ffffff 107.69%
  );
  z-index: 10;
  left: 0;
  top: 60px;
}
.brands-sec .brandsSwiper::after {
  content: "";
  position: absolute;
  width: 193px;
  height: 100%;
  background: linear-gradient(
    272.52deg,
    rgb(255 255 255) 34.35%,
    rgb(255 255 255 / 21%) 59.4%,
    #ffffff00 105.26%
  );
  z-index: 10;
  right: 0;
  top: 60px;
} */

.productdetailsection{
    padding: 30px 40px 100px;
    margin: 0;




background: #f4f5fb;



    border-radius: 0 0 50px 50px;
}

.productdetailsection .units > :last-child {
transform: rotatex(180deg) translatey(10px);
	mask-image: linear-gradient(transparent 80%, white 100%);
	-webkit-mask-image: linear-gradient(transparent 80%, white 100%);
	opacity: 0.65;
	
}
/* original design */
.productdetailsection .units > * {
	font: bolder 5rem/5rem "EB Garamond";
	background-image: url(photo-1579268351234-073f85929562?w=200&q=80);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

.productdetailsection .units {
	width: max-content;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	pointer-events: none;
	padding: 0 10px;
    display: flex;
    flex-direction: column;
    max-height: 650px;
    justify-content: start;
    margin: 0 auto;

}


.productdetailslider img.img-fluid.pro_details_img.btmimg {
      filter:contrast(1) brightness(1) saturate(0) grayscale(1);
}
.productdetailslider img.img-fluid.pro_details_img.tpimg {
    position: relative;
    z-index: 9;
}
.productdetailslider .carousel-item{text-align: center;}
.productdetailsection .leftside{padding-right:15%;}
.productdetailsection h2{    font-weight: 700;
    font-size: 30px;
    color: #000;
    border-top: 2px solid #000;
    border-bottom:6px solid #000;
    padding: 7px 0;
    margin: 15px 0;
    text-transform: uppercase;
    
}
.productdetailsection p{padding-right:0; font-size:14px; margin-top:0}     
.productdetailsection table{border-bottom: 1px solid #000; margin-bottom:20px; padding:10px 0;}
.productdetailsection h3{    
    
    border-bottom: 1px solid #000;
    font-size: 18px;
    padding: 0 0 5px 0;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 0;
    color: #000;
    
}
.productdetailsection h4{    display: inline-block;
    text-transform: uppercase;
    font-size: 27px;
    padding: 0;
    font-weight: 700;
    margin-bottom: 0;
    
    color: #000;}
    
.productdetailslider .pro_details_img{max-height:550px; margin:0 auto;
     filter: contrast(1.4);
}

.brands-sec .brandsSwiper .swiper-slide img {
  margin: 0 auto;
  aspect-ratio: 0 / 2;
  object-fit: contain;
  width: auto;
  height: 110px;
  transform: scale(1);
  transition:all 0.5s ease;
}
.brands-sec .brandsSwiper .swiper-slide:hover img{
  transform: scale(1.05);
}
.brands-sec .brandsSwiper .swiper-wrapper {
  align-items: center;
}
.made-in-title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.made-in-title .line {
  flex: 1;
  height: 7px;
  background-color: #ddd;
}
.made-in-title .line:first-child {
  width: 100%;
  max-width: 232px;
}
.made-in-title h3 {
  font-weight: 900;
  font-size: 31px;
  line-height: 39px;
  text-transform: uppercase;
  color: #3c3c3c;
  /* padding-left: 250px; */
  position: relative;
  padding: 0 20px;
}
/* .made-in-title h3::before {
  content: "";
  position: absolute;
  width: 232px;
  height: 7px;
  left: 0;
  top: 15px;
  background-color: #dddddd;
}
.made-in-title h3::after {
  content: "";
  position: absolute;
  width: 74.1%;
  height: 7px;
  left: 490px;fv

  top: 15px;
  background-color: #dddddd;
} */
.home-video-sec {
  margin-top: -16px;
  position: relative;
  padding: 40px;
  
  overflow: hidden;
}
.home-video-sec.aos-animate .bigtitle{top: -40%;}

.inner-video{
 
background: linear-gradient(291.84deg, #B70C0C 37.75%, #DB1919 53.2%, #971515 90.03%);

  border-radius: 50px;
  overflow: hidden;}

  .inner-video .hero-main-video{     mix-blend-mode: soft-light; opacity: 0.45;}

.marquee span.circle{ width: 30px; height: 30px ; border-radius: 50%; background: #fff; padding: 0.4; margin: 0 20px; display: inline-block;}  
.bigtitle2 .marquee span.circle{ width: 30px; height: 30px ; border-radius: 50%; background: transparent; border:2px solid #fff; padding: 0.4; margin: 0 20px; display: inline-block;}  
.bigtitle{   
   position: absolute;
   left: 0;
  font-size: 300px;
  font-weight: 700;
  letter-spacing: 20px;
  top: -80%;
  transform: rotate(-15deg);
color: #fff;
  opacity: 0.4;
  transition:all 1s ease;
  flex-wrap: nowrap;
}
.bigtitle2{   
   position: absolute;
   left: -20%;
  font-size: 300px;
  font-weight: 700;
  letter-spacing: 20px;
  transform: rotate(-15deg);
  bottom: 0%;
  transition:all 1s ease;
  
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  white-space: nowrap;
  flex-wrap: nowrap;
  color: white;
}

.home-video-sec.aos-animate .bigtitle2{bottom: 50%; left: 0;}

@supports (-webkit-text-stroke: 2px white) {
  .bigtitle2 {
    color: transparent;
    -webkit-text-stroke: 2px white;
  }
}



  
.home-video-sec.aos-animate .bigtitle .marquee {
 white-space: nowrap;
  animation: marquee 10s linear infinite;
}

  
.home-video-sec.aos-animate .bigtitle2 .marquee {
 
  animation: marquee1 8s linear infinite;
}


@keyframes marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes marquee1 {
  0%{
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
  50% {
    transform: translate3d(-50%, 0, 0);
  }
}


.home-video-sec .inner-video .home-main-video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.stats-sec{padding: 100px 0;}
.stats-sec .nav-logo{text-align: center; width: 230px; margin: 0 auto; border: 1px solid #bbbbbb; height: 230px; 
border-radius: 50%; background: #fff; padding: 10px; position: relative; z-index: 9;}
.stats-sec .nav-logo .logoicon{width: calc(100% - 40px); margin-top: 18px;}
.stats-sec .nav-logo .topcircle{width:calc(100% - 10px); filter: brightness(1) invert(1); left: 5px; top:6px;

-webkit-animation: rotate 12s normal linear infinite;
animation: rotate 12s normal linear infinite;}

.stats-sec .centerbox{position: relative; z-index: 9;}
.stats-sec .leftstat{text-align: right; display: flex; flex-direction: column; margin: auto 0;}
.stats-sec .stat-item:last-child{margin-bottom: 0;}
.stats-sec .stat-item {display: inline-flex;  
  margin-left: auto;
  width: 345px;
  padding: 18px 5px;
background: #FFFFFF;
border: 1px solid #E7CACA;
box-shadow: 0px 2px 14px 4px rgba(0, 0, 0, 0.04);
border-radius: 19px;
text-align: center;
margin: 0 0 70px auto;
align-items: center;
position: relative;
}
.stats-sec .rightcol .stat-item:before{
  left: -100%;
  right: auto;
  z-index: 1;
}
.stats-sec .stat-item:before{
position: absolute;
content: '';
width: 100%;
background: #bbbbbb;
right: -100%;
height: 1px;
z-index: 1;
}
.stats-sec .stat-name img {
  width: 100%;
  height: 100%;
}
.stats-sec .heading {
  margin-top: 0;
}


.stats-sec .stat-item .iconbox{ width: 80px;
  height: auto;
  padding: 0 15px;
  flex: 0 0 80px;}

.stats-sec .stat-item img {
  transition: 0.5s ease;
  width: 100%;
 
}
.stats-sec .stat-item .rtbox{text-align: left;}
.stats-sec .stat-item .stat-text {
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  line-height: 26px;
  
  color: #514f6e;
  position: relative;
}
/* .stats-sec .stat-item .stat-text::before {
  content: "";
  position: absolute;
  width: 52px;
  height: 6px;
  background: #b51832;
  border-radius: 25px;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
} */
.stats-sec .stat-item .number {
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;

  color: var(--primary-color);
  margin-top: 0;
}

.social_box li {padding: 0 15px;}
.social_box li:nth-child(even){
  margin-top: 40px;
}
.social_box li a.facebook .innercircle{background: #0866ff;}
.social_box li a.instagram .innercircle{
  background: #833ab4;
  background: linear-gradient(
    to right,
    #833ab4,#fd1d1d,#fcb045
  );
}
.social_box li a.twitter .innercircle{background: #080808;
}
.social_box li a.linkedin .innercircle{background: #1469c7;}
.social_box li a.youtube .innercircle{background: #fe0808;}
.social_box li a{text-decoration: none; font-weight: 400;
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 13px 24px 2px rgba(0, 0, 0, 0.09);
  border-radius: 21px;
  padding:50px 25px;
  position: relative;
  text-align: center;
}
.social_box li a .bgimg{display: block; position: absolute; border-radius: 20px; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; opacity: 0;
transition: all 0.5s ease;}
.social_box li a:hover .bgimg{opacity: 1;}  
.social_box li a .bgimg img{width: 100%; height: 100%; object-fit: cover;}
.social_box li a:hover .innercontent{
  opacity: 0;
  transition: all 0.5s ease;
}
.social_box li a .innercircle{
display: flex;
justify-content: center;
align-items: center;
background: #000;
position: relative;
margin: 0 auto 25px;
  width: 80px;
  
  height: 80px;
  border-radius: 50%;
}
.social_box li a .innercircle::before{
  content: "";
  position: absolute;
  /* width: 100%; */
  left: -15px;
  right: -15px;
  top: -15px;
bottom: -15px;
  background: url(../Images/circleborder.svg);
  background-size: 100%;
  
  z-index: 1;
}


.social_box li a strong{font-weight: 600; color:#3c3c3c;}


.insta-feed-sec {
  background-color: #292929;
  padding: 30px 0 40px 0;
  margin-top: 200px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.46);
}

.insta-feed-sec .footcontact{margin-top: 30px;}
.insta-feed-sec .footcontact a{color: #fff; text-decoration: none;}
.insta-feed-sec .footcontact a strong{font-weight: 600;}
.insta-feed-sec .footcontact li{margin: 0 15px; color: #fff;}
.insta-feed-sec .footcontact svg{margin-right: 5px;}

.com_logo ~ .titlelogo{max-width: 250px;}

.com_logo{width: 150px; height: 150px; margin: 0 auto;}
.com_logo  img.logoicon{width: 115px;}
.com_logo  .topcircle{left: -1px; top: -16px;     animation: rotate 8s normal linear infinite;}

.insta-feed-sec .insta-feed-logo {
  margin-bottom: 90px;
}
.insta-feed-sec .insta-feed-logo img {
  
  text-align: center;
}
.insta-feed-sec .madein h3 {
  font-weight: 900;
  font-size: 31px;
  line-height: 39px;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--white-color);
  margin-top: 50px;
}

.main-footer {
  background-color:#292929;
  padding: 40px 0 0;
}
.main-footer .copyright{
  padding-bottom: 100px;
  opacity: 0.6;
  border-top: 1px solid #fff;
  font-weight: 400;
}

.main-footer .container {
  max-width: 1650px;
}
.main-footer .footer-links {
  display: flex;
  justify-content: center;
}
.main-footer .footer-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}
.main-footer .footer-links ul li {
  flex-basis: 48%;
}
.main-footer .footer-links ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: var(--white-color);
  text-decoration: none;
}
.main-footer .socal-links ul {
  display: flex;
  justify-items: center;
  align-items: center;
}

.language-dropdown {
  position: relative;
  /* display: inline-block; */
}


.language-dropdown .dropdown a.d-block{
  padding: 13px 16px;
  height: 100%;
}

.dropdown-button {
  background-color: transparent;
  border: none;
  border-radius: 6px;
  width: 29px;
  height: 29px;
  
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-button:hover {
  background-color: #a00;
}

/* .dropdown-button svg {
  width: 24px;
  height: 24px;
} */

.dropdown-menu {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  margin-top: 8px;
  z-index: 1000;
  overflow: hidden;
}

.dropdown-menu a {
  display: block;
  padding: 10px 16px;
  text-decoration: none;
  color: #333;
  transition: background-color 0.2s;
}

.dropdown-menu a:hover {
  background-color: #f0f0f0;
}

/* .language-dropdown:hover .dropdown-menu {
  display: block;
} */
.other-page-hero-sec .inner-video {
  position: relative;
  background: #C00D0D;
}
.other-page-hero-sec .inner-video .hero-main-video {
  width: 100%;
  object-fit: cover;
  height: 720px;
  display: block;
}
.other-page-hero-sec .inner-video .fulllogo{margin-bottom: 40px;}
.other-page-hero-sec .inner-video {
  position: relative;
  background: #C00D0D;
}
.other-page-hero-sec .inner-video h4{color: var(--primary-color); font-size: 36px; font-weight: 700; background: var(--white-color); display: inline-block;
padding: 0 10px; margin-top: 10px;}
/* .other-page-hero-sec .inner-video::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #c00d0d 0%, rgba(0, 0, 0, 0.13) 102.43%);
} */

.spinner-wrap {
  position: absolute;

  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  opacity: .2;
}

.products-sec .product-card:hover .spinner-wrap {opacity: 1;}
.spinner-item {
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  height: 300px;
  width: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-animation: zoom 2s linear 0.75s infinite;
          animation: zoom 2s linear 0.75s infinite;
}
.spinner-item--2 {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.spinner-item--3 {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}

@-webkit-keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.other-page-hero-sec .inner-video .hero-content {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 9;
}
.other-page-hero-sec .inner-video .hero-content .breadcurb ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
}
.other-page-hero-sec .inner-video .hero-content .breadcurb ul li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration-line: underline;
  color: var(--white-color);
  position: relative;
}
.other-page-hero-sec .inner-video .hero-content .breadcurb ul li:last-child a {
  color: #ba9292;
  text-decoration: none;
}
.other-page-hero-sec .inner-video .hero-content .breadcurb ul li a::after {
  content: "";
  position: absolute;
  background-color: #ba9292;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: 9px;
  right: -21px;
}
.other-page-hero-sec
  .inner-video
  .hero-content
  .breadcurb
  ul
  li:last-child
  a::after {
  display: none;
}
.other-page-hero-sec .inner-video .hero-content .sub-headng {
  font-weight: 700;
  font-size: 136px;
  line-height: 250px;
  color: var(--white-color) !important;
  margin-top: 125px;
  position: relative;
  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  display: block;
}


.other-page-hero-sec .inner-video .hero-content .hero-main-heading {
  margin-top: 60px;
}
.other-page-hero-sec .inner-video .hero-content .hero-main-heading img {
  width: 100%;
  max-width: 196px;
  opacity: 0.3;
}
.other-page-hero-sec .inner-video .hero-content .hero-main-heading h2 {
  font-weight: 900;
  font-size: 191px;
  line-height: normal;
  color: rgba(255, 255, 255, 0.27);
  /* filter: blur(5.6px); */
}


.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

/* .content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
} */

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  /* .content {
    height:30vh;
  } */
  /* h1 {
    font-size:24px;
  } */
}


.other-page-heaidng h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 45px;
  color: #3c3c3c;
  position: relative;
}

.values-sec {
  padding: 0 15px 100px 15px;
  position: relative;
  background: #f4f5fb;
  border-radius: 0 0 50px 50px;

}

.values-sec .wave{    position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 4px);
  z-index: 99;
  width: 100%;}

.values-sec .btn-primary{background:var(--primary-color); border-radius:25px; font-size:18px; padding:10px 25px; margin:50px auto 0; border:none;}
.values-sec .container .other-page-heaidng p {
  
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  color: var(--p-color);
}

.values-sec .container {
  max-width: 1650px;
}
.values-sec .values-inner-main {position: relative;}
.values-sec .values-inner-main .center-value-key img {
  width: 100%;
  /* max-width: 575px; */
  height: auto;
}
.values-sec .values-inner-main .center-value-key {
  position: relative;
  width: 100%;
  max-width: 420px;
  margin: 0 auto 60px;
}

.values-sec .values-inner-main:before {
  position: absolute;
  content: '';
  
  height: 400px;
   top: 200px;
   border-radius: 50px;
   left: 15%;
   right: 15%;
  border: 1px solid  #ABABAB;
  border-bottom: none;
}


.values-sec .values-inner-main .center-value-key h2 {
  font-weight: 700;
  font-size: 76px;
  line-height: 80px;
  text-align: center;
  text-transform: uppercase;
  color: var(--primary-color);
  width: 100%;
  max-width: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.values-sec .values-inner-main .value-circle {
  width: 100%;
  /* max-width: 410px;
  max-height: 410px; */
  height: 100%;
  border-radius: 50%;
  background: var(--white-color);
  box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.08);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 40px;
  position: relative;

  aspect-ratio: 1/1;
}
.values-sec .values-inner-main .value-circle h3 {
  font-weight: 600;
  font-size: 25px;
  line-height: 32px;
  color: var(--black-color);
  margin: 15px 0;
}
.values-sec .values-inner-main .value-circle p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: var(--p-color);
  max-width: 100%;
}
/* .values-sec .values-inner-main .value-circle.mission {
  top: -20px;
  right: 24%;
} */
.values-sec .values-inner-main .value-circle.vision::before{
   position: absolute;
   content: '';
   width: 1px;
   height: 62px;
    top: -62px;
    left: 50%;
   background: #ABABAB;
  
}


.history-sec .container {
  max-width: 1650px;
}
.history-sec .big-title h1 {
  font-weight: 700;
  font-size: 350px;
  line-height: 330px;
  text-transform: uppercase;
  color: rgba(60, 60, 60, 0.06);

  font-family: Arial, Helvetica, sans-serif;
font-style: normal;

color: transparent;
-webkit-text-stroke:1px #c00d0d; 


}
.history-sec .history-img {
  display: flex;
  justify-content: center;
  margin-top: -180px;
}
.history-sec .history-img img {
  width: 100%;
  height: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.history-sec {
  margin-bottom: 0;
  padding-top: 0;
}
.history-sec .other-page-heaidng {
  margin-top: -80px;
}

.history-sec .history-content {
  margin-top: 40px;
}
.history-sec .history-content p {
  font-weight: 300;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: 0.01em;
  color: var(--p-color);
  text-align: justify;
  margin-bottom: 20px;
}
.map-sec {
  padding: 30px 40px;
  margin: 0;
  background: #f4f5fb;
  border-radius: 0 0 50px 50px;
}

.historytimeline{
  margin-top: 60px;
  padding: 0 150px;
}


.timeline-centered {
  position: relative;

  padding-top: 60px;
  margin-bottom: 30px;
}

  .timeline-centered:before, .timeline-centered:after {
      content: " ";
      display: table;
  }

  .timeline-centered:after {
      clear: both;
  }

  .timeline-centered:before, .timeline-centered:after {
      content: " ";
      display: table;
  }

  .timeline-centered:after {
      clear: both;
  }

  .timeline-centered:before {
      content: '';
      position: absolute;
      display: block;
      width: 8px;
      background: #f5f5f6;
      left: 50%;
      top: 20px;
      bottom: 20px;
      margin-left: -8px;
  }

  .timeline-centered .timeline-entry {
      position: relative;
      width: 50%;
      float: right;
      margin-bottom: 70px;
      clear: both;
  }

      .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
          content: " ";
          display: table;
      }

      .timeline-centered .timeline-entry:after {
          clear: both;
      }

      .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
          content: " ";
          display: table;
      }

      .timeline-centered .timeline-entry:after {
          clear: both;
      }

      .timeline-centered .timeline-entry.begin {
          margin-bottom: 0;
      }

      .timeline-centered .timeline-entry.left-aligned {
          float: left;
      }

          .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
              margin-left: 0;
              margin-right: -12px;
          }

              .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                  left: auto;
                  right: -100px;
                  text-align: left;
              }
              .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time.rt_1 {
                  right: -160px;
              }
              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time.lt-1 {
                left: -200px;
              }
              
              body.ar .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time.lt-1{
                  left: -300px;
              }
              

              .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                  float: right;
              }

              .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                  margin-left: 0;
                  margin-right: 70px;
              }

                  .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                      left: auto;
                      right: 0;
                      margin-left: 0;
                      margin-right: -9px;
                      -moz-transform: rotate(180deg);
                      -o-transform: rotate(180deg);
                      -webkit-transform: rotate(180deg);
                      -ms-transform: rotate(180deg);
                      transform: rotate(180deg);
                  }

      .timeline-centered .timeline-entry .timeline-entry-inner {
          position: relative;
          margin-left: -18px;
      }

          .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
              content: " ";
              display: table;
          }

          .timeline-centered .timeline-entry .timeline-entry-inner:after {
              clear: both;
          }

          .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
              content: " ";
              display: table;
          }

          .timeline-centered .timeline-entry .timeline-entry-inner:after {
              clear: both;
          }

          .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
              position: absolute;
              left: -100px;
              text-align: right;
              padding:0 10px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
          }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                  display: block;
              }

                  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                      font-size: 15px;
                      font-weight: bold;
                  }

                  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                      font-size:30px;
                      line-height: 36px;
                  }

          .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
              background: #fff;
              color: #737881;
              display: block;
              width: 30px;
              height: 30px;
              -webkit-background-clip: padding-box;
              -moz-background-clip: padding;
              background-clip: padding-box;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              border-radius: 20px;
              text-align: center;
              -moz-box-shadow: 0 0 0 9px #f5f5f6;
              -webkit-box-shadow: 0 0 0 9px #f5f5f6;
              box-shadow: 0 0 0 9px #f5f5f6;
              line-height: 40px;
              font-size: 15px;
              float: left;
          }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                  background-color: #DF8282 !important;
                  color: #fff;
              }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                  background-color: #3c3c3c !important;
                  color: #fff;
              }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                  background-color: #C00D0D !important;
                  color: #fff;
              }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                  background-color: #C00D0D !important;
                  color: #fff;
              }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                  background-color: #3c3c3c !important;
                  color: #fff;
              }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                  background-color: #cc2424;
                  color: #fff;
              }

          .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
              position: relative;
              background: #f5f5f6;
              padding: 1em 1.7em;
              margin-left: 70px;
              -webkit-background-clip: padding-box;
              -moz-background-clip: padding;
              background-clip: padding-box;
              -webkit-border-radius: 10px;
              -moz-border-radius: 10px;
              border-radius: 10px;
          }

          .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label ul{
            padding-left: 20px;
          }
          .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label ul li{
            list-style-type: disc !important;
          }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                  content: '';
                  display: block;
                  position: absolute;
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 9px 9px 9px 0;
                  border-color: transparent #f5f5f6 transparent transparent;
                  left: 0;
                  top: 10px;
                  margin-left: -9px;
              }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                  color: #737881;
                  
                  font-size: 16px;
                  margin: 0;
                  line-height: 1.428571429;
              }

                  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                      margin-top: 15px;
                  }

              .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                  font-size: 16px;
                  margin-bottom: 10px;
              }

                  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                      color: #303641;
                  }

                  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                      -webkit-opacity: .6;
                      -moz-opacity: .6;
                      opacity: .6;
                      -ms-filter: alpha(opacity=60);
                      filter: alpha(opacity=60);
                  }



/* Line Animation */
.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
  z-index: 1;
  
}

.lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.lines .line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 75%, #000 100%);
  -webkit-animation: drop 7s 0s infinite;
          animation: drop 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.lines .line:nth-child(1) {
  margin-left: -25%;
}
.lines .line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.lines .line:nth-child(3) {
  margin-left: 25%;
}
.lines .line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}
.map-sec iframe{
border-radius: 40px;
}
.map-sec .inner-map {
  position: relative;
}



.productslist.brandslist{background: #f4f5fb; padding: 80px 50px; position: relative;}
.productslist.brandslist .wave{position: absolute; left: 0; right: 0; bottom: calc(100% - 4px); z-index:99; width: 100%; }
.productslist.brandslist .wave img{width: 100%;}

.waveparent {position: relative;}
.waveparent .wave{position: absolute; left: 0; right: 0; bottom: calc(100% - 4px); z-index:99; width: 100%; }
.waveparent .wave img{width: 100%;}

.factorysection{
    padding: 50px 20px;
}

.factorysection .factoryimg{border-radius:15px; border:1px solid #ddd; overflow:hidden; margin-bottom:24px;}


.certificates{
    padding: 50px 40px;
    
}

.certificates .factoryimg{border:1px solid #ddd; border-radius:15px; overflow:hidden;}

.factorysection img{object-fit:cover;}

.productslist.brandslist .productimg.brandimg img{
    height: 210px;
}

 .memberslist{}

.memberslist .brandcard .brandimg {
    height: 300px;
    max-width: 100%;
    margin: 0 auto;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.memberslist .brandcard .brandimg img{
    height: 100%;
    border-radius: 12px;
    width: auto;
   max-height: 100%;
}


.productslist.brandslist .productcard .productimg.brandimg img{max-height: 100%;     height: 290px; 
/*filter:contrast(1.4);*/
    
}
.brandcard.productcard .brandimg.productimg {
    height: 280px !important;
}

.brandslist .brandName{position: absolute; left: 50%; background: var(--white-color); width: 266px; height: 266px; border-radius: 50%; top: 50px;
transform: translateY(-100%)  translateX(-50%); z-index: 99; display: flex; align-items: center; justify-content: center; 

box-shadow: 0px 4px 30.1px rgba(0, 0, 0, 0.12);
}
.brandslist .brandName img{max-width: 180px;}

.bg-lightgray{
  background: #F4F5FB !important;
}

.brand_content{margin-bottom: 60px;}
.brand_content h4{font-size: 24px; font-weight: 600; margin-bottom: 10px;}

.brandcard.productcard .brandimg.productimg{height: 220px;}
.brandcard.productcard .brandimg.productimg img{
filter: drop-shadow(8px 6px 18px rgba(0, 0, 0, 0.25));

}

.productdetail .detailimg{background: #fff; 
  padding: 40px 20px 20px;
  position: relative;
  box-shadow: -1px 0px 15px rgba(0, 0, 0, 0.01), 0px 4px 1px rgba(174, 180, 210, 0.25);
  border-radius: 7px;
  text-align: center;
  margin-bottom: 30px;
  transition: all 0.5s ease;}

  /* .productdetail .detailimg{height: 220px;} */
  .productdetail .detailimg img{
    filter: drop-shadow(8px 6px 18px rgba(0, 0, 0, 0.25));
      
    height: 220px;
    
    }
    

.brandcard {background: #fff; 
padding: 40px 20px 20px;
position: relative;
box-shadow: -1px 0px 15px rgba(0, 0, 0, 0.01), 0px 4px 1px rgba(174, 180, 210, 0.25);
border-radius: 7px;
text-align: center;
margin-bottom: 30px;
transition: all 0.5s ease;
}
.brandcard:hover .brand_title{color: var(--primary-color);}
.brandcard:hover{transform: scale(1.04);}
.brandcard .brand_title{border-top: 1px solid #E3E5F1; padding-top: 12px; font-weight: 700; margin-top: 20px;}
.brandcard  .total_product{background: #3C3C3C; border-radius: 25px 0 0 25px; position: absolute; right: 0; top: 20px;
color: var(--white-color); padding: 4px 15px; font-size: 14px;}

.brandcard .total_product strong{font-weight: 600;}
.brandcard .brandimg{height: 142px; max-width: 180px; margin: 0 auto;display: flex;align-items: center;
  justify-content: center;}
.brandcard .brandimg img{max-height: 142px; width: auto;}
.brandcard .product-animation{position: absolute; left:50%; right: 0; top: 0; width: 100%; max-width: 340px; transform: translateX(-50%);
  mix-blend-mode: exclusion;
border-radius: 12px;
  z-index: 0;
  transition: 0.3s;
  opacity: 0;
}
.brandcard:hover .product-animation{opacity: 0.3;}

/* .map-sec .inner-map::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 129px;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0.91) 35.5%,
    #ffffff 65.5%,
    #ffffff 100%
  );
}
.map-sec .inner-map::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 129px;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0.91) 35.5%,
    #ffffff 65.5%,
    #ffffff 100%
  );
} */
.contact-sec {
  padding: 80px 0 0;
}
.contact-sec .contact-img img {
  width: 100%;
  max-width: 470px;
  height: 100%;
}
.contact-sec .contact-form h3 {
  font-weight: 700;
  font-size: 52px;
  line-height: 66px;
  color: #3c3c3c;
  margin-bottom: 50px;
  text-align: center;
}
.contact-sec .contact-form .form-group .form-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #3c3c3c;
  margin-bottom: 6px;
}
.contact-sec .contact-form .form-group {
  margin-bottom: 25px;
}
.contact-sec .contact-form .form-group .form-control {
  border-color: #e7e7e7;
  border-radius: 50px;
  padding: 11px 16px 11px 16px;
  color: var(--black-color);
  font-size: 16px;
  font-weight: 400;
}
.contact-sec .contact-form .form-group textarea{
 border-radius: 20px;
}
.contact-sec .contact-form .submit-btn {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px;
  width: 100%;
  padding: 12px;
  transition: 0.3s;
}
.contact-sec .contact-form .submit-btn:hover {
  background-color: #d51a3c;
  border-color: #d51a3c;
}
.contact-sec .contact-form .form-text .form-control {
  border-radius: 20px !important;
}
.form-control:focus {
  box-shadow: none !important;
  border-color: var(--primary-color) !important;
}

.information-sec {
  padding: 80px 0;
}

.information-sec a{color: var(--primary-color); text-decoration: none; font-size: 18px;}

.information-sec .stat-item .stat-text {
  font-weight: 700;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  color: #3c3c3c;
  margin-top: 52px;
}
.information-sec .stat-item a {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #828282;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.information-sec .stat-item {
  margin-top: 80px;
}
.carrer-sec {
  padding: 120px 0;
  background: #f4f5fb;
  border-radius: 0 0 50px 50px;
}
.carrer-sec .upload-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  border: 1px dashed #d3d3d3;
  border-radius: 60px;
  cursor: pointer;
  background-color: var(--white-color);
  transition: border-color 0.3s ease;
  position: relative;
}

.carrer-sec .upload-button:hover {
  border-color: #999;
}

.upload-button svg {
  margin-right: 15px;
}

.carrer-sec .upload-button span {
  font-size: 14px;
  color: #3c3c3c;
  font-weight: 500;
}

.carrer-sec .upload-button span::after {
  content: "*";
  color: var(--primary-color);
  margin-left: 4px;
}

.carrer-sec .upload-button input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.carrer-sec .contact-img img {
  /* max-width: 600px; */
}
.why-join-sec {
  margin-top: -9px;
}
.why-join-sec .karwanchi-buiding-img {
  position: relative;
}
.why-join-sec .karwanchi-buiding-img::before {
  position: absolute;
  background: linear-gradient(
    360deg,
    rgba(16, 16, 16, 0) 0%,
    rgba(0, 0, 0, 0.5) 69.12%
  );
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
}
.why-join-sec .karwanchi-buiding-img img {
  width: 100%;
  height: 100%;
}
.why-join-sec .karwanchi-buiding-img .karwanchi-content {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  z-index: 1;
}
.why-join-sec .karwanchi-buiding-img .karwanchi-content h2 {
  font-weight: 700;
  font-size: 52px;
  line-height: 66px;
  color: var(--white-color);
  margin-bottom: 10px;
}
.why-join-sec .karwanchi-buiding-img .karwanchi-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: 0.01em;
  color: var(--white-color);
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

.current-job-open-sec {
  margin-bottom: 120px;
}
.current-job-open-sec .latest-jobs-inner {
  margin-top: 60px;
}
.current-job-open-sec .latest-jobs-inner .accordion-button:not(.collapsed) {
  background-color: #dc35451a !important;
}

.current-job-open-sec .latest-jobs-inner .accordion .accordion-item {
  margin: 15px 0;
  border: 1px solid #dddd;
  border-radius: 8px;
}
.current-job-open-sec
  .latest-jobs-inner
  .accordion
  .accordion-item
  .accordion-button {
  border-radius: 8px;
  padding: 28px 30px;
}
.current-job-open-sec
  .latest-jobs-inner
  .accordion
  .accordion-item
  .accordion-button
  .job-title {
  font-weight: 500;
  color: var(--black-color);
  font-size: 20px;
  width: 33%;
}
.current-job-open-sec
  .latest-jobs-inner
  .accordion
  .accordion-item
  .accordion-button
  span {
  width: 33%;
  color: var(--black-color);
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.accordion-button:focus {
  box-shadow: none;
}
.current-job-open-sec
  .latest-jobs-inner
  .accordion
  .accordion-body
  .job-details
  h4 {
  font-size: 16px;
  color: var(--black-color);
  font-weight: 400;
  margin-bottom: 10px;
}
.current-job-open-sec
  .latest-jobs-inner
  .accordion
  .accordion-body
  .job-details
  h4
  span {
  font-weight: 500;
}
.current-job-open-sec
  .latest-jobs-inner
  .accordion
  .accordion-body
  .job-details
  p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: var(--p-color);
}
.products-sec .container {
  max-width: 1800px;
}
.products-sec {
  margin: 120px 0;
}
.products-sec .product-card {
  background: var(--white-color);
  position: relative;
  
  border-radius: 20px;
  padding: 30px 10px;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
}
.products-sec .product-card:before{
  position: absolute;
  content: '';
  border-radius: 25px 25px 0 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid var(--primary-color);

mask-image: linear-gradient(to bottom, 
  rgba(0, 0, 0, 1) 0%, 
  rgb(0, 0, 0) 12.5%, 
  rgb(0, 0, 0) 40.5%, 
  rgba(0, 0, 0, 0) 100%);

}

.products-sec .other-page-heaidng {
  margin-bottom: 40px;
}
.products-sec .product-card .product-animation {
  mix-blend-mode: exclusion;
  z-index: 0;
  transition: 0.3s;
  opacity: 1;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.products-sec .product-card .product-img .product-image {
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  z-index: 1;
  transition: transform 0.5s;
  object-fit: contain;
  height: 330px;
  position: relative;
  width: 130px;
}
.products-sec .product-card .product-title {
  font-weight: 700;
  font-size: 27px;
  line-height: 35px;
  text-align: center;
  margin-top: 30px;
  color: var(--black-color);
  transition: 0.3s; 
}
.products-sec .product-card:hover .product-title {
  color: var(--primary-color);
}

.products-sec .product-card:hover .product-img .product-image {
  transform: scale(1.2);
}

/* Preoduct List */
.productslist {padding: 40px 0;}
.productslist .rightbox{
  border-radius: 240px 0 0 240px;
  padding: 30px 0;
  text-align: left;
}
.productslist .leftbox{
  border-radius:0 240px 240px 0;
  padding: 30px 0;
  text-align: right;
}

.productslist .rightbox:hover .productimg{
  animation: mover 1.5s infinite alternate;
  
}
.productslist .rightbox .productimg{
  transform: translateX(-50%) !important;
}
.productslist .leftbox .productimg{
  transform: translateX(50%) !important;
}
.productslist .btn-primary,.productslist .btn-primary:hover{
  border: none;
  background: var(--primary-color) ;
}
.productslist .rightbox .centerlogo{

  
  opacity: 0.3;
  margin-left: -10%;
}
.productslist .rightcontent{padding-left: 200px;}
.productslist .leftbox .centerlogo{
  
  opacity: 0.3;
  margin-right: -10%;
 
}
.stayconnected{padding-top: 40px;}
/* Preoduct List */
/* .mainwave{position: absolute; top: -135px; width: 100%;} */



@media (max-width: 1600px) {
  /* .values-sec .other-page-heaidng {
    margin-left: 50px;
  } */
  /* .values-sec .values-inner-main {
    margin-left: -180px;
  } */

  .history-sec .big-title h1 {
    font-size: 240px;
  }
  /* .values-sec .values-inner-main {
    margin-left: -170px;
  } */
 
}
@media (max-width: 1366px) {
  section.about-sec {
    padding: 145px 40px 120px;
}
.hero_sec.heroslider ~ .about-sec .canImage{
  transform: translate(-50%,-50%) scale(1.1);
}
.hero_sec .topbannercontent {
  padding: 170px 0 0 80px;
}

.hero_sec .hero_inner_slider{min-height: 920px;}
}
@media (max-width: 1199px) {
  section.about-sec {
    padding: 40px 40px 40px;
 

}

.brandslist .brandName {
  width: 200px;
  height: 200px;
  position: inherit;
  top: 0px;
  transform: translateY(0) translateX(-50%);
  margin-top: -80px;
  margin-bottom: 20px;
}
.brandslist .brandName{width: 200px; height: 200px;}
  .main_header {
   
    padding: 10px 15px;
}
.topmenulink li a{font-size: 16px;}
.hero_sec .topbannercontent {
  padding: 80px 15px 30px 15px;
  text-align: center;
}
.hero_sec .topbannercontent .para_width{width: 100%; font-size: 16px !important; margin: 10px 0 !important;}
.hero_sec .topbannercontent .btn-primary{padding: 8px 12px;}
.hero_sec .topnamelogo{max-width: 250px; margin: 0 auto;}
.hero_sec .smallslider {
  width: 360px;
  height: 120px;
  margin: 20px auto -92px;
  z-index: 999;
}
.hero_sec .hero_inner_slider {
  min-height: auto;
}
.hero_sec .smallslider img.slideimg {
  max-height: 90px;
}
.hero_sec .hero_inner_slider .rtslidertop .carousel-control-next, .hero_sec .hero_inner_slider .rtslidertop .carousel-control-prev{display: none;}
.hero_sec .hero_inner_slider .smallslider .carousel-item{padding: 5px 45px;}
.stat-name {
  height: 150px;
  overflow: hidden;
}
.content h2{line-height: 35px;}
.nameanimation {
  padding: 0px 40px;
}
.inner-video,.about-sec .about-main-video{border-radius: 20px;}
.main_header .socal-links a svg{max-width: 35px; height: 35px;}
.hero_sec .rtslidertop{
  width: 100%;
  position: inherit;
  border-radius: 0;
  border: none;
  right: 0;
  left: 0;
  bottom: 0;
  top: auto;
}

.hero_sec .hero_inner_slider .carousel-item {
  padding: 50px 0;
  height: 100%;
}
.hero_sec .hero_inner_slider .carousel-item .carousel_img img{    transform: rotate(00deg) !important;}
.hero_sec .hero_inner_slider .productname{    transform: rotate(0deg);}
.topmenulink li {
  margin-right: 30px;
}


.scrolled .fixedmenu {
  display: flex !important;
}
.fixedmenu {
  display: flex !important;
}

.hero_sec .wave{display: none;}
.hero_sec .hero_inner_slider .carousel-item .carousel_img .product-image{height: 450px;}
.hero_sec .hero_inner_slider .productname{
  
  font-size: 200px;
  line-height: 220px;
  top: 80px;}

.stats-sec {
  padding: 50px 0;
}

.about-sec .canImage{display: none !important;}
.brands-sec  .heading h2{margin-bottom: 0;}

  /* .values-sec .values-inner-main .value-circle.mission {
    right: 15%;
  }
  .values-sec .values-inner-main .value-circle.vision {
    right: 1%;
  }
  .values-sec .values-inner-main .value-circle.goals {
    right: 15%;
    bottom: -36%;
  } */
  .other-page-heaidng h2 {
    font-size: 40px;
  }
  
  .history-sec .big-title h1 {
    font-size: 140px;
    line-height: 180px;
  }
  .history-sec .history-img img {
    max-width: 460px;
  }
  .products-sec .col-md-3 {
    width: 33%;
  }
  .stats-sec .stat-item{width: 300px;}
  .values-sec .values-inner-main .center-value-key h2{font-size: 52px; line-height: 55px;}  
  .values-sec .values-inner-main .value-circle{padding: 10px 30px; justify-content: start;}
  .values-sec .values-inner-main .value-circle h3{    margin: 8px 0;}
  .values-sec .values-inner-main .center-value-key {
    max-width: 320px;
}
.other-page-hero-sec .inner-video .hero-content{top: 100px;}
.other-page-hero-sec .fulllogo{max-width: 200px; margin: 0 auto 20px;}
.other-page-hero-sec .inner-video .hero-main-video{height: 450px;}

.historytimeline {
  margin-top: 40px;
  padding: 0 40px;
}
.values-sec .values-inner-main .value-circle svg{height: 40px; width: auto;}
}


@media (max-width: 991px) {
  .brandslist .brandName img{max-width: 135px;}
  .other-page-hero-sec .inner-video .fulllogo{margin-bottom: 20px;}
  .social_box li{margin-bottom: 30px;}
  .other-page-heaidng h2 {
    font-size: 32px;
}
.historytimeline {
  margin-top: 40px;
  padding: 0 15px;
}
  
.other-page-hero-sec .inner-video .hero-main-video {
  height: 470px;
}

  .stayconnected h2{margin: 30px 0 15px !important;}

  .stats-sec .leftstat{flex-direction: row; align-items: center; justify-content: space-between;}
  .stats-sec .stat-item:before{display: none;}
  .stats-sec .stat-item{margin: 0;         flex: 0 0 calc(50% - 15px); width:calc(50% - 15px) ;}

  .brands-sec .brand-im{border-radius: 10px;}

  .brands-sec .brandsSwiper .swiper-wrapper {
    margin-top: 50px;
    position: relative;
}
.brands-sec .brandsSwiper .swiper-slide,.brands-sec .brandsSwiper .swiper-slide.swiper-slide-active {
  
  transition: all 0.5s ease;
  margin-bottom: 30px;
}

  .stats-sec .rightcol{display: flex; justify-content: space-between;}
  .insta-feed-sec .footcontact {
    margin-top: 30px;
    line-height: 32px;
}
  .social_box li:nth-child(even) {
    margin-top: 0;
}
  .brands-sec.heading h2{margin-bottom: 0;}
  .shape.shape-2{background: #ffffff52;}

  .brands-sec .brandsSwiper .swiper-slide.swiper-slide-active:before{opacity: 1;    transform: rotate(5deg);}
  .brands-sec .brandsSwiper .swiper-slide:hover:before{opacity: 1;    }

  .stats-sec .nav-logo{margin: 30px auto;}

  .values-sec .container .other-page-heaidng p {
    max-width: 100%;
  }
  .products-sec {
    margin: 60px 0;
  }
  .hero_sec .hero_inner_slider .carousel-item {
    height: 100%;
  }
  .hero_sec .hero_inner_slider .carousel-item .carousel_content img {
    max-width: 380px;
  }
  .hero_sec .explore-text {
    right: 37%;
    transform: translateX(-50%);
  }
  .hero_sec
    .hero_inner_slider
    .carousel-item
    .carousel_content
    .slider_heading {
    font-size: 33px;
    line-height: 68px;
  }
  .hero_sec .hero_inner_slider .carousel-item .purple_img .purple-bg {
    left: 360px;
    max-width: 430px !important;
  }
  .hero_sec .hero_inner_slider .carousel-item .green_img .lemon-bg {
    max-width: 430px !important;
    left: 360px;
  }
  .hero_sec .hero_inner_slider .carousel-item .red_img .red-cock {
    max-width: 430px !important;
    left: 360px;
  }
  .hero_sec .hero_inner_slider .carousel-item .carousel_img .product-image {
    margin: 0 auto;
  }
 
  .about-sec .about-inner-content .btn-about {
    font-size: 18px;
    padding: 9px 41px;
  }
  .brands-sec {
    padding: 30px 0 40px 0;
  }
  .heading h2 {
    font-size: 30px;
    line-height: 26px;
  }
  .made-in-title h3 {
    font-size: 20px;
  }
  

  .stats-sec {
    padding: 50px 0;
}
  .stats-sec .stat-item .number {
    font-size: 30px;
    line-height: 28px;
  }
  /* .stats-sec .stat-item img {
    margin-bottom: 50px;
    height: 50px;
  } */
  .insta-feed-sec {
    padding: 40px 0 20px 0;
  }
  /* .insta-feed-sec .insta-feed-logo img {
    max-width: 170px;
  } */
  .insta-feed-sec .insta-feed-logo {
    margin-bottom: 50px;
  }
  .insta-feed-sec .madein h3 {
    font-size: 20px;
    margin-top: 30px;
  }
  .main-footer {
    padding: 40px 0;
  }
  .main_header .offcanvas-body .nav_bar ul li a {
    font-size: 26px;
    line-height: 33px;
  }
  .other-page-hero-sec .inner-video .hero-content .hero-main-heading h2 {
    font-size: 91px;
  }
  .other-page-hero-sec .inner-video .hero-content .hero-main-heading img {
    max-width: 116px;
  }
  
  .values-sec .values-inner-main .value-circle {
    position: inherit;
    border-radius: 20px;
    aspect-ratio: auto;
    margin-bottom: 30px;
  }
  /* .values-sec {
    margin: 50px 0 420px 0;
  } */
  .other-page-heaidng h2 {
    font-size: 30px;
  }
  .other-page-heaidng h2::before {
    width: 8px;
    height: 32px;
    left: -14px;
    top: 18px;
  }
  
  .history-sec .big-title h1 {
    font-size: 150px;
    line-height: normal;
}
  .history-sec .history-img {
    margin-top: 0;
  }
  .history-sec .history-content p {
    font-size: 16px;
    line-height: 25px;
  }
  .history-sec {
    margin-bottom: 30px;
  }
  /* .history-sec .other-page-heaidng {
    margin-top: 30px;
  } */
  .products-sec .product-card .product-img .product-image {
    height: 260px;
    width: 100px;
  }
  .products-sec .product-card .product-animation {
    width: 270px;
  }
  .products-sec .product-card .product-title {
    font-size: 20px;
  }
  .carrer-sec .contact-img img {
    max-width: 460px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  
  .contact-sec .contact-form h3 {
    font-size: 30px;
    line-height: 63px;
    margin-bottom: 30px;
  }
  .contact-sec .contact-form .form-group {
    margin-bottom: 15px;
  }
  .current-job-open-sec {
    margin-bottom: 40px;
  }
  .why-join-sec .karwanchi-buiding-img .karwanchi-content h2 {
    font-size: 30px;
    line-height: 46px;
    margin-bottom: 10px;
  }
  .why-join-sec .karwanchi-buiding-img .karwanchi-content p {
    font-size: 16px;
    line-height: 23px;
    padding: 0 20px;
  }
  .contact-sec .contact-img img {
    max-width: 440px;
    display: flex;
    margin: 0 auto;
  }
  .values-sec .values-inner-main .value-circle.vision::before{display: none;}
  .information-sec .stat-item .stat-text {
    font-size: 20px;
    line-height: 33px;
  }
  .information-sec .stat-item a {
    font-size: 15px;
    line-height: 23px;
  }

  .main-footer .footer-links ul li{
    text-align: center;
  }
  .main-footer .footer-links ul{align-items: center; text-align: center;}
  
    .productdetailslider .pro_details_img {
    max-height: 360px;
    margin: 0 auto;
}
.productdetailsection{padding:50px 15px; background:#f4f5fb;}
.productdetailsection .units{
        max-height: 440px;
}
  
  
}
@media (max-width: 767px) {
    .otherlocation {
    padding: 50px 15px;
}
    
    .other-page-heaidng h2 ~ h4.mt-5{margin-top:20px !important;}
    .history-sec .other-page-heaidng {
    margin-top: 8px;
}
    .brandcard .brand_title{text-align:left;}
    
    
    .carrer-sec{padding:50px 0 0;}

    
    
    .productdetailsection .leftside {
    padding-right: 0;
    margin-top: 30px;
}
.productdetailsection p {
    padding-right: 0;
    font-size: 18px;
}

  .social_box li a{
    padding: 45px 25px;
}
  .brandslist .brandName{        margin-top: 0px;}
  .map-sec iframe {
    border-radius: 20px;
    height: 400px;
}

.productdetail .modal-body{padding: 30px 15px !important; max-height:650px; overflow-y: auto;} 
 .productslist.brandslist{padding: 30px 15px;}

  .other-page-hero-sec .inner-video .hero-content {
    top: 60px;
}
  .socal-links{margin: 20px auto 0;}

  .stats-sec .rightcol,.stats-sec .leftstat{
    flex-direction: column;
  }
  .offcanvas.offcanvas-bottom.header-offcanvas{
    width: 360px;
    /* bottom: 80px; */
    padding: 0 10px;
  }
  .main_header{display: none;}
  .hero_sec .topbannercontent {
    padding: 40px 15px 30px 15px;
    text-align: center;
}
.hero_sec .smallslider {
  margin: 45px auto -92px;

}
.stat-name {
  height: 110px;
  overflow: hidden;
}
.stats-sec .heading h2 {
 margin-bottom: 10px !important;
}
.social_box {padding: 0 7px;}
.social_box li {
  padding: 0 7px;
  margin-bottom: 14px;
}
section.about-sec {
  padding: 40px 15px 40px;
}
.nameanimation {
  padding: 0px 15px;
  
  overflow-x: hidden;
}
.language-dropdown .dropdown-menu{
  right: -80px;
  left: auto !important;
}
  .home-video-sec{
    padding: 20px 15px;
  }
  .home-video-sec .inner-video .home-main-video{height: 300px;}
  .inner-video{border-radius: 15px;}
  
  .stats-sec .stat-item{margin-top: 0; width: 100%; margin-bottom: 20px;}
  .hero_sec .made_in_text h3 {
    font-size: 20px;
  }
  .hero_sec .made_in_text {
    right: -39px;
    top: 230px;
  }
  .hero_sec .hero_inner_slider .carousel-item .red_img .red-cock {
    left: 249px;
  }
  .hero_sec .hero_inner_slider .carousel-item .purple_img .purple-bg {
    left: 270px;
  }
  .hero_sec .hero_inner_slider .carousel-item .carousel_content img {
    margin-top: 20px;
  }
  .hero_sec .explore-text {
    right: 31%;
    bottom: 20px;
  }
  .hero_sec
    .hero_inner_slider
    .carousel-item
    .carousel_content
    .slider_heading {
    font-size: 27px;
    line-height: 55px;
  }
  .about-sec .made_in_text h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .hero_sec .hero_inner_slider .carousel-item .carousel_content img {
    max-width: 250px;
  }
  .hero_sec .hero_inner_slider .carousel-item .green_img .lemon-bg {
    left: 310px;
  }
  .main_header .col-md-6 {
    width: 50%;
  }
  .main_header .main_header_logo {
    width: 100%;
    max-width: 160px;
  }
  .hero_sec .hero_inner_slider .carousel-item .carousel_content img {
    max-width: 180px;
  }
  .about-sec .made_in_text {
    right: -42px;
    bottom: 110px;
  }
  .about-sec .about-inner-content .btn-about {
    bottom: 30px;
  }
  .insta-feed-sec .swiper-wrapper .swiper-slide .brand-img img {
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }
  .main-footer .footer-logo {
    margin-bottom: 30px;
  }
  .main-footer .footer-links ul li a {
    font-size: 16px;
    line-height: 21px;
  }
  .main-footer .socal-links ul {
    margin-top: 20px;
  }
  .main-footer .socal-links ul li a svg {
    width: 40px;
    height: auto;
  }
  .other-page-hero-sec .inner-video .hero-content .hero-main-heading h2 {
    font-size: 47px;
    margin-bottom: 18px;
  }
  .other-page-hero-sec .inner-video .hero-content .hero-main-heading img {
    max-width: 66px;
  }
  .other-page-hero-sec .inner-video .hero-content .sub-headng {
    font-size: 20px;
    line-height: 45px;
    margin-top: 0px;
  }
  .main_header .humburger_icon {
    gap: 30px;
  }
  .other-page-hero-sec .inner-video .hero-main-video {
    height: 410px;
  }
  .history-sec .big-title h1 {
    font-size: 70px;
    line-height: 54px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
  position: inherit;
  left: 0;
  text-align: center;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-centered .timeline-entry{width: 100%; margin-bottom:30px;}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time.rt_1{text-align: center; right: auto;}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time{text-align: center; right: auto;}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label{margin: 0;}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner{margin: 0;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon{margin: 0 auto 30px; float: none;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after{display: none;}
.timeline-centered:before{margin-left: -4px;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child{background: #fff;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label{margin: 0; text-align: center;}
.timeline-centered .timeline-entry .timeline-entry-inner{margin: 0;}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon{float: none;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time.lt-1 {
  left: auto;
}
  .history-sec .history-content {
    margin-top: 10px;
  }
  
  .products-sec {
    margin: 40px 0;
  }
  .carrer-sec .contact-form {
    padding: 0 20px;
  }
  .current-job-open-sec .latest-jobs-inner {
    margin-top: 20px;
  }
  .current-job-open-sec
    .latest-jobs-inner
    .accordion
    .accordion-item
    .accordion-button
    .job-title {
    font-size: 15px;
  }
  .current-job-open-sec
    .latest-jobs-inner
    .accordion
    .accordion-item
    .accordion-button
    span {
    font-size: 14px;
  }
  .current-job-open-sec
    .latest-jobs-inner
    .accordion
    .accordion-item
    .accordion-button
    span
    svg {
    width: 18px;
  }
  .current-job-open-sec
    .latest-jobs-inner
    .accordion
    .accordion-item
    .accordion-button {
    padding: 18px 18px;
  }
  .why-join-sec .karwanchi-buiding-img .karwanchi-content {
    top: 20px;
  }
  .why-join-sec .karwanchi-buiding-img .karwanchi-content h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 3px;
  }
  .why-join-sec .karwanchi-buiding-img .karwanchi-content p {
    font-size: 14px;
    line-height: 21px;
  }
  
}

@media (max-width: 567px) {
    
    .values-sec .values-inner-main:before{display:none;}
    .values-sec .values-inner-main .center-value-key {
 
    margin: 0 auto 15px;
}
    
    .brandcard{
        margin-bottom: 12px;
    }
    
    .brandcard .product-animation{display:none;}
        .hero_sec .hero_inner_slider .productname {
       font-size: 136px;
        line-height: 220px;
        top: 80px;
    }
    
    .stats-sec .stat-item .stat-text{font-size:16px;}
    
    .social_box li a .innercircle{width: 50px;
    height: 50px;}
    .social_box li a {
        padding: 25px 25px;
    }
    .stats-sec .stat-item .number{        font-size: 26px;}
    .stat-name {
        height: 60px;
        overflow: hidden;
    }
        .heading h2 {
        font-size: 24px;
        line-height: 26px;
    }
    
      .hero_sec .smallslider{width: 100%;}
      .rtslidertop .carousel-indicators [data-bs-target]{width: 35px !important;}
      
      
      .fixedmenu .social-links li{margin:0; justify-content: space-between;}
      
  .main_header .offcanvas-body .nav-logo img {
    max-width: 64px;
  }
  .main_header .offcanvas-body .nav_bar ul li a {
    font-size: 20px;
    line-height: 24px;
  }
  .main_header .offcanvas-body .social-links ul li a svg {
    width: 45px;
  }
  .main_header {
    padding: 20px 4px;
  }
  .hero_sec .hero_inner_slider .carousel-item .red_img .red-cock {
    left: 159px;
    top: 37%;
  }
  .hero_sec .hero_inner_slider .carousel-item .purple_img .purple-bg {
    left: 159px;
    top: 37%;
  }
  .hero_sec .hero_inner_slider .carousel-item .green_img .lemon-bg {
    left: 180px;
    top: 41%;
  }
  .hero_sec .explore-text {
    right: 33%;
    bottom: 16px;
  }
  .hero_sec .explore-text h3 {
    font-size: 18px;
    line-height: 30px;
  }
  .about-sec .about-inner-content .btn-about {
    bottom: 20px;
    font-size: 13px;
    padding: 7px 30px;
  }
  /* .heading h2 {
    font-size: 20px;
    line-height: 22px;
  } */
  .heading h4 {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 2px;
  }
  .brands-sec .brandsSwiper::before {
    display: none;
  }
  .brands-sec .brandsSwiper::after {
    display: none;
  }
  .brands-sec .brandsSwiper .swiper-slide img {
    height: 95px;
  }
  .main-footer .footer-logo {
    width: 70px;
  }
  .other-page-heaidng h2 {
    font-size: 22px;
    line-height: 38px;
  }
  .other-page-heaidng h2::before {
    width: 6px;
    height: 24px;
    left: -12px;
    top: 6px;
  }
  .why-join-sec .karwanchi-buiding-img .karwanchi-content {
    position: inherit;
    color: var(--black-color);
    margin-bottom: 40px;
  }
  .why-join-sec .karwanchi-buiding-img .karwanchi-content h2 {
    color: var(--black-color);
  }
  .why-join-sec .karwanchi-buiding-img .karwanchi-content p {
    color: var(--black-color);
  }
  .why-join-sec .karwanchi-buiding-img::before {
    display: none;
  }

}