:root {--blue: #0068FF; --body:#646464;}
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-xl { max-width: 1500px; padding: 0px 30px; }
.container.container-sm{max-width: 1096px;}
.inner-container{ padding: 65px 0px;}
.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.2;letter-spacing: 0px; text-transform: none; font-size: 42px; font-weight: 800;}
.pageTitle.md h1, .pageTitle.md h2, .pageTitle.md h3, .pageTitle.md h4, .pageTitle.md h5, .pageTitle.md h6 { font-size: 34px; font-weight: 700;}
.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;}
.pageTitle{margin-bottom: 50px;}
.intro{ padding-right: 30px;}
/* .intro p{ width: 94%;} */
.intro-image{ margin-left: -30px;}
.nav > ul > li:last-child{ margin-right: 0px;}
.marquee-container{ padding-bottom: 50px;}
.marquee-wrapper{ padding-bottom: 30px;}
.marquee-wrapper:last-child{ padding-bottom: 0px;}
.marquee .logo-slide{width:195px; padding: 0px; margin-right: 30px;}
.marquee-wrapper::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.00) 49.5%, rgba(255, 255, 255, 0.80) 100%); z-index: 2; pointer-events: none;}
.logo-slide .icon-holder{ height: 120px; 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%);
  }
}

.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: 25px;}
.ul-listing li::before{font-size: 5px; left: 9px; top: 12px;}

.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: 55.14%;}
.case-studies-box-header{ padding: 25px 35px; 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: 63px; justify-content: right; padding: 0px;}
.case-studies-box-footer{ padding: 25px 30px 40px;}
.case-studies-slider-holder{padding-left: 60px;}
.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-style2 .accordion-header a{padding-right: 60px; 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;}
.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{ padding-right: 120px;}
.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: 55px;}
.bottom-right{ padding-left: 50px; margin-left: -40px; 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: 15px; height: 52px; padding: 0px 32px; font-weight: 400; text-transform: capitalize;}
.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%;} */
.testimonials-box{ border-radius: 15px; background-color: var(--white); padding: 50px; box-shadow: 4px 24px 24px rgba(0, 0, 0, 0.06);}
.bottom-logo{ height: 90px;}
.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-slider-box{border-radius: 20px;background: var(--white); overflow: hidden;}
.sitefinity-left{ padding: 70px 50px 70px 80px;}
.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 0px 35px 0px; width: 100%; 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; line-height: 1.5; text-align: left; padding:0px;}
.dots-with-cutom-text .slick-dots li button::after{ display: none !important;}
.dots-with-cutom-text .slick-dots li button::before{width: 3px; height:0%; left: -40px; top: 0px; background-color: var(--primary);opacity: 1; border-radius: 3px;}
.dots-with-cutom-text .slick-dots li button h3{transition: all 0.2s linear; color: #878787; letter-spacing: -0.96px; font-weight: 600;}
.dots-with-cutom-text .slick-dots li.slick-active button h3,.dots-with-cutom-text .slick-dots li:hover button h3{ color: var(--title);}
.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: 20px;}
.dots-with-cutom-text .slick-dots li.slick-active button::before{ height: 100%;}
.custom-dot-text{ padding: 30px;color: var(--title);}
.custom-dot-text h3{color: var(--title); padding-bottom: 15px !important;}

