:root {--blue: #0068FF; --body:#43474C;}
body{ line-height: 1.6; color: var(--body); }
p {margin-top: 0;margin-bottom: 20px;}
.inner-container-xl { padding: 120px 0px; position: relative; width: 100%; }
.styled-link,a.styled-link{ text-decoration: underline !important;}
a.styled-link:hover{ text-decoration: underline !important;}
.container.container-xxl { max-width: 1720px; padding: 0px 30px; }
.container.container-xl { max-width: 1500px; padding: 0px 30px; }
.colContainer.xxl .textColRight, .colContainer.xxl .textColLeft { width: 830px;}
.container.container-md {max-width: 1320px;padding: 0px 30px;}
.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 {letter-spacing: 0px; line-height: 1;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {line-height: 1.22;letter-spacing: 0px; font-size: 42px; font-weight: 700; text-transform: capitalize;}
.pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 { font-size: 38px;}
.pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 { font-size: 34px;}
.pageTitle small{ letter-spacing: 0px; padding-bottom: 15px; font-size: 16px; color: var(--title); font-weight: 600;}
.pageTitle small.nolspace,.nolspace{ letter-spacing: 0px !important;}
.pageTitle small.dark{ color: var(--dark);}
.pageTitle small.white{ color: var(--white);}
.pageTitle small.title{ color: var(--title);}
.pageTitle small.light{ color: #BBBBBB;}
.intro{ padding:30px 190px 40px 0px; }
.nav > ul > li:last-child{ margin-right: 0px;}
.marquee .logo-slide{width:460px; padding: 0px;box-shadow: 4px 24px 24px 0px rgba(0, 0, 0, 0.06);border-radius: 15px;background: var(--white); margin: 0px 30px 0px 0px;}
/* .marquee-wrapper::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.00) 53.62%, #ffffff 100%); z-index: 2; pointer-events: none;} */
.logo-slide .icon-holder{ height: 163px; padding: 0px;}
.slick-dots { bottom: -50px;}
.slick-slider.slick-dotted{ margin-bottom: 50px;}

.video-left{ padding-right: 160px;}
.video-right{ margin-left: -30px;}
.home-pod-box{box-shadow: 4px 24px 24px 0px rgba(0, 0, 0, 0.06); padding: 50px 30px;}
.home-pod-info-holder h4{letter-spacing: 0px; line-height: 1.22; text-transform: capitalize;}
.home-pod-box .icon-holder {height: 82px; margin-bottom: 30px; justify-content: center;}
.home-pod-box .icon-holder.alt {height: 94px; margin-bottom: 30px;}
.home-pod-box.alt{background: rgba(255, 255, 255, 0.10); backdrop-filter: blur( 2px ); box-shadow: none; padding: 50px 22px 30px;}
.home-pod-box.alt .icon-holder {height: 55px; margin-bottom: 0px; justify-content: flex-start;}
.case-studies-box{box-shadow: 4px 24px 24px 0px rgba(0, 0, 0, 0.06);border-radius: 25px; background-color: var(--white); overflow: hidden;}
.case-studies-box a{ display: block; color: var(--body); position: relative;}
.case-studies-box a::before,.case-studies-box a::after{color: var(--primary); position: absolute; bottom: 15px;z-index: 2; font-size: 12px; letter-spacing: 0px; transition: all 0.2s linear; opacity: 1;}
.case-studies-box a::before{ content: "\f002"; font-family: "Font Awesome 6 Free"; font-weight: 900; right: 130px;}
.case-studies-box a::after{ content: "FIND OUT MORE"; font-weight: 600; text-transform: uppercase; right: 25px; }
/* .case-studies-box a:hover::before,.case-studies-box a:hover::after{ opacity: 1;} */
.case-studies-box .img-holder{ padding-bottom: 64.61%;}
.case-studies-box-header{ padding: 25px 30px; border-bottom: 1px solid #DBDBDB;}
.ch-left strong{letter-spacing: -1.6px; line-height: 1; display: block; padding-bottom: 10px;}
.ch-left .counter{height: 2rem;letter-spacing: -1.6px;}
.case-studies-box-header .icon-holder{ height: 76px; justify-content: right;}
.case-studies-box-footer{ padding: 15px 30px 40px;}
.case-studies-slider-holder{padding-bottom: 60px;}
/* .case-studies-slider{margin-bottom: 20px !important;} */
.case-studies-slider-holder .slick-dots{ bottom: -20px;}
/* .case-studies-slider .slick-list{ padding-right: 14% !important;} */
.slick-dots li button::before {background: #49454E;}
.solution-result-block-content{ padding: 85px 120px 40px;}
.solution-result-block-counter{ padding-bottom: 100px;}
.counter-list .col-lg-4:nth-child(2){ border: 1px solid rgba(216, 216, 216, 0.2); border-width: 0px 1px;}
.counter-box{ max-width: 260px; margin: 0px auto; padding: 0px;}
.counter-holder {font-size: 60px; font-family: var(--fontPrimary); font-weight: 700;}
.counter { height: 4rem;}
.color1{ color: #B1B1B1 !important;}

.hgs-icon{ display: inline-flex; width: 150px; height: 150px; line-height: 1; align-items: center; justify-content: center; background-image: url(""); background-repeat: no-repeat; background-size: 100% 100%;color: var(--white);text-align: center;font-size: 45px;font-weight: 600; margin-bottom: 20px;}
.hgs-box:hover .hgs-icon{ background-image: url(""); background-repeat: no-repeat; background-size: 100% 100%;}
.accordion-style2 .accordion-header a{padding-right: 50px; padding-bottom: 10px;}
.accordion-style2 .accordion-header a.collapsed{ padding-bottom: 30px;}
.accordion-style2 .accordion-header a, .accordion-style2 .accordion-header a h3 {color: var(--primary); font-size: 26px; font-weight: 600;}
.accordion-style2 .accordion-header a.collapsed, .accordion-style2 .accordion-header a.collapsed h3 {color: var(--title);}
.accordion-style2 .accordion-header a.collapsed:hover, .accordion-style2 .accordion-header a.collapsed:hover h3 {color: var(--primary);}
.accordion-style2 .accordion-body .ul-listing li{padding-bottom: 0px;}
.accordion-style2 .accordion-body{padding: 10px 50px 30px 0px;}
.accordion-style2 .accordion-body p{ margin-bottom: 10px;}
/* .accordion-style2 .accordion-header a::after{content: attr(data-number); position: absolute; left: 0px; top: 30px;} */
.accordion-item-holder, .accordion-item-holder-right{}
.accordion-style2.alt .accordion-header a, .accordion-style2.alt .accordion-header a h3 {font-size: 28px; font-weight: 700;}
.accordion-style2.alt .accordion-body{padding: 10px 50px 30px 0px;}
.accordion-style2.alt .accordion-header a{padding-left: 0px;}
.icon-body li::before{color: var(--body);}
.bottom-contact-box{border-radius: 20px;background: var(--white);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.37);backdrop-filter: blur(82px); max-width: 925px; margin: 0px auto; padding: 70px 100px;}
.bottom-contact-box .form-holder{ padding: 0px 30px;}
.form-control, .nice-select, .btn-group .btn, .f-upload .file-input .file-caption-name, select.multipleSelect{ border-color: #D8D8D8;color: var(--title) !important; height: 60px;}
.form-control:focus, .form-control:hover, .nice-select:hover{ border-color: #D8D8D8; color: var(--title) !important;}
.form-control.alt:focus, .form-control.alt:hover, .select-alt .nice-select:hover { border-color: #D8D8D8;}
 input::placeholder, input.form-control::-webkit-input-placeholder, textarea::placeholder, .nice-select, .form-group.floating-label label {color: var(--title) !important;}
 .form-group.floating-label label { top: 18px; font-weight: 400 !important;}
.form-group.floating-label .focus label, .form-group.floating-label .not-empty label, .form-group.floating-label .focus + label, .form-group.floating-label .not-empty + label, .form-group.floating-label.focus label, .form-group.floating-label.not-empty label { color: var(--dark) !important; }
#toTop {bottom: 234px; right: 60px; width: 70px; height: 70px;background: var(--primary) url(../images/cd-top-arrow-white.png) no-repeat center 50%; background-size: 100% !important; opacity: 1; }
/* .nav > ul > li{margin: 0px 60px 0px 0px;}
.nav > ul > li > a{ font-size: 16px; padding: 36px 0px;} */
.custom-button, .f-upload .input-group-btn .btn-upload, a.custom-button:visited{ text-transform: uppercase; font-size: 17px; height: 53px; padding: 0px 32px;}
.custom-button.md{ font-size: 15px; height: 50px;}
.rounded-corner-10{ border-radius: 10px;}
/* .bottom-logo-list li{ width: 16.66%;} */
.bottom-logo{ height: 70px;}
.testimonial-slider{ margin-bottom: 20px !important;}
.testimonial-slider .slick-dots{ bottom: -20px !important;}
.testimonial-box{border-radius: 15px;background: var(--white);box-shadow: 4px 8px 19px 0px rgba(0, 0, 0, 0.10); padding: 40px 50px;}
.blog-box a { display: block; color: var(--title);border-radius: 15px;background:var(--white);box-shadow: 4px 14px 64px 0px rgba(0, 0, 0, 0.12); padding: 20px;}
.blog-box a:hover h3,.blog-box a:hover .styled-link{ color: var(--primary);}
.blog-image{ position: relative;}
.blog-image .img-holder{border-radius: 10px; padding-bottom: 56.82%;}
.blog-content{ padding: 35px 10px 15px;}
.nav-cta{ position: absolute; left: 0px; bottom: 0px; padding: 30px 10px; width: 100%;}
.nav-cta .custom-button{ padding: 0px 0px 0px !important;font-size: 11px; width: 100%;}
.section-heaader{ margin: 0px auto; text-align: center;}
.Section3{background: linear-gradient(87deg, #FFF 40.33%, #FCF5FF 97.36%);backdrop-filter: blur(5.849999904632568px);}
.Section3-left{ margin-right: -205px;}
.Section3-right{ padding-left: 230px; text-align: right;}
.Section5 .section-heaader{ width: 60%;}
.Section6-left{ padding-right: 165px;}
.Section8-right ul li{ display: flex; align-items: center;letter-spacing: -0.96px; padding-bottom: 40px; line-height: 1.1;}
.Section8-right ul li img{ min-width: 51px; margin-right: 35px;}
.listing-style1 > li {padding-left: 55px;padding-bottom: 40px;}
.listing-style1 > li::before {top: 0px;font-size: 30px;}
.partner-list{ margin: -15px -27px;}
.partner-list li{ padding: 15px 27px;}
.partner-logo{ height: 82px;}
.Section7-left .pageTitle.md h2{ font-size: 36px;}
.Section7-right{ padding-left: 65px;}
.Section7-right img{ border-radius: 23.79px;}
.grid-box2{border-radius: 12px;background: var(--white);box-shadow: 0px 1px 16.6px 5px rgba(149, 157, 165, 0.20); padding: 60px;}
.slider-dots-box { display: flex; justify-content: center; align-items: center; padding-top: 20px;}
.slider-dots { display: flex; justify-content: center; align-items: center; min-height: 50px; list-style: none; margin: 0px; padding: 0px; }
.slider-dots li { padding: 0px 15px;}
.slider-dots button { width: 50px; height: 50px; border-radius: 50%; display: block; background-color: transparent; margin:0px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0; transition: .3s all; position: relative; z-index: 0;color: #767676;text-align: center;font-size: 20px;font-weight: 600;line-height:1; border: 0px;}
.slider-dots button:hover{ color: var(--primary);}
.progress-svg{ position: relative;}
.slider-dots button::before{ content: ""; width: 50px; height: 50px; border: 1px solid #C8C8C8; position: absolute; left: 0px; top: 0px; border-radius: 50%;}
.test{ position: absolute; left: 0px; top: 0px;}
.circle-go { fill: rgba(255, 255, 255, 0); stroke: var(--primary); stroke-width: 2; stroke-linecap: round; animation: progress 20s; stroke-dasharray: 360px; stroke-dashoffset: 360; position: absolute; left: 0px; top: 0px;}
.progress-svg g{ position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; transform: translate(50%,50%);}
.circle-tx{fill: var(--primary); line-height: 1;}
.slick-arrow{ width: 50px; height: 50px; font-size: 10px; color: #878787; border-color: #878787;}
.Section7-slider{ margin-bottom: 0px !important;}
.Section7-slider .slick-prev{ left: -80px;}
.Section7-slider .slick-next{ right: -80px;}
@keyframes progress {
    from {
        stroke-dashoffset: 360;
    }
    to {
        stroke-dashoffset: 0;
    }
}
.FooterSection .partner-logo{ height: 65px;}
.FooterSection .pageTitle h2{ font-weight: 800;}
@media only screen and (max-width: 1919.98px) {
#pageHeaderWrapper { left: 0%; transform: none; max-width: 100%; width: 100%; }
}
@media only screen and (max-width: 1899.98px) {

}
@media only screen and (max-width: 1799.98px) {
.colContainer.xxl .textColRight, .colContainer.xxl .textColLeft { width: 100%; }

}
@media only screen and (max-width: 1699.98px) {
.Section7-slider .slick-prev{ left: -5px;}
.Section7-slider .slick-next{ right: -5px;}
.intro{ padding:30px 170px 40px 0px; }
}
@media only screen and (max-width: 1599.98px) {
.intro{ padding:30px 50px 40px 0px; }

}
@media only screen and (max-width: 1499.98px) {
.video-left{ padding-right: 30px;}
.video-right{ margin-left: 0px;}
.inner-container {padding: 40px 0px;}
.pt50 {padding-top: 40px !important;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {font-size: 40px; }
.gutters-25 {margin-right: -15px;  margin-left: -15px;}
.gutters-25 > .col, .gutters-25 > [class*="col-"], .gutters-25 > li, .slick-slider.gutters-25 .slider-slide {padding-right: 15px;padding-left: 15px;}
.case-studies-slider .slick-prev{ left: -10px;}
.case-studies-slider .slick-next{ right: -10px;}
}
@media only screen and (max-width: 1399.98px) {
/* .nav > ul > li{margin: 0px 10px 0px 0px;} */
.pt0-xxl { padding-top: 0px !important; }
.pr0-xxl { padding-right: 0px !important; }
.pb0-xxl { padding-bottom: 0px !important; }
.pl0-xxl { padding-left: 0px !important; }
.p0-xxl { padding: 0px !important; }
.text-center-xxl{ text-align: center !important;}
.intro { padding:50px 0px 40px 0px;}
.intro p {width: 100%;}
.justify-center-xxl{ justify-content: center !important;}

}
@media only screen and (max-width: 1299.98px) {
}
@media only screen and (max-width: 1199.98px) {
#toTop {bottom: 60px; right: 10px; width: 50px; height: 50px;}
.Section3-left{ margin: 0px;}
.Section3-right{ padding: 0px;}
.Section5 .section-heaader{width: 100%;}
}
@media only screen and (max-width: 991.98px) {
.bottom-contact-box{padding: 70px 70px;}
.video-left{ padding-right: 0px; padding-bottom: 30px;}
.counter-box {padding: 30px 0px;}
.pageTitle br{ display: none;}
.Section7-left{ padding-bottom: 30px;}
}
@media only screen and (max-width: 767.98px) {
.bottom-contact-box{padding: 70px 30px;}
.top-right .custom-button{padding: 0px 20px 0px;font-size: 13px;height: 40px;}

}
@media only screen and (max-width: 575.98px) {
.container.container-xxl,.container.container-xl {padding: 0px 20px;}
.accordion-style1 .accordion-body {padding: 0px 30px 15px 40px;}
.accordion-style1 .accordion-header a {padding-left: 40px;}
.accordion-style1 .accordion-header a::after {width: 25px; height: 25px; font-size: 14px; left: 0px; top: 14px; }
.top-right .custom-button{padding: 0px 10px 0px;font-size: 11px;height: 30px;}
.inner-container-xl {padding: 60px 0px;}
.accordion-style2 .accordion-header a { padding-right: 30px; padding-bottom: 10px;}
.accordion-style2 .accordion-header a.collapsed{ padding-bottom: 15px;}
.accordion-style2 .accordion-header a, .accordion-style2 .accordion-header a h3 {font-size: 18px;}
.accordion-style2 .accordion-body {padding: 0px 20px 30px 0px;}
.accordion-style2 .accordion-header a::after{ top: 14px;}
.accordion-style2.alt .accordion-body{padding: 10px 20px 30px 0px;}
.accordion-style2.alt .accordion-header a, .accordion-style2.alt .accordion-header a h3{font-size: 18px;}
.bottom-contact-box {padding: 40px 20px;}
/* .topRightHeader { right: -280px; width: 280px; }
.top-nav-trigger { right: 20px; } */
.marquee .logo-slide{width:320px; }
.logo-slide .icon-holder {height: 94px;}
.marquee-wrapper {padding-bottom: 30px;}
.testimonial-box{ padding: 30px;}
.counter-box {padding: 30px 0px 0px;}
.Section6-box {padding: 30px 20px;}
.Section7-slider .slick-prev{ left: 0px;}
.Section7-slider .slick-next{ right: 0px;}
.Section8-right ul li{padding-bottom: 20px;}
.Section8-right ul li img{ min-width: 30px; margin-right: 20px;}
.listing-style1 > li {padding-left: 35px;padding-bottom: 20px;}
.listing-style1 > li::before {top: 6px;font-size: 20px;}
.size-24 {font-size: 20px;}
.home-pod-info-holder h4{ padding-bottom: 10px;}
.Section1 .inner-container-md{ padding: 30px 0px;}
.Section1 .pageTitle{ margin-bottom: 15px;}
.Section1 .pageTitle h1{ font-size: 25px;}
.Section1 .size-18 {font-size: 13px;}

.Section1 .grid-20 > [class*="col-"]{padding-top: 10px; padding-bottom: 10px;}
.Section1 .row.grid-20{margin-top: -10px; margin-bottom: -10px;}
.intro { padding:30px 0px 40px 0px;}
.intro p { margin-bottom: 10px;}
.Section2.pt50 { padding-top: 15px !important;}
.intro-image{ width: 70%; margin: 0px auto;}
.Section6-info{ height: auto; padding: 20px; font-size: 20px;}
.Section6::after{ height: 40px;}
.partner-list li{ width: 50%;}
.grid-box2{ padding: 30px;}
.case-studies-slider .slick-prev{ left: -5px;}
.case-studies-slider .slick-next{ right: -5px;}
.case-studies-slider-holder{ padding-bottom: 30px;}
.bottom-contact-box .form-holder { padding:0px 0px;}
.slider-dots li{padding: 0px 5px;}
}
@media only screen and (max-width: 479.98px) {
.custom-button, .f-upload .input-group-btn .btn-upload, a.custom-button:visited{padding: 0px 20px 0px !important; font-size: 14px;}
.pageTitle br,.home-pod-info-holder h4 br{ display: none !important;}
.counter-holder {font-size: 45px;}
.counter {height: 3rem;}
.ch-left .counter{ height: 1.4rem;}
.solution-result-block-content { padding: 30px 20px 0px; }
.solution-result-block-counter {padding-bottom: 40px;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 { font-size: 28px;}
.pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 { font-size: 26px;}
.pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 { font-size: 24px;}
.pageTitle small{font-size: 13px;}
.size-32 {font-size: 22px;}
.size-22 {font-size: 18px;}
.Section7-left .pageTitle.md h2{ font-size: 26px;}
.partner-logo {height: 55px;}
.FooterSection .partner-logo {height: 55px;}
.slick-arrow{ width: 30px; height: 30px;}
.grid-box2 { padding:20px;  }
}
@media only screen and (max-width: 413.98px) {
.testimonials-header .img-holder{ width: 58px; height: 58px; padding-bottom: 58px;}
.case-studies-box-header{padding: 20px 20px;}
.case-studies-box-footer {padding: 20px 20px 40px;}
}
