html{
	 overflow-x: hidden;
}
body{
	margin: auto;
	 overflow-x: hidden;
	font-family: "Plus Jakarta Sans", sans-serif;
}
h1,h2,h3,h4,h5,h6,p{
	margin-bottom: 0;
}

.ip-loader {
        bottom: 0 !important;
    text-align: center !important;
    position: relative !important;
    margin-left: 0%;
    width: 100%;
    height: 100vh;
    display: flex
;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.loading img {
    width:195px;
    animation: blink 2s ease-in-out infinite;
}

@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; }
}
/* OTHER PAGES */
.inner-header {
  background: #000;
  position: relative;
}

.inner-header .logo img {
  filter: brightness(0) invert(11);
}





.inner-header .nav-toggle:before {
    background-color: #ffffff;
    box-shadow: 0 0.5em 0 0 #ffffff, 0 1em 0 0 #ffffff;
}













/* default (home page) */
.header .menu li a {
  color: #3B3F40;   /* or your normal color */
}

/* INNER PAGES */
.inner-header .menu li a {
  color: #fff;
}

/* arrow icon white */
.inner-header .menu li a img {
  filter: brightness(0) invert(1);
}

.inner-header .menu li a:hover {
    color: #b5b5b5;
}


.head-menu{
    display: none;
}

.header{
    width: 100%;
    float: left;
    padding: 40px 0;
    position: relative;
    z-index:11;
}

.logo {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.logo img{
	width: 100%;
	float: left;
	max-width: 170px;
    position: relative;
    z-index: 1111;
}
.hdr-menu {
    width: 100%;
    float: left;
    display: flex;
    height: 100%;
    align-items: center;
        gap: 28px;
}
.header_menu_area {
    width: 100%;
    position: relative;
    text-align: center;
}
.header_menu_area > ul {
    padding-right: 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    float: left;
    vertical-align: middle;
    margin: unset;
}
.header_menu_area > ul > li:last-child {
    padding-right: 0;
}
.header_menu_area > ul > li {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    color: #000000;
    float: left;
    text-decoration: none;
    list-style-type: none;
    position: relative;
       padding: 0px 24px 0px 0px;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    text-decoration: none;
    text-align: center;
}
.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}
.header_menu_area > ul > li > a {
    position: relative;
    float: left;
    color: #3B3F40;
    text-decoration: none;
   letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.header_menu_area > ul > li > a:hover{
		color: black;
}
.stable{
	/*color: black !important;*/
}
.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 0px;
    /* height: 0; */
    padding: 0;
    width: 230px;
    position: absolute;
    right: 20px;
    padding-top: 30px;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 99999;
    /* transform: translate(0, 20px); */
    /* transition: all .2s ease-out; */
    /* -webkit-transform: perspective(600px) rotateX(-90deg); */
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    /* transform: perspective(600px) rotateX(-90deg); */
    /* -webkit-transition: -webkit-transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end; */
    -o-transition: -o-transform .5s ease,opacity .6s ease,max-height .6s step-end,max-width .6s step-end,padding .6s step-end;
    /* transition: transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end; */
}
.menu ul li a:hover, .menu ul li:hover>a {
    background: #ffffff;
    color: black !important;
    text-decoration: none;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.menu li:first-child {
    margin-left: 0;
}
.menu li:first-child {
    margin-left: 0;
}
.menu ul li {
    display: block;
    float: left;
    background: 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
    /* z-index: 9; */
    /* padding-bottom: 50px; */
}
.menu ul li a {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 15px;
    display: block;
    color: #ffffff !important;
    background: black;
    text-align: -webkit-match-parent;
    text-decoration: none;
    text-align: left;
    border-bottom: 1px solid #ffffff;
}
.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    /* transform: translate(0, 0); */
    transition: all .5s ease-out;
    height: auto;
    right: -30px;
}



/*mobile-wrapper*/



@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1198px;
    }

}
.banner-indicator {
    position: absolute;
    right: 41px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 9;
    flex-direction: column;
}



#slide-count {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
}

/* DOTS AS VERTICAL BARS */
#banner-dots .owl-dot {
    border: unset;
  width: 0.15rem;
  height: 18px;
  background: #ffffff;
  margin: 0 12px;
  display: inline-block;
  transition: 0.3s;
}

#banner-dots .owl-dot.active {
  background: #FFBA52;   /* yellow bar */
  height: 28px;
}
/*codestaring*/