.accordion-item.active{ overflow: visible;}
.accordion-style1 .accordion-item{ padding: 0px; border: 0px; margin-bottom: 35px; position: relative;}
.accordion-style1 .accordion-item::before{ content: ""; width: 3px; height: 0%; left: -40px; top: 0px; position: absolute; background-color: var(--primary);transition: all 0.2s linear;}
.accordion-style1 .accordion-item.active::before{ height: 100%;}
.accordion-style1 .accordion-item:last-child{margin-bottom: 0px;}
.accordion-style1 .accordion-header a{ padding: 0px; border: 0px;}
.accordion-style1 .accordion-header a::before{ display: none;}
.accordion-style1 .accordion-header a, .accordion-style1 .accordion-header a h3 {color: var(--title); font-size: 24px;letter-spacing: -0.96px;}
.accordion-style1 .accordion-header a.collapsed, .accordion-style1 .accordion-header a.collapsed h3 {color: #878787; }
.accordion-style1 .accordion-header a.collapsed:hover, .accordion-style1 .accordion-header a.collapsed:hover h3 {color: var(--title);}
.accordion-style1 .accordion-body{ padding:20px 0px 0px;}

.form-group label{ font-weight: 400 !important;}
.main-content-wrapper{ margin-top: 0px;}
#pageHeaderWrapper{ background-color: transparent;}
.Section1{ padding-top: 158px; padding-bottom: 70px;}
.Section6-left{ padding-right: 150px;}
.Section6-right{ margin-left: -70px;}
.text-gradient{background: linear-gradient(to left, #5098FF  0%, #F1905B 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.Section6-right-list{ list-style: none; margin: 0px; padding: 10px 0px 0px; font-weight: 300;}
.Section6-right-list li{ display: flex; padding-bottom: 22px;}
.Section6-right-list li p:first-child{ margin-bottom: 0px; min-width: 130px;}
.grid-box1{border-radius: 20px;border: 0.8px solid #464646;background: rgba(13, 13, 13, 0.39);backdrop-filter: blur(5.849999904632568px); padding: 55px;}
.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%;}
.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; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;position: absolute; left: 0px; top: 0px; color: var(--primary);}
.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;
  }
}
.grid-box3{border-radius: 20px;border: 0.8px solid #464646;background: rgba(47, 47, 47, 0.39);backdrop-filter: blur(8.75px); padding: 33px;}
.grid-box3 .icon-holder{ height: 45px; justify-content: flex-start;}
.cta-box{border-radius: 20px;background: #1D1D1D; color: var(--white); padding: 30px 60px 30px 80px;}
.cta-box-right{ width: 270px; position: relative; padding-left: 70px; text-align: center; color: var(--white);}
.cta-box-right::before{ content: ""; width: 1px; height: 100%; position: absolute; left: 0px; top: 0px;background: linear-gradient(92deg, #F1905B 2.21%, #5098FF 88.65%);}
.Section10-container{ background-color: var(--white); border-radius: 20px; padding: 60px; padding-top: 30px;}
.Section9-left{ padding-top: 30px;}
.ficon1{ width: 15.57%; max-width: 299px; left:0px; top: 30px;}
.ficon2{ width: 13.95%; max-width: 268; right:0px; bottom: -30px;}

.testimonials-info {display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden; transition: all 0.3s ease; min-height: 182px;}
.testimonials-info.expanded {-webkit-line-clamp: unset; max-height: none;}
.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);}

.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;}
.slider1 .slick-arrow{ border-radius: 0px; border: 0px; width: 42px; height: 19px; background: transparent; background-repeat: no-repeat !important; background-size: 100% 100% !important;}
.slider1 .slick-arrow i{ display: none;}
.slider1 .slick-arrow.slick-prev{ background-image: url(../images/prev.png); left: -80px;}
.slider1 .slick-arrow.slick-prev:hover{ background-image: url(../images/prev-ov.png);}
.slider1 .slick-arrow.slick-next{ background-image: url(../images/next.png); right: -80px;}
.slider1 .slick-arrow.slick-next:hover{ background-image: url(../images/next-ov.png);}

.dots-style2 .slick-dots li button,.dots-style2 .slick-dots li button:before{ width: 11px; height: 11px;}
.dots-style2 .slick-dots li button:before { background: transparent; opacity: 0; border: 1px solid var(--primary);}
.dots-style2 .slick-dots li button::after { background: transparent; opacity: 1; border: 1px solid #222222; width: 9px; height: 9px; top: 1px; left: 1px; }
.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;}
.dots-style2  .slick-dots li button:hover:after, .dots-style2  .slick-dots li button:focus:after, .dots-style2 .slick-dots li.slick-active button::after { border-color: transparent; background-color: var(--primary); width: 7px; height: 7px; top: 2px; left: 2px;}
.intro-form{border-radius: 20px;background: #ffffff;box-shadow: 4px 14px 64px 0 rgba(0, 0, 0, 0.12); max-width: 660px; margin: 0px auto; padding: 60px 30px;}
.intro-form .form-holder{ max-width: 510px; margin: 0px auto;}
.vtop{ vertical-align: baseline;}
@media only screen and (max-width: 1849.98px) {
.slider1 .slick-arrow.slick-prev{ left: -20px;}
.slider1 .slick-arrow.slick-next{ right: -20px;}
}
@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;}
}
@media only screen and (max-width: 1599.98px) {
.nav > ul > li{margin: 0px 50px 0px 0px;}

}
@media only screen and (max-width: 1499.98px) {
.inner-container {padding: 40px 0px;}
.pageTitle{ margin-bottom: 30px;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {font-size: 36px; }
.Section1{ padding-top: 130px;}
}
@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{ padding-right: 0px; padding-bottom: 30px;}
.intro-image{ margin-left: 0px;}
.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;}


}
@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;}
.testimonials-box {padding: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;}
.pl70 {padding-left: 40px !important;}
.Section6-right{ padding-top: 30px;}
.grid-box1{ padding: 30px;}
.cta-box{padding: 30px;}

