@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');




/*default reboot css*/
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth;overflow-x: hidden;}
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a img{ border:none; outline: none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix {clear: both;}
img { max-width: 100%; height: auto;}
::-moz-selection { color: #fff; background:var(--main-clr);}
::selection { color: #fff; background: var(--main-clr);}
button,input,select,option,textarea {pointer-events:all;font-family:inherit;font-size:100%;}




/*variables--*/
:root{
  --body-font:"Inter", sans-serif;
  --head-font:"Inter", sans-serif;
  --custom-font:"Inter", sans-serif;
  --pdg:clamp(70px, 8.75vw, 140px);
  --mrg:clamp(30px, 5vw, 80px);
  --fs-46px:clamp(25px, 2.88vw, 46px);
  --fs-40px:clamp(22px, 2.5vw, 40px);
  --fs-30px:clamp(18px, 1.88vw, 30px);
  --fs-24px:clamp(17px, 1.5vw, 24px);
  --fs-20px:clamp(16px, 1.25vw, 20px);
  --fs-18px:clamp(17px, 1.13vw, 18px);
  --fs-16px:clamp(14px, 1vw, 16px);
  --main-clr:#102E43;
  --main-clr2:#0A70B8;
  --main-clr3:#FFF51A;
  --body-font-size:var(--fs-16px);
  --btn-font-size:var(--body-font-size);
  --h1-font:var(--fs-46px);
  --h2-font:var(--fs-40px);
  --h3-font:var(--fs-24px);

}

body{font-family:var(--body-font);font-size:var(--body-font-size);color:#102E43;line-height:1.3;font-weight:300;margin:0px; padding:0px;background:#fff; overflow-x:hidden;width:100vw}
a{text-decoration:none; border: 0px;color:var(--main-clr);transition:0.2s;cursor: pointer;}
a img{transition: 0.3s}
a img:hover{filter:brightness(0.7);}
a:hover{text-decoration:none;color:var(--main-clr2);}
p{padding:0px;margin-bottom:0;line-height:1.5}
p:not(:last-child){margin-bottom:clamp(15px, 1.25vw, 20px);}
[id]{scroll-margin-top:200px}
.text-center{text-align:center;}
.text-left{text-align:left!important;}

/*headings*/
h1,h2,h3,h4,h5,h6{margin-bottom:clamp(15px, 1.25vw, 20px);padding:0;}
h1,.h1{font-size:var(--h1-font);font-family:var(--head-font);}
h2,.h2{font-size:var(--h2-font);font-family:var(--head-font);}
h3,.h3{font-size:var(--h3-font);font-family:var(--head-font);}




.btn-main {padding:clamp(10px, 1vw, 16px) clamp(30px, 2.69vw, 43px);display:inline-block;border-radius:60px;z-index:2;position:relative;background:var(--main-clr3);font-family:var(--body-font);text-decoration:none;font-size:var(--btn-font-size);color:var(--main-clr);border:0;font-weight:600;transition:0.4s linear;cursor:pointer;}
.btn-blue{background:var(--main-clr2);color:#fff;text-transform:uppercase;}
.btn-main:hover{box-shadow:inset 0 80px 0 0 var(--main-clr), 0 3px 0px #57b9ff;color:#fff}

/*.btn-main.dark-btn{background:var(--main-clr);color:#fff}
.btn-main.dark-btn:hover{box-shadow:inset 0 0 100px var(--main-clr-drk);color:#fff}*/


.btn-flex {display: flex;justify-content: center;gap:clamp(10px, 1.25vw, 20px)}



/*common paddings*/
.common-padd{padding-top:var(--pdg);padding-bottom:var(--pdg);}
.common-padd-top{padding-top:var(--pdg)}
.common-padd-btm{padding-bottom:var(--pdg);}
.common-padd-sm{padding-top:var(--mrg);padding-bottom:var(--mrg);}
.common-padd-top-sm{padding-top:var(--mrg)}
.common-padd-btm-sm{padding-bottom:var(--mrg);}





/*slick dots*/
.slick-dots li button:before{font-size:55px;color:var(--main-clr-drk);}
.slick-dots li button{padding:0 4px}
.slick-dots li{margin:0}






/*top button*/
.go-to-top{position:fixed;bottom:20px;right:20px;height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--main-clr2);color:#fff;border:2px solid #fff;z-index:99;opacity:0;transition:0.3s;cursor:pointer;}
.go-to-top span{width: 10px; height: 10px; border-style: solid; border-color: #fff; border-width: 2px 2px 0 0; transform: rotate(-45deg); margin-top: 4px;}
.go-to-top.show{opacity:1}



.mask-img{ mask:url("data:image/svg+xml,%3Csvg width='1600' height='1451' viewBox='0 0 1600 1451' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1600 0H0V690V760V1450C0 1450 203.79 1390 360 1390C436.893 1390 506.557 1405 576.252 1420C648.145 1435.48 720.072 1450.96 800 1450C878.193 1449.06 948.518 1431.89 1018.55 1414.8C1089.99 1397.36 1161.12 1380 1240 1380C1396.21 1380 1600 1450 1600 1450V760V690V0Z' fill='black'/%3E%3C/svg%3E ") bottom center / cover no-repeat;-webkit-mask: url("data:image/svg+xml,%3Csvg width='1600' height='1451' viewBox='0 0 1600 1451' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1600 0H0V690V760V1450C0 1450 203.79 1390 360 1390C436.893 1390 506.557 1405 576.252 1420C648.145 1435.48 720.072 1450.96 800 1450C878.193 1449.06 948.518 1431.89 1018.55 1414.8C1089.99 1397.36 1161.12 1380 1240 1380C1396.21 1380 1600 1450 1600 1450V760V690V0Z' fill='black'/%3E%3C/svg%3E ") bottom center / cover no-repeat;margin-bottom:-4.7vw}






/*header*/
.header-area{position:absolute;top:0;left:0;width:100%;z-index: 99;transition:0.3s;font-weight:400;}
.scroll-down .header-area{transform:translateY(-150%);transition:0s}
.scroll-up .header-area{background:linear-gradient(-90deg, #5ab6f7, #102e43);position:fixed!important;transform:translateY(0%);transition:0.6s;box-shadow:0 0 10px #0006;}
.scroll-up .header-area .site-logo img{max-width:75%}

.hdr-topbar{padding:clamp(5px, 0.5vw, 8px) 0;background:var(--main-clr3);text-align:center;}
.hdr-topbar-menu{padding:0 clamp(0px, 4.38vw, 70px)}
.hdr-topbar-menu ul{display:flex;justify-content:flex-end;gap:clamp(28px, 3.44vw, 55px);list-style:none;padding:0;margin:0;}
.hdr-topbar-menu ul a{color:var(--main-clr);}
.hdr-topbar-menu ul a:hover{color:var(--main-clr2);}
.hdr-topbar-menu ul svg{display:inline-block;vertical-align:middle;max-width:clamp(15px, 1.25vw, 20px)}


.header-nav{transition:0.4s;padding:clamp(4px, 0.54vw, 8px) 0 clamp(7px, 0.94vw, 14px);border-bottom:1px solid #fff3;}
.navbar-area-inr{display: flex;align-items: center;gap:clamp(15px, 1.57vw, 30px) clamp(18px, 2.34vw, 35px)}
.site-logo {transition:0.2s;flex-shrink:0;max-width:clamp(130px, 14.87vw, 223px)}
.site-logo img{display:block;transition: 0.3s}

.navbar-area-mid{margin-left:auto;}
.site-navbar ul {margin: 0;padding: 0;list-style: none;display: flex;align-items: center;gap:clamp(18px, 2.4vw, 36px);}
.site-navbar ul li {position: relative;}
.site-navbar ul li a{display:block;color:#fff}
.site-navbar > ul > li > a{position: relative;text-transform: uppercase;padding:10px 0;}
.site-navbar > ul > li > a:after{width:0%;bottom:7px;left:0;background:var(--main-clr3);content:'';height:1px;position:absolute;transition:0.3s}
.site-navbar > ul > li > a:hover,.site-navbar .current-menu-item a,.site-navbar .current-menu-ancestor > a{color:var(--main-clr3);}
.site-navbar > ul > li > a:hover:after{width:65%}

.site-navbar ul ul{flex-direction: column;transform:translateY(100%);position: absolute;min-width:150px;background: #fff;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.26);transform-origin: top;z-index: 99;transition: 0.2s;align-items: flex-start;top: calc(100% - clamp(2px, 0.21vw, 4px));gap:0;opacity:0;pointer-events:none;text-align:left;text-transform:uppercase;}
.site-navbar ul ul li{width: 100%;text-transform:none;}
.site-navbar ul ul a{padding:clamp(8px ,0.5208vw ,10px);width: 100%;display:block;color:#222;}
.site-navbar ul ul li a:hover{background: var(--main-clr2);color: #fff;}
.site-navbar ul li>span{display: none;}

@media only screen and (min-width:992px) {
  .site-navbar ul li:hover ul{transform: none;opacity:1;pointer-events:all}  
}


.nav-toggler {border: 0;background-color: #fff0;cursor: pointer;display: none;padding: 5px;}
.nav-toggler span,.nav-toggler span:before,.nav-toggler span:after {width: 28px;height: 2px;background-color:#fff;display: block;transition: .3s;}
.nav-toggler span:before {content: '';transform: translateY(-9px);}
.nav-toggler span:after {content: '';transform: translateY(7px);}
.nav-toggler.toggler-open span {background-color: transparent;}
.nav-toggler.toggler-open span:before {transform: translateY(0px) rotate(45deg);background:#fff}
.nav-toggler.toggler-open span:after {transform: translateY(-2px) rotate(-45deg);background:#fff}


.navbar-area-right ul{margin: 0;padding: 0;list-style: none;display: flex;align-items: center;gap:10px;}
.navbar-area-right button{padding:0;margin:0;background:transparent;border:0;outline:0;box-shadow:none;cursor:pointer;}


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



.banner{position:relative;margin-bottom:-4vw}
.banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}
.banner-bg::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #0A70B8 0%, rgba(0, 7, 12, 0.4) 100%);content: ''; }
.banner-bg img{width:100%;height: 100%;object-fit:cover;}

.banner-text{padding:clamp(55px, 6.88vw, 110px) 0 clamp(85px, 10.63vw, 170px);}
.banner-text-inr{max-width:40%;}
.banner-text-inr p:first-child{font-size:clamp(15px, 1.88vw, 30px);color:var(--main-clr3);margin-bottom:clamp(8px, 0.94vw, 15px);text-transform:uppercase;font-weight:400}
.banner-text-inr h1{line-height: 1.25;;margin-bottom:clamp(15px, 2.57vw, 30px);font-size:var(--h1-font);color:#fff;text-transform: capitalize;}
.banner-text .container{position:relative;}
.banner-img{position:absolute;top:clamp(-115px, -7.19vw, -58px);right: 0; transform: translateX(18%);width:100%;max-width:clamp(574px, 71.75vw, 1148px)}


.cmn-hd{text-align:center;margin-bottom:clamp(18px, 2.19vw, 35px)}
.cmn-hd h2{color:var(--main-clr2);}
.cmn-hd p{letter-spacing: 0.02em;}
.cmn-hd.cmn-hd-left{text-align:left;}

.our-products{padding-top:clamp(110px, 13.75vw, 220px);position:relative;background: #fff;}
.our-products-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.1}
.our-products-bg::after{background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 73.5%);top:0;left:0;width:100%;height:100%;content:'';position:absolute;}
.our-products-hd.cmn-hd h2{margin-bottom:clamp(5px, 0.63vw, 10px)}
.products-tab-nav{margin-bottom: clamp(30px, 3.75vw, 60px)}
.products-tab-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(15px, 1.88vw, 30px);width: 100%}
.products-tab-nav li {padding:clamp(9px, 0.88vw, 14px) 20px;border-radius: 5px;background:#fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);width:100%;font-size:var(--fs-20px);text-transform:uppercase;position:relative;cursor:pointer;tex}
.products-tab-nav li::before{position:absolute;top:2px;left:0;width:5px;height:calc(100% - 4px);background: var(--main-clr);border-radius: 10px;content: '';opacity:0}
.products-tab-nav li.current{font-weight:500;background:var(--main-clr3);}
.products-tab-nav li.current::before{opacity:1}

.product-tab-content-left a{display:block;}
.product-tab-content-left img{max-width:clamp(277px, 34.63vw, 554px);}
.product-tab-content-right{padding:0 clamp(28px, 3.44vw, 55px);max-width:clamp(185px, 23.13vw, 370px);background: url("data:image/svg+xml,%3Csvg width='348' height='308' viewBox='0 0 348 308' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M230.657 17.2333C306.18 46.513 354.157 108.259 347.003 188.942C336.527 307.08 123.773 336.202 56.9423 278.928C-9.88841 221.655 -18.653 122.235 37.3661 56.8682C93.3852 -8.49902 158.812 -10.6206 230.657 17.2333Z' fill='%23E9F6FF'/%3E%3C/svg%3E%0A") center left / 95% auto no-repeat;}




.about-sec{background:#FFFCC2;position:relative;}
.about-sec-img-div,.about-sec-img-div-inr{position:relative;}
.about-sec-img-div a:hover img{filter:none}
.about-sec-main-img{border-radius:20px}
.about-sec-shape-img{width:109%;position:absolute;z-index:-1;top:0;left:10%;max-width:initial;}
.about-sec-play{border-radius:50%; position: absolute; top: 50%; left: 50%; transition: 0.3s; transform: translate(-50%, -50%); width: 43px; height: 43px; background: #000000b3;display:flex;align-items:center;justify-content:center;transition:0.3s;}
.about-sec-play:hover{transform:translate(-50%, -50%) scale(2.5);background:#000 }
.about-sec-play:hover img{filter:none}

.about-sec-text{max-width:clamp(360px, 31vw, 490px)}
.about-sec-text h2{color:var(--main-clr2);}
.about-sec-text p{letter-spacing: 0.02em;}
.about-sec-text .btn-main{margin-top:clamp(5px, 0.63vw, 10px)}




.home-cta-sec{position:relative;text-align:center;color:#fff}
.home-cta-sec-bg{background:var(--main-clr2);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.home-cta-sec-bg img{width:100%;height:100%;object-fit:cover;mix-blend-mode: multiply;opacity:0.7}
.home-cta-sec-img-left,.home-cta-sec-img-right{position:absolute;bottom:0;left:0;width:100%}
.home-cta-sec-img-left-img{max-width:clamp(187px, 23.32vw, 373px)}
.home-cta-sec-img-right-img{max-width:clamp(188px, 23.5vw, 376px);margin-left:auto;position:relative;}
.home-cta-sec-img-right-img::after {content: ''; background: url("data:image/svg+xml,%3Csvg width='779' height='624' viewBox='0 0 779 624' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5' filter='url(%23filter0_f_32_593)'%3E%3Cellipse cx='389.5' cy='312' rx='215.5' ry='138' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_32_593' x='0' y='0' width='779' height='624' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='87' result='effect1_foregroundBlur_32_593'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") center / contain no-repeat; width: clamp(383px, 47.82vw, 765px); height: clamp(312px, 39vw, 624px); position: absolute; top: -50%; left: -50%; z-index: -1; }
.home-cta-sec-text{padding-top:20px}
.home-cta-sec-text p{max-width:clamp(360px, 26.25vw, 420px);margin:0 auto clamp(30px, 1.57vw, 25px);letter-spacing:0.02em}



.feature-products{position:relative;background:#fff}
.feature-products-item{text-align:center;}
.feature-product-cat{max-width:clamp(100px, 12.44vw, 199px);margin:0 auto 8px;border-radius:clamp(5px, 0.63vw, 10px);background:var(--main-clr2);transition:0.3s;overflow:hidden;}
.feature-product-cat img{display:block;}
.feature-product-cat:hover{box-shadow:0 0 0 4px #bde4ff}
.feature-product-cat:hover img{filter:none}
.feature-product-wrap{background: #FFFFFF; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.07); border-radius:20px;padding:10px}
.feature-product-img{border-radius:10px;overflow:hidden;background:#F7F7F7}
.feature-product-img img{width:100%;transition:0.3s;aspect-ratio:340/210;object-fit:contain;}
.feature-product-img:hover img{transform:scale(1.3);filter:none}
.feature-product-text{padding:20px 0}
.feature-product-text h3{font-weight:400;margin-bottom:5px}
.feature-product-text p{letter-spacing:0.02em}
.feature-product-btn-div{padding-bottom:17px}
.feature-product-btn-div .btn-main{width:85%;border:1px solid var(--main-clr2);color:var(--main-clr2);background:#fff;font-weight:600}
.feature-product-btn-div .btn-main::after{content:'';background: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8V0L6 4L0 8Z' fill='%230a70b8'/%3E%3C/svg%3E%0A") center / contain no-repeat;width:6px;height:8px;display: inline-block;vertical-align:middle;}
.feature-product-middle .btn-main{background:var(--main-clr3);color:var(--main-clr);border-color:var(--main-clr3);}
.feature-product-middle .btn-main::after{background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8V0L6 4L0 8Z' fill='%23102E43'/%3E%3C/svg%3E%0A")}
.feature-product-btn-div .btn-main:hover{border:1px solid var(--main-clr);color:#fff;box-shadow:inset 0 80px 0 0 var(--main-clr), 0 3px 0px #fff51a}
.feature-product-btn-div .btn-main:hover::after{filter: brightness(999);}



.features{background:center/cover fixed no-repeat;color:#fff;position:relative;}
.features::after{content:''; position: absolute; width: 100%; height:100%; left:0; top:0; background: #102E43; opacity: 0.8;z-index:-1 }
.features .cmn-hd h2{color:#fff}
.features-row{display:flex;justify-content: space-between;gap:15px;text-align: center;}
.features-col{flex-shrink:0;flex-grow:1}
.features-img{width: clamp(50px, 4.75vw, 76px); height: clamp(50px, 4.75vw, 76px);border-radius: 50%;border: 1px solid #FFFFFF;display:flex;align-items:center;justify-content:center;margin:0 auto clamp(16px, 1.57vw, 25px);transition:0.3s}
.features-img img{width:clamp(35px, 3.13vw, 50px);filter:brightness(999);transition:0.1s}
.features-text h3{font-weight:500}
.features-item:hover .features-img{background:#fff}
.features-item:hover img{filter:none}



.testimonial{position:relative;text-align:center;background:#fff}
.testimonial .slick-list{margin: 0 -8px}
.testimonial .item{padding:0 8px}
.testimonial-item {border-radius:clamp(10px, 1.34vw, 18px); background-color: rgb(255, 255, 255);padding:7px 7px 20px;transition:0.3s}
.testimonial-item:hover{background: #bde4ff}
.testimonial-img{position:relative;z-index:2;margin-bottom:clamp(18px, 1.69vw, 27px)}
.testimonial-img-main img{border-radius:clamp(10px, 1.25vw, 20px);display:block;width:100%;aspect-ratio:360/244;object-fit:cover;object-position:top;}
.testimonial-play{border-radius:50%; position: absolute; top: 50%; left: 50%; transition: 0.3s; transform: translate(-50%, -50%); width: 43px; height: 43px; background: #00000066;display:flex;align-items:center;justify-content:center;transition:0.3s;}
.testimonial-play:hover{transform:translate(-50%, -50%) scale(2);background:#000 }
.testimonial-play:hover img{filter:none}
.testimonial-author h3{font-weight:600;margin-bottom:0px }
.testimonial-slider-wrap{position:relative;}
.testimonial-slider-nav{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:calc(100% + 80px);pointer-events:none;display:flex;align-items:center;justify-content:space-between;}
.testimonial-slider-nav button{border-radius: 50%; width: 32px; height: 32px; background: #FFFFFF;display:flex;justify-content:center;align-items:center;transition:0.3s;color:var(--main-clr2);pointer-events:all;box-shadow:inset 0 0 0 1px var(--main-clr2);border:0}
.testimonial-slider-nav button:hover{box-shadow:inset 0 0 0 20px var(--main-clr2);color:#fff;cursor:pointer;}


.home-cta-sec2{position:relative;}
.home-cta-sec2-bg{background:var(--main-clr3);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.home-cta-sec2-bg img{width:100%;height:100%;object-fit:cover;mix-blend-mode: multiply;opacity:0.7}
.home-cta-sec2-text{padding-bottom:20px}
.home-cta-sec2-text h2{color:var(--main-clr2);text-transform:capitalize;max-width:clamp(250px, 20.94vw, 335px);line-height:1.2;margin-bottom:10px}
.home-cta-sec2-text p{max-width:clamp(250px, 22.88vw, 366px);letter-spacing:0.02em}
.home-cta-sec2-img{width:clamp(350px, 37vw, 592px);height:0;margin-top:18px}




.social-sites-iframe {position: relative; padding-bottom: 123%;overflow:hidden;border-radius:10px;border:1px solid #D9D9D9;margin-bottom:clamp(10px, 1.25vw, 20px)}
.fb-page.social-sites-iframe{display:block!important;border-color:transparent;}
.fb-page.social-sites-iframe > span,.social-sites-iframe iframe { position:absolute;top:0;left:0;width: 100%!important;display: block;height: 100%!important;object-fit: cover;}
.social-sites-btn{width:100%;display:flex;align-items:center;gap:10px;justify-content:center;text-align:center;background:#D9D9D9;border-radius:6px;line-height:1;padding:clamp(5px, 0.63vw, 10px);font-weight:400;color:#000}

.home-blogs-bd{background: #E9F6FF;border-radius: 10px;padding:25px clamp(13px, 1.57vw, 25px);}
.home-blog-title h3{font-size:var(--fs-18px);color:#000;font-weight:400;margin-bottom:5px}
.home-blogs-bd ul{list-style:none;margin:0;padding:0}
.home-blogs-bd li{border-bottom: 1px solid #0000001a;padding-bottom:22px;margin-bottom:22px}
.home-blog-meta{display:flex;justify-content:space-between;}
.home-blog-date{color:#595959}
.home-blog-btn{font-weight:600;color:var(--main-clr2);display:block;padding-right:11px;background:linear-gradient(0deg, #0a70b8 1px, transparent 1px) left / 0% 100% no-repeat;position:relative;transition:0.3s}
.home-blog-btn:after{content:'';background: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8V0L6 4L0 8Z' fill='%230A70B8'/%3E%3C/svg%3E%0A") center right / auto no-repeat;position:absolute;top:0;right:0;width:6px;height:100%;}
.home-blog-title span {background: linear-gradient(0deg, #0a70b8 1px, transparent 1px) left / 0% 100% no-repeat; transition: background 0.6s; }
.home-blog-title span:hover,.home-blog-btn:hover {background-size: 100% 100%;}
.home-blogs-bd li a {display: block; border-radius: 3px;transition:0.3s }
.home-blogs-bd li a:hover{box-shadow: 0 0 0 7px #b3e0ff, inset 0 0 0 100px #b3e0ff;}


.contact-sec-inr{background: #E9F6FF; border-radius: 20px;overflow:hidden;}
.contact-sec-map{padding:clamp(15px, 1.88vw, 30px);text-align:center;background:var(--main-clr2);height:100%;display:flex;align-items:center;justify-content:center;}
.contact-sec-form{padding:clamp(20px, 1.88vw, 30px) 15px}
.contact-sec-form .row {--bs-gutter-x: 20px;row-gap:20px }
.contact-sec-item :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]),select,textarea) {border:1px solid transparent; border-radius: 10px; padding:10px;color:var(--main-clr);width:100%;font-weight:400;font-size:var(--body-font-size);background:#fff;margin:0;min-height:clamp(25px, 3.13vw, 50px);outline:0}
.contact-sec-item textarea{height:clamp(70px, 7.19vw, 115px);resize:none;}
.contact-sec-item option{color:var(--main-clr);}
.contact-sec-item ::placeholder{color:#5e5e5e;opacity:1;}
.contact-sec-item :is(input:focus,textarea:focus,input:focus-visible,textarea:focus-visible){border-color:var(--main-clr2)!important;}




.site-footer{background:var(--main-clr);color:#fff;position:relative;}
.site-footer-bg{position:absolute;width:100%;height:100%;top:clamp(-230px, -14.38vw, -115px);left:0;z-index:-1;overflow:hidden;}
.site-footer-bg img{width:100%}
.site-footer a{color:#cdcdcd}
.site-footer a:hover{color:var(--main-clr3);}
.site-footer ul{margin:0;padding:0;list-style:none;}
.site-footer-top{padding:clamp(30px, 3.75vw, 60px) 0 clamp(55px, 6.88vw, 110px);}
.site-footer-top-inr{display:flex;gap:0 20px;justify-content:space-between;}
.footer-item1{max-width:clamp(230px, 18.75vw, 300px);}
.site-footer-logo{margin-bottom:14px;max-width:clamp(150px, 13.13vw, 210px)}
.footer-item1 p{letter-spacing:0.02em}
.footer-social ul{display:flex;flex-wrap:wrap;gap:12px;padding:10px 0 0}
.footer-social ul a{width:40px;height:40px;border-radius:50%;border:0;color:var(--main-clr);display:flex;align-items:center;justify-content:center;background:var(--main-clr3);font-size:16px}
.footer-social ul a:hover{color:#fff;background:var(--main-clr2);}

.site-footer h4{position:relative;margin-top:40px;font-weight:700;font-size:var(--fs-16px);}

:is(.footer-item2,.footer-item3,.footer-item4) li:not(:last-child){margin-bottom:clamp(10px, 0.79vw, 15px);}


.site-footer-btm{padding:clamp(10px, 1.25vw, 20px) 0;text-align:center;color:#d9d9d9;border-top:1px solid #ffffff1a;}





:root{--zindex:1}
section{position:relative;}
section:last-child{z-index:var(--zindex)}
section:nth-last-child(1){z-index:calc(var(--zindex) + 1);}
section:nth-last-child(2){z-index:calc(var(--zindex) + 2);}
section:nth-last-child(3){z-index:calc(var(--zindex) + 3);}
section:nth-last-child(4){z-index:calc(var(--zindex) + 4);}
section:nth-last-child(5){z-index:calc(var(--zindex) + 5);}
section:nth-last-child(6){z-index:calc(var(--zindex) + 6);}
section:nth-last-child(7){z-index:calc(var(--zindex) + 7);}
section:nth-last-child(8){z-index:calc(var(--zindex) + 8);}
section:nth-last-child(9){z-index:calc(var(--zindex) + 9);}
section:nth-last-child(10){z-index:calc(var(--zindex) + 10);}
section:nth-last-child(11){z-index:calc(var(--zindex) + 11)}
section:nth-last-child(12){z-index:calc(var(--zindex) + 12)}
section:nth-last-child(13){z-index:calc(var(--zindex) + 13)}
section:nth-last-child(14){z-index:calc(var(--zindex) + 14)}





.banner-img.inr-banner-img {max-width: clamp(351px, 43.88vw, 702px);top: clamp(-70px, -4.38vw, -35px);transform: none;}
.inr-banner .banner-text {padding-bottom: clamp(55px, 6.88vw, 110px);}
.inr-banner .banner-text-inr h1 {margin-bottom: clamp(8px, 0.94vw, 15px);}
.inr-banner .banner-text-inr{max-width:clamp(280px, 22vw, 352px);font-weight:300;color: #fff;}
.inr-banner .banner-bg.mask-img {mask-image: url("data:image/svg+xml,%3Csvg width='1599' height='794' viewBox='0 0 1599 794' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H1600V793.972C1600 793.972 1396.21 747.553 1240 747.553C1083.79 747.553 957.946 792.711 800 793.972C642.586 795.228 516.21 754.184 360 754.184C203.79 754.184 0 793.972 0 793.972V0Z' fill='black'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='1599' height='794' viewBox='0 0 1599 794' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H1600V793.972C1600 793.972 1396.21 747.553 1240 747.553C1083.79 747.553 957.946 792.711 800 793.972C642.586 795.228 516.21 754.184 360 754.184C203.79 754.184 0 793.972 0 793.972V0Z' fill='black'/%3E%3C/svg%3E%0A"); }

.about-sec01 {position:relative;background:#F7F9FC}
.about-sec01-inr{max-width:clamp(500px, 47.32vw, 757px);margin:0 auto;}


.about-sec02::before{height: 130px;left:0;top: -2px;content:'';position:absolute;background: linear-gradient(0deg, transparent ,#F7F9FC);width: 100%}
.about-sec02{position:relative;background: #fff;}
.about-sec02-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.1}
.about-sec02-bg::after{background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 73.5%);top:0;left:0;width:100%;height:100%;content:'';position:absolute;}
.about-sec02-img img {border-radius: 50%; display: block; margin: 0 auto; }
.about-sec02-text h2 {color: var(--main-clr2); }
.about-sec02-text {max-width: clamp(360px, 31.94vw, 512px); }
.about-sec02-text p {letter-spacing: 0.02em; }


.team-sec{position:relative;background:#FFFCC2;}
.team-sec .cmn-hd p{max-width:clamp(360px, 30.63vw, 490px);margin-left:auto;margin-right:auto;}
.team-sec-img img {border-radius: 50%; background: #FBF7AE; display: block; margin: 0 auto 20px;transition:0.3s }
.team-sec-item h3 {font-size: var(--fs-24px); margin-bottom: 4px; font-weight: 600; }
.team-sec-img:hover img{background:var(--main-clr3);}

.about-sec03{background:#fff}
.about-sec03-img img {display: block; margin: 0 auto; }
.about-sec03-text h2 {color: var(--main-clr2); }
.about-sec03-text {max-width: clamp(360px, 31.94vw, 512px); }
.about-sec03-text p {letter-spacing: 0.02em; }


.about-sec04-text{max-width:clamp(350px, 30vw, 480px) ;color:#fff}
.about-sec04-text {max-width: clamp(360px, 31.94vw, 512px);padding-top:30px }
.about-sec03-text p {letter-spacing: 0.02em; }
.about-sec04-bg{background:var(--main-clr2);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.about-sec04-bg img{width:100%;height:100%;object-fit:cover;mix-blend-mode: multiply;opacity:0.7}
.about-sec04-img-wrap{position:absolute;bottom:0;left:0;width:100%;z-index:-1}
.about-sec04-img {margin-left: -114px; margin-right: -20px; }
.about-sec04-img img {transform: translateY(27%); }


.about-sec05-img-div{position:relative;}
.about-sec05-img-div a:hover img{filter:none}
.about-sec05-main-img{border-radius:20px}
.about-sec05-shape-img{width:109%;position:absolute;z-index:-1;top:0;left:10%;max-width:initial;}
.about-sec05-play{border-radius:50%; position: absolute; top: 50%; left: 50%; transition: 0.3s; transform: translate(-50%, -50%); width: 43px; height: 43px; background: #000000b3;display:flex;align-items:center;justify-content:center;transition:0.3s;}

.about-sec05-text{max-width:clamp(360px, 31vw, 490px)}
.about-sec05-text h2{color:var(--main-clr2);}
.about-sec05-text p{letter-spacing: 0.02em;}
.about-sec05-text .btn-main{margin-top:clamp(5px, 0.63vw, 10px)}


.product-details .inr-banner-img {max-width: clamp(357px, 44.57vw, 713px);top:clamp(-42px, -2.63vw, -21px)}



.proDtlsBnrLogo{text-align:right;margin-top:calc(var(--mrg) - 30px)}
.proDtlsBnrLogo img{width:clamp(101px, 12.63vw, 202px);}
.prdct-dtls-sec01{padding-top:clamp(110px, 13.75vw, 220px);position:relative;background: #fff;}
.prdct-dtls-sec01-nav{margin-bottom: clamp(30px, 3.75vw, 60px)}
.prdct-dtls-sec01-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(15px, 1.88vw, 30px);width: 100%}
.prdct-dtls-sec01-nav li{width:100%;font-size:var(--fs-20px);text-transform:uppercase;}
.prdct-dtls-sec01-nav li a{padding:clamp(9px, 0.88vw, 14px) 20px;border-radius: 5px;background:#fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);width:100%;position:relative;cursor:pointer;display:block;}
.prdct-dtls-sec01-nav li a::before{position:absolute;top:2px;left:0;width:5px;height:calc(100% - 4px);background: var(--main-clr);border-radius: 10px;content: '';opacity:0}
.prdct-dtls-sec01-nav li.current a{font-weight:500;background:var(--main-clr3);}
.prdct-dtls-sec01-nav li.current a::before{opacity:1}

.prdct-dtls-sec01-bd-left a{display:block;}
/*.prdct-dtls-sec01-bd-left img{max-width:clamp(277px, 34.63vw, 554px);}
.prdct-dtls-sec01-bd-right{max-width:clamp(170px, 18.13vw, 290px)}*/


.prdct-dtls-sec02{background:#FFFCC2}
.prdct-dtls-sec02 .row:not(:last-child){margin-bottom:clamp(40px, 5.32vw, 85px)}
.prdct-dtls-sec02 .row{--bs-gutter-x:clamp(24px, 6.25vw, 100px)}
.prdct-dtls-sec02 h2{color:var(--main-clr2);}
.prdct-dtls-sec02-img{text-align:center;}

.prdct-dtls-sec02-video,.prdct-dtls-sec02-video-inr{position:relative;}
.prdct-dtls-sec02-video a:hover img{filter:none}
.prdct-dtls-sec02-video-main-img{border-radius:20px}
.prdct-dtls-sec02-video-shape-img{width:70%;position:absolute;z-index:-1;top:50%;left:20px;transform:translateY(-50%);}
.prdct-dtls-sec02-video-play{border-radius:50%; position: absolute; top: 50%; left: 50%; transition: 0.3s; transform: translate(-50%, -50%); width: 43px; height: 43px; background: #000000b3;display:flex;align-items:center;justify-content:center;transition:0.3s;}
.prdct-dtls-sec02-video-play:hover{transform:translate(-50%, -50%) scale(2.5);background:#000 }
.prdct-dtls-sec02-video-play:hover img{filter:none}



.blog-list-banner .banner-img,.contact-pg-banner .banner-img{max-width:clamp(325px, 40.63vw, 650px);text-align:center;}
.cmnBannerSlider img{max-height:clamp(200px, 25vw, 400px);object-fit:contain;margin:0 auto;}

.blog-list-sec .row{--bs-gutter-x:30px;row-gap:40px}
.blog-list-img{overflow:hidden;border-radius:20px;}
.blog-list-img img{aspect-ratio:555/244;object-fit:cover;width:100%;display:block;transition:0.3s}
.blog-list-img:hover img{transform: scale(1.2);}
.blog-list-text{padding:clamp(18px, 2.19vw, 35px) 11px 0}
.blog-list-text h2{font-size:var(--fs-24px);font-weight:600;color:var(--main-clr);margin-bottom:15px;}
.blog-list-text h2 span{background:linear-gradient(0deg, black 1px, transparent 1px) left bottom / 0% 100% no-repeat;transition:0.5s;}
.blog-list-text h2:hover span{background-size: 100% 100%;}
.blog-list-btn{font-weight:600;color:var(--main-clr);background:linear-gradient(0deg, black 1px, transparent 1px) left bottom / 0% 100% no-repeat;transition:0.3s}
.blog-list-btn::after{content:'';background:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8V0L6 4L0 8Z' fill='%23102E43'/%3E%3C/svg%3E%0A") center / contain no-repeat;width:6px;height:8px;display: inline-block;vertical-align:middle;margin-left:5px}
.blog-list-btn:hover{background-size: 100% 100%;}



.contact-pg-item a{padding:clamp(23px, 2.82vw, 45px) 10px clamp(25px, 3.13vw, 50px);background:#FFFCC2;display:block;text-align:center;color:var(--main-clr2);transition:0.5s}
.contact-pg-item h2{font-size:var(--fs-20px);margin-bottom: clamp(8px, 0.94vw, 15px)}
.contact-pg-item-img{max-width:clamp(30px, 2.82vw, 45px);margin:0 auto clamp(10px, 1.25vw, 20px)}
.contact-pg-item-img svg{width:100%;height:auto;}
.contact-pg-item a:hover{background:var(--main-clr3);color:var(--main-clr);}


/* New Banner */
.new-banner{
	padding-top: 200px !important;
	padding-left: 400px;
	padding-bottom: 100px;
  .banner-bg::after{
    background: transparent;
  }
  .container{
    padding-block: 100px;
  }
  h1{
    font-size: 55px;
  }
  .banner-text-inr{
    max-width: 100%;
  }
  .banner-text-inr p:first-child {
    background: rgba(255, 255, 255, 0.31);
    backdrop-filter: blur(21.65px);
    border-radius: 40px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.04em;
    padding: 9px 30px;
    text-align: center;
    color: #FFFFFF;
    width: 70%;
  }
}
.newbannerslider{
	.slick-slide{
		margin: 0 -25px
	}
	.slick-arrow{
		width: 50px;
		height: 50px;
		position: absolute;
		top: 550px;
        left: 250px;
		&::before{
			display: none;
		}
		&::after{
			position: absolute;
			content: '';
			width: 100%;
			height: 100%;
			inset:0;
			background: url(https://lemontech.in/wp-content/uploads/2025/08/slide-arrow.webp);
			background-size: contain;
			background-position: center;
		}
	}
	.slick-prev{
		rotate: 180deg;
		top: 500px;
		left: 180px;
	}
}
.new-banner-item{
	height: 520px;
	padding-left: 90px;
}
.new-banner-card{
  background: #FFF;
  padding: 20px;
  border-radius: 10px;
	.nbc-txt{
	  width: 85%;
	  position: relative;
	  h3{
		font-size: 35px;
		margin-bottom: 15px;
	  }
	}
}
.nbc-img{
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
	height: 345px;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.nbc-icon{
  position: absolute;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00548F;
  border-radius: 50%;
  right: -75px;
  bottom: 5px;
}
.btn-group{
  display: flex;
  align-items: center;
  gap: 20px;
}
.btn-sub{
  background: transparent;
  color: #FFF;
  border: 2px solid #FFF51A;
  &:hover{
    border-color: #102e43;
  }
}
/* Our Category */
.our-category{
  position: relative;
}
.our-cow{
  position: absolute;
  left: 0;
  top: 100px;
}
.our-cate-img{
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: -5px;
  }
  h3{
    color: #FFF;
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin-bottom: 0;
  }
  &:hover{
    .hov-txt{
      scale: 1 1;
    }
  }
}
.hov-txt{
  width: 100%;
  height: 60%;
  position: absolute;
  top: 40px;
  left: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  justify-content: center;
  scale: 1 0;
  transition: 0.5s;
  h3{
    width: 100%;
    position: relative;
    left: 0;
    font-size: 28px;
    margin-bottom: -10px;
  }
  .btn-arrow{
    color: #FFF51A;
    &:hover{
      color: #FFF;
    }
  }
}
.btn-arrow{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  color: #000;
  font-family:var(--body-font);
  text-decoration:none;
  font-size:22px;
  border:0;
  font-weight:600;
  transition:0.4s linear;
  span{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF51A;
    padding: 10px;
    transition: 0.4s;
  }
  &:hover{
    color: #00548F;
    span{
      padding-left: 20px;
    }
  }
}
/* Our New Products */
.our-new-product{
  background: #f3f3f3;
}
.sec-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.onpc-img{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
}
.cart-icon{
  width: 42px;
  height: 42px;
  position: absolute;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  right: 0;
  border-radius: 50%;
  opacity: 0;
  transition: 0.4s;
}
.our-new-product-card{
  background: #FFFFFF;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: 20px;
  transition: 0.6s;
  height: 100%;
  &:hover{
    background: #5CBCFF;
    .btn-arrow{
      span{
        background: #FFF51A;
        img{
          filter: unset;
          rotate: unset;
        }
      }
    }
    .cart-icon{
      opacity: 1;
    }
  }
}
.onpc-txt{
  position: relative;
  width: 80%;
  h3{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .btn-group{
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    span{
      background: #000;
      img{
        rotate: -45deg;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(278deg) brightness(101%) contrast(104%);
        transition: 0.5s;
      }
    }
  }
}
/* New About Section */
.new-about-sec{
  background: #fff;
  h2{
    color: #000;
  }
  .about-sec-img-div-inr{
    height: 100%;
    .about-sec-main-img{
        border-radius: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
  }
  .about-sec-img-div{
    height: 100%;
  }
  .about-sec-text{
    ul{
      padding-left: 20px;
      list-style-type: none;
      li{
        font-family: var(--body-font);
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 30px;
        position: relative;
        padding-left: 20px;
        transition: 0.4s;
        &::before{
          position: absolute;
          content: '';
          width: 24px;
          height: 24px;
          left: -24px;
          top: 1px;
          background: url(https://lemontech.in/wp-content/uploads/2025/08/yellow-tick.webp);
			background-size: contain;
        }
        &:hover{
          transform: translateX(10px);
        }
      }
    }
  }
}
/* Products Renge */
.product-renges{
  position: relative;
  .product-renge-bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .container{
    position: absolute;
    inset: 0;
    padding-top: 70px;
    h2{
      color: #FFF;
    }
    p{
      color: #FFF;
    }
    .btn-group{
      justify-content: center;
    }
  }
  .products-bottom{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
/* NEw new-feature-products */
.new-feature-products{
	background: #e6e6e6;
  h2{
    color: #000;
  }
	.feature-product-img{
    background: #e6e6e6;
  }
  .feature-product-wrap{
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 20px;
  }
  .btn-group{
    justify-content: center;
    .btn-main{
      &:hover{
        color: #FFF;
      }
    }
  }
  .feature-product-text h3{
    font-weight: 600;
    margin-bottom: 5px;
  }
}
/* NEw new-feature-products */
.new-feature-products{
  background: #e6e6e6;
  h2{
    color: #000;
  }
  .feature-product-img{
    background: #e6e6e6;
  }
  .feature-product-wrap{
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 20px;
  }
  .btn-group{
    justify-content: center;
    .btn-main{
      &:hover{
        color: #FFF;
      }
    }
  }
  .feature-product-text h3{
    font-weight: 600;
    margin-bottom: 5px;
  }
}
/* New Choose Us */
.new-choose-us{
  background: url(https://lemontech.in/wp-content/uploads/2025/08/new-why-choose-us-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  h2{
    color: #FFF;
    margin-bottom: 50px;
  }
  .row{
    position: relative;
    &::after{
      position: absolute;
      content: '';
      width: 80%;
      height: 3px;
      background: #FFF51A;
      bottom: 42px;
      left: 50%;
      transform: translateX(-50%);
    }
  }
}
.ncu-card{
  background: #001c307f;
  border-radius: 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 70px 10px 30px 10px;
  height: 100%;
  text-align: center;
  img{
    margin-bottom: 20px;
    transition: 0.4s;
    width: 40%;
    height: auto;
  }
  h4{
    font-size: 22px;
    color: #FFF;
    transition: 0.5s;
    margin-bottom: 30px;
  }
  &:hover{
    h4{
      color: #FFF51A;
    }
    img{
      transform: rotateY(180deg);
      filter: brightness(0) saturate(100%) invert(95%) sepia(73%) saturate(4481%) hue-rotate(338deg) brightness(108%) contrast(101%);
    }
  }
  span{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #FFF51A;
    border-radius: 50%;
  }
}
/* New Testimonial Slider */
.new-testimonial{
  background: #E5E5E5;
	h2{
    margin-bottom: 30px;
  }
	.btn-group{
		justify-content: center;
		margin-top: 30px;
	}
}
.testi-card{
  position: relative;
	padding: 30px;
  z-index: 1;
	p{
		  font-size: 20px;
	  }
  &::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    inset: 0;
    z-index: -1;
	clip-path: polygon( 90.521% 0%,90.521% 0%,92.059% 0.165%,93.517% 0.641%,94.877% 1.404%,96.119% 2.427%,97.224% 3.684%,98.171% 5.15%,98.942% 6.798%,99.517% 8.603%,99.876% 10.538%,100% 12.579%,100% 62.881%,100% 62.881%,99.91% 64.015%,99.654% 65.069%,99.251% 66.033%,98.721% 66.898%,98.083% 67.654%,97.357% 68.293%,96.561% 68.806%,95.717% 69.184%,94.842% 69.417%,93.958% 69.497%,93.958% 69.497%,91.44% 69.766%,89.052% 70.547%,86.825% 71.796%,84.791% 73.471%,82.982% 75.53%,81.431% 77.93%,80.169% 80.629%,79.227% 83.584%,78.639% 86.754%,78.436% 90.095%,78.436% 90.095%,78.366% 91.502%,78.161% 92.91%,77.829% 94.284%,77.376% 95.589%,76.811% 96.79%,76.141% 97.852%,75.373% 98.739%,74.515% 99.416%,73.575% 99.848%,72.559% 100%,9.479% 100%,9.479% 100%,7.941% 99.835%,6.483% 99.359%,5.123% 98.596%,3.881% 97.573%,2.776% 96.316%,1.829% 94.85%,1.058% 93.202%,0.483% 91.397%,0.124% 89.462%,0% 87.421%,0% 12.579%,0% 12.579%,0.124% 10.538%,0.483% 8.603%,1.058% 6.798%,1.829% 5.15%,2.776% 3.684%,3.881% 2.427%,5.123% 1.404%,6.483% 0.641%,7.941% 0.165%,9.479% 0%,90.521% 0% );
  }
}
.review-star{
	margin-bottom: 30px;
}
.profile{
	display:flex;
	align-items: center;
	justify-content: start;
	gap:20px;
	h5{
		margin-bottom:5px;
		font-size: 20px;
	}
}
.profile-icon{
	width: 65px;
	height: 65px;
	border-radius: 50%;
	overflow: hidden;
	img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
.coma-icon{
	position: absolute;
	right: 5px;
	bottom: 5px;
	width:60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0A5C95;
	z-index: 2;
}
.tesi-slider{
	.slick-slide{
		margin: 0 10px
	}
	.slick-list{
		margin: 0 -10px
	}
	.slick-arrow{
		width: 60px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #000;
	}
	.slick-next{
		right: -70px;
	}
	.slick-prev{
		left: -70px;
		z-index: 1;
	}
	.slick-next:before, .slick-prev:before {
		color: #000;
	}
}
/* FArming Animal */
.farming-animal{
  background: #E5E5E5;
  .container{
    background: linear-gradient(180deg, #001C30 0%, rgba(10, 92, 149, 0.92) 100%);
    border-radius: 20px;
    padding: 50px;
  }
  h2,p{
    color: #FFF;
  }
}
/* New Blog */
.new-blog{
  background: #E5E5E5;
	box-shadow: 0px 20px 0px 400px #E5E5E5;
  h2{
    margin-bottom: 40px;
  }
  .row{
    margin-bottom: 30px;
  }
}
.new-blog-card{
  background: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
	height: 100%;
}
.nbc-img{
  border-radius: 10px;
  overflow: hidden;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: -5px;
  }
}
.nbc-txt{
  width: 100%;
  h4{
    font-size: 24px;
  }
  .btn-group{
    width: 100%;
    justify-content: space-between;
  }
  .btn-main{
    background: transparent;
    border: 2px solid #0A5C95;
    color: #0A5C95;
    white-space: nowrap;
    &:hover{
      color: #FFF;
    }
  }
  span{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #717171;
    white-space: nowrap;
    font-size: 16px;
    gap: 5px;
  }
}






/*media queries*/


@media only screen and (min-width:1800px){
/*  .header-area .container{max-width:1700px}*/
}
@media only screen and (min-width:1400px){
  .container{max-width:1140px}

}
@media only screen and (max-width:1600px){
	.new-banner{
		padding-left: 250px;
	}
	.nbc-img {
		height: 350px;
	}
}
@media only screen and (max-width:1440px),
(max-width:1366px){
	   .new-banner {
        padding-left: 140px;
		padding-bottom: 40px;
		padding-top: 140px !important;
		.banner-text-inr p:first-child {
			font-size: 16px;
			width: 60%;
			padding: 5px 20px;
		}
		h1 {
			font-size: 45px;
		}
		.nbc-txt {
			h3 {
				font-size: 26px;
				margin-bottom: 5px;
			}
		}
    }
	.nbc-img {
        height: 280px;
    }
	.new-banner-item {
		height: 440px;
		padding-left: 80px;
	}
	.new-banner-card{
		padding: 12px;
	}
	.nbc-icon {
		width: 50px;
		height: 50px;
		right: -55px;
	}
	.newbannerslider {
		.slick-arrow {
			top: 427px;
		}
		.slick-prev {
			top: 378px;
		}
	}
	.btn-arrow {
		font-size: 18px;
		span {
			width: 50px;
			height: 50px;
		}
	}
	.hov-txt {
		h3 {
			font-size: 24px;
		}
	}
	.onpc-txt {
		h3 {
			font-size: 20px;
			margin-bottom: 5px;
		}
	}
	.new-about-sec {
		& .about-sec-text {
			& ul {
				li {
					font-size: 18px;
					margin-bottom: 25px;
				}
			}
		}
	}
	.ncu-card {
		img{
			width: 30%;
		}
		h4 {
			font-size: 18px;
		}
		span {
			width: 20px;
			height: 20px;
		}
	}
	.new-choose-us {
		& .row {
			&::after {
				bottom: 37px;
			}
		}
	}
	.testi-card {
		p {
			font-size: 18px;
		}
		.profile{
			h5{
				font-size: 18px;
			}
		}
	}
	.nbc-txt {
		h4 {
			font-size: 20px;
			margin-bottom: 10px;
		}
		span{
			font-size: 15px;
		}
	}
}
@media only screen and (max-width:1499px){

}
@media only screen and (max-width:1399px){
  
}
@media only screen and (max-width:1299px){

}
@media only screen and (max-width:1199px) {
  .testimonial-slider-nav {width: calc(100% + 20px);}
  .social-sites-iframe {padding-bottom: 110%;}
  .social-blog-sec h2 {text-align: center; }
  .home-blogs {margin-top: 40px; }
  
  .fancybox__backdrop,.fancybox__container{width:100vw;height:100dvh;}
  html.with-fancybox,html.with-fancybox box{height:100vh;overflow:hidden;}
	.new-banner {
        padding-left: 60px;
        padding-bottom: 70px;
        padding-top: 110px !important;
		.banner-text-inr p:first-child {
            font-size: 14px;
            padding: 4px 20px;
        }
		h1 {
            font-size: 36px;
        }
		.nbc-txt {
            h3 {
                font-size: 22px;
                margin-bottom: 5px;
            }
        }
    }
	 .nbc-img {
        height: 215px;
    }
	.new-banner-item {
        height: 350px;
        padding-left: 70px;
    }
	 .newbannerslider {
        .slick-arrow {
            top: 380px;
			left: 220px;
        }
		.slick-prev {
            top: 331px;
			left: 150px;
        }
    }
	.hov-txt {
        h3 {
            font-size: 24px;
        }
    }
	.new-testimonial{
		padding-inline: 90px
	}
}
@media only screen and (max-width:991px) {
  body.no-scroll{height:100vh;overflow:hidden;}
  .nav-toggler{display:block;position: relative; z-index:10;} 
  .nav-toggler.toggler-open {position: fixed; top: 16px; right: 5px;}
  .navbar-area-menu{position:fixed;z-index:10;top:0;right:0;font-family:var(--font1);transform:scale(0);transition:0.6s;opacity:0;transform-origin:top right;height:100vh;width:100%;flex-direction: column;}
  .site-navbar>ul{flex-direction:column;text-align:center;gap:0;padding:clamp(40px,7.5vw,120px) 0px clamp(20px,2.5vw,40px);width:100%;transition:0.6s;overflow-y:auto;height:100vh;justify-content: flex-start;}

  .site-navbar ul li{display:block;width:100%;color:#fff;}
  .site-navbar > ul > li:not(:last-child){border-bottom:1px solid #ffffff38;}
  .site-navbar ul li a{width:100%;display:block;color:#fff;padding:14px 0;border-bottom-width:0}
  .navbar-area-menu.open{transform:scale(1);opacity:1;}
  .navbar-close{position:absolute;top:clamp(10px,1.25vw,20px);right:clamp(30px,3.75vw,60px);font-family:var(--font1);font-size:var(--40px);font-weight:bold;cursor:pointer;}
  .navbar-area-menu::before{background:#041e30; content: ''; position: absolute; top: 0; right: 0; z-index: -1; border-radius: 50%; transform: translate(50%,-50%);padding:300%;}

  .site-navbar ul ul{position:static;background:#0000;box-shadow:none;width:auto;text-align:center;pointer-events:all;opacity:1;transform:none;display:none;transition:0s;padding-bottom:10px;}
  .site-navbar ul ul a{display:block;text-transform:none;padding: 8px 0;}
  .site-navbar ul ul a::before{content: '';width:6px;height:6px;border:0 1px 1px 0;display:inline-block;}
  .site-navbar .li-sub-menu-wrap> a{display:inline-block;width:auto;}
  .site-navbar .li-sub-menu-wrap {padding:0 35px}
  .site-navbar .li-sub-menu-wrap.open-submenu {background: #111;}
  .site-navbar .li-sub-menu-wrap::after{content: '\002B'; color: #fff;border-width: 0 1px 1px 0;position:absolute;top:10px;right:13px;font-size:140%;transition:0.2s;}
  .site-navbar .li-sub-menu-wrap.open-submenu::after{transform:rotate(45deg);}
  .site-navbar ul ul li a:hover{background:#0000}

  .site-navbar {width: 100%; }
  .site-navbar > ul > li > a:after{display:none;}
  
  .navbar-area-mid {margin-left: 0;order: 3;}

  .navbar-area-right {order: 1;margin-left: auto;}
  .site-navbar > ul > li > a:hover, .site-navbar .current-menu-item a, .site-navbar .current-menu-ancestor > a{color:var(--main-clr-drk);}




  .social-sites-iframe {padding-bottom: 123%; }
  .site-footer-top-inr {flex-wrap: wrap; }
  .footer-item.footer-item1 {width: 100%; max-width: 100%; text-align: center; }
  .footer-item1 p {max-width: 400px; margin: 0 auto 10px; }
  .site-footer-logo {margin: 0 auto 14px; }
  .footer-social ul {justify-content: center; }

	.banner-text-inr{
		text-align: center;
		p{
			margin-inline: auto;
		}
		.btn-group{
			justify-content: center;
		}
	}
	.new-banner {
        padding-left: 0;
        padding-bottom: 70px;
        padding-top: 110px !important;
		.banner-text-inr p:first-child {
            font-size: 14px;
            padding: 1px 20px;
			width: 40%;
        }
		h1 {
            font-size: 32px;
        }
    }
	.new-banner-item{
		height: 360px
	}
	.newbannerslider{
		.slick-list{
			margin: 0 0;
		}
		.slick-slide{
			margin: 0 -20px;
		}
		.slick-arrow {
            top: 370px;
            left: 53%;
        }
		.slick-prev{
			top: 321px;
            left: 40%;
		}
	}
		
  	.hov-txt {
        h3 {
            font-size: 24px;
        }
    }
	.product-renges {
		.container {
			padding-top: 15px;
		}
	}
	.feature-products-item {
		height: 90%;
	}
	.new-feature-products {
		.feature-product-wrap {
			height: 100%;
		}
	}
	    .new-choose-us {
        & .row {
            &::after {
                display: none;
            }
        }
    }
	.new-testimonial {
        padding-inline: 65px;
    }
	.review-star {
		margin-bottom: 10px;
	}
	 .testi-card {
        p {
            font-size: 16px;
        }
		 .profile {
			 gap: 10px;
            h5 {
                font-size: 16px;
            }
        }
    }
	.profile-icon{
		width: 55px;
		height: 55px;
	}
	.coma-icon{
		width: 50px;
		height: 50px;
	}
	.new-blog-card {
		border-radius: 15px;
		padding: 10px;
	}


}
@media only screen and (max-width:767px) {
  .navbar-area-inr {gap: 5px; }
  .banner{margin-bottom: 0}
  .banner-text-inr,.inr-banner .banner-text-inr,.about-sec04-text,.about-sec02-text,.about-sec03-text,.about-sec05-text {max-width: 100%;text-align:center;}
  .banner-img {position: static; margin: -30px auto -150px auto; max-width: 375px;transform: none; }
  .banner-img.inr-banner-img {margin: 22px auto -95px; }
  .our-products {padding-top: 60px; }
  .products-tab-nav li {width: auto; flex-grow: 1; font-size: var(--fs-16px); }
  .products-tab-nav ul {gap: 7px; justify-content: space-between; }
  .product-tab-content-left {text-align: center; }
  .product-tab-content-right {margin: 20px auto 0; }
  .mask-img {margin-bottom: -50px; }
  .about-sec-text {text-align: center; margin-top: 20px; }
  .home-cta-sec-img-left {width: 140px; bottom: -15px; }
  .home-cta-sec-img-right {width: 140px; right: 0; left: initial; bottom: -15px; }
  .feature-products-bd .row {row-gap:30px}
  .features-row {flex-wrap: wrap; justify-content: center; }
  .features-col {width: calc(50% - 8px); }
  .home-cta-sec2-text {text-align: center; }
  .home-cta-sec2-text h2 {max-width: 85%; margin-left: auto; margin-right: auto; }
  .home-cta-sec2-text p {margin-left: auto; margin-right: auto; }
  .home-cta-sec2-img {height: auto; margin-bottom: -71px; }
  .social-sites .row {row-gap: 25px; }
  .social-sites-iframe {padding-bottom: 104%; }
  .contact-sec-form h2 {text-align: center; }
  .contact-sec-item {text-align: center; }
  .footer-item {width: 100%; text-align: center; }
  .hdr-topbar-menu {padding: 0; }
  .hdr-topbar-menu ul {justify-content: space-between; }

  .team-sec,.about-sec03{padding-top: 100px}
  .team-sec .row {row-gap: 30px; margin-top: 30px; }

  .about-sec02 .row,.about-sec03 .row,.about-sec05 .row,.prdct-dtls-sec02 .row{row-gap: 25px; }
  .about-sec04-img-wrap {margin-bottom: -7px; }
  .about-sec04-img,.about-sec03-img {margin: 0 auto; max-width: 350px; }
  .about-sec04 {padding-bottom: 191px; margin-bottom: 25px; }

  .prdct-dtls-sec01 {padding-top: 60px;text-align:center;}
  .prdct-dtls-sec01-nav li {width: auto; flex-grow: 1; font-size: var(--fs-16px); }
  .prdct-dtls-sec01-nav ul {gap: 7px; justify-content: space-between; }
  .prdct-dtls-sec01-bd-right{margin:20px auto 0 auto}

  .prdct-dtls-sec02{text-align:center;}

  .contact-pg-sec .row{row-gap:25px}



}    
@media only screen and (max-width:575px) {
  .proDtlsBnrLogo{text-align:center;margin-bottom: 5px;margin-top: 0}
	.newbannerslider {
        .slick-slide {
            margin: 0 -20px;
        }
		.slick-list{
			margin: 0;
		}
		.slick-arrow{
			top: 374px;
			left: 53%;
		}
		.slick-prev {
            top: 325px;
            left: 30%;
        }
    }
	.new-banner-item{
		padding-left: 0;
		padding-inline: 30px
	}
	    .new-banner {
        & .nbc-txt {
            h3 {
                font-size: 20px;
                margin-bottom: 0px;
            }
        }
    }
	.common-padd{
		padding: 20px 0;
	}
	.btn-arrow {
		font-size: 15px;
        span {
            width: 40px;
            height: 40px;
        }
    }
	.hov-txt {
        h3 {
            font-size: 20px;
        }
    }
	 .new-about-sec {
        & .about-sec-text {
            & ul {
                li {
                    font-size: 15px;
                    margin-bottom: 20px;
                    text-align: left;
                }
            }
        }
    }
	 .product-renges {
        height: 250px;
    }
	.ncu-card {
		    padding: 30px 10px 30px 10px;
        h4 {
            font-size: 16px;
        }
		        span {
            width: 10px;
            height: 10px;
        }
    }
	.tesi-slider{
		.slick-next{
			right: -80px;
		}
		.slick-prev{
			left: -80px;
		}
	}
	.farming-animal {
		.container {
			border-radius: 10px;
			padding: 25px;
		}
	}
	.new-blog {
		h2 {
			margin-bottom: 10px;
		}
	}
	 .nbc-txt {
        h4 {
            font-size: 18px;
            margin-bottom: 5px;
        }
		span {
            font-size: 12px;
        }
    }
	.farm-ani-txt{
		text-align: center;
		.btn-group{
			justify-content: center;
		}
	}
	.new-blog {
		box-shadow: 0px 20px 0px 800px #E5E5E5;
	}
	.new-banner {
        padding-left: 0;
        padding-bottom: 70px;
        padding-top: 70px !important;
		.banner-text-inr{
			text-align: center;
		}
		.btn-group{
			justify-content: center;
		}
		h1 {
            font-size: 28px;
        }
		.banner-text-inr p:first-child {
            font-size: 14px;
            padding: 1px 20px;
            width: 80%;
            margin-inline: auto;
        }
    }
	
	.new-about-sec {
		& .about-sec-text {
			& ul {
				& li {
					&::before {
						width: 20px;
						height: 20px;
						left: -10px;
                    	top: -1px;
					}
				}
			}
		}
	}
}
@media only screen and (max-width:379px) {
  


  
}