.banner{
    width: 100%;
    float: left;
}
.banner-desktop{
    width: 100%;
    float: left;
    position: relative;
}
.banner-desktop img{
    width: 100%;
    float: left;
}
.section1{
    width: 100%;
    float: left;
    padding: 83px 0 135px;
}
.top-carousel .owl-nav{
    display: none;
}
.s-hd{
    width: 100%;
    float: left;

}
.s-hd h2{
    width: 100%;
    float: left;
    text-align: left;
    color: #001520;
    font-size: 42px;
    font-weight: 600;
    padding-bottom: 31px;
}
.allcatgories{
    width: 100%;
    float: left;
    background: #F0F0F0;
    border-radius: 16px;
    border: 3px solid #F0F0F0;
    position: relative;

}
.allcatgories img{
    width: 100%;
    float: left;
    position: relative;
    border-radius: 16px;
}
.allcatgories-text {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 15px 26px 15px;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
        border-radius: 16px;
   background: #000000;
    background: linear-gradient(190deg, rgb(0 0 0 / 0%) 32%, rgb(0 0 0 / 0%) 35%, rgb(0 0 0) 100%);
}
.categories-carousel .owl-nav{
    display: none;
}
.allcatgories-text h2{
    width: auto;
    float: left;
    text-align: left;
    color: #FFFFFF;
    line-height: 30px;
    font-size: 24px;
    font-weight: 700;
}
.allcatgories-text span{
    width: 44px;
    height: 45px;
    float: left;
    border-radius: 50px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.allcatgories-text span img{
    width: 100%;
    float: left;
    max-width: 18px;
}
.allcatgories :hover .allcatgories-text span {
background: black;
transition: background 0.3s ease, color 0.3s ease;
}
.allcatgories :hover .allcatgories-text span img {
filter: invert(11111);
transition: background 0.3s ease, color 0.3s ease;
}








.section2{
    width: 100%;
    float: left;
    padding-bottom: 103px;
    
}
.st2-img{
    width: 100%;
    float: left;
}
.st2-img img{
    width: 100%;
    float: left;
    max-width: 495px;
}
.st2-hds {
    width: 100%;
    float: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
 

  .about-badge {
     width: 125px;
    height: 27px;
    float: left;
   display: flex;
    align-items: center;
    justify-content: center;
   
    background: #000;
    color: #fff;
    font-family: sans-serif; /* Added for clean look */
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    /* Logic: [x y] coordinates for each point of the shape */
  clip-path: polygon(12px 0%, /* Top Left (Start of cut) */ 100% 0%, /* Top Right (Square) */ 100% 50%, /* Right Side (Before cut) */ calc(100% - 12px) 100%, /* Bottom Right (End of cut) */ 0% 100%, /* Bottom Left (Square) */ 0% 50% /* Left Side (Return to Top cut) */);


}
.st2-hds h3{
    padding: 24px 0;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 42px;
    font-weight: 400;
    line-height: 143%;
}
.st2-hds h3 span {
    transition: color 0.3s ease, font-weight 0.3s ease;
}
.explore a {
    width: 170px;
    height: 53px;
    float: left;
    background: #000000;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
     border: 1px solid black;
     transition: background 0.3s ease, color 0.3s ease;

}

.explore button {
    width: 170px;
    height: 53px;
    float: left;
    background: #000000;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
     border: 1px solid black;
     transition: background 0.3s ease, color 0.3s ease;

}

.explore a span {
    width: 36px;
    height: 37px;
    float: left;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
}

.explore button span {
    width: 36px;
    height: 37px;
    float: left;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
}

.explore a span img{
    width: 100%;
    max-width: 18px;
}

.explore button span img{
    width: 100%;
    max-width: 18px;
}

.explore a {
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease, color 0.3s ease;
}

.explore button {
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease, color 0.3s ease;
}

.explore a span {
    transition: transform 0.3s ease, background 0.3s ease;
}

.explore button span {
    transition: transform 0.3s ease, background 0.3s ease;
}

.explore a:hover {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #000000;
}

.explore button:hover {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #000000;
}

.explore a:hover span {
    /*background: #000000;*/
    transform: translateX(6px);
}

/*.explore a:hover span img {
    filter: invert(1);
}*/
.s3 a:hover {
    background:#000000 ;
    color:#FFFFFF;
    border: 1px solid #FFFFFF;
}
.countersection {
    width: 100%;
    float: left;
    padding-top: 46px;
    display: flex;
    gap: 50px;
}
.ct1{
    padding-right: 49px;
    float: left;
    position: relative;

}
.ct1 h4{
    width: 100%;
    float: left;
    text-align: left;
    padding-bottom: 14px;
    font-size: 70px;
    font-weight: 500;
   background: #6B6B6B;
background: linear-gradient(143deg, rgba(107, 107, 107, 0.98) 0%, rgba(0, 0, 0, 1) 100%);


    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}






.ct1 p{
    text-align: left;
    color: #606060;
    font-size: 22px;
    font-weight: 500;
}

.ct1::after {
    width: 1px;
    height: 110px;
    background: #CDCDCD;
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
}
.ct1:last-child::after {
    display: none;
}
.s2clss {
    width: 37%;
}
.s2clss-n {
    width: 63%;
}
.section3{
    width: 100%;
    float: left;
    background: #000000;
    padding: 84px 0 115px;
}
.s3-hd{
    width:auto;
    float: left;
}
.s3-hd h2{
   
    text-align: left;
    color: #FFFFFF;
    font-size: 42px;
    font-weight: 600;

}
.s3-hd p{
    
    text-align: left;
    color: #BFBFBF;
    font-size: 16px;
    font-weight: 500;
    padding-top: 13px;
}
.s3 a{
    width: 149px;
    background: white;
    color: black;
}
.s3 a span {
    background: black;
}
.s3main {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 54px;
}
.products-hm{
    width: 100%;
    float: left;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 7px 6px;
}
.proimg{
    width: 100%;
    float: left;
    position: relative;
}



.proimg h5.launch-tag {
    position: absolute;
    left: 0;
    top: 0;
    width: 127px;
    height: 27px;
    background: #FFC700;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
    text-transform: uppercase;
   
    clip-path: polygon(
        0% 0%,
        100% 0%,
        100% 56%,
        87% 100%,
        0% 100%,
        0% 50%
    );

        display: flex;
    align-items: center;
    justify-content: center;
}
.proimg img{
    width: 100%;
    float: left;
    max-width: 299px;
    border-radius: 8px;
}
.products-hm h3{
    width: 100%;
    float: left;
    text-align: left;
    color: #696969;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 0;

}
.btnn{
    width: 153px;
}
.products-hm p{
    width: 100%;
    float: left;
    text-align: left;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
    line-height: 138%;
}
.s5btn a{
    background: #FFFFFF;
    color:#000000;
}
.s5btn a span {
     background: #000000;
}
.pro-btns {
    width: 100%;
    float: left;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}
.pro-btns a {
    width: 146px;
    height: 45px;
    float: left;
    padding: 11px 5px;
    background: #00A14B;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    gap: 6px;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
}
.pro-btns a:hover{
background: #ffc700 !important;
transition: background 0.3s ease, color 0.3s ease;
}

.pro-btns img{
    width: 100%;
    max-width: 22px;

}
.pro-btns a span{
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
}
.products-carousel .owl-nav{
    display: none;
}
.section4{
    width: 100%;
    float: left;
    padding: 78px 0;
}
.s4hd {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.s4hd h2{
    width: 100%;
    float: left;
    padding: 10px 0 49px;
    color: #000000;
    line-height: 130%;
    font-size: 52px;
    font-weight: 600;
    text-align: center;
}

.s4hd h2 span{
color: #797979;
}
.s4image{
    width: 100%;
    float: left;
    border-radius:16px;
    background-image: url('../images/Frame 2147225642.png');
    background-size: cover;
    min-height: 471px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;

}
.s4image img{
width: 100%;
float: left;
max-width: 259px;
transition: all 0.4s ease;
}
.s4image:hover img{
    transform: scale(1.2);
    
}
.s4image-two:hover .s4image-twoimg{
transform: scale(1.05);
}
.s4image-two{
    width: 100%;
    float: left;
    border-radius:16px;
    background-image: url('../images/Frame 2147225643.png');
    background-size: cover;
    min-height: 471px;
    padding: 33px 25px;
        justify-content: end;
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.section4 .col-lg-5{
width: 37.666667%;
}
.section4 .col-lg-7{
    width: 62.333333%;
}
.s4image-twoimg{
    width: 100%;
    float: left;
    max-width: 224px;
    transition: all 0.4s ease;
}
.s4image-two p{
    width: auto;
    float: left;
    text-align: left;
    color: #B2B2B2;
    font-size: 16px;
    font-weight: 500;
    line-height: 156%;
}
.s4image-p span{
width: 45px;
height: 47px;
float: right;
background: #FFFFFF;
align-items: center;
    justify-content: center;
    display: flex;
}
.s4image-p span:hover{
    background: black;
    transition: background 0.3s ease, color 0.3s ease;
}
.s4image-p span:hover img {
    filter: invert(1);
}
.s5btn a:hover {
    background: #000000;
    color: #ffffff;
}


.s4image-p{
display: flex;
    justify-content: space-between;
    align-items: end;
        gap: 24px;
}
.s4image-p span img{
    width: 100%;
    float: left;
    max-width: 22px;
}


.section5{
    position: relative;
    padding: 39px 0 47px;
    width: 100%;
    float: left;
    /*height: 534px;*/
    background-size: cover;
    background-image: url('../images/section8.webp');
}
.s5logo{
    width: 100%;
    float: left;
}
.s5logo img{
    width: 100%;
    float: right;
    max-width: 150px;

}
.stion-f{
    width: 100%;
    float: left;
}
.stion-f img{ 
    width: 100%;
-webkit-transition: all ease-in-out 0.5s;

}
.stion-f img:hover{
    filter: brightness(0.5);
  -webkit-transition: all ease-in-out 0.5s;
}
.s5-hd {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.s5-hd h2{
    float: left;
    text-align: left;
    color: #FFFFFF;
    font-size: 63px;
    font-weight: 500;
    line-height: 80px;
}
.section6{
    width: 100%;
    float: left;
    padding: 124px 0;

}
.s6hds{
    width: 100%;
    float: left;

}
.s6hds h2 {
    width: 100%;
    float: left;
    padding: 0px 0 49px;
    color: #000000;
    line-height: 130%;
    font-size: 52px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 40px;
}
.s6hds h2 span {
    color: #797979;
}
.ssixcontent {
    width: 100%;
    float: left;
    display: -webkit-box;
    gap: 12px;
    padding: 12px 0px 0px 24px;
    border-left: 5px solid #eaeaea;
    margin-bottom: 20px;
     transition: 0.4s ease;   /* smooth */

}
.ssixcontent span{
    width: 51px;
    height: 51px;
    float: left;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    background: #000000;
    display: flex;
    justify-content: center;

}
.ssixcontent span img{
    width: 100%;
    float: left;
    max-width: 32px;
     transition: 0.4s ease;
}
/* Border color change */
.ssixcontent:hover {
    border-left: 5px solid #ffc700;
}

/* Zoom effect on icon */
.ssixcontent:hover span img {
    transform: scale(1.15);   /* zoom in */
}

.ssixcont-text{
    float: left;
}
.ssixcont-text h4{
    width: 100%;
    float: left;
    text-align: left;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
}
.ssixcont-text p{
    width: 100%;
    float: left;
    text-align: left;
    color: #868686;
    font-size: 16px;
    font-weight: 400;
  line-height: 177%;
}
.s6img{
    width: 100%;
    float: left;
}
.s6img img{
    width: 100%;
    float: right;
    max-width: 666px;

}
.s6first{
    width: 46%;
}
.s6secd{
    width: 54%;
}
.anotherproducts-carousel .owl-prev{
width: 46px;
height: 48px;
float: left;
background: #FFFFFF !important;
}
.anotherproducts-carousel .owl-next{
width: 46px;
height: 48px;
float: left;
background: #FFFFFF !important;
margin-left: 13px;
}
.anotherproducts-carousel .owl-nav{
position: absolute;
right: 0;
top: -101px;
}
.moving{
    width: 100%;
    float: left;
    background: ;
    padding: 24px 0;
    background: #FFFFFF;
}
.b2-slider {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}


.b2-slide-track{
    -webkit-animation: scroll2 10s linear infinite;
    animation: scroll2 70s linear infinite;
    display: flex;
    width: calc(100%* 20);
}
@keyframes scroll2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-652px * 10));
  }
}
.b2-slide {
    position: relative;
    padding-left: 46px;
    display: flex;
    align-items: center;
    gap: 46px;
    justify-content: center;
}
.b2-slider .b2-slide img {
    float: left;
    width: 100%;
    max-width: 48px;
}
.b2-slider .b2-slide h2 {
    font-weight: 600;
    font-size: 32px;
    color: black;
    width: 100%;
}
.section7{
    width: 100%;
    float: left;
    background: #000000;
    padding: 117px 0;
}
.s7 .about-badge {
background: white;
color: black;
width: 153px;
}

.s7 h2{
    padding: 19px 0 56px;
 color: #FFFFFF;
}
.s7left {
      background: #0b0b0b;
    background-size: cover;
    position: relative;
    width: 100%;
    min-height: 342px;
    padding: 24px 22px;
    border-radius: 35px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.s7left::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    background: radial-gradient(circle at top right,
        rgba(0,255,170,0.15),
        transparent 60%);
    pointer-events: none;
}

.s7left::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    padding: 1.5px;

    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.25),
        rgba(255,255,255,0.05),
        rgb(189 189 189 / 25%),
        rgba(255,255,255,0.35)
    );

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.s7left img {
    position: absolute;
    top: -60px;
    right: -70px;
    width: 100%;
    max-width: 270px;
    pointer-events: none;
     transition: transform 0.6s ease;   /* smooth zoom */
    transform-origin: center bottom;   /* zoom from bottom */

}
.s7left:hover img {
    transform: scale(1.15);  /* adjust zoom: 1.1 = small, 1.2 = big */
}



