:root {
    /* shades of purple */
    --primary: #3A2557;
    --primary-light-1: #615179;
    --primary-light-2: #897C9A;
    --primary-light-3: #B0A8BC;
    --primary-light-4: #E2DBE8; /* Light purple */
    --primary-light-5: #C7CBDE;
    
    /* shades of cherry */
    --secondary: #F15254;
    --secondary-light-1: #F8A9AA;
    --secondary-light-2: #F79798;
    --secondary-light-3: #F9BABB;
    --secondary-light-4: #FEEEEE;
    
    /* alternative */
    --alternative-dark-1: #010438;
    
    /* shades of grey */
    --grey-1: #F3F7FF;
    --grey-2: #010438;
    --grey-3: #484848;
    --grey-4: #D8D8D8;
    --grey-5: #F1F1F1;
    
    /* statuses */
    --success: #79D09A;
    --danger: #E54949;
    --warning: #FFCC00;
    --yellow: #FFCC66;
    --yellow-2: #FFDD99;
    --dark-blue: #1E57B9;
    --blue: #4E82EA;
    --blue-2: #4E82EA40;
    --blue-3: #6D86BC;
    --blue-4: #0B1539;
    --blue-5: #F1F6FF;
}

/*main.landing {
    max-width: 100%;
    overflow-x: hidden;
    background: #fff url('/media/bg_texture1.webp') 0 1780px no-repeat;
    background-size: 100% auto;
}*/

.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.ml-n10,.mx-n10{margin-left:-10rem!important}.mt-n10{margin-top:-10rem!important}.mb-n10{margin-bottom:-10rem!important}
.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}

/* additional swiper CSS */
/* progressbar */ 
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--secondary);border-radius:70px;position:absolute;left:0;top:-1px;width:100%;height:4px;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}


/* cover banner */

