: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*/
}

.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; line-height: 1.25; }
.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{ max-width: 1220px;}
.container.container-md { max-width: 1320px;}
.container.container-lg { max-width: 1500px;}
.container.container-xl { max-width: 1586px;}
.container.container-xxl { max-width: 1710px; padding: 0px 30px; }
.inner-container{ padding: 85px 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);}

.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; }

.custom-button{ height: 60px; font-weight: 600; z-index: 1; overflow: hidden; font-size: 18px;}
.custom-button::after{ font-size: 16px; display: none;}
.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); }

.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: #dcdcdc;}
.icon-left{justify-content: flex-start;}
.icon-right{justify-content: flex-end;}

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

.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%; }
.Section9 .left{ padding-right: 125px;}
.Section9 .right{ margin-left: -55px; line-height: 1.4;}
.Section9 .right .icon-holder{ height: 46px;}
.Section9 .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;}

.accordion-item{ border-color: #3f4551;}
.accordion-header a.collapsed, .accordion-header a.collapsed h3,.accordion-header a, .accordion-header a h3,.accordion-header a:hover, .accordion-header a:hover h3{ color: var(--white);}
.accordion-header a{ padding: 24px 70px 8px 0px;}
.accordion-header a.collapsed{ padding: 24px 70px 32px 0px;}
.accordion-header a::before { width: 40px; height: 40px;font-family: bootstrap-icons !important; content: "\F63B";border-radius: 50%; color: var(--primary); border: 1px solid var(--primary);}
.accordion-header a.collapsed::before { content: "\F64D";color: var(--primary);}
.accordion-body{ color: #F2F4F7;}

@keyframes marquee-reverse {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

.Section3 .left1{ margin-right: -24px;}
.Section3 .right1{ padding-left: 120px;}
.Section3 .left2{ margin-right: -180px;}
.Section3 .right2{ padding-left: 220px;}
.Section3 .box{ padding: 32px; border-radius: 32px;}
.Section3 .box .gridheader{ margin-bottom: 70px;}
.Section3 .box .gridcontent{ display: flex; flex-flow: column; justify-content: end;}
.Section3 .left2 .pageTitle h3{ font-weight: 400;}
.Section3 .right2 .pageTitle h3{ font-weight: 500; width: 81%;}
.Section3 .box .counter-holder{ font-size: 72px; font-family: var(--fontPrimary); font-weight: 400; margin-bottom: 10px;}
.Section3 .box .counter{ font-size: 100px; height: 100px;letter-spacing: -6px;}
.odd-even-box{ padding-bottom: 120px;}
.odd-even-img img { height: auto; /*width: auto;*/}
.odd-even-img { height: auto; padding: 0px 60px 0px 0px;}
.odd-even-info { padding: 0px 0px 0px 60px; max-width: 100%;}
.odd-even-list .odd-even-box:nth-child(even) .odd-even-info {padding: 0px 60px 0px 0px;}
.odd-even-list .odd-even-box:nth-child(even) .odd-even-img {padding: 0px 0px 0px 60px;}
.Section4 .box{border-radius: 24px; border: 1px solid #D0D5DD;background: #ffffff; padding: 40px; position: relative;}
.Section4 .box::before{ display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 50%; position: absolute; left: -32px; top: -32px; width: 56px; height: 56px;  background-color: #1D2939; color: var(--white); font-size: 24px; font-weight: 700; content: attr(data-count);}
.Section4 .box .tag{ font-size: 16px;}
.Section4 .box p{ margin-bottom: 24px;}
.Section4 .box .inner-box{border-radius: 8px;background: #E9F1FF; padding: 24px; }
.ul-listing > li::before{ top: 12px;}
.Section5 .content-box{border-radius: 30px;background: #ffffff;box-shadow: 3.644px 7.288px 16.854px 0 rgba(126, 138, 253, 0.08); padding: 90px 38px 90px 72px;}
.custom-icon-list li {padding-left: 40px;}
.custom-icon-list li i, .custom-icon-list li img{ top: 3px;}
.nav-tabs .nav-item{ padding: 0px 7px;}
.nav-tabs .nav-link { padding: 0px 28px;font-weight:600;font-size: 18px;height: 50px;border-radius: 100px;background: #D0D5DD;box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); text-transform: none;}
.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{background: #1D2939; color: var(--white);}
.nav-tabs .nav-link::before{ display: none;}
.Section5 .tab-body .left{ padding-right: 90px;}
.Section5 .tab-body .right{ margin-left: -20px; text-align: center;}
.colContainer.lg .textColRight, .colContainer.lg .textColLeft { width: 720px;}
.Section7 .left .textColLeft{ padding-right: 290px;}
.Section7 .right {margin-left: -55px; clip-path: polygon(110px 0%, 100% 0, 100% 100%, 0% 100%);}
.Section7 .right .textColRight{ padding-left: 180px; padding-right: 100px;}
.Section7 .tag{ display: inline-flex;padding: 6px 15px 8px 16px; border-radius: 4px;border: 1px solid var(--primary); color: var(--primary); font-size: 14px; font-weight: 700; margin-bottom: 20px;}
.Section7 .right .tag{ color: var(--white); border-color: var(--white)}
.custom-button.button-white, a.custom-button.button-white:visited{ color: var(--primary); border-color: transparent;}
.Section7 .ul-listing > li{ padding-bottom: 5px;}
.Section7 .ul-listing > li::before{ top: 10px;}
.text-style1{color: var(--title); border-bottom: 5px solid #bfd6f5;}
/* Media */
@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) {

}
@media only screen and (max-width: 1599.98px) {
.featured-slider .slick-prev { left: -0px;}
.featured-slider .slick-next { right: -0px; }
}
@media only screen and (max-width: 1499.98px) {
.colContainer.lg .textColRight, .colContainer.lg .textColLeft { width: 100%;}
.Section7 .left .textColLeft{ padding-right: 260px; padding-left: 30px;}
}
@media only screen and (max-width: 1399.98px) {
.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; }
.Section7 .left .textColLeft{ padding-right: 60px; padding-left: 30px;}
.Section7 .right .textColRight{ padding-right: 30px; padding-left: 180px;}
}
@media only screen and (max-width: 1299.98px) {
.odd-even-img { height: auto; padding: 0px 30px 0px 0px;}
.odd-even-info { padding: 0px 0px 0px 30px; max-width: 100%;}
.odd-even-list .odd-even-box:nth-child(even) .odd-even-info {padding: 0px 30px 0px 0px;}
.odd-even-list .odd-even-box:nth-child(even) .odd-even-img {padding: 0px 0px 0px 30px;}
.Section7 .right .textColRight{ padding-left: 140px;}
}
@media only screen and (max-width: 1199.98px) {
.Section5 .content-box{ padding: 40px;}
.Section5 .tab-body .left{ padding-right: 30px;}
.Section5 .tab-body .right{ margin-left: 0px;}
.odd-even-img { height: auto; padding: 0px 15px 0px 0px;}
.odd-even-info { padding: 0px 0px 0px 15px; }
.odd-even-list .odd-even-box:nth-child(even) .odd-even-info {padding: 0px 15px 0px 0px;}
.odd-even-list .odd-even-box:nth-child(even) .odd-even-img {padding: 0px 0px 0px 15px;}
}
@media only screen and (max-width: 991.98px) {
.odd-even-list.lg .odd-even-box:nth-child(odd) > .row > [class*="col-"]:first-child, .odd-even-list.lg .odd-even-box:nth-child(odd) > .colContainer > .row > [class*="col-"]:first-child { order: 2; }
.odd-even-list.lg .odd-even-box:nth-child(odd) > .row > [class*="col-"]:last-child, .odd-even-list.lg .odd-even-box:nth-child(odd) > .colContainer > .row > [class*="col-"]:last-child { order: 1; }
.odd-even-list.lg .odd-even-box:nth-child(even) > .row > [class*="col-"]:first-child, .odd-even-list.lg .odd-even-box:nth-child(even) > .colContainer > .row > [class*="col-"]:first-child { order: 2; }
.odd-even-list.lg .odd-even-box:nth-child(even) > .row > [class*="col-"]:last-child, .odd-even-list.lg .odd-even-box:nth-child(even) > .colContainer > .row > [class*="col-"]:last-child { order: 1; }
.odd-even-img { height: auto; padding: 0px 0px 30px 0px !important;}
.odd-even-info { padding: 0px 0px 0px 0px !important; }
.Section4 .box::before {left: -27px;top: -27px;}
.Section5 .tab-body .left{ padding-right: 0px;}
.Section7 .left .textColLeft{ padding-right: 30px; padding-left: 30px;}
.Section7 .right .textColRight{ padding-right: 30px; padding-left: 30px;}
.Section7 .right {margin-left: 0px;clip-path: none;}
}

@media only screen and (max-width: 767.98px) {
.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;}
.nav-tabs .nav-link {padding: 0px 20px;font-weight: 600;font-size: 14px;}
}
@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;}
.Section5 .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;}

.testimonials-info{ font-size: 16px;}
.testimonials-box{ padding: 30px 30px;}
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;}
.container.container-xxl {padding: 0px 20px;}
.Section9 .inner-container{ padding-top: 30px;}
.inner-container{ padding: 60px 0px}

.Section3 .box .gridheader {margin-bottom: 30px;}
.Section3 .box .counter-holder{ font-size: 55px; margin-bottom: 10px;}
.Section3 .box .counter{ font-size: 70px; height: 70px; letter-spacing: -3px;}
.Section3 .right2 .pageTitle h3{ width: 100%;}
.Section4 .box{ padding: 30px;}
.Section4 .box::before{left: -18px; top: -18px; width: 40px; height: 40px;font-size: 16px;}
.odd-even-box {padding-bottom: 60px;}
.Section5 .content-box {padding: 30px;}
.nav-tabs{ display: block;}
.nav-tabs .nav-item{ padding: 0px 0px 10px;}
.accordion-header a::before {width: 30px;height: 30px; font-size: 15px;}
.Section9 .right .size-24 p{font-size: 15px;}
.Section9 .right .size-18{font-size: 15px;}
.Section9 .right .counter{ height: 20px;}
}