/* .sitefinity-slider-box{overflow: visible; border-radius: 0px; background-color: transparent;}
.sitefinity-main .slick-prev {left: -26px;}
.sitefinity-main .slick-next { right: -26px;}
.sitefinity-main-slide{border-radius: 20px; overflow: hidden; background-color: var(--white);} */
.sitefinity-slider-box{border-radius: 20px;background: var(--white); overflow: hidden;}
.sitefinity-left{ padding: 70px 50px 70px 80px;}
}
@media only screen and (max-width: 1149.98px) {
.testimonials-slider .slick-prev{left: -6px;}
.testimonials-slider .slick-next{ right: -6px;}
.case-studies-slider .slick-prev{left: -11px;}
.case-studies-slider .slick-next{ right: -11px;}
}
@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%;}
.nav-tabs .nav-link{ font-size: 16px;padding: 0px 10px 15px;}
.grid-box2{padding:50px 30px;}
.Section7-left{ padding-bottom: 30px;}
.cta-box{padding:40px 30px; text-align: center;}
.cta-box-right{ width: 100%; padding-left: 0px;padding-top: 40px;}
.cta-box-right::before{ display: none; }
.Section6-right-list li p:first-child{min-width: 85px;}
.pageTitle br{ display: none;}
.sitefinity-left {padding:50px;}
.accordion-style1 .accordion-item::before{ left: -27px;}
}
@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;}
.Section1 { padding-top: 100px; padding-bottom: 0px;}


}
@media only screen and (max-width: 575.98px) {
.container.container-xxl,.container.container-xl {padding: 0px 20px;}
.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-main .slick-prev {left: -21px;}
.sitefinity-main .slick-next { right: -21px;}
.testimonials-slider .slick-prev{left: -1px;}
.testimonials-slider .slick-next{ right: -1px;}
.case-studies-slider .slick-prev{left: -6px;}
.case-studies-slider .slick-next{ right: -6px;}
.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;}
.slick-arrow{ width: 40px; height: 40px; }
.logo-slide .icon-holder {height: 94px;}
.marquee-wrapper {padding-bottom: 20px;}
.marquee .logo-slide{width:150px; margin-right: 20px;}
.logo-slide .icon-holder{ height: 80px; }
.testimonial-box{ padding: 30px;}
.Section7-slider .slick-prev{ left: 0px;}
.Section7-slider .slick-next{ right: 0px;}
.accordion-style2 .accordion-body{ padding-right: 20px;}
.Section10-container{ padding: 30px 20px;}
.cta-box {padding:40px 20px;}
.Section4 .pt50{ padding-top: 0px !important;}
.sitefinity-left {padding:40px 30px 40px 40px;}
.accordion-style1 .accordion-item::before{ left: -22px;}
.slider-dots li{ padding: 0px 5px;}
.intro .testimonials-header .img-holder{ width: 60px; padding-bottom: 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: 13px;}
.pageTitle br{ display: none !important;}
.counter-holder {font-size: 45px;}
.counter {height: 3rem;}
.ch-left .counter{ height: 1.5rem;}
.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;}
.size-24 { font-size: 20px;}
.Section7-left .pageTitle.md h2{ font-size: 26px;}
.accordion-style1 .accordion-header a, .accordion-style1 .accordion-header a h3{ font-size: 20px;}
.grid-box2{padding:30px 20px;}
.testimonials-box,.grid-box3 { padding:30px 20px; }
.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%;}
}