.cover-banner { position:relative;overflow:hidden;background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(112.88deg, var(--primary) 6.03%, #000000 47.14%, var(--primary) 80.91%); }
.gradient-blue-black-purple { background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(112.88deg, var(--dark-blue) 6.03%, #000000 47.14%, var(--primary) 80.91%); }


/* responsive breakpoints */

@media (max-width:1199.98px) {  
    .cover-banner { height:47vh !important;padding-top:105px; }
}

@media(max-width:991.98px) {
    .cover-banner { height:80vh !important; }
    .nav-tabs { overflow-x:auto;overflow-y:hidden; }
}

/* swiper js */

.swiper-pagination-bullets { position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);}
.swiper-pagination-bullets.with-progress-bar { position:relative;z-index:20;bottom:0;left:0;transform:none; }
.swiper-pagination-bullets.with-progress-bar:after { content:"";width:100%;height:4px;background:var(--dark-blue);opacity:0.3;position:absolute;bottom:1px;left:0px;border-radius:10px; }
.swiper-pagination-bullet { position: relative;width: 15px;height: 15px;text-align: left;letter-spacing: 0.05em;border-radius: 50%;opacity: 1;display:inline-block;background:#e7e7e7;text-align:center; }
.swiper-pagination-bullets.with-progress-bar .swiper-pagination-bullet,
.swiper-pagination-bullets.with-progress-bar .swiper-pagination-bullet-active { width:100%;height:auto;border-radius:0;color:#fff;letter-spacing:0.5px;font-size:0.9rem;font-weight:400;background:transparent;padding:0 0px 15px !important;margin:0 !important; }
.swiper-pagination-bullets.with-progress-bar .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left:30px !important; }
.swiper-pagination-bullet em { }
.swiper-pagination-bullet i { position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;height: 4px;background-color:var(--dark-blue);opacity:0; }
.swiper-pagination-bullet b { position: absolute;bottom: 0;left: 0;z-index: 2;width: 0%;height: 4px;border-radius:10px;background-color:var(--secondary);opacity:0; }
.swiper-pagination-bullet.swiper-pagination-bullet-active b { opacity:1; }
.swiper-pagination-bullet.text-secondary b { background:var(--secondary); }
.swiper-pagination-bullet.text-secondary i { background:var(--primary-light-4); }
.swiper-pagination-bullets.with-progress-bar .swiper-pagination-bullet-active { font-weight:600;color:var(--secondary); }
/* .swiper-pagination-bullet-active b { animation-name: countingBar;animation-duration: 5s;animation-timing-function: ease-in;animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: forwards; }*/
.swiper-carousel { min-height:450px; }
.swiper-carousel .swiper-slide { max-width:290px;transition:margin .25s ease; }
.swiper-carousel .swiper-slide p { transition:height .25s ease;height:0;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow: hidden; }
.swiper-carousel .swiper-slide:hover { margin-top:-35px; }
.swiper-carousel .swiper-slide:hover p { height:60px; }
.parallax-bg,.slide-bg {
    position: absolute;
    left: 0;
    top: -4px;
    width: 108%;
    height: 105%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:center;
    transition:opacity .5s ease;
}
.slide-bg picture { opacity:0;transition:opacity .5s ease; }
.slide-bg.active picture { opacity:1;transition:opacity 0s ease; }
.navbar-nav .nav-link { font-size:0.9rem;letter-spacing:0.5px; }
/*.nav-link.active { text-decoration:none; }*/
@keyframes countingBar {
    0% { width: 0; }
    100% { width: 100%; }
}
.swiper-pagination-progressbar { width:100%;height:1px;background:var(--blue-2); }

/* tabs */

.nav-tabs,.nav-tabs .nav-item { position:relative;border:0; }
.nav-tabs:after { content:"";width:100%;height:4px;background:var(--dark-blue);opacity:0.3;position:absolute;bottom:3px;left:0px;border-radius:10px; }
.nav-tabs .nav-item + .nav-item { margin-left:30px; }
.nav-tabs .nav-item .nav-link { text-transform:uppercase;color:#fff;letter-spacing:0.5px;font-size:0.9rem;padding:0 0 15px;border:0; }
.nav-tabs .nav-item .nav-link.active { color:var(--secondary);background:transparent;border:0;font-weight:600; }
.nav-tabs .nav-item .nav-link.active:after { content:"";position:absolute;z-index:2;bottom:3px;left:0px;width:100%;height:4px;border-radius:10px;background-color:var(--secondary); }

/* featured success stories */

.featured-success-stories {
    min-height: 252px;
    background: linear-gradient(178.89deg, #1A0031 17.61%, #3A2557 101.08%)
}
.featured-success-stories .clients {
    border-left: 1px solid var(--grey-3)
}
.featured-success-stories figure img {
    /*filter: invert(77%) sepia(2%) saturate(25%) hue-rotate(342deg) brightness(102%) contrast(93%);*/
    width: 120px;
    object-fit: contain
}

.input-range-step ul li:before, .input-range-step ul li:after {
    background: white;
}

.pricing-tiers .pricing{
    padding-right: 0;
}

.pricing-tiers .pricing em{
    color: var(--primary);
    display: block;
    width: 100%;
    position: initial;
    transform: initial;
    text-align: center;
}

.input-range-placeholder {
    height: 2px;
    top: 10px;
}

.input-range-step ul li small {
    top: 45px;
}

.input-range{
    z-index: 1;
}

.cta-tabs{
    background: url('/media/lines-home.svg'), linear-gradient(175deg, rgba(91,43,135,1) 0%, rgba(0,0,0,1) 50%);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
}

.tabs-card{
    height: 400px;
}

.cta-tabs__paragraph p{
    height: 130px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cta-tabs__title h2, .cta-tabs__title h3, .cta-tabs__title h4, .cta-tabs__title h5, .cta-tabs__title h6{
    height: 90px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.btn-play{
    z-index: auto;
}

.swiper-pagination-bullets.with-progress-bar .swiper-pagination-bullet{
    color: white;
    opacity: .5;
}

.swiper-pagination-bullets.with-progress-bar .swiper-pagination-bullet-active{
    opacity: 1;
    color: var(--secondary);
}

.nav-tabs{
    border: none;
}

.pricing-tiers .input-range-label{
    color: #f15254;
    font-size: 14px;
}

.featured-success-stories figure, .featured-success-stories .clients {
    border: none;
}

.home .cover-banner{
    height: 100vh !important;
    position: relative;
    background: transparent;
}

.swiper-pagination-bullet-active b{
    width: 100%;
    height: 4px;
}

.home .line-yellow{
    width: 2px;
    height: 70px;
    display: block;
    position: absolute;
    background: #fc6;
    bottom: 0;
    right: 50%;
    transform: translate(-50%, 50%);
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    padding-right: 0;    
}

.container-blog .select2-container--default .select2-selection--single{
    border: 1px solid #afafaf;
}

.select2-dropdown {
    border: 1px solid #afafaf;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #afafaf;
    min-height: 50px;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px 10px;
    font-family: 'DIN Next LT Pro Regular';
    color: #666;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    border-width: 1px 0 1px 1px;
    height: 42px;
}
.select2-container--open .select2-selection--single{
    border-color: #FFCC66 !important
}
.select2-container--open+.bg .icon-arrow-down.icon {
    transform: rotate(180deg);
    color: #FFCC66 !important
}

/*.card-show .card-news__content{
    height: 180px !important;
    overflow: visible;
}*/

.card-title-addon p {
    font-weight: bold;
}

.card-show .card-news__content .card-news__description p{
    opacity: 1;
}

.featured-success-stories .featured-success-stories__arrows .swiper-button-next{
    right: -20px;
}

.featured-success-stories .featured-success-stories__arrows .swiper-button-prev{
    left: -20px;
}

.featured-success-stories .featured-success-stories__arrows .swiper-button-next,
.featured-success-stories .featured-success-stories__arrows .swiper-button-prev{
    width: 20px;
    height: 20px;
    top: 50%;
}

.featured-success-stories .featured-success-stories__arrows .swiper-button-prev:after, 
.featured-success-stories .featured-success-stories__arrows .swiper-button-next:after{
    font-size: 20px;
    color: #fc6;
    margin: 0;
}

.featured-success-stories .slideshow-primary .swiper-slide{
    margin: 0;
}

.featured-success-stories.yellow-line:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 80px;
    left: 50%;
    top: -40px;
    background: #FFCC66;
    border-radius: 2px;
}

.home .slide-bg picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home .slide-bg{
    width: 100%;
    height: 100%;
}

.home .slide-bg.active{
    opacity: 1;
}

.partners-and-distributors .partners-and-distributors__title p{
    font-size: 18px;
    color: #3a2557;
    font-family: "DIN Next LT Pro Bold";
    letter-spacing: 1px;
     line-height: 1.6;
}


@media (max-width: $1200px - 1px) and (min-height: 1000px) {
    .home .cover-banner{
        height: 500px;  
    } 
} 

@media (max-width: 1180px) {
    .survey_preview_img {
        max-width: 400px !important;
    }
} 

@media (max-width:991.98px) {
    .pricing-tiers .pricing-slider-text .pricing {
        position: initial;
    }
    .pricing-tiers .input-range-step ul li p, .pricing-tiers .input-range-step ul li small{
        display: none;
    }
    .survey_preview_img {
        max-width: 300px !important;
    }
    .survey-radio-spacing { margin-right: 0.75rem !important; }
    
    .modal-content {
        width: 100% !important;
    }
}

.grecaptcha-badge{
    opacity: 0;    
}

#CybotCookiebotDialogBodyContentTitle{
    color: #3a2557 !important;
    font-size: 18px !important;
    font-family: 'DIN Next LT Pro Bold' !important;
}


#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
    border-radius: 50px !important;
    text-transform: uppercase !important;
    background-color: #f15254 !important;
    border: none !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogBodyButtonDecline {
    background: 0 0 !important;
    width: auto !important;
    max-width: 100% !important;
    height: 51px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    font-family: "DIN Next LT Pro Medium" !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    text-align: center !important;
    text-decoration: none!important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center !important;
    border: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    color: gray !important;
    text-decoration: underline;
}

.CybotCookiebotDialogBodyLevelButtonDescription, .CybotCookiebotDialogBodyLevelButtonLabel{
    color: #3a2557 !important;
    font-family: 'DIN Next LT Pro Bold' !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover{
    color: #f15254 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active{
    border-bottom: 1px solid #f15254 !important;
}

.CybotCookiebotDialogDetailBodyContentCookieTypeIntro, #CybotCookiebotDialogDetailBodyContentTextAbout, 
#CybotCookiebotDialogBodyContentText{
    color: #3A3B3C !important;
    font-family: 'DIN Next LT Pro Regular' !important;
    font-size: 14px !important;
}

#CybotCookiebotDialog[dir=rtl] #CybotCookiebotDialogTabContent input+.CybotCookiebotDialogBodyLevelButtonSlider:before, #CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider:before{
    background-color: #3a2557 !important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider{
    background-color: #dddddd !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink{
    color: #3a2557 !important;
}

.CybotCookiebotDialogBodyLevelButtonSlider{
    background-color: #dddddd !important;
}

.breadcrumbs ol.breadcrumb li.breadcrumb-item.active:last-child {
    pointer-events: none !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0,html:not([dir="rtl"]) .mfs-0 {
  margin-left: 0 !important;
}

*[dir="rtl"] .mfs-0,html:not([dir="rtl"]) .mfe-0 {
  margin-right: 0 !important;
}

*[dir="rtl"] .mfe-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1,html:not([dir="rtl"]) .mfs-1 {
  margin-left: 0.25rem !important;
}

*[dir="rtl"] .mfs-1,html:not([dir="rtl"]) .mfe-1 {
  margin-right: 0.25rem !important;
}

*[dir="rtl"] .mfe-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-20 { margin-bottom: 20px !important; }

.ml-2,
.mx-2,html:not([dir="rtl"]) .mfs-2 {
  margin-left: 0.5rem !important;
}

*[dir="rtl"] .mfs-2,html:not([dir="rtl"]) .mfe-2 {
  margin-right: 0.5rem !important;
}

*[dir="rtl"] .mfe-2 {
  margin-left: 0.5rem !important;
}

.ml-2-75 { margin-left: 0.75rem; }
.mr-2-75 { margin-right: 0.75rem; }

html:not([dir="rtl"]) .mfs-3 {
  margin-left: 1rem !important;
}

*[dir="rtl"] .mfs-3,html:not([dir="rtl"]) .mfe-3 {
  margin-right: 1rem !important;
}

*[dir="rtl"] .mfe-3 {
  margin-left: 1rem !important;
}

html:not([dir="rtl"]) .mfs-4 {
  margin-left: 1.5rem !important;
}

*[dir="rtl"] .mfs-4,html:not([dir="rtl"]) .mfe-4 {
  margin-right: 1.5rem !important;
}

*[dir="rtl"] .mfe-4 {
  margin-left: 1.5rem !important;
}

.mt-5p { margin-top: 5px; }

html:not([dir="rtl"]) .mfs-5 {
  margin-left: 3rem !important;
}

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mb-30, .mx-30 { margin-bottom: 30px; }
.mb-50, .mx-50 { margin-bottom: 50px; }

*[dir="rtl"] .mfs-5,html:not([dir="rtl"]) .mfe-5 {
  margin-right: 3rem !important;
}

*[dir="rtl"] .mfe-5 {
  margin-left: 3rem !important;
}

/* SURVEY CSS */
.survey_preview_img { display: block; max-width: 500px; height: auto; }
.survey_preview_img:hover { opacity: 0.6; cursor: pointer; transition: 0.3s; }

.survey-module .label-form { pointer-events: auto; }
.survey_textarea_wrapper { display: none; }

.survey-radio-spacing { margin-right: 3rem; }
input[type="radio"].survey-radio-spacing { margin-top: 2px; }

.survey-module .form-control-mini { width: 40%; }

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1920px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* NEW FEATURES PLAYLIST */
.js-swiper-features {
    padding: 0 10px;
}
.features-tabs {
    position: relative;
    /*background: #fff url('/media/lines-home2.svg') top center no-repeat;
    background-size: cover;*/
}
.features-tabs:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 272px;
    background: linear-gradient(173.27deg, rgba(255, 255, 255, 0.96) 44.69%, rgba(255, 255, 255, 0) 96.35%);
    z-index: 0;
}
.features-tabs .container {
    position: relative;
    z-index: 1;
}
.features-tabs .nav-tabs .nav-item .nav-link {
    font-weight: 500;
    color: #3A2557;
}
.features-tabs .nav-tabs .nav-item .nav-link.active {
    color: var(--secondary);
}
.features-tabs .tabs-card {
    height: 426px;
    margin: 10px 0;
    background: linear-gradient(178.89deg, #1A0031 17.61%, #3A2557 101.08%);
    border-radius: 8px;
    border: 0 none;
}

.features-tabs-addon{
    height: 520px!important;
}

.features-tabs .tabs-card__img {
    height: 200px;
    overflow: hidden;
}
.features-tabs.use-images .tabs-card__img {
    height: 264px;
    border-radius: 8px 8px 0 0;
}
.features-tabs .tabs-card img {
    width: 100%;
    height: 110px;
    object-fit: contain;
}
.features-tabs.use-images .tabs-card img {
    height: 100%;
    object-fit: cover
}
.features-tabs .title-terciary h3 {
    font-size: 18px;
    color: #fc6;
}
.features-tabs .paragraph p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.features-tabs .tabs-card {
    width: 421px;
    max-width: 100%;
}
.features-tabs .tabs-card:not(.no-hover):hover {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.features-tabs .tabs-card:not(.no-hover):hover .title-terciary h3 {
    color: #F15254;
}
.features-tabs .tabs-card:not(.no-hover):hover .paragraph p {
    color: #0B1539;
}
.features-tabs .tabs-card:not(.no-hover):hover .button-open-modal {
    display: inline-flex !important;
}
.feature-modal {
    padding: 0;
    background: transparent;
    z-index: 1041;
}
.feature-modal .modal-content {
    width: 100%;
}
.feature-modal .modal-header {
    border: 0;
    padding-bottom: 0;
}
.feature-modal .title-terciary--coral h2 {
    color: #F15254;
    font-size: 38px;
    line-height: 45px;
}
.feature-modal .feature-content {
    font-family: "DIN Next LT Pro Regular";
    font-size: 16px;
}
.feature-modal .feature-content strong {
    font-family: "DIN Next LT Pro Bold";
    font-weight: 500;
}
.select-primary .icon-arrow-down.icon {
    margin-right: 12px;
    font-size: 8px
}
.feature-modal .select2-container {
    width: 100% !important;
}
.modal-backdrop {
    background: #180533;
    z-index: 100
}
.modal-backdrop.show {
    opacity: 0.6 !important;
}

/** FAQS ACCORDION AND TABS **/
@media(min-width:1200px) {
    .section-faqs-home {
        background: url('/media/faqs_lines_bg.svg') bottom left no-repeat;
    }
}
.nav-faqs, .nav-faqs .nav-item {
    display: block;
}
.nav-faqs .nav-link {
    margin-bottom: 14px;
    padding: 32px 45px 32px 24px;
    background: #fff;
    text-decoration: none;
    line-height: 1.2;
    font-family: "DIN Next LT Pro Bold";
    font-weight: normal;
    font-size: 20px;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    color: #3A2557;
}
.nav-faqs .nav-link.active {
    background: #3A2557;
    color: #fff;
    position: relative;
}
.nav-faqs .nav-link.active::after {
    content: "\e90c";
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 20px;
    font-family: "icons-expresia";
    font-size: 18px;
    color: #F15254;
}
.section-faqs-home .tab-content img,
.section-faqs-home .tab-content iframe {
    max-width: 100%;
    height: auto;
}
.section-faqs-home .tab-content p {
    font-family: "DIN Next LT Pro Regular";
    font-size: 16px;
    line-height: 22px;
    color: #3A3B3C;
}
.section-faqs-home .tab-content p strong {
    font-family: "DIN Next LT Pro Bold";
    font-weight: normal;
}
.accordion-item {
    margin-bottom: 10px;
    border-radius: 0;
    border: 0 none;
    background: transparent;
}
.accordion-item .accordion-button {
    display: block;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
}
.theme-light .accordion-item .accordion-button::after {
    content: "\e90c";
    position: absolute;
    top: 14px;
    right: 16px;
    background: none;
    transform: rotate(90deg);
    transition: none;
    font-family: "icons-expresia";
    font-size: 14px;
    color: #afafaf;
    z-index: 1;
}
.theme-blue .accordion-item .accordion-button::after {
    position: absolute;
    top: 14px;
    right: 16px;
    transition: none;
    width: 32px;
    height: 33px;
    background: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16.5H27' stroke='%233A2557' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 5.5V27.5' stroke='%233A2557' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    z-index: 1;
}
.accordion-item.services-nav-wrapper .accordion-button::after {
    top: 17px;
    right: 0;
    color: #3A2557
}
.accordion-item .accordion-button h3 {
    min-height: 60px;
    margin-bottom: 8px;
    padding: 20px 50px 20px 24px;
    border-radius: 10px;
    font-family: "DIN Next LT Pro Medium";
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: .016em;
}
.theme-light .accordion-item .accordion-button h3 {
    background: transparent !important;
    border-bottom: 1px solid #afafaf;
    min-height: 0;
    padding: 6px 0;
    border-radius: 0;
    font-size: 16px;
    font-family: "DIN Next LT Pro Regular";
    color: #fff;
}
.theme-blue .accordion-item .accordion-button h3 {
    background: #fff;
    box-shadow: 0px 0px 35px 0px #00000012;
    color: #3A2557;
}
.accordion-item.services-nav-wrapper .accordion-button h3 {
    min-height: 45px;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #E7E0ED;
    border-radius: 0;
    box-shadow: none;
}
.theme-light .accordion-item .accordion-button:not(.collapsed)::after {
    top: 0;
    right: 16px;
    color: #F4B35F;
    transform: rotate(-90deg)
}
.theme-blue .accordion-item .accordion-button:not(.collapsed)::after {
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16H27' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.accordion-item.services-nav-wrapper .accordion-button:not(.collapsed)::after {
    top: 5px;
    right: 0;
    color: #F15254;
}
.accordion-item .accordion-button:not(.collapsed) h3 {
    background: #3A2557;
    color: #fff;
}
.accordion-item.services-nav-wrapper .accordion-button:not(.collapsed) h3 {
    min-height: 45px;
    margin: 0;
    padding: 10px 0;
    background: #fff;
    box-shadow: none;
    border: 0 none;
    color: #F15254;
}
.accordion-item .accordion-body {
    padding: 20px;
    /*background: #fff;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;*/
    font-family: "DIN Next LT Pro Regular";
    font-size: 18px;
    line-height: 1.3;
}
.theme-light .accordion-item .accordion-body {
    padding: 10px 0;
    background: transparent;
    border-radius: 0
}
.accordion-item .accordion-body strong {
    font-family: "DIN Next LT Pro Bold";
    font-weight: normal;
}
.accordion-item .accordion-body img,
.accordion-item .accordion-body iframe {
    max-width: 100%;
    height: auto;
}

.new-testimonials {
    background: url('/media/new_testimonials_bg.webp') top left no-repeat;
    background-size: cover;
    font-family: "DIN Next LT Pro Regular";
    font-size: 21px;
    line-height: 1.5;
    color: #fff;
}
.new-testimonials h4 {
    font-family: "DIN Next LT Pro Regular";
    font-size: 18px;
    line-height: 26px;
}
.new-testimonials__image {
    display: inline-block;
    width: 248px;
    height: 248px;
    padding: 14px;
    background: linear-gradient(90deg, #4E83EB 0%, #F15254 100%);
    border-radius: 100%;
    overflow: hidden;
}
.new-testimonials__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.new-testimonials__arrows .swiper-button-next:after,
.new-testimonials__arrows .swiper-button-prev:after {
    font-size: 22px !important;
    color: #fff;
}

.landing-features-cards {
    height: 390px;
    background: linear-gradient(191.48deg, #FFD166 -4.88%, #F15254 4.64%, #5B2B87 64.54%);
    border-radius: 8px;
    border: 0 none;
}
.landing-features-cards--white {
    background: #fff !important;
    box-shadow: -25px 45px 95px 0px #0B10401A;
}
.landing-features-cards__img {
    height: 160px;
    overflow: hidden;
}
.landing-features-cards__img img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.landing-features-cards .title-terciary h3 {
    font-size: 20px;
    line-height: 1.3;
}
@media(min-width: 991px) {
    .landing-features-cards {
        height: 426px;
    }
    .landing-features-cards__img {
        height: 190px;
    }
    .landing-features-cards__img img {
        height: 120px;
    }
    .landing-features-cards .title-terciary h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 0;
    }
}

.new-cover-banner {
    width: 100%;
    position: relative;
    padding-top: 220px;
    overflow: hidden;
}

.new-cover-banner>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 800px;
    object-fit: cover;
    z-index: 0;
}

.new-cover-banner__title h2 {
    font-family: "DIN Next LT Pro Medium";
    font-size: 60px;
    line-height: 70px;
    letter-spacing: .16px;
}

.new-cover-banner__paragraph p {
    display: block;
    max-width: 696px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .16px;
    color: #fff;
}

.new-cover-banner__image {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    height: 430px;
    transform: translateY(50px);
}

.new-cover-banner__image img {
    position: absolute;
    max-width: 100%;
}

.new-cover-banner__image-one {
    top: 0;
    left: 0;
}

.new-cover-banner__image-two {
    /*top: 195px;*/
    top: 310px;
    left: 163px;
    width: 384px;
    z-index: 2;
}

.new-cover-banner__image-three {
    /*top: 170px;*/
    top: 246px;
    left: 268px;
    width: 690px;
}

.parallax-banner {
    position: relative;
    display: flex;
    align-items: center;
    height: 373px;
    /*background-attachment: fixed;*/
    background-position: top center;
    background-size: cover;
}
.parallax-banner .container {
    position: relative;
    z-index: 10;
}
.parallax-banner .overlay-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(82.65deg, #3A2557 -5.19%, #3A2557 22.22%, #5B2B87 79.28%, #F15254 104.35%);
    mix-blend-mode: multiply;
    z-index: 1;
}
.parallax-banner .title-secondary h3 {
    font-size: 38px;
    line-height: 48px;
}
.parallax-banner .paragraph p {
    font-size: 20px;
    line-height: 27px;
}

.m13 {
    position: relative;
    color: #777;
}

.services-nav-wrapper .show-more {
    display: block;
    position: relative;
    padding-right: 24px;
    transition: all .5s ease;
    text-decoration: none;
    text-align: right;
    font-family: "DIN Next LT Pro Bold";
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: .16px;
    color: #3A2557
}

.services-nav-wrapper .services-content h2,
.services-nav-wrapper .services-content h3,
.services-nav-wrapper .services-content h4{
    margin-bottom: 15px;
    font-family: "DIN Next LT Pro Medium";
    font-size: 18px;
    line-height: 21px;
    letter-spacing: .16px;
    color: #3A2557;
}

.services-nav-wrapper .services-content {
    box-shadow: none;
    font-family: "DIN Next LT Pro Bold";
    font-size: 14px;
    line-height: 17px;
    color: #3A2557;
}

.services-nav-wrapper .active .show-more {
    color: #F15254;
}

.services-nav-wrapper .line {
    position: absolute;
    bottom: 0;
    right: -3px;
    width: 4px;
    height: 0;
    background: #F15254;
    border-radius: 5px;
    transition: all 1s ease;
}

.services-nav-wrapper .active .line {
    top: 0;
    bottom: auto;
    height: 0;
}

.services-nav-wrapper .active.fixed .line {
    height: 100% !important;
}

@media(min-width: 1200px){
    .services-nav-wrapper .services-nav {
        border-right: 2px solid rgba(78, 131, 235, .3);
    }
    .services-nav-wrapper .services-content {
        font-family: "DIN Next LT Pro Regular";
        font-size: 18px;
        line-height: 25px;
    }
    .services-nav-wrapper .services-content h2,
    .services-nav-wrapper .services-content h3,
    .services-nav-wrapper .services-content h4{
        font-size: 30px;
        line-height: 37px;
    }
}

.carousel-brands {
    position: relative;
    background: #f9f9f9;
}

.carousel-brands .js-carousel-brands:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
    background: linear-gradient(90deg, #f9f9f9 0%, rgba(0,0,0,0) 100%);
    pointer-events: none;
    z-index: 2;
}

.carousel-brands .js-carousel-brands:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #f9f9f9 100%);
    pointer-events: none;
    z-index: 2;
}

.carousel-brands .js-carousel-brands .slick-slide {
    padding: 0 40px;
}

.carousel-brands .js-carousel-brands .slick-slide img {
    max-width: 215px;
    height: 78px;
    object-fit: contain;
}

.swiper-button-prev,
.swiper-button-next {
    width: 50px;
    height: 50px;
    --swiper-navigation-size: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='20' viewBox='0 0 8 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1L1 10L7 19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F15254;
    transition: all .2s ease;
    border-radius: 2em;
}
.swiper-button-next {
    transform: rotate(180deg)
}
.swiper-button-prev:after,
.swiper-button-next:after {
    display: none !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: #5B2B87;
}
.js-swiper-stories__arrow.swiper-button-prev {
    top: 180px;
    left: 50px;
}
.js-swiper-stories__arrow.swiper-button-next {
    top: 180px;
    right: 18px;
}
.js-swiper-cards__arrow.swiper-button-prev {
    top: 160px;
    left: -10px;
}
.js-swiper-cards__arrow.swiper-button-next {
    top: 160px;
    right: 70px;
}

.dxp-comparison-template {
    background: url('/media/texture-both-sides.webp') center 850px no-repeat
}

.dxp-comparison-text-block {
    color: var(--primary)
}

.dxp-comparison-text-block p {
    margin-bottom: 18px
}

.dxp-comparison-text-block__content h4 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-family: "DIN Next LT Pro Bold";
    font-size: 22px;
    font-weight: normal;
    line-height: 28px
}

.dxp-comparison-text-block__content h4 img {
    margin-right: 6px;
    height: 18px
}

.dxp-comparison-table {
    max-width: 100%;
    position: relative
}

.dxp-comparison-table > .container {
    position: relative;
    min-width: 950px;
}

.dxp-comparison-table > .container:before {
    content: "";
    position: absolute;
    width: 250px;
    height: 100%;
    left: 304px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 7px 10px 36px 0px #0000001A;
    z-index: -1
}

@media(max-width: 1199px) {
    .dxp-comparison-table > .container:before {
        width: 225px;
        left: 248px
    }
}

.dxp-comparison-table h4 {
    margin: 0;
    font-family: "DIN Next LT Pro Bold";
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    color: #F15254
}

.dxp-comparison-table .paragraph p {
    margin: 0;
    font-size: 16px;
    line-height: 22px
}

.dxp-comparison-table .check-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #F15254 url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.86328 11.0205L6.37724 17.7367L16.8633 2.13672' stroke='white' stroke-width='2.71321' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat;
    box-shadow: 4px 6px 13px 0px #0000001F;
    border-radius: 6px
}

.dxp-comparison-table .check-icon__disabled {
    opacity: .7
}

.dxp-comparison-table .x-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 22.6L20.486 7' stroke='%23AFAFAF' stroke-width='2.71321' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M20.4863 22.6L10.0003 7' stroke='%23AFAFAF' stroke-width='2.71321' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat
}

.dxp-comparison-table .row-border {
    border-top: 2px solid #E7E0ED
}

.dxp-comparison-banner-bottom__content {
    background: #fff;
    border-radius: 5px;
}

.card-reviews__title * {
    font-family: "DIN Next LT Pro Medium";
    color: #3A2557;
    font-size: 30px;
    margin-bottom: 0;
    letter-spacing: .16px;
    line-height: 37px;
}

.card-reviews {
    display: flex;
    align-items: center;
    min-height: 270px
}

.card-reviews__title p {
    display: flex;
    align-items: center;
    min-height: 111px;
}

.card-reviews__author a {
    text-decoration: none
}

.card-reviews__author span {
    font-family: "DIN Next LT Pro Medium";
    font-size: 18px;
    line-height: 25px;
    color: #3A2557
}

.card-reviews__author-name {
    color: #F15254 !important
}

@media(max-width:500px) {
    .card-reviews__title * {
        font-size: 22px;
        line-height: 28px
    }
}

/* UPLOAD PHOTO */
.imageBoxLarge {
    height: 300px;
    position: relative;
}
.imagePreview {
    width: 100%;
    height: 100%;
    border: 1px solid #a3a3a3;
}
.imagePreview .icon-download {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z'/%3E%3C/svg%3E");
    background-size: 100%;
}
.imagePreviewOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 40px;
}
.imageBoxLarge>.imagePreview>.imagePreviewOverlay {
    padding-top: 100px;
}
.removeImageBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid white;
    height: 40px;
    padding: 12px;
    width: 40px;
    z-index: 999;
    background-color: rgba(255,255,255,.7);
    border-radius: 3px;
}
.imagePreviewInner {
    background-color: rgba(255,255,255,.7);
    border-radius: 3px;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    border: 1px solid white;
    padding: 10px 5px 0 5px;
}
.imagePreviewInner>i {
    width: 100%;
    text-align: center;
    font-size: 30px;
    max-width: 100px;
}
.imagePreviewInner>p {
    text-align: center;
}
.gallery_image {
    position: absolute;
    left: -9999999px;
}
.imagePreview>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.three-circles-with-numbers {
    background-size: cover;
    background-position: center;
}
.three-circles-with-numbers__item {
    position: relative;
    width: 275px;
    height: 296px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    background: url('/media/circle-line.svg') top center no-repeat;
}
.three-circles-with-numbers__item-number {
    position: absolute;
    left: -42px;
    top: 50%;
    width: 81px;
    height: 90px;
    margin-top: -45px;
    background-position: center;
    background-repeat: no-repeat;
}
.three-circles-with-numbers__item-number.n0 {
    background-image: url('/media/n1.svg')
}
.three-circles-with-numbers__item-number.n1 {
    background-image: url('/media/n2.svg')
}
.three-circles-with-numbers__item-number.n2 {
    background-image: url('/media/n3.svg')
}
.three-circles-with-numbers__item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 66px
}
.three-circles-with-numbers__item .title-terciary h5 {
    font-size: 18px
}
.three-circles-with-numbers__item .paragraph p {
    min-height: 54px;
    font-size: 14px;
    line-height: 18px
}
.three-circles-with-numbers__item .paragraph p strong {
    color: #FFCC66
}
.header-small-business {
    position: relative;
    background-size: cover;
}
.header-small-business:after {
    content: "";
    width: 2px;
    height: 70px;
    display: block;
    position: absolute;
    background: #fc6;
    bottom: 0;
    right: 50%;
    transform: translate(-50%,50%);
}
.header-small-business .title-primary h1,
.header-small-business .title-primary h2 {
    font-size: 38px;
    line-height: 1.2
}
.header-small-business .title-terciary h2,
.header-small-business .title-terciary h3 {
    font-size: 30px;
    line-height: 37px
}
.pricing-chart-three-columns__item {
    box-shadow: 0px 0px 54px 0px #00000012;
    border-radius: 10px;
    font-size: 14px;
}
@media(min-width: 1200px) {
    .pricing-chart-three-columns__item {
        min-height: 836px;
    }
    .pricing-chart-three-columns__html {
        min-height: 498px;
    }
    .pricing-chart-three-columns__featured .pricing-chart-three-columns__html {
        min-height: 521px;
    }
}
.pricing-chart-three-columns__img {
    height: 224px;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}
