body{ color: var(--white);background-color: #0a070e; line-height: 1.6;}
#wrapper{background-color: #0a070e;}
.main-header{ opacity: 0; visibility: hidden; transition: all 0.2s linear;}
.main-header.is-sticky{ opacity: 1; visibility: visible;}
.main-content-wrapper{ margin-top: 0px;}
h1,h2,h3,h4,h5,h6 { color: var(--white);font-weight: 500;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6{ letter-spacing: 0; font-weight: 300; font-size: 50px; color: var(--white);}
.pageTitle small{font-weight: 400; color: #88B2CB;letter-spacing: 4.2px;}
.custom-button.btn-lg {height: 60px; font-size: 16px; text-transform: none;}
.intro-img{ position: relative; margin-right: -120px;}
.intro-logo{ height: 47px; justify-content: left;}
.justify-center{ justify-content: center;}
.marquee-wrapper{ padding: 0px;}
.marquee-wrapper.alt::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;background: linear-gradient(90deg, #0B070F 0%, rgba(11, 7, 15, 0.00) 50.11%, #0B070F 100%); z-index: 2; pointer-events: none;}
.pod-box{border-radius: 20px;/*border: 1px solid var(--primary);*/ background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(82px);padding: 50px 40px; position: relative; transition: all 0.2s linear;}
.pod-box:hover{ margin-top: -20px;}
.pod-box .icon-holder{height: 70px; justify-content: left; margin-top: 30px;}
.case-studies-box{border-radius: 20px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);backdrop-filter: blur(7.5px);overflow: hidden;}
.case-studies-box-left{ padding: 45px 50px;}
.ul-listing{ margin-bottom: 30px;}
.ul-listing li{ padding-bottom: 5px; padding-left: 15px;}
.ul-listing li::before{ color: var(--yellow1);}
.case-studies-box-image{ background-color: #f2f2f2; display: flex; align-items: center; justify-content: center; line-height: 1; padding: 30px;}
.case-studies-slider .slick-arrow{ opacity: .3; color: var(--white) !important;}
.case-studies-slider .slick-prev{left: -80px;}
.case-studies-slider .slick-next{ right: -80px;}
.solution-result-block-content{ padding: 80px 80px 60px;}
.solution-result-block-counter{ padding-bottom: 60px;}
.counter-list .col-lg-4:nth-child(2){ border: 2px solid rgba(255, 255, 255, 0.6); border-width: 0px 2px;}
.counter-box{ max-width: 260px; margin: 0px auto;}
.counter-holder {font-size: 60px; font-family: var(--fontPrimary);}
.counter { height: 4.2rem;}
a.styled-link,.styled-link{ text-transform: none;}
.styled-link.has-icon::after { font-family: bootstrap-icons !important; font-weight: 400; content: "\F285"; font-size: 18px; }
.pageTitle small.size-15 {font-size: 15px;}
.pageTitle small.size-16 {font-size: 16px;}
.icon-pod-box{ max-width: 300px; margin: 0px auto;}
.icon-pod-box.alt{ max-width: 285px; margin: 0px auto;}
.icon-pod-box .icon-holder{ height: 120px; margin-bottom: 20px;}
.accordion-item,.accordion-item-holder, .accordion-item-holder-right { /*border-color: rgba(216, 216, 216, 0.20);*/ border-color: #D8D8D8;}
.accordion-body{ color: var(--white); opacity: .7;padding: 0px 150px 30px 0px;}
.accordion-body.alt{ padding: 0px 0px 30px 0px;}
.accordion-header a{padding: 35px 150px 35px 0px; border-color: #D8D8D8;}
.accordion-header a, .accordion-header a h3 {font-weight: 400;color: var(--primary); font-size: 20px;}
.accordion-header a.collapsed h3 {color: var(--white);}
.accordion-header a:hover, .accordion-header a:hover h3 {color: var(--primary);}
.accordion-header a::before { color: var(--yellow1);}
.accordion-header a.collapsed::before { color: var(--white); }
.accordion-header a.collapsed:hover::before { color: var(--yellow1); }

.accordion-plain .accordion-header a{padding: 0px 0px 10px 0px !important;}
.accordion-plain .accordion-item{ border-color: transparent; margin-bottom: 50px;}
.accordion-plain .accordion-item:last-child{ margin-bottom: 0px;}
.accordion-plain .accordion-header a, .accordion-header a h3 {font-weight: 500;font-size: 26px; color: var(--white);}
.accordion-plain .accordion-header a.collapsed h3 {color: #969696;}
.accordion-plain .accordion-header a::before{display: none !important;}
.accordion-plain .accordion-body{ padding: 0px;}

.testimonials-box{border-radius: 20px;/*border: 1px solid var(--primary) ;*/background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(82px);}
.slick-dots li{margin: 0px 5px;}
.slick-dots li button::before{background: rgba(217, 217, 217, 0.20);}
.news-box a{border-radius: 20px;/*border: 1px solid #494F78;*/background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(82px); padding: 20px; color: var(--white);}
.news-box .img-holder{ padding-bottom: 52.53%;}
.news-box.alt .img-holder{ padding-bottom: 81.32%;}
.news-box-info-holder{ padding: 20px;}
.news-box-info { padding: 20px 0px;}
.news-box a .styled-link{ color: var(--white); padding-bottom: 5px;}
.news-box a .styled-link::before {content: "";position: absolute;left: 0%;bottom: 0px;width: 0px;height: 2px;transition: all 0.2s linear;background-color: var(--yellow1);}
.news-box a:hover .styled-link::before{width: 100%;left: 0px;}
.news-box a:hover .styled-link{ color: var(--yellow1);}
.news-box a:hover{background: var(--white);}
.news-box a:hover .news-box-info{color: var(--body); opacity: 1 !important;}
.news-box a:hover h3{ color: var(--title);}
.news-box a:hover .date{ color: var(--black);}
.shopify-plus-logo{ height: 51px;}
.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: 785px; margin: 0px auto; padding: 80px;}
.form-control, .nice-select, .btn-group .btn, .f-upload .file-input .file-caption-name, select.multipleSelect{ border-color: #111111;color: var(--black) !important;}
.form-control:focus, .form-control:hover, .nice-select:hover{ border-color: var(--yellow1); color: var(--black) !important;}
input::placeholder, input.form-control::-webkit-input-placeholder, textarea::placeholder, .nice-select, .form-group.floating-label label{ color: var(--black) !important; font-weight: 400 !important;}
.ecomm-bg{ background-image: url(../images/bg2.png); background-repeat: no-repeat; background-size: cover;}
.case-studies-box-left .accordion-body{ opacity: 1;line-height: 1.5;}
.sitefinity-intro{ max-width: 966px; margin: 0px auto;}
.sitefinity-intro.gto-intro{ max-width: 1130px; }
.sitefinity-intro p{ width: 82%; margin: 0px auto 20px;}
.sitefinity-intro.gto-intro p{ width: 100%; }
.sitefinity-intro1{ max-width: 860px; margin: 0px auto;}
.color1{color: #D9F0FF !important;}
.pagingInfo{ display: inline-flex;}
.slider-custom-box{ background: rgba(255, 255, 255, 0.05);width: 150px;height: 37px; border-radius: 20px; padding: 0px 10px; display: flex;  align-items: center; justify-content: space-between; line-height: 1; margin-bottom: 30px;}
.slider-custom-box .slick-arrow{ position: static; transform: none; font-size: 16px !important; color: var(--white); opacity: .3;}
.slider-custom-box .slick-arrow:hover{color: var(--white); opacity: 1;}
.sitefinity-casestudies-slider .slick-dots{ bottom: -70px;}
.sitefinity-left{ position: relative; margin-left: -35px; margin-right: -30px;}
.sitefinity-left.alt{ margin-left: 0px; margin-right: -75px;}
.sitefinity-right{ padding-left: 160px;}
.testimonials-slider-holder{ position: relative; margin-left: -700px;}
.testimonials-slider-holder .slick-list{ padding-right: 260px !important;}
.testimonials-slider-holder .slick-dots{ max-width: 1430px;}
.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.70); 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: 3px; height:0%; left: -2px; top: 0px; background-color: var(--white);opacity: 1; border-radius: 0px;}
.dots-with-cutom-text .slick-dots li button h3{transition: all 0.2s linear; color: #969696;}
.dots-with-cutom-text .slick-dots li.slick-active button h3,.dots-with-cutom-text .slick-dots li:hover button h3{ color: var(--white);}
.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%;}

.comparison-table-list { display: flex; top: 0px; z-index: 10; padding: 0px; margin: 0px; }
.comparison-table-list li { list-style: none; flex: 1; text-align: center; padding: 15px; border: 1px solid; border-width: 1px 1px 0px 1px; border-color: rgba(255, 255, 255, 0.40);}
.comparison-table-list li:first-child{ border-right: 0px;}
.comparison-table-list li:last-child{ border-left: 0px;}
/* button { width: 100%; border: 1px solid #dddddd1f; border-right: 0; border-top: 0; padding: 10px; background: #FFF; font-size: 14px; font-weight: bold; height: 60px; color: #999;} */
.comparison-table-list li.active { background: rgba(255, 255, 255, 0.10); }
table.comparison-table { border-collapse: collapse; table-layout: fixed; width: 100%; font-weight: 300;}
table.comparison-table th { background: #F5F5F5; display: none; }
table.comparison-table td, table.comparison-table th { height: 134px; text-align: left;padding: 10px; empty-cells: show; border: 1px solid rgba(255, 255, 255, 0.40);}
table.comparison-table td+td, table.comparison-table th+th { text-align: center; display: none; }
table.comparison-table td.default-active { display: table-cell;}
.hide {background: none; border: 0px !important; }
table.comparison-table td img { max-width: 36px;}
table#comparison-table th {background: rgba(255, 255, 255, 0.10); }
table#comparison-table  th:first-child { background: transparent; }
table#comparison-table  td {text-align: center;  background: rgba(255, 255, 255, 0.10);}
table#comparison-table  td { padding: 20px;}
table#comparison-table  tr td:first-child { background: rgba(255, 255, 255, 0.20); font-size: 18px; font-weight: 500;}
@media only screen and (max-width: 1199.98px) {
table.comparison-table td img { max-width: 25px;}
}
@media (min-width: 768px) {
.comparison-table-list { display: none; }
.comparison-table td, .comparison-table th { display: table-cell !important; }
}
@media only screen and (max-width: 479.99px) {
.comparison-table td, .comparison-table th { font-size: 13px !important; height: auto !important;}
table.comparison-table td img { max-width: 15px;}
}
/*----*/
@media only screen and (max-width: 1599.98px) {
.intro-img{margin-right: 0px;}
.case-studies-slider .slick-prev{left: -40px;}
.case-studies-slider .slick-next{ right: -40px;}
.testimonials-slider-holder{ margin-left: -650px;}
.testimonials-slider-holder .slick-list{ padding-right: 200px !important;}
.testimonials-slider-holder .slick-dots{ max-width: 1225px;}
}
@media only screen and (max-width: 1499.98px) {
.sitefinity-left{margin-left: 0px; margin-right: 0px;}
.sitefinity-left.alt{ margin-left: 0px; margin-right: 0px;}
.sitefinity-right{ padding-left: 100px;}
}
@media only screen and (max-width: 1399.98px) {
.testimonials-slider-holder{ margin-left: 0px; padding-left: 30px;}
.testimonials-slider-holder .slick-list{ padding-right: 150px !important;}
.testimonials-slider-holder .slick-dots{ max-width:100%;}
}
@media only screen and (max-width: 1299.98px) {
.case-studies-slider .slick-prev{left: -25px;}
.case-studies-slider .slick-next{ right: -25px;}
.solution-result-block-content {padding: 60px 60px 60px;}
.slider-custom-box{ margin-bottom: 30px;}
}
@media only screen and (max-width: 1199.98px) {
.sitefinity-right{ padding-left: 30px;}
}
@media only screen and (max-width: 991.98px) {
.counter-list .col-lg-4:nth-child(2){ border-width: 0px;}
.case-studies-slider .slick-arrow{ display: none !important;}
.sitefinity-left{ margin-left: 0px; margin-right: 0px;}
.sitefinity-right{ padding-left: 0px;}
.custom-dot-text h3.pb0{ padding-bottom: 15px !important;}
.sitefinity-main .slick-prev{ left: -20px;}
.sitefinity-main .slick-next{ right: -20px;}
}
@media only screen and (max-width: 767.98px) {
.accordion-body{ padding: 0px 70px 30px 0px;}
.accordion-header a{padding: 35px 70px 35px 0px;}
.ecomm-bg{ background-image: url(../images/bg2-mobile.png); background-repeat: no-repeat; background-size: contain;}
}
@media only screen and (max-width: 575.98px) {
.bottom-contact-box{ padding: 40px;}
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6,.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 { font-size: 35px; letter-spacing: 0px;}
.testimonials-slider-holder{ padding-left: 30px; padding-right: 30px;}
.testimonials-slider-holder .slick-list{ padding-right: 0px !important;}
.sitefinity-intro p {width: 100%;margin: 0px auto 20px;}

.pod-box{ padding: 30px 20px;}
}
@media only screen and (max-width: 479.98px) {
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6,.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 { font-size: 31px; letter-spacing: 0px;}
.pageTitle small{font-size: 13px !important;}
.custom-button.btn-lg {height: 50px; font-size: 13px;}
.counter-holder {font-size: 50px;}
.styled-link.has-icon::after { font-size: 14px; }
.custom-button, .f-upload .input-group-btn .btn-upload { padding: 0px 20px 0px; }
.size-32 { font-size: 21px; }
/* .size-16 { font-size: 13px; }
.size-17 { font-size: 13px; }
.size-18 { font-size: 14px; }
.size-19 { font-size: 14px; }
.size-20 { font-size: 15px; }
.size-21 { font-size: 15px; }
.size-22 { font-size: 16px; }
.size-23 { font-size: 16px; }
.size-24 { font-size: 16px; }
.size-25 { font-size: 17px; }
.size-26 { font-size: 17px; }
.size-27 { font-size: 18px; }
.size-28 { font-size: 18px; }
.size-29 { font-size: 19px; }
.size-30 { font-size: 20px; }
.size-31 { font-size: 20px; }

.size-33 { font-size: 22px; }
.size-34 { font-size: 23px; }
.size-35 { font-size: 23px; }
.size-36 { font-size: 24px; }
.size-37 { font-size: 24px; }
.size-38 { font-size: 25px; }
.size-39 { font-size: 26px; }
.size-40 { font-size: 27px; } */
.pod-box,.case-studies-box-left,.solution-result-block,.bottom-contact-box{padding:30px 20px;}
.solution-result-block-content{ padding:30px 20px 0px;}
.solution-result-block-counter{ padding-bottom: 30px;}
.counter-holder {font-size: 45px;}
.counter { height:3rem;}
.accordion-header a{padding: 15px 40px 15px 0px;}
.accordion-body{padding: 0px 40px 30px 0px;}
.accordion-header a, .accordion-header a h3 {font-size: 18px;}
.news-box-info-holder{ padding: 20px 0px;}
.icon-pod-box .icon-holder{ height: 90px;}
.pt100 {padding-top: 55px !important;}
}