:root {--blue: #0068FF; --body:#535353;}
body{ line-height: 1.6; color: var(--body); }
.inner-container-xl { padding: 130px 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-sm{max-width: 1096px;}
.colContainer.xxl .textColRight, .colContainer.xxl .textColLeft { width: 830px; }
.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 {letter-spacing: 0px; line-height: 1; font-size: 46px; font-weight: 600;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {line-height: 1.22;letter-spacing: 0px; text-transform: none; font-size: 42px; font-weight: 700;}
.pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 { font-size: 34px;}
.pageTitle small{ letter-spacing:0px; padding-bottom: 10px; font-size: 16px; font-weight:600;}
.pageTitle small.dark{ color: var(--dark);}
.pageTitle small.white{ color: var(--white);}
.pageTitle small.title{ color: var(--title);}
.pageTitle small.light{ color: #BBBBBB;}
.intro-image{ margin-left: -48px;}
.intro{padding:80px 150px 80px 0px;}
/* .intro p{ width: 90%;} */
.color2{color: #878787 !important;}
.tfoot i{ color: #20B15A; margin: 0px 10px;}
.intro .testimonials-header {letter-spacing: -0.64px;}
.intro .testimonials-header .img-holder{ width: 100px; padding-bottom: 100px; height: 100px;}
.nav > ul > li:last-child{ margin-right: 0px;}
.marquee-wrapper{ padding-bottom: 80px;}
.marquee .logo-slide{width:220px; padding: 0px;}
.marquee-wrapper::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 53.62%, #FFF 100%); z-index: 2; pointer-events: none;}
.logo-slide .icon-holder{ height: 100px; padding: 0px;}
.slick-dots { bottom: -50px;}
.slick-slider.slick-dotted{ margin-bottom: 50px;}

.video-left{ padding-right: 190px;}
.video-right{ margin-left: -140px;}
.ul-listing{ margin-bottom: 30px;}
.ul-listing li{ padding-bottom: 5px; padding-left: 20px;}
.ul-listing li::before{ color: var(--yellow1); font-size: 6px;}
.home-pod-holder{ padding: 0px 30px;}
.home-pod-box{box-shadow: 4px 24px 24px 0px rgba(0, 0, 0, 0.06);}
.home-pod-box.alt{box-shadow: none; background-color: transparent;}
.home-pod-info-holder h4{letter-spacing: -0.96px; line-height: 1.22;}
.home-pod-box .icon-holder {height: 103px; margin-bottom: 30px;}
.home-pod-box .icon-holder.alt {height: 94px; margin-bottom: 30px;}
.case-studies-box{box-shadow: 4px 24px 24px 0px rgba(0, 0, 0, 0.06);border-radius: 25px; background-color: var(--white); overflow: hidden; color: #43474C;}
.case-studies-box a{ display: block; color: #43474C; 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: 25px 30px 40px;}
.case-studies-slider-holder{padding-left: 60px;}
.case-studies-slider.slick-dotted{margin-bottom: 20px !important;}
.case-studies-slider-holder .slick-dots{ bottom: -20px;}
.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;}
.onepage-box{ padding: 90px 75px;}
.accordion-style1 .accordion-body{ padding: 0px 80px 15px 60px}
.accordion-style1 .accordion-header a{ padding-left: 60px;}
.accordion-style1 .accordion-header a::after { content: attr(data-text); position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 20px; font-weight: 600; color: var(--white); background-color: var(--primary); border-radius: 50%; left: 0px; top: 24px;  font-family: var(--fontPrimary);}
.accordion-style1 .accordion-header a.collapsed::after{ background-color: var(--black);}
.accordion-style2 .accordion-header a{padding-right: 78px; 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: 24px;letter-spacing: -0.96px;}
.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 p{ margin-bottom: 10px;}
.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 135px;}
.form-control, .nice-select, .btn-group .btn, .f-upload .file-input .file-caption-name, select.multipleSelect{ border-color: #D8D8D8;color: #535353 !important; height: 60px;}
.form-control:focus, .form-control:hover, .nice-select:hover{ border-color: #D8D8D8; color: #535353 !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: #535353 !important;}
 .form-group.floating-label label { top: 18px;}
.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; }
.bottom-left{padding-right: 50px;}
.bottom-right{ padding-left: 50px; margin-left: -60px; border-left: 1px solid var(--white); height: 100%; display: flex; align-items: center;}
#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; font-weight: 500;}
.custom-button, .f-upload .input-group-btn .btn-upload, a.custom-button:visited{ text-transform: none; font-size: 17px; height: 53px; padding: 0px 32px;}
.rounded-corner-10{ border-radius: 10px;}
.rounded-corner-15{ border-radius: 15px;}
.rounded-corner-20{ border-radius: 20px;}
/* .bottom-logo-list li{ width: 16.66%;} */
.bottom-logo{ height: 90px;}
.testimonial-slider{ margin-bottom: 20px !important;}
.testimonial-slider .slick-dots{ bottom: -20px !important;}
.testimonial-box{background: var(--white);border-radius: 20px;box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.15); padding: 50px 70px;}
.testimonial-box.alt{box-shadow: 4px 24px 24px 0px rgba(0, 0, 0, 0.06);}
.testimonials-header .img-holder{ width: 72px; height: 72px;}
.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 30px; width: 100%;}
.nav-cta .custom-button{ padding: 0px 0px 0px !important;font-size: 11px; width: 100%;}

.sitefinity-left{ padding-right: 70px;}
.title-sm .accordion-plain .accordion-header a, .title-sm .accordion-header a h3{ font-size: 20px;}
.dots-with-cutom-text .slick-dots{ position: static; display: block; margin: 0px; padding: 0px;}
.dots-with-cutom-text .slick-dots li {margin: 0px; padding: 0px; width: 100%; padding-bottom: 20px; border-left: 1px solid rgba(255, 255, 255, 0.20); position: relative;}
.dots-with-cutom-text .slick-dots li:last-child {padding-bottom: 0px;}
.dots-with-cutom-text .slick-dots li button{ width: 100%; height: auto; border-radius: 0px !important; font-size: inherit; color: rgba(255, 255, 255, 0.80); line-height: 1.5; text-align: left; padding: 17px 0px; padding-left: 35px;}
.dots-with-cutom-text .slick-dots li button::after{ display: none !important;}
.dots-with-cutom-text .slick-dots li button::before{width: 4px; height:0%; left: -2px; top: 0px; background-color: var(--primary);opacity: 1; border-radius: 0px;}
.dots-with-cutom-text .slick-dots li button h3{transition: all 0.2s linear; color:rgba(255, 255, 255, 0.50);}
.dots-with-cutom-text .slick-dots li.slick-active button h3,.dots-with-cutom-text .slick-dots li:hover button h3{ color: var(--primary);}
.dots-with-cutom-text .slick-dots li button p {display: none;}
.dots-with-cutom-text .slick-dots li.slick-active button p {display: block; padding-top: 10px;}
.dots-with-cutom-text .slick-dots li.slick-active button::before{ height: 100%;}
.custom-dot-text{color: rgba(255, 255, 255, 0.80); }
.custom-dot-text h3{color: var(--primary); padding-bottom: 15px !important;}

.nav-tabs{ border-bottom: 2px solid #d1d1d1;}
.nav-tabs .nav-item{ padding: 0px;}
.nav-tabs .nav-link{ text-transform: capitalize; color: #A3A3A3; font-size: 19px; font-weight: 500; padding: 0px 15px 15px;}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link.active {color: var(--primary);}
.nav-tabs .nav-link::before { height: 4px; background-color: var(--primary); bottom: -3px;}
.form-group label{ font-weight: 400 !important;}
.vtop{ vertical-align: baseline;}
@media only screen and (max-width: 1799.98px) {
.colContainer.xxl .textColRight, .colContainer.xxl .textColLeft { width: 100%; }
/* .intro-image{ margin-left: -30px;}*/
.intro{padding:80px 80px 80px 60px;} 

}
@media only screen and (max-width: 1599.98px) {
.nav > ul > li{margin: 0px 50px 0px 0px;}
.intro-image{ margin-left: 0px;}
.intro{ padding:80px 30px 60px 30px;}
}
@media only screen and (max-width: 1499.98px) {
.intro-image{ margin-left: 0px; padding-left: 20px;}
.intro{ padding: 30px 30px;}
.inner-container {padding: 40px 0px;}
.pt50 {padding-top: 40px !important;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {font-size: 36px; }
.onepage-box {padding: 70px 60px;}
}
@media only screen and (max-width: 1399.98px) {
.nav > ul > li{margin: 0px 20px 0px 0px;}
.leftpad.xxl { padding-left: 0px !important; }
.rightpad.xxl { padding-right: 0px !important; }
.leftmargin.xxl { margin-left: 0px !important; }
.rightmargin.xxl { margin-right: 0px !important; }
.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 p {width: 100%;}
.justify-center-xxl{ justify-content: center !important;}
.gutters-30 { margin-right: -15px; margin-left: -15px; }
.gutters-30 > .col, .gutters-30 > [class*="col-"], .gutters-30 > li, .slick-slider.gutters-30 .slider-slide {padding-right: 15px;padding-left: 15px;}
.home-pod-holder{ padding: 0px;}
.bottom-left{padding-right: 30px;}
.bottom-right{ padding-left: 30px; margin-left: -20px;}
}
@media only screen and (max-width: 1299.98px) {
.solution-result-block-content {padding: 60px;}
.bottom-left{padding-right: 30px;}
.bottom-right{ padding-left: 30px; margin-left: 0px;}
.sitefinity-left{ padding-right: 30px;}
}
@media only screen and (max-width: 1199.98px) {
#pageHeaderWrapper { left: 0%; transform: none; }
.main-content-wrapper { margin-top: 90px; }
.header-container { align-items: center; }
.topRightHeader { position: fixed; top: 0px; right: -380px; width: 380px; height: 100%; overflow-y: auto; background: var(--white); transition: all 0.2s linear; z-index: 9999; align-items: flex-start; }
.topRightHeader.active { right: 0%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12); }
.nav-wrapper { width: 100%; padding-top: 90px; }
.nav ul li { float: none; margin: 0px 0px 0px 0px; }
.nav > ul > li > a { display: block; width: 100%; padding: 15px 30px 15px 30px; text-align: left; }
.nav > ul > li > a::before { display: none !important; }
.nav ul ul { padding: 10px 0; background: #f5f5f5; }
.nav > ul ul, .nav > ul ul ul { position: static; width: 100%; text-align: left; padding: 15px 0px; border-radius: 0px; text-transform: none; margin: 0px 0px 0px 0px; box-shadow: none; opacity: 1; visibility: visible; }
.nav > ul ul.gridmenu { display: block; padding: 10px 0px !important; background: #f5f5f5; }
.nav > ul ul.grid1 > li, .nav > ul ul.grid2 > li, .nav > ul ul.grid3 > li, .nav > ul ul.grid4 > li { float: none; width: 100%; padding: 0px !important; }
.nav > ul ul.gridmenu > li > a, .nav > ul ul.gridmenu > li ul li > a { padding: 10px 48px 10px 30px; }
.nav ul ul.gridmenu .gridnav.withicon a { padding-left: 95px; }
.gridmenu .gridnav a figure { left: 30px; top: 11px; }
.nav > ul ul, .nav > ul ul ul { font-size: 16px; }
.nav li.menu-item-highlighted { padding: 30px; }
.top-right{ right: 45px;}
#toTop {bottom: 100px; right: 10px; width: 50px; height: 50px;}
.case-studies-slider .slick-dots {bottom: -30px;}
.onepage-box {padding: 70px 30px; }
.pl70 {padding-left: 40px !important;}
}
@media only screen and (max-width: 991.98px) {
.bottom-left{ padding-right: 0px; text-align: center; margin: 0px;}
.bottom-right{ padding-left: 0px; margin: 0px; text-align: center; border: 0px; }
.bottom-contact-box{padding: 70px 70px;}
.video-left{ padding-right: 0px; padding-bottom: 30px;}
.bottom-logo-list li {width: 25%;}
.counter-box {padding: 30px 0px;}
.nav-tabs .nav-link{ font-size: 16px;padding: 0px 10px 15px;}
.sitefinity-main .slick-prev {left: -20px;}
.sitefinity-main .slick-next { right: -20px;}
}
@media only screen and (max-width: 767.98px) {
.bottom-contact-box{padding: 70px 30px;}
.slider-custom-box{ left: 30px;}
.top-right .custom-button{padding: 0px 20px 0px;font-size: 13px;height: 40px;}

.nav-tabs{ border-bottom: 0px;}
.nav-tabs .nav-item{ padding: 10px 0px; width: 100%;}
}
@media only screen and (max-width: 575.98px) {
.intro {padding-left: 20px; padding-right: 20px;}
.container.container-xxl {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: 40px; 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;}
.bottom-contact-box {padding: 40px 20px;}
.sitefinity-casestudies-slider-arrow.prev{ left: -20px;}
.sitefinity-casestudies-slider-arrow.next{ right: -20px;}
.slider-custom-box{ left: 20px;}
.topRightHeader { right: -280px; width: 280px; }
.top-nav-trigger { right: 20px; }
.bottom-logo-list li {width: 33.33%;}
.bottom-logo{ height: 50px;}

.logo-slide .icon-holder {height: 94px;}
.marquee-wrapper {padding-bottom: 60px;}
.testimonial-box{ padding: 30px;}
.counter-box {padding: 30px 0px 0px;}
.onepage-box {padding: 30px 20px;}
.intro .testimonials-header .img-holder{ width: 60px; padding-bottom: 60px; height: 60px;}
}
@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;}
.solution-result-block-content { padding: 30px 20px 0px; }
.solution-result-block-counter {padding-bottom: 40px;}
.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 {font-size: 32px; line-height: 1.1;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 { font-size: 32px;}
.pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 { font-size: 26px;}
.pageTitle small{font-size: 13px;}
.size-32 {font-size: 22px;}
.size-22 {font-size: 18px;}
.intro .testimonials-header .img-holder{ margin: 0px 0px 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;}
}
.sticky-CTA-Button{ background-color: rgba(0, 0, 0, 0.37); padding: 15px 0px; position: fixed; left: 0px; bottom: 0px; z-index: 9; width: 100%; text-align: center;}
@media only screen and (max-width: 413.98px) {
.sticky-CTA-Button .custom-button{ /*font-size: 13px;*/ width: 100%;}
}