.pricing-chart-three-columns__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pricing-chart-three-columns__price span {
    font-size: 35px;
    font-family: "DIN Next LT Pro Bold";
    line-height: 30px;
    color: #3A3B3C;
}
.pricing-chart-three-columns__item .paragraph p,
.pricing-chart-three-columns__item ul li {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}
.pricing-chart-three-columns__item ul {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 0;
}
.pricing-chart-three-columns__item ul li {
    position: relative;
    padding-left: 25px;
}
.pricing-chart-three-columns__item ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 10px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.96484L4 6.96484L9 0.964844' stroke='%233A2557' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.pricing-chart-three-columns__item ul li strong {
    font-weight: normal;
    color: #5B2B87
}
@media(min-width: 1200px) {
    .pricing-chart-three-columns__featured {
        transform: translateY(-25px);
        padding: 2px;
    }
    .pricing-chart-three-columns__featured:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, #4E83EB, #F15254);
        border-radius: 10px;
        pointer-events: none;
        z-index: 0;
    }
    .pricing-chart-three-columns__content {
        position: relative;
        background: #fff;
        border-radius: 10px;
    }
}



.button-outline {
    padding: 15px 30px !important;
    background: #fff !important;
    border-radius: 50px;
    border: 1px solid #f15254 !important;
    color: #f15254 !important;
}
.button-outline:hover {
    color: #fff !important;
}