.s7left h6 {
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    /*line-height: 14px;*/
    z-index: 1;
}

.s7left h6 span {
    color: #8D8D8D;
}
.s7leftmaintfull{
    display: flex;
    gap: 32px;
        flex-direction: column;
}
.s7lbottom{
    position: relative;
    width: 100%;
    float: left;
    min-height: 342px;
      background: #0b0b0d; /* dark glass background */
    padding: 24px 22px;
    border-radius: 35px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.s7lbottom::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    padding: 1.2px;

    background: linear-gradient(
        145deg,
        rgba(255,255,255,0.35),
        rgba(255,255,255,0.08) 30%,
        rgba(255,255,255,0.05) 60%,
        rgba(255,255,255,0.25)
    );

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}



.s7lbottom img{
width: 100%;
float: left;
max-width: 180px;
 transition: transform 0.6s ease;   /* smooth zoom */
    transform-origin: center bottom;   /* zoom from bottom */
}
.s7lbottom:hover img {
    transform: scale(1.15);  /* adjust zoom: 1.1 = small, 1.2 = big */
}
.s7lbottom h3{
    text-align: center;
    width: 100%;
    float: left;
    padding: 20px 0;
    color: #FFFFFF;
    font-size: 70px;
    font-weight: 600;
}
.s7lbottom p{
    width: 100%;
    float: left;
    text-align: center;
    color: #ffffff9c;
    font-size: 28px;
    font-weight: 600;
    line-height: 41px;
}
.s8-center{
    padding-top: 64px;
    width:100%;
    min-height: 716px;
    border-radius: 35px;
    float: left;
    background-image: url('../images/Frame 2147225650.webp');
    background-size: cover;
    position: relative;
    overflow: hidden;

}
.s8-center::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    padding: 1.5px;

    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.9),
        rgba(255,255,255,0.35) 25%,
        rgba(255,255,255,0.08) 50%,
        rgba(255,255,255,0.35) 75%,
        rgba(255,255,255,0.9)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    pointer-events: none;
}
.s8-center h3{
    width: 100%;
    float: left;
    font-size: 28px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
}
.s8-center h2{
    width: 100%;
    float: left;
    font-size: 98px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    padding: 0px 0;
}
.s8-center p{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #ffffff9c;
}
.s8-centermhn img{
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    right: 0;
   max-width: 360px;
}
.ring img{
    width: 100%;
    float: left;
    position: absolute;
    bottom: -228px;
    left: -282px;
    max-width: 605px;
animation: ringMove 12s linear infinite;
    transform-origin: center;
}
@keyframes ringMove {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.s8-right{
    background-size: cover;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    border-radius: 35px;
    position: relative;
    width: 100%;
    min-height: 342px;
    float: left;
    overflow: hidden;
    background-image: url('../images/Frame 2147225641.webp');
}
.s8-right::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    padding: 1.5px;

    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.25),
        rgba(255,255,255,0.05),
        rgb(189 189 189 / 25%),
        rgba(255,255,255,0.35)
    );

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}
.s8-right h5{
    width: 100%;
    float: left;
    text-align: center;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 25px;
}
.s8-right h5 span{
    color: #8D8D8D;
}
.s8-right img{
    width: 100%;
    float: left;
    max-width: 204px;
     transition: transform 0.6s ease;   /* smooth zoom */
    transform-origin: center bottom;   /* zoom from bottom */
}
.s8-right:hover img {
    transform: scale(1.15);  /* adjust zoom: 1.1 = small, 1.2 = big */
}
.s8-right-bottom{
    background-size: cover;
    width:100%;
    min-height: 342px;
    float: left;
padding: 24px 22px;
  border-radius: 35px;
overflow: hidden;
    display: flex;
    align-items: flex-end;
position: relative;
background-image: url('../images/Frame 2147225643.webp');

}

