@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
:root {
    --primary: #F47936; /*Primary Text Color/*/
    --body: #344054; /*Body Text Color/*/
    --alternate1: #667085; /*alternate1 Text Color/*/
    --title: #101828; /* Title Color*/
    --light: #d0d5dd; /*Light*/
    --color1: #98A2B3;
    --yellow: #FFA826; /*yellow*/
}
.fontTertiary{font-family: "Manrope", sans-serif;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 { transition: all 0.2s linear; font-weight: 700; line-height: 1.1; color: var(--title); letter-spacing: -1.38px; }
.pageTitle.xl h1, .pageTitle.xl h2, .pageTitle.xl h3, .pageTitle.xl h4, .pageTitle.xl h5, .pageTitle.xl h6 { font-size: 70px; }
.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 { font-size: 60px; letter-spacing: -1.2px; }
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 { font-size: 48px; letter-spacing: -0.96px;}
.pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 { font-size: 40px; }
.pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 { font-size: 32px; letter-spacing: 0px; }
.pageTitle.xs h1, .pageTitle.xs h2, .pageTitle.xs h3, .pageTitle.xs h4, .pageTitle.xs h5, .pageTitle.xs h6 { font-size: 30px; letter-spacing: 0px; }
.pageTitle small,.hd-small { font-size: 18px; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; color: var(--primary); }
.pageTitle small.style1,.hd-small.style1 { font-size: 14px; text-transform: none;border-radius: 16px;background: #fef9f5; font-weight: 500; padding: 4px 10px; margin-bottom: 20px;}
.pageTitle small.white { color: var(--white); }
.hd-small { display: inline-block;}
.container.container-xl { max-width: 1586px;}
.container.container-xxl { max-width: 1710px; padding: 0px 30px; }
.inner-container{ padding: 80px 0px}

.featured-slider { margin: 0px -28px 50px; }
.featured-slide { padding: 0px 28px; }
.featured-slider .slick-prev { left: -60px;}
.featured-slider .slick-next { right: -60px; }
.featured-slider .slick-list { padding: 0px 0px !important; }
.featured-slider .slick-dots { bottom: -50px; }
.testimonials-box{ box-shadow: none; padding: 50px 40px;}
.testimonials-header .img-holder{ border: 1px solid var(--light); overflow: hidden;}

.testimonials-info {display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;overflow: hidden; transition: all 0.3s ease; height: 220px !important; max-height: 220px !important; margin-bottom: 10px;}
.testimonials-info.expanded {-webkit-line-clamp: unset; max-height: none !important; height: auto !important;}
.testimonials-info p{ margin-bottom: 0px;}
.btn-text{ margin: 0px; padding: 0px; border: none; background: none; text-decoration: underline; opacity: 0; visibility: hidden;}
.btn-text.btn-visible{ opacity: 1; visibility: visible;}
.btn-text:hover{text-decoration: underline; color: var(--primary);}

.dots-style1 .slick-dots li { margin: 0px 1px; }
.dots-style1 .slick-dots li button:before { background: var(--color1); opacity: 1; }
.dots-style1 .slick-dots li button { width: 8px; height: 8px; }
.dots-style1 .slick-dots li button:before { width: 8px; height: 8px; }
.dots-style1 .slick-dots li.slick-active button::before, .dots-style1 .slick-dots li.slick-active button { width: 18px; background: var(--primary); }

.slick-arrow {color: rgba(0, 0, 0, .43); border: 1px solid #FCD7C3;width: 60px; height: 60px; font-size: 22px; }
.slick-arrow:hover { color: var(--primary); background-color:var(--white); border-color: #FCD7C3 !important; }

.HomeSection1 .section-header{ max-width: 1024px; margin: 0px auto;}
.custom-button{ height: 56px; font-weight: 600; z-index: 1; overflow: hidden;}
.custom-button::after{ font-size: 16px;}
.custom-button:before { position: absolute; content: ""; width: 0;  height: 100%; top: 0; right: 0; z-index: -1; background-color: var(--primarydark);  transition: all 0.3s ease;}
.custom-button:hover:before {  left: 0;  width: 100%;}
.img-effect:hover .img-holder figure img { transform: scale(1.1); }

.hero-info-holder{ position: absolute; bottom:90px; right: -10px; width: 345px;}
.hero-info-box{ display: flex; align-items: center; padding:13px 16px; border-radius: 8px;background: #ffffff;box-shadow: 0 8.646px 15.563px 0 rgba(0, 0, 0, 0.08); line-height: 1.1; position: relative; transition: all ease .5s;}
.hero-info-box-image{ width: 37px; min-width: 37px; text-align: center; margin-right: 12px;}
.bx1{transform: rotate(6.005deg); margin-bottom: 20px; z-index: 1;}
.bx2{transform: rotate(-3.774deg); margin-bottom: 35px;}
.hero-info-box:hover{ transform: rotate(5deg);}
.bx1:hover{transform: rotate(-6.005deg);}
.icon-left{justify-content: flex-start;}
.icon-right{justify-content: flex-end;}
.brand-list .icon-holder{ height: 95px;}

.bottom-whatsapp-icon { right: 10px; z-index: 5; }
.bottom-whatsapp-icon a { width: 42px; height: 42px; padding: 10px 12px; font-size: 16px; letter-spacing: 0.48px; border-radius: 30px; background: #00C83C; color: var(--white); overflow: hidden; justify-content: flex-start;}
.bottom-whatsapp-icon a i{ font-size: 20px;}
.whatsapp-text {white-space: nowrap; opacity: 0;transition: opacity 0.3s ease; font-family: "Manrope", sans-serif;}
.bottom-whatsapp-icon a:hover { color: var(--white); background: #00C83C; width: 200px;}
.bottom-whatsapp-icon a:hover .whatsapp-text {opacity: 1; margin-left: 10px;}

.gridbox-1 .gridlink{ display: block; color: var(--body);border-radius: 16px;background: #F7F7F7; padding: 20px;}
.gridbox-1 .img-holder{ border-radius: 8px; padding-bottom: 64.11%;}
.gridbox-1 .icon-holder{ height: 33px;}
.gridbox-1 .gridcontent{ padding: 0px 24px;} 
.gridbox-1 .gridfooter .counter{ height: 30px; letter-spacing:-1px;} 

.gridbox-2 .gridlink{ display: block; }
.gridbox-2 .icon-holder{ height: 96px;}
.gridbox-2 .gridcontent{ padding-right: 20px;} 

.gridbox-3 .gridlink{ display: block; color: var(--body);border-radius: 16px;background: #F7F7F7; padding: 24px;}
.gridbox-3 .img-holder{ border-radius: 8px; padding-bottom: 65.74%;}
.gridbox-3 .gridlink:hover .custom-button{background: var(--primarydark) !important;}

.gridbox-4 .gridlink{display: block; color: var(--light);border-radius: 16px;background: #3D3E47; padding: 40px;}
.gridbox-4 .gridlink:hover .styled-link{ color: var(--primary);}
.gridbox-4 .full-height-image img{ border-radius: 8px;}


.ul-listing li { padding-left: 18px;}
.ul-listing li::before {color: var(--yellow1); top: 11px;}
.styled-link.has-icon::after{ font-size: 16px;}


.HomeSection5 .left{ margin-right: -75px;}
/*.HomeSection5 .left img{ border-radius: 32px;}*/
.HomeSection5 .right { padding-left: 170px;}
.HomeSection5 .right .counter{ color: var(--primary); font-weight: 600; letter-spacing: -1.2px; font-size: 60px; height: 60px; margin-bottom: 20px;}
.HomeSection6-slider-holder{ margin-left: -763px; padding-right: 45px;}
.HomeSection6-slider-holder .slick-list{ padding-right: 150px !important;}
.HomeSection7-slider-container .slider-holder{margin-left: -763px;}
.HomeSection7-slider-container .slider-holder .slick-list{ padding-right: 310px !important;}
.thumb-slider-holder{ padding: 0px 60px;}
.thumb-slider .icon-holder{ height: 95px;border-radius: 20px;background: #3D3E47; cursor: pointer; position: relative; transition: all 0.2s linear;padding: 10%;}
.thumb-slider .icon-holder::before{content: ""; border-radius: 20px;transition: all 0.2s linear; position: absolute; width: 100%; height: 100%; border: 2px solid transparent; left: 0px; top: 0px; z-index: 2;}
.thumb-slider .icon-holder:hover,.thumb-slider .slick-current .icon-holder{ background-color: transparent;}
.thumb-slider .icon-holder:hover::before,.thumb-slider .slick-current .icon-holder::before{ border-color: var(--primary);}
.custom-dots{ position: relative;}
.custom-dots .slick-dots { border-radius:0px; background-color: transparent;}
.custom-dots .slick-dots li button { height: 10px;}
.custom-dots .slick-dots li button::before { height: 10px; top: 0px; background-color: transparent; border-radius: 10px;}
.custom-dots .slick-dots li.slick-active button::before, .custom-dots .slick-dots li:hover button::before { background: var(--primary); }

.custom-dots .slick-dots::before{ content: ""; width: 100%; height: 1px; position: absolute; left: 50%; transform: translateX(-50%); top: 5px; background-color: #4B4B4B;}
.HomeSection7-slider-container .custom-dots .slick-dots::before{ width: calc(100% - 50px);}
.custom-dots.alt .slick-dots::before{ background-color: #dcdcdc;}
.video-container a { border-radius: 20px; }
.video-container a::before { width: 50px; height: 50px; background: url(../images/play-btn.png) no-repeat; background-size: 100% 100%; }
.HomeSection9 .left{ padding-right: 125px;}
.HomeSection9 .right{ margin-left: -55px; line-height: 1.4;}
.HomeSection9 .right .icon-holder{ height: 46px;}
.HomeSection9 .right .counter{ height: 30px;}
.marquee-wrapper{ padding-bottom: 0px;}
.marquee-wrapper:last-child{ padding-bottom: 0px;}
.marquee .logo-slide{width:190px; padding: 0px; margin-right: 30px;}
.logo-slide .icon-holder{ height: 95px; padding: 0px;}
.marquee.reverse {animation-name: marquee-reverse; animation-timing-function: linear; animation-iteration-count: infinite;}

@keyframes marquee-reverse {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.dots-style2 .slick-dots li{margin: 0px 5px;}
.dots-style2 .slick-dots li button,.dots-style2 .slick-dots li button::before{ width: 10px; height: 10px;}
.dots-style2 .slick-dots li button::before{ background: rgba(255, 255, 255, .1);}
.dots-style2 .slick-dots li button:hover::before, .dots-style2 .slick-dots li button:focus::before, .dots-style2 .slick-dots li.slick-active button::before {opacity: 1;background: var(--primary);}
@media only screen and (max-width: 1799.98px) {
.featured-slider .slick-prev { left: -5px;}
.featured-slider .slick-next { right: -5px; }
}
@media only screen and (max-width: 1699.98px) {
.HomeSection6-slider-holder{ margin-left: 0px; padding-left: 30px;}
.HomeSection7-slider-container .slider-holder{margin-left: 0px; padding-left: 30px;}
.width-hd{width: 100% !important; max-width: 100%;}
.brand-list .icon-holder{ height: 90px;}
}
@media only screen and (max-width: 1599.98px) {
.thumb-slider .icon-holder{height: 70px;}
.gridbox-4 .gridlink{padding: 30px;}
.HomeSection7-slider-container .mb40{margin-bottom: 20px !important;}
.HomeSection7-slider-container .mb30{margin-bottom: 20px !important;}
.HomeSection7-slider-container .pb30 {padding-bottom: 20px !important;}
.HomeSection7-slider-container .ul-listing > li{ padding-bottom: 10px;}
.HomeSection7-slider-container .gridinfo{ font-size: 14px;}
.HomeSection8 .gutters-25 {margin-right: -15px;margin-left: -15px;}
.HomeSection8 .gutters-25 > li {padding-right: 15px;padding-left: 15px;}
.brand-list .icon-holder{ height: 80px;}
}
@media only screen and (max-width: 1399.98px) {
.hero-info-holder{ right: 0px; bottom: 45px;}
.HomeSection5 .left{ margin-right: 0px;}
.HomeSection5 .right { padding-left: 0px; padding-bottom: 48px;}
.HomeSection7-slider-container .slider-holder .slick-list{ padding-right: 100px !important;}
.slick-arrow {width: 40px; height: 40px; font-size: 18px; }
.featured-slider .slick-prev { left: 0px;}
.featured-slider .slick-next { right: 0px; }
.featured-slider { margin: 0px -15px 50px; }
.featured-slide { padding: 0px 15px; }
.HomeSection9 .left{ padding-right: 30px;}
.HomeSection9 .right{ margin-left: 0px; line-height: 1.4;}
.thumb-slider-holder{ padding: 0px;}
.HomeSection7-slider-container .custom-dots .slick-dots::before{ width:calc(100% - 60px);}
.brand-list .icon-holder{ height: 75px;}
}
@media only screen and (max-width: 1199.98px) {
.hero-info-holder{ right: 0px; bottom: 30px;}
}
@media only screen and (max-width: 991.98px) {
.hero-info-holder{ width: 270px;}
.hero-info-box{ padding:10px; font-size: 13px;}
.hero-info-box-image{ width: 30px; min-width: 30px; margin-right: 10px;}
.hero-info-box .size-24{ font-size: 18px;}
.bx2{ margin-bottom: 20px;}
}

@media only screen and (max-width: 767.98px) {
.hero-info-holder{ bottom: 15px; right: -10px;}
.gridbox-2 .icon-holder{ height: 48px; justify-content: center !important;}
.gridbox-2 .gridcontent{ padding-right: 0px; text-align: center;} 
.gridbox-2 .gridcontent br,.gridbox-2 .gridinfo{ display: none;} 
.gridbox-2 .gridheader { margin-bottom: 0px !important;}
.gridbox-2 .gridheader h3{ font-size: 15px !important; font-weight: 400 !important;}

.HomeSection5 .right{ text-align: center;}
.HomeSection5 .right .size-18{ font-size: 15px; color: var(--title); font-weight: 400 !important;}
.HomeSection6-slider-holder{ padding: 0px;}
.HomeSection6-slider-holder .slick-slider.gutters-20 {margin-right: -10px; margin-left: -10px;}
.HomeSection6-slider-holder .slick-slider .slider-slide { padding-right: 10px; padding-left: 10px; /*transform: scale(.85);*/}
/* .HomeSection6-slider-holder .slick-current .slider-slide { transform: scale(1);} */
.HomeSection6-slider-holder .slick-list{padding: 0px 15% !important;}

/* .gridbox-3 .gridinfo, .gridbox-3 .gridfooter{ display: none;} */
/* .HomeSection6-slider-holder .slick-current .slider-slide .gridbox-3 .gridinfo, .HomeSection6-slider-holder .slick-current .slider-slide .gridbox-3 .gridfooter{ display: block;} */
/* .HomeSection6-slider-holder .slick-track{ display: flex; align-items: center;} */
/* .gridbox-3 .gridcontent,.gridbox-3 .gridheader,.gridbox-3 .gridinfo{ height: auto !important;} */

.HomeSection7 .mobile-slider .slick-list{padding: 0px 15% !important;}
.gridbox-4{ border-radius: 16px; overflow: hidden; position: relative;}
.gridbox-4 .gridlink{ padding: 0px; border-radius: 0px; transition: all 0.2s linear; opacity: 1;}
.gridbox-4 .gridcontent{ padding: 30px;}
.gridbox-4 .img-holder::before,.gridbox-4 .full-height-image::before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 1.86%, rgba(0, 0, 0, 0.50) 99.8%); z-index: 2;}
.gridbox-4 .gridlink .img-holder{ padding-bottom: 69.23%; overflow: hidden;}
.gridbox-4::before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: 2px solid transparent; z-index: 3;transition: all 0.2s linear; opacity: 0; border-radius: 16px; pointer-events: none;}
.gridbox-4 .full-height-image{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; transition: all 0.2s linear; overflow: hidden;}
.HomeSection7 .mobile-slider .slick-track{ display: flex; align-items: center;}
/* .HomeSection7 .slick-slider .slider-slide { padding-right: 0px; padding-left: 0px; transform: scale(.85)} */
/* .HomeSection7 .slick-current .slider-slide { transform: scale(1);} */
.HomeSection7 .slick-current .gridbox-4 .gridlink{ opacity: 1;}
.HomeSection7 .slick-current .gridbox-4 .full-height-image{ opacity: 0; visibility: hidden;}
.HomeSection7 .slick-current .gridbox-4::before{ opacity: 1; border-color: var(--primary);}
}
@media only screen and (max-width: 575.98px) {
body{ font-size: 15px;}
.hero-info-holder{ width: 35%;}
.hero-info-box{font-size: .5em;}
.hero-info-box .size-24{ font-size: 1.5em;}
.pageTitle{ margin-bottom: 15px;}
.pageTitle.xl h1, .pageTitle.xl h2, .pageTitle.xl h3, .pageTitle.xl h4, .pageTitle.xl h5, .pageTitle.xl h6 { font-size: 55px; }
.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 { font-size: 28px; }
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 { font-size: 24px; letter-spacing: -0.48px;}
.pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 { font-size: 28px; }
.pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 { font-size: 22px; letter-spacing: 0px; }
.pageTitle.xs h1, .pageTitle.xs h2, .pageTitle.xs h3, .pageTitle.xs h4, .pageTitle.xs h5, .pageTitle.xs h6 { font-size: 20px; letter-spacing: 0px; }
.pageTitle small { font-size: 15px; padding-bottom: 10px; }
.pageTitle small.style1,.hd-small.style1 { font-size: 12px; }
.custom-button, .f-upload .input-group-btn .btn-upload, a.custom-button:visited{font-size: 15px;padding: 0px 20px 0px; height: 48px;}
.gridbox-1 .gridcontent{ padding: 0px;}
.HomeSection5 .right .counter{ font-size: 20px; height: 20px; margin-bottom: 5px;}
.size-30 {font-size: 20px;}
.size-24{font-size: 18px;}
.size-20 {font-size: 15px;}
.HomeSection9 .right .size-24 p{font-size: 15px;}
.HomeSection9 .right .size-18{font-size: 15px;}
.testimonials-info{ font-size: 16px;}
/* .HomeSection6-slider-holder .slick-list{ padding-right: 0px !important;} */
/* .HomeSection6-slider-holder,.HomeSection7-slider-container .slider-holder{ padding: 0px 20px;} */
.testimonials-box{ padding: 30px 30px;}
.gridbox-1 .gridfooter .counter{ height: 20px;}
.HomeSection9 .right .counter{ height: 20px;}
.HomeSection8 .gutters-25 {margin-right: -6px;margin-left: -6px;}
.HomeSection8 .gutters-25 > li {padding-right: 6px; padding-left: 6px; }
.brand-list li{ width: 25%;}
.brand-list .icon-holder {height: 47px;}
p{ margin-bottom: 20px;}
.marquee .logo-slide{width:95px; padding: 0px; margin-right: 15px;}
.logo-slide .icon-holder{ height: 60px; padding: 0px;}
.marquee-wrapper{ margin-bottom: 15px !important;}
.marquee-wrapper:last-child{ margin-bottom: 0px !important;}
.HomeSection5 .left img {border-radius: 16px;}
.container.container-xxl {padding: 0px 20px;}
.HomeSection9 .inner-container{ padding-top: 30px;}
.gridbox-4 .gridcontent {padding: 20px;  }
.gridbox-4 .p30{ padding: 20px !important;}
.gridbox-4 .mb20 {margin-bottom: 10px !important;}
.gridbox-4 .mb30 {margin-bottom: 20px !important;}
.gridbox-4 .pb30 {padding-bottom: 20px !important;}
.gridbox-4 .ul-listing > li {padding-bottom: 10px !important;}
.HomeSection7 .mobile-slider .slick-dots{ bottom: -40px;}
.slick-dots li{margin: 0px 5px;}
.slick-dots li button,.slick-dots li button::before{ width: 10px; height: 10px;}
.dots-style2 .slick-dots li button::before{ background: rgba(255, 255, 255, .1);}
.dots-style2 .slick-dots li button:hover::before, .dots-style2 .slick-dots li button:focus::before, .dots-style2 .slick-dots li.slick-active button::before {opacity: 1;background: var(--primary);}
.HomeSection4 .gutters-20 {margin-right: -5px;margin-left: -5px;}
.HomeSection4 .gutters-20 > [class*="col-"]{padding-right: 5px; padding-left: 5px;}
.inner-container{ padding: 60px 0px}
}
.no-link{pointer-events: none;}