.button-addon {
    background: #fff !important;
    border-radius: 50px;
    border: 1px solid #f15254 !important;
    color: #f15254 !important;
}

.button-addon:hover {
    color: #fff !important;    
}
.case-study-statistics .pretitle-primary h5 {
    padding: 0 20px;
    font-size: 22px;
    text-transform: none;
}
@media(min-width: 1200px) {
    .case-study-statistics__item {
        min-width: 228px;
    }
}
.case-study-statistics__item:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #4E83EB 0%, #F15254 100%);
    border-radius: 2px;
}
.case-study-statistics .title-primary * {
    font-size: 70px !important;
    line-height: 84px !important;
    letter-spacing: -0.04em !important;
    color: #3A2557 !important;
}
.case-study-statistics p {
    min-height: 50px;
    display: flex;
    align-items: center;
    line-height: 21px;
    margin-bottom: 5px;
}
.case-study-text-block .title-primary * {
    font-size: 30px !important;
    line-height: 37px !important;
}
.case-study-blockquote {
    background: #F15254;
}
.case-study-blockquote .title-primary h2 {
    position: relative;
    font-family: "DIN Next LT Pro Regular";
    font-size: 30px;
    line-height: 37px;
}
.case-study-blockquote .title-primary h2:before,
.case-study-blockquote .title-primary h2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 27px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0625 14.8203V26.25H0V17.2266C0 12.3411 0.666667 8.80469 2 6.61719C3.75 3.70052 6.52083 1.49479 10.3125 0L13.0625 3.82812C10.7708 4.66667 9.08333 5.92448 8 7.60156C6.91667 9.24219 6.3125 11.6484 6.1875 14.8203H12.0625ZM29.2671 14.8203V26.25H17.2046V17.2266C17.2046 12.3411 17.8712 8.80469 19.2046 6.61719C20.9546 3.70052 23.7254 1.49479 27.5171 0L30.2671 3.82812C27.9754 4.66667 26.2879 5.92448 25.2046 7.60156C24.1212 9.24219 23.5171 11.6484 23.3921 14.8203H29.2671Z' fill='%23FFCC66'/%3E%3C/svg%3E%0A");
}
.case-study-blockquote .title-primary h2:after {
    top: auto;
    left: auto;
    bottom: 0;
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2051 11.9297V0.5H30.2676V9.52344C30.2676 14.4089 29.6009 17.9453 28.2676 20.1328C26.5176 23.0495 23.7467 25.2552 19.9551 26.75L17.2051 22.9219C19.4967 22.0833 21.1842 20.8255 22.2676 19.1484C23.3509 17.5078 23.9551 15.1016 24.0801 11.9297H18.2051ZM1.0005 11.9297V0.5H13.063V9.52344C13.063 14.4089 12.3963 17.9453 11.063 20.1328C9.313 23.0495 6.54217 25.2552 2.7505 26.75L0.000501633 22.9219C2.29217 22.0833 3.97967 20.8255 5.063 19.1484C6.14634 17.5078 6.7505 15.1016 6.8755 11.9297H1.0005Z' fill='%23FFCC66'/%3E%3C/svg%3E%0A");
}
.case-study-blockquote .paragraph p {
    font-family: "DIN Next LT Pro Bold";
    font-size: 20px;
    line-height: 27px;
}

.modal-header.title-secondary {
    background: #3A2557;
    color: #fff;
}
.modal-header.title-secondary h3 {
    font-size: 21px;
    font-family: "DIN Next LT Pro Medium";
}
.modal-header.title-secondary .btn-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' %3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    opacity: .8;
}

.object-position-top, .object-position-top img {
    object-position: top;
}