.s8-right-bottom::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    padding: 1.5px;

    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.25),
        rgba(255,255,255,0.05),
        rgb(189 189 189 / 25%),
        rgba(255,255,255,0.35)
    );

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

   .s8-right-bottom h6 {
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.45;
    z-index: 1;
} 
  .s8-right-bottom h6 span {
    color: #8D8D8D;
}
.s8-right-bottom img{
    width: 100%;
    float: left;
    position: absolute;
    top: 0;
    right:0;
    max-width: 213px;
    transition: transform 0.6s ease;   /* smooth zoom */
    transform-origin: center bottom;   /* zoom from bottom */
} 
  

.s8-right-bottom:hover img {
    transform: scale(1.15);  /* adjust zoom: 1.1 = small, 1.2 = big */
}
.s8-right-all{
   display: flex;
    gap: 32px;
    flex-direction: column; 
} 
.section7 .col-lg-4{
    width: 28.333333%;
} 
.section7 .col-lg-5{
width: 41.66666667%;
}



.abt-bx{
      z-index: 1;
    perspective: 1000px;
  transition: transform 0.15s ease-out;
  transform-style: preserve-3d;
  will-change: transform;
}





























.testimonial{
    width: 100%;
    float: left;
    padding: 156px 0 99px;
    position: relative;
}
.textion .about-badge{
width: 181px;
}
.textion h2{
text-align: left;
padding: 10px 0;
}
.textion{
 align-items: normal;   
}
.textion p{
    width: auto;
    float: left;
    text-align: left;
    color: #737272;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 40px;
}
.textmonial-bxs{
    width: 100%;
    float: left;
    padding: 24px 18px 34px;
    border-radius: 16px ;
    border: 1px solid #E7EAEC;
}
.t-img1{
    width: 100%;
    float: left;
    max-width: 66px;
}
.t-img2{
    width: 100%;
    float: left;
    max-width: 132px;
}
.t-imgurl{
display: flex;
    align-items: center;
    justify-content: space-between;
}
.textmonial-bxs h4{
    width: 100%;
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    float: left;
    padding: 12px 0;
}
.textmonial-bxs p{
    width: 100%;
    float: left;
    text-align: left;
    color: #656565;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.textimonianmain-big{
       padding-left: 65px;
}
.textimonial-carousel .owl-prev {
    width: 46px;
    height: 48px;
    float: left;
    background: black !important;
}
.textimonial-carousel .owl-next {
    width: 46px;
    height: 48px;
    float: left;
    background: black !important;
    margin-left: 13px;
}
.textimonial-carousel button img{
filter: invert(1);
}
.textimonial-carousel .owl-nav {
    position: absolute;
  right: 65px;
    top: -101px;
}
.section8{
    width: 100%;
    float: left;
    padding-bottom: 109px;
}
.s8main{
    width: 100%;
    float: left;
    position: relative;
    height: 479px;
    padding: 84px 50px;
    background: #000000;
    overflow:hidden;
}
.s8main h2{
    position: relative;
    padding-bottom: 26px;
    width: 100%;
    float: left;
    text-align: left;
    color: #FFFFFF;
    font-size: 63px;
    font-weight: 500;
    line-height: 76px;
}
.s8main h2 span{
    color: #838383;
}
.s8main-img img{
    width: 100%;
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 661px;
}
.footer{
    width: 100%;
    float: left;
    padding: 87px 0 102px;
    background: #000000;
}
.ftr-logo{
    width: 100%;
    float: left;
}
.ftr-logo img{
    width: 100%;
    float: left;
    max-width: 170px;
}
.ftr-logo p{
    width: 100%;
    float: left;
    text-align: left;
    color: #9D9D9D;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    padding: 24px 0;
}
.social-m{
    width: 100%;
    float: left;
}
.social-m h3{
    width: 100%;
    float: left;
    text-align: left;
    color:white;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 16px;
}
.social-m a{
    padding-right: 12px;
    float: left;
}
.social-m a img{
    width: 100%;
    float: left;
    max-width: 40px;
}
.social-m a:hover img{
animation-name: zoomIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}



.ftr-main{
    width: 100%;
    float: left;
}
.ftr-main h2{
    width: 100%;
    float: left;
    text-align: left;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 24px;
}
.ftr-main a{
    width: 100%;
    float: left;
    text-align: left;
    color: #9D9D9D;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 10px;
     transition: opacity 0.6s ease;   /* smooth fade */
}
.ftr-main a:hover{
    color: #ffffff;
}
.ftrbx1{
width: 32%;
float: left;
}
.ftrbx2{
width: 33%;
float: left;
}
.ftrbx3{
    
    float: left;
width: 35%;
}
.footer .col-lg-5{
  padding-right: 0;
}
.footer .col-lg-7{
    padding: 0;
}
.copy{
    width: 100%;
    float: left;
    padding-bottom: 22px;
    background: black;
}
.copy img{
    width: 100%;
    float: left;
    max-width: 640px;
    opacity: 0.1;
     animation: softBlink 4s ease-in-out infinite;
 }
@keyframes softBlink {
    0%   { opacity: 0.1; }
    50%  { opacity: 1; }
    100% { opacity: 0.1; }
}


.copy p {
    width: 100%;
    float: right;
    text-align: right;
    color: #9D9D9D;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
}
.ftrbx3 p{
    width: 100%;
    float: left;
    text-align: left;
    color: #9D9D9D;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
        padding-bottom: 10px;
}
/*innerpage*/
.innerhds {
    width: 100%;
    float: left;
    background: #000000;
    overflow: hidden;
    margin-top: -123px;
    padding: 173px 0 50px;
    position: relative;
}
.innerhds h2{
    width: 100%;
    float: left;
    text-align: left;
    color: white;
    
    font-size:42px;
    font-weight: 500;
}
.innerhds img {
    opacity: 0.3;
    width: 100%;
    max-width: 500px;
    float: left;
    position: absolute;
       right: 0;
    bottom: -219px;
}
.inner-pages{
    width: 100%;
    float: left;
    padding: 70px 0;
}
.innerabthd{
    width: 100%;
    float: left;
}
.innerabthd h2{
    width: 100%;
   text-align: left;
    color: black;
    font-size: 52px;
    font-weight: 600;
    padding-bottom: 35px;
}
.innerabthd img {
    width: 100%;
    float: left;
    max-width: 530px;
    height: 700px;
    object-fit: cover;
    margin-right: 40px;
}
.innerabthd p{
    width: 100%;
    text-align: left;
    color: #868686;
    font-size: 16px;
    font-weight: 400;
    line-height: 177%;
        padding-bottom: 30px;
}
.tick img {
    margin: auto;
    width: 100%;
    float: left;
    max-width: 23px;
    height: auto;
}
.tick {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 15px;
    justify-content: center;
}

.tick h6{
   width: 100%;
    text-align: left;
    color: black;
    font-size: 25px;
    font-weight: 500;
}
.vimi{
    width: 100%;
    float: left;
}
.vimi h3{
    width: 100%;
    float: left;
   padding: 12px 0;
    text-align: left;
    color: #001520;
    font-size: 40px;
    font-weight: 600;
}
.vimi p{
    float: left;
    width: 100%;
    text-align: left;
    color: #868686;
    font-size: 16px;
    font-weight: 400;
    line-height: 177%;
}
.vi-extra img{
    width: 100%;
    float: left;
    max-width: 50px;

}
.vimi span{
    width: 51px;
    height: 51px;
    float: left;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    background: #000000;
    display: flex;
    justify-content: center;
        align-items: center;
}
.vimi img{
    width: 100%;
    float: left;
    max-width: 32px;
}
.vi-extra {
    gap: 25px;
    padding-top: 25px;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vi-extratxt{
width: 100%; 
  float: left;
}
.vi-extratxt h4{
    width: 100%;
    float: left;
    text-align: left;
    color: black;
    font-size: 25px;
    font-weight: 500;
    padding-bottom: 15px;
}
.mainabtbig{
    width: 100%;
    float: left;
    padding-bottom: 30px;
}
.mainabtbig h6{
    width: 100%;
    float: left;
    text-align: left;
    color: #000000;
    font-size: 50px;
    font-weight: 500;
    padding-bottom: 30px;
}
.rwnw{
    padding-top: 100px;
    height: 100%;
    display: flex;
    align-items: center;
}
.mainabtbig p {
    float: left;
    width: 100%;
    text-align: left;
    color: #868686;
    font-size: 16px;
    font-weight: 400;
    line-height: 177%;
}
.cr-wd {
    margin-right: auto;
    margin-left: auto;
    width: 770px;
}
.cr-wd h2 {
    float: left;
    width: 100%;
    text-align: center;
    color: black;
   font-size: 52px;
    font-weight: 600;
    line-height: 130%;
}
.cr-wd p {
    width: 100%;
    float: left;
    text-align: center;
      color: #656565;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 20px 0 30px;
}
.contact-label {
    float: left;
    width: 100%;
    text-align: left;
    color: #868686;
    font-size: 16px;
    font-weight: 400;
}
.mct_form {
        border: 1px solid #00000070;
    color: #000000;
    display: block;
    font-weight: 300;
    font-size: 15px;
    /* text-transform: uppercase; */
    height: 51px;
    margin-bottom: 30px !important;
    padding: 0 20px;
    outline: none;
    width: 100%;
    padding-left: 0px;
    transition: all 500ms ease;
    margin-top: 3px;
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 17px;
    border-radius: 10px;
}
.cr-inn a {
    width: 150px;
}
.c-imag img {
    width: 100%;
}
.contct-frm {
    padding-left: 45px;
}
.contct-frm h4 {
    width: 100%;
    float: left;
    text-align: left;
    color:#000000;
    font-size: 52px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.con-field label {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.con-field input {
    width: 100%;
    float: left;
    padding: 12px;
       border: 1px solid #00000070;
    border-radius: 10px;
    font-size: 15px;
    color: #000;
       background: #f5f0e400;
    height: 51px;
    outline: none !important;
}
.con-field textarea {
    width: 100%;
    float: left;
    background: #f5f0e400;
    padding: 12px;
     border: 1px solid #00000070;
    border-radius: 10px;
    font-size: 16px;
    color: #000;
    height: 150px;
    outline: none !important;
}.con-field {
    margin-bottom: 12px;
}.w-card {
    flex-direction: column;
    display: flex;
}


.w-card span {
    width: 51px;
    height: 51px;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    display: flex;
     background: #000000;
    align-items: center;
    justify-content: center;
}
.w-card span img{
width: 100%;
max-width: 32px;
}.w-card h3 {
    color:black;
    font-size: 24px;
    font-weight: 500;
    margin-top: 22px;
    margin-bottom: 15px;
}.w-card p {
    color: #868686;
    font-size: 16px;
    font-weight: 400;
}.w-card p a {
    color: #868686;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}.ft-social {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
}.ft-social a {
    width: 40px;
    height: 40px;
    border: 1px solid #E6E6E6;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.w-card .ft-social img {
    filter: invert(1);
}
.w-cardcentr {
    background: #1AA664;
    border-radius: 20px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.category-pghd{
    width: 100%;
    float: left;
}
.category-pghd h2{
    width: 100%;
    float: left;
    text-align: center;
    color: #000000;
    font-size: 52px;
    font-weight: 600;
}
.category-pghd p {
    text-align: center;
   color: #868686;
    font-size: 16px;
    font-weight: 400;
    line-height: 177%;
       padding: 25px 200px;
    float: left;
    width:100%;

}   
.ct-pgbd{
    margin-bottom: 25px;
     border: 1px solid #afafaf75;
}
.ct-pgbd h6 {
    width: 100%;
    float: left;
    text-align: left;
    color: black;
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 12px;
}
.productlisting {
 padding: 15px 0 30px;
    width: 100%;
    float: left;
    display: inline-block;
    z-index: 111;
    position: relative;
}
.productlisting .btn {
   
       padding: 9px 30px;
    font-size: 16px;
    font-weight: 300;
    color: white;
    background: black;
    border: 1px solid #9F9F9F !important;
    transition: all 0.3s ease;
    border-radius: 10px;
}
.productlisting .dropdown-menu {
    border-radius: 0;
    min-width: 200px;
    padding: 0 !important;
    border: 1px solid #9F9F9F;
    transform: translate(-49px, 48px) !important;
}
.productlisting .dropdown-menu {
    border-radius: 0;
    min-width: 460px;
    padding: 0 !important;
    border: 1px solid #9F9F9F;
    transform: translate(-140px, 48px) !important;
}
.productlisting li {
    float: left;
    width: 50%;
    padding: 10px 15px;
}
.productlisting .form-check-input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid black;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    position: relative;
}
.productlisting label {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    padding-left: 8px;
}
.productlisting .form-check-input[type="radio"]:checked::after {
    content: "";
    width: 8px;
    height: 8px;
    background: black;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*dadad*/
.product-details {
  padding: 0px 0 60px;
}

/* Gallery */

.product-gallery{
    padding: 0 50px;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}


.product-gallery .main-image {
  width: 100%;
  border-radius: 12px;
}

.product-gallery .thumbs {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

.product-gallery .thumbs img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.6;
}

.product-gallery .thumbs img.active {
  opacity: 1;
  border: 2px solid #000;
}

/* Info */
.product-info h1 {
 width: 100%;
    float: left;
    text-align: left;
    color: #000000;
    font-size: 41px;
    font-weight: 500;
    padding-bottom: 23px;
    line-height: 138%;
}
.product-info h3 {
width: 100%;
    float: left;
    text-align: left;
    color: #696969;
    font-size: 16px;
    font-weight: 600;
}
.product-info h6{
width: 100%;
    float: left;
    text-align: left;
    color: black;
    font-size: 20px;
    font-weight: 800;
    padding: 15px 0px;
}


.product-info .desc {
 text-align:left;
    color: #868686;
    font-size: 16px;
    font-weight: 400;
    line-height: 177%;
    float: left;
    padding-bottom:15px;
    width: 100%;
    float: left;
}

/* Options */
.option-group {
  margin-bottom: 25px;
}

.option-group h6 {
  font-weight: 600;
  margin-bottom: 10px;
}

.sizes span {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 8px 14px;
  margin-right: 8px;
  cursor: pointer;
}

.sizes span.active {
  background: #000;
  color: #fff;
}
.colors span.active {
  outline: 2px solid #000;
  outline-offset: 3px;
}

/* Colors */
.colors span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.sizes span:hover,
.colors span:hover,
.thumbs img:hover {
  transform: scale(1.05);
  transition: 0.2s;
}


.colors .black { background: #000; }
.colors .gray { background: #ccc; }
.colors .orange { background: orange; }
.colors .blue { background: #007bff; }


/* Buttons */
.actions button {
  padding: 12px 30px;
  border: none;
  margin-right: 10px;
  border-radius: 30px;
}

.btn-buy {
  background: #000;
  color: #fff;
}

.btn-cart {
  background: #f1f1f1;
}


.search-toggle {
    background: none;
    border: none;
    cursor: pointer;
}
.search-box.active {
    display: flex;
}
.search-box{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgb(0 0 0 / 97%);
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    z-index:2000;
}
.search-container {
    display: flex;
    gap: 10px;
    width: 60%;
}
.search-container input {
    flex: 1;
    padding: 14px 18px;
    font-size: 18px;
    border: 2px solid #ddd;
    border-radius: 30px;
    outline: none;
    background: black;
    color: white;
}
.close-search {
    background: none;
    border: none;
    font-size: 45px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
}
.suggestions {
    margin-top: 20px;
    width: 60%;
    list-style: none;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 250px;
    overflow-y: auto;
    display: none;
}.suggestions li {
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.3s;
}
.wishlist {
    width: 38px;
    height: 38px;
    float: left;
    background: #000000;
    border-radius: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wishlist img{
    width: 100%;
    float: left;
    max-width: 21px;
}
.hdarw {
    width: auto;
    float: left;
    max-width: 12px;
    float: right;
    margin: 10px 0px 0px 7px;
}

.banner-mobil{
    display: none;
}
.banner-mobil{
    width: 100%;
    float: left;
}
.banner-mobil img{
width: 100%;
float: left;
}

@media (max-width: 500px){
.banner-mobil{
    display: block;
}
.banner-desktop{
    display: none;
}
}
.mobilemenu{
    width: 100%;
    float: left;
    position: relative;
    display: none;
}
@media (max-width: 991px){
.hdr-menu{
display: none;
}
.mobilemenu{
    display: block;
}
}

@media (min-width: 768px) {
.extar{
    padding: 0 65px;
}
}




@media (max-width:400px){


.copy p {
    
    text-align: center !important;
    font-size: 11px;
}
    .ftrbx2 a{
width: 100% !important;
    }
    .category-pghd h2 {
        font-size: 35px !important;
    }



.productlisting li {
    width: 100%;
    text-align: center;
}

.productlisting .dropdown-menu {
    padding: 0 110px !important;



}
}


@media (max-width: 1300px){


.abt-bx{
     
      z-index: unset;
    perspective: unset;
  transition: unset;
  transform-style: unset;
  will-change: unset;
}
}



@media (max-width: 575px){

.product-info h1 {
    padding-top: 20px;
    font-size: 35px;
}
    .category-pghd h2 {
       text-align: left;
    }
   .category-pghd p {
       text-align: left;
    }

    .ftr-logo p br{
display: none;
    }
    .header {
    padding: 25px 0;
}
.section1 {
    padding: 40px 0 60px;
}
.s-hd h2 {
    font-size: 35px;
}
.allcatgories-text h2 {
    line-height: 25px;
    font-size: 21px;
    font-weight: 500;
}
.s2clss {
    width: 100%;
}
.s2clss-n {
    width: 100%;
}
.st2-hds h3 {
    font-size: 35px;
}
.ct1 h4 {
    font-size: 45px;

}

.ct1 {
    width: 50%;
    padding-right: 0;
    padding-bottom: 35px;
}
.ct3 {
    width: 100%;
}
.countersection {
    display: unset;
}
.ct1::after {
display: none;
}
.s3main {
    
    align-items: flex-start;
    padding-bottom: 54px;
    flex-direction: column;
    gap: 40px;
}
.pro-btns a {
    width: 100%;
}
.pro-btns {
    flex-direction: column;
}
.section2 {
    padding-bottom: 70px;
}
.section3 {
  
    padding: 60px 0px;
}
.s4hd {
    align-items: flex-start;
}
.s4hd h2 {
    font-size: 35px;
    text-align: left;
}
.s4hd h2 br{
    display: none;
}
.s4image-two p br{
    display: none;
}
.anotherproducts-carousel .owl-nav{
    display: none;
}
.section4 .col-lg-5 {
    width: 100%;
}

.s4image {
    min-height: 300px;
            margin-bottom: 20px;
}

.section4 .col-lg-7 {
    width: 100%;
}
.s4image-p {
    align-items:flex-start;
    flex-direction: column;
    gap: 20px;
}

.s5-hd {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
}

.s5-hd h2 {

    font-size: 43px;
        line-height: 56px;
}
.s5-hd h2 br{
display: none;
}
.section5 {
    background-position: center;
}
.s6first {
    width: 100%;
}
.s6secd {
    width: 100%;
}

.section6 {
    padding: 60px 0;
}

.s6hds h2{
font-size: 40px;
}

.ssixcont-text p br{
    display: none;
}

.ssixcontent {
    flex-direction: column;
    display: flex;
    gap: 20px;
}
.s6hds h2 br{
display: none;
}
.s6first .explore a {
margin: 35px 0;
}
.section7 {
    padding: 60px 0;
}
.section7 .col-lg-4 {
    width: 100%;
}
.section7 .col-lg-5 {
    width: 100%;
}
.s7leftmaintfull {
    display: flex;
    gap: 25px;
}
.s8-center {
    margin: 20px 0;
}

.textimonial-carousel .owl-nav {
    display: none;
}
.textimonianmain-big {
    padding: 0 15px;
}
.testimonial{
    padding: 75px 0;
}
.t-img2{
    max-width: 100px;
}
.s8main{
    height: auto;
    padding: 36px 15px;
}
.s8main h2 br{
    display: none;
}
.s8main h2{
    position: relative;
    z-index: 111;
}
.s8main h2 span{
color: white;
}
.s8main h2 {
    font-size: 40px;
    line-height: 50px;
}
.section8 {
    padding-bottom: 60px;
}
.footer {
    padding: 50px 0 50px;
}
.footer .col-lg-7 {
    padding: 0 15px;
}
.ftrbx1 {
    width: 100%;
}
.ftr-main a {
    width: 50%;
}
.ftrbx2 {
    width: 100%;
}
.ftrbx3 {
    width: 100%;
}
.ftr-main h2 {
    padding-top: 25px;
}
.copy p {
    padding-top: 20px;
    justify-content: center;
}
.st2-img img {
    float: none;
    margin: auto;
    display: block;
}
/*abt*/
.innerhds img {
    opacity: 0.1;
}

.innerabthd img {
    height: auto;
}
.innerabthd h2 {
   
    font-size: 40px;
    padding-top: 16px;
    float: left;
    padding-bottom: 20px;
}.tick img {
    height: auto;
}
.tick h6 {
    font-size: 20px;
}
.rwnw {
    padding-top: 40px;
}
.rwnw .col-lg-8{
    padding-right: 0 !important;
}
.mainabtbig h6 {
    font-size: 40px;
}
.vimi {
    padding-bottom: 30px;
}

.logo {

    justify-content: flex-start;
}
.category-pghd h2 {
    font-size: 40px;
}
.category-pghd p {
    padding: 25px 0px;
}


.proimg img {
    float: none;
    margin: auto;
    display: block;
}
.cr-wd {
    width: 100%;
}
.cr-wd h2 {
    text-align: left;
    font-size: 40px
}
.cr-wd p{
text-align: left;
}
.contct-frm {
    padding-left: 0;
}

.w-card {
    flex-direction: column;
    display: flex;
    text-align: left !important;
    align-items: flex-start !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
}

.product-gallery {
    padding: 0;
}
.product-details {
    padding: 0;
}



}

@media (min-width:576px) and (max-width:767px){
    
    .anotherproducts-carousel .owl-nav {
    display: none;
        
    }
    .s4image-two p br{
        display: none;
    }
    .header {
    padding: 25px 0;
}
.section1 {
    padding: 40px 0 60px;
}
.s-hd h2 {
    font-size: 35px;
}
.allcatgories-text h2 {
    line-height: 25px;
    font-size: 21px;
    font-weight: 500;
}
.s2clss {
    width: 100%;
}
.s2clss-n {
    width: 100%;
}
.st2-hds h3 {
    font-size: 35px;
}
.ct1 h4 {
    font-size: 45px;

}

.ct1 {
    width: 50%;
    padding-right: 0;
    padding-bottom: 35px;
}
.ct3 {
    width: 100%;
}
.countersection {
    display: unset;
}
.ct1::after {
display: none;
}
.s3main {
    
    align-items: flex-start;
    padding-bottom: 54px;
    flex-direction: column;
    gap: 40px;
}
.pro-btns a {
    width: 100%;
}
.pro-btns {
    flex-direction: column;
}
.section2 {
    padding-bottom: 70px;
}
.section3 {
  
    padding: 60px 0px;
}
.s4hd {
    align-items: flex-start;
}
.s4hd h2 {
    font-size: 35px;
    text-align: left;
}
.section4 .col-lg-5 {
    width: 100%;
}

.s4image {
    min-height: 300px;
            margin-bottom: 20px;
}

.section4 .col-lg-7 {
    width: 100%;
}
.s4image-p {
align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}

.s5-hd {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
}

.s5-hd h2 {

    font-size: 43px;
        line-height: 56px;
}
.s5-hd h2 br{
display: none;
}
.section5 {
    background-position: center;
}
.s6first {
    width: 100%;
}
.s6secd {
    width: 100%;
}

.section6 {
    padding: 60px 0;
}

.s6hds h2{
font-size: 40px;
}

.ssixcont-text p br{
    display: none;
}

.ssixcontent {
    flex-direction: column;
    display: flex;
    gap: 20px;
}
.s6hds h2 br{
display: none;
}
.s6first .explore a {
margin: 35px 0;
}
.section7 {
    padding: 60px 0;
}
.section7 .col-lg-4 {
    width: 100%;
}
.section7 .col-lg-5 {
    width: 100%;
}
.s7leftmaintfull {
    display: flex;
    gap: 25px;
    flex-direction: row;
}
.s8-right{
    background-size: cover;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    border-radius: 35px;
    position: relative;
    width: 50%;
}
.s8-center {
        min-height: 440px;
    margin: 20px 0;
}
.s8-centermhn img {
    opacity: 0.







    3;
}
.s8-right-all {
    flex-direction: row;
}
.s8-right-bottom {
    width: 50%;
}
.textimonial-carousel .owl-nav {
    display: none;
}
.textimonianmain-big {
    padding: 0 15px;
}
.testimonial{
    padding: 75px 0;
}
.t-img2{
    max-width: 100px;
}
.s8main{
    height: auto;
    padding: 36px 15px;
}
.s8main h2 br{
    display: none;
}
.s8main h2{
    position: relative;
    z-index: 111;
}
.s8main h2 span{
color: white;
}
.s8main h2 {
    font-size: 40px;
    line-height: 50px;
}
.section8 {
    padding-bottom: 60px;
}
.footer {
    padding: 50px 0 50px;
}
.footer .col-lg-7 {
    padding: 0 15px;
}
.ftrbx1 {
    width: 100%;
}
.ftr-main a {
    width: 50%;
}
.ftrbx2 {
    width: 100%;
}
.ftrbx3 {
    width: 100%;
}
.ftr-main h2 {
    padding-top: 25px;
}
.copy p {
    padding-top: 20px;
    justify-content: center;
}
.st2-img img {
    float: none;
    margin: auto;
    display: block;
}
.s7left {
    width: 50%;
}
.s7lbottom {
    width: 50%;

}
.innerhds img {
    opacity: 0.1;
}

.innerabthd img {
    height: auto;
}
.innerabthd h2 {
   
    font-size: 40px;
    padding-top: 16px;
    float: left;
    padding-bottom: 20px;
}.tick img {
    height: auto;
}
.tick h6 {
    font-size: 20px;
}
.rwnw {
    padding-top: 40px;
}
.rwnw .col-lg-8{
    padding-right: 0 !important;
}
.mainabtbig h6 {
    font-size: 40px;
}
.vimi {
    padding-bottom: 30px;
}
.innerabthd p {
    float: left;
}
.tick {
    float: left;
}
.logo {

    justify-content: flex-start;
}
.category-pghd h2 {
    font-size: 40px;
}
.category-pghd p {
    padding: 25px 0px;
}

.proimg img {
    float: none;
    margin: auto;
    display: block;
}
.cr-wd {
    width: 100%;
}
.cr-wd h2 {
    text-align: left;
    font-size: 40px
}
.cr-wd p{
text-align: left;
}
.w-card {
    flex-direction: column;
    display: flex;
    text-align: left !important;
    align-items: flex-start !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}
.contct-frm {
    padding-left: 0px;
}
.product-gallery {
    padding: 0;
}
.product-details {
    padding: 0;
}

}

@media (min-width: 768px) and (max-width:991px){
    
    .anotherproducts-carousel .owl-nav {
    display: none;
        
    }
        .logo {
        justify-content: flex-start;
    }
.product-details {
    padding: 0;
}
.product-gallery {
 padding: 0 0px;
}
.product-info h1 {
    font-size: 35px;
}

.section1 {
    padding: 60px 0 80px;
}
.st2-hds h3 {
    font-size: 35px;
}
.pro-btns {
    justify-content: space-between;
    flex-direction: column;
}
.pro-btns a {
    width: 100%;

}
.s4image {
    min-height: 360px;
}
.s4image-two {
    min-height: 360px;
}
.s4image-two p br{
    display: none;
}

    .extar {
        padding: 0 40px;
    }

.s4image-p {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
}
.section2 {
    padding-bottom: 60px;
}
.s6hds h2 {
    font-size: 40px;
}
.s6hds h2 br{
    display: none;
}
.ssixcontent {
    display: flex;
    flex-direction: column;
}
.ssixcont-text p br{
    display: none;
}
.s6img {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.section7 .col-lg-4 {
    width: 100%;
}
.s7left {
    width: 50%;
}
.s7lbottom {
    width: 50%;
}
.s7leftmaintfull {
    flex-direction: row;
}
.section7 .col-lg-5 {
    width:100%;
}
.s8-center {
    margin: 20px 0;
    min-height: 645px;
}
.s8-right {
    width: 50%;
}
.s8-right-bottom {
    width: 50%;
}
.s8-right-all {
    flex-direction: row;
}
.section7 {
    padding: 70px 0;
}
.textimonial-carousel .owl-nav {
    position: absolute;
    right: 0;
}
.testimonial {
    padding: 65px 0 70px;
}
.textimonianmain-big {
    padding:0 40px;
}
.s8main h2 {
position: relative;
    z-index: 11;
}
.s8main h2 span {
    color: white;
}
.s8main {
    height: auto;
}
.ftr-main {
    padding-top: 45px;
}
.ftrbx1 {
    width: 50%;
}
.ftrbx3 {
    width: 100%;
}
.copy p {
   padding-top: 18px;
    justify-content: center;
}
.innerabthd img {
    margin-bottom: 30px;
}
.tick img {
    margin: auto;
}
.rwnw {
    padding-top: 50px;
}
.vimi {
    padding-bottom: 30px;
}
.innerabthd h2 {
    float: left;
}
.innerabthd p {
    float: left;
}
.tick {
    float: left;
}
.category-pghd h2 {
    font-size: 40px;
}
.category-pghd p {
    padding: 25px 0px;
}

.proimg img {
    float: none;
    margin: auto;
    display: block;
}
.cr-wd {
    width: 100%;
}
.w-card {
    flex-direction: column;
    display: flex;
    text-align: left !important;
    align-items: flex-start !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}
.contct-frm {
    padding-left: 0px;
}
.contct-frm h4 {
    font-size: 40px;
}
}


@media (min-width:992px) and (max-width: 1024px){
       .header .extar {
        padding: 0 40px;
    }
.header_menu_area > ul > li {
    padding: 0px 14px 0px 0px;
}

.header_menu_area > ul > li > a {
    font-size: 14px;
}
.hdr-menu {
    gap: 6px;
}
.allcatgories-text h2 {
    line-height: 24px;
    font-size: 20px;

}
.section1 {
    
    padding: 70px 0;
}
.st2-hds h3 {
    font-size: 35px;
}
.ct1 h4 {
    font-size: 40px;
}

.st2-img {
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.pro-btns a {
    width: 100%;
}
.pro-btns {
    flex-direction: column;
}
.s4image-two p br{
    display: none;
}

.s4image-p {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.s6hds h2 {
    font-size: 40px;
}
.s6hds h2 br{
    display: none;
}
.ssixcontent {
    display: flex;
    flex-direction: column;
}
.ssixcont-text p br{
    display: none;
}
.s6img {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.s7left h6 {
    font-size: 25px;
}
.s7lbottom p {
    font-size: 25px;
}
.s8-right-bottom img {
    max-width: 155px;
}
.s8main h2 {
    position: relative;
}
.s8main-img img {
    opacity: .5;
}
.ftr-logo p {
    padding: 24px 26px 24px 0px;
}
.ftr-logo p br{
    display: none;
}
.ftrbx2 {
    width: 68%;
}
.ftrbx2 a {
    width: 50%;
}
.ftrbx3 {
    width: 100%;
}
.ftr-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.copy p {
    font-size: 12px;
}

.innerabthd img {
    max-width: 380px;
}
.innerabthd h2 br{
    display:none;
}
.innerabthd h2 {
    font-size: 41px;
}
.tick img {
    max-width: 23px;
}
.tick {
    float: left;
    padding-top: 25px;
    padding-bottom: 0px;
}
.rwnw {
    padding-top: 51px;
}
.vi-extra {
    gap: 9px;
    
}
.product-details {
    padding: 0;
}
.product-gallery {
 padding: 0 0px;
}
.product-info h1 {
    font-size: 35px;
}
}


@media (min-width:1025px) and (max-width: 1199px){
       .header .extar {
        padding: 0 40px;
    }
.header_menu_area > ul > li {
    padding: 0px 14px 0px 0px;
}

.header_menu_area > ul > li > a {
    font-size: 14px;
}
.hdr-menu {
    gap: 6px;
}
.allcatgories-text h2 {
    line-height: 24px;
    font-size: 20px;

}
.section1 {
    
    padding: 70px 0;
}
.st2-hds h3 {
    font-size: 35px;
}
.ct1 h4 {
    font-size: 40px;
}

.st2-img {
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.pro-btns a {
    width: 100%;
}
.pro-btns {
    flex-direction: column;
}
.s4image-two p br{
    display: none;
}

.s4image-p {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.s6hds h2 {
    font-size: 40px;
}
.s6hds h2 br{
    display: none;
}
.ssixcontent {
    display: flex;
    flex-direction: column;
}
.ssixcont-text p br{
    display: none;
}
.s6img {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.s7left h6 {
    font-size: 25px;
}
.s7lbottom p {
    font-size: 25px;
}
.s8-right-bottom img {
    max-width: 155px;
}
.s8main h2 {
    position: relative;
}
.s8main-img img {
    opacity: .5;
}
.ftr-logo p {
    padding: 24px 26px 24px 0px;
}
.ftr-logo p br{
    display: none;
}
.ftrbx2 {
    width: 68%;
}
.ftrbx2 a {
    width: 50%;
}
.ftrbx3 {
    width: 100%;
}
.ftr-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.copy p {
    font-size: 12px;
}
.innerabthd img {
    max-width: 386px;
}
.tick img {
    max-width: 23px;
}
.rwnw {
    padding-top: 40px;
}

.product-details {
    padding: 0;
}
.product-gallery {
 padding: 0 0px;
}
.product-info h1 {
    font-size: 35px;
}
}
@media (min-width:1200px) and (max-width: 1243px){

.header_menu_area > ul > li {
    padding: 0px 16px 0px 0px;
}
.s4image-two p br{
display: none;
}
.s4image-p {
  flex-direction: column;
        align-items: flex-start;
        gap: 10px;
}
.s6hds h2 {
    font-size: 35px;
}
.ssixcont-text p {
    padding-right: 50px;
}
.ssixcont-text p br{
    display: none;
}
.s8main h2 {
    position: relative;
}
.copy p {
    font-size: 15px;

}
.s8-right-bottom img {
    max-width: 162px;
}


}
@media (min-width:1243px) and (max-width: 1246px){



.s4image-two p br{
display: none;
}
.s4image-p {
  flex-direction: column;
        align-items: flex-start;
        gap: 10px;
}.s8-right-bottom img {
    max-width: 162px;
}
.s6hds h2 br{
    display: none;
}

}
.product-info ul li {
    text-align: left;
    color: #868686;
    font-size: 16px;
    font-weight: 400;
       padding: 7px 0 0px;
}

/* Hide extra items */
.more-item {
    display: none;
}

.read-more-btn {
    background: none;
    border: none;
    color:black;
    font-weight: 400;
    cursor: pointer;
   
}

.hidden-input-field {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }
    
.suggestions li a{
    text-decoration:none;
    color:#000;
    display:block;
    width:100%;
}

.suggestions li:hover{
    background:#f5f5f5;
}

.search-title{
    font-weight: 700;
}

/*.grecaptcha-badge { */
/*    visibility: hidden;*/
/*}*/

.cr-inn button{
    width: 150px;
}
.explore button{
    width: 170px;
    height: 53px;
    float: left;
    background: #000000;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
     border: 1px solid black;
     transition: background 0.3s ease, color 0.3s ease;

}
.explore button span {
    width: 36px;
    height: 37px;
    float: left;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
}
.explore button span img{
    width: 100%;
    max-width: 18px;
}

.explore button{
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease, color 0.3s ease;
}

.explore button span {
    transition: transform 0.3s ease, background 0.3s ease;
}

.explore button:hover {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #000000;
}

.explore a:hover span {
    /*background: #000000;*/
    transform: translateX(6px);
}