@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');



/* font-family: 'Inter Tight', sans-serif; */

@font-face {
    font-family: 'Gustavo';
    src: url('https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/fonts/Gustavo-Medium.woff2') format('woff2'),
        url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/fonts/Gustavo-Medium.woff%27) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gustavo';
    src: url('https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/fonts/Gustavo-Bold.woff2') format('woff2'),
        url('https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/fonts/Gustavo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hello America';
    src: url('https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/fonts/Helo-America-Regular.woff2') format('woff2'),
        url('https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/fonts/Helo-America-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}











 
















































body{font-family: 'Inter Tight', sans-serif; font-weight:400; color:#101214; font-size:18px; line-height:24px;}

/* Paragraphs */
strong{font-weight:700;}
a{ transition:400ms; text-decoration:none; color:#9667F7;}
a:hover, a:focus{text-decoration:none; color:#101214; }

p{margin:0 0 15px 0;}
p:last-child{margin:0;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-uppercase{text-transform:uppercase;}

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6{color:#fff;}

.ul-style ul{list-style:none; padding:0; margin:0;}
.ul-style li{padding-left:20px;position:relative; margin-bottom:20px;list-style:none;}
.ul-style li:after{background-color:#9667F7;border-radius:100%;content:'';height:8px;left:0;position:absolute;top:11px;width:8px;}

.ul-check ul{list-style:none; padding:0; margin:0;font-size:19px;}
.ul-check li{padding-left:40px;position:relative; margin-bottom:28px;}
.ul-check li:after{background:url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px;content:'';height:21px;left:0;position:absolute;top:4px;width:26px;}

h1,h2,h3,h4,h5,h6{margin-top:0px; font-weight:400; margin-bottom:20px; }
h1,
h2.h1 {font-family: 'Gustavo', sans-serif; font-size:80px; font-weight:700; color:#9667F7; line-height:80px; } 
h2 {font-family: 'Gustavo', sans-serif; font-size:60px; font-weight:700; color:#101214; line-height:64px; }
h3 {font-family: 'Gustavo', sans-serif; font-size:40px; font-weight:700; color:#101214; line-height:44px; }
h4 {font-family: 'Gustavo', sans-serif; font-size:28px; font-weight:700; color:#101214; line-height:32px; }
h5 {font-family: 'Gustavo', sans-serif; font-size:26px; font-weight:700; color:#101214; line-height:30px; }
h6 {font-family: 'Gustavo', sans-serif; font-size:24px; font-weight:700; color:#101214; line-height:30px; } 

h2.h1 {font-family: 'Gustavo', sans-serif; font-size:60px; font-weight:700; color:#9667F7; line-height:64px; } 

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{font-family: 'Hello America', sans-serif; font-weight:400;}

/* if ~ Brand */
.brand-page h1,
.brand-page h2.h1{color:#45EDD0;}

@media (min-width:1890px) {
    h1,
    h2.h1{font-size:80px;line-height:80px;}
    h4{font-size:32px; line-height:34px;}
}

@media (min-width:2000px) {
    h1,
    h2.h1{font-size:80px; line-height:80px;}
    h2{font-size:80px; line-height:80px;}
    h3{font-size:48px; line-height:55px;}
    h4{font-size:32px; line-height:36px;}
}

@media (min-width:2500px) {
    h1,
    h2.h1{font-size:100px; line-height:90px;}
    h2{font-size:80px; line-height:80px;}
    h3{font-size:48px; line-height:52px;}
    h4{font-size:32px; line-height:36px;}
}

/*@media (min-width:2500px) {}*/

@media (max-width:1700px){
    h1,
    h2.h1{font-size:80px;}
    h4 {font-size:28px; line-height:32px;} 
}
@media (max-width:1629px){}
@media (max-width:1470px){
    h1,
    h2.h1{font-size:60px;line-height:64px;}
}
@media (max-width:1429px){}
@media (max-width:1310px){
    h1,
    h2.h1{font-size:40px; line-height:44px;}
    h2{font-size:40px; line-height:44px;}
    h3{font-size:32px; line-height:36px;}
    h4{font-size:28px; line-height:32px;} 
}
@media (max-width:1199px){}
@media (max-width:991px){
    h1,
    h2.h1{font-size:36px; line-height:40px;}
    h2{font-size:28px; line-height:32px;}
    h3{font-size:24px; line-height:28px;font-weight: 500;}
}
@media (max-width:767px){
    h2 span{display:inline-block;line-height:52px;margin:0 0 -12px;}
}
body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{max-width: none; white-space: inherit; overflow: visible;}


/* header.header{ position:fixed; top:40px; left:40px; width:calc(100% - 80px); z-index:99; transition:400ms; background-color:
    
    
        
    
    rgba(34, 39, 43, 0.95)
; border-radius: 20px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);} */
header.header{ position:fixed; top:0; left:15px; width:calc(100% - 30px); z-index:9999; transition:400ms; border-radius:0 0 20px 20px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
header.header ul{list-style:none; margin:0; padding:0;}
header.header .logo{max-width:101px;} 
header.header .logo img{display:block;transition:400ms;}
header.header .inner{padding:13px 20px; display:flex;}
header.header .mainmenu{margin:0 0 0 35px;}
header.header [class*=button-] a:hover{background:rgba(255, 255, 255, 0.80);}

header.header.headerfixed{/*top:16px;*/ background:
    
    
        
    
    rgba(22, 26, 29, 0.95)
;}
/* header.header.headerfixed .logo img{filter: grayscale(1) brightness(4);} */

header.header.at-bottom{top:53px;}

.nav-toggle{background-color:transparent;border:none;cursor:pointer;padding:13px 0;position:absolute;right:10px;top:10px;width:43px;z-index:99;}
.nav-toggle .icon-bar{margin:auto;background-color:#fff;border-radius:1px;display:block;height:1px;position:relative;width:20px;transition:400ms;}
.nav-toggle .icon-bar + .icon-bar{margin-top:6px;}
.nav-toggle .icon-bar:nth-child(1),.nav-toggle .icon-bar:nth-child(2){top:0;transform:rotate(0deg);}
.nav-toggle.nav-menuopen .icon-bar:nth-child(1){top:4px;transform:rotate(45deg);}
.nav-toggle.nav-menuopen .icon-bar:nth-child(2){top:-3px;transform:rotate(-45deg);}
.mainmenu .mobile-menu span.mobile-toggle{cursor:pointer; width:56px;height:36px;position:absolute;right:0px;top:3px; background:url(https://497316.fs1.hubspotusercontent-na1.net/hubfs/497316/theme-ritter-communication/arrow-down.png) no-repeat center; transition:400ms;}
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen{transform:scale(-1);}
.mainmenu .hs-menu-wrapper ul{padding:0;margin:0;list-style:none;}
.mainmenu .hs-menu-wrapper ul li a{padding:2px 0;display:block;color:#fff; font-size:16px; font-weight:500;}
.mainmenu .hs-menu-wrapper > ul{padding:0 25px 0 0;}
.mainmenu .hs-menu-wrapper > ul > li{display:inline-block;vertical-align:middle;}
.mainmenu .hs-menu-wrapper > ul > li > a{max-width:none;width:auto;position: relative;border-bottom:solid 1px transparent;}
.mainmenu .hs-menu-wrapper > ul > li + li{margin-left:30px;}
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children{position:relative;}
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper{background-color:;overflow:hidden;min-width:290px;left:-30px;top:75px;opacity:0;position:absolute;visibility:hidden;padding:18px 0;z-index:10;transform:translateY(20px);border-radius:0 0 10px 10px;transition:400ms;}
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{color:; font-size:18px; padding:6px 30px;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2{position:relative;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2 ul.hs-menu-children-wrapper{position:static; transform:none; display:none;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2 span.mobile-toggle{display: block;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2 > ul.hs-menu-children-wrapper{transition:none; padding:0;}
.mainmenu .hs-menu-wrapper li.hs-item-has-children.hs-menu-depth-2 > ul.hs-menu-children-wrapper > li > a{font-size:16px; font-weight:400; line-height:normal;}

/* if ~ Brand */
.brand-page [class*=button-].small a{min-width:auto;} 


.mainPage .mainmenu .hs-menu-wrapper > ul > li:last-child > a{color:#45EDD0;border-color:#45EDD0;}


.dark-header header.header{background: rgba(22, 26, 29, 0.95);}

/* new header */
.headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position: relative; }
.back-btn-mob { display:none; }

.header-menu-hide header.header .mainmenu { display: none; }
.header-menu-hide .right-buttons.btn-group { display: none; }

header.headerv2 .button-6 a:hover { background: #4D2B93; border-color: #4D2B93; }
header.headerv2 .button-1 a:hover { background: #e9eaeb; border-color: #e9eaeb; }

.header-menu-hide .headerv2 .nav-toggle {
    display: none;
}


@media (min-width:992px){
/*     .mainmenu .hs-menu-wrapper ul li:hover > a, */
    .mainmenu .hs-menu-wrapper ul li.active > a,
    .mainmenu .hs-menu-wrapper ul li.active-branch > a{color:#9667F7;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper{opacity:1;visibility:visible;transform:translateY(0);}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children span.mobile-toggle, .nav-toggle{display:none;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a{color:;}
    .mainmenu .hs-menu-wrapper > ul > li:hover > a,
    .mainmenu .hs-menu-wrapper > ul > li.active > a,
    .mainmenu .hs-menu-wrapper > ul > li.active-branch > a{border-color:#9667F7;}
    .mainmenu .hs-menu-wrapper > ul > li > a:after{content:'';height:44px;left:0;position:absolute;top:35px;width:100%;}
    
    .mainmenu .hs-menu-wrapper > ul > li:first-child:hover > a{color:#9667F7;border-color:#9667F7;} 
/*     .mainmenu .hs-menu-wrapper > ul > li:first-child:hover > a{color:#9667F7;border-color:#9667F7;}  */
/*      .mainmenu .hs-menu-wrapper > ul > li:last-child:hover > a{color:#45EDD0;border-color:#45EDD0;} */
    
    /* if ~ Brand */
    /*.brand-page .mainmenu .hs-menu-wrapper ul li:hover > a,
    .brand-page .mainmenu .hs-menu-wrapper ul li.active > a,
    .brand-page .mainmenu .hs-menu-wrapper ul li.active-branch > a{color:#45EDD0;border-color:#45EDD0;}*/
    
    
    /* hover effect */
    .cl-effect a , .cl-effect h6 { overflow: hidden !important; }
    .cl-effect a .data-hover {
        position: relative;
        display: inline-block;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

    .cl-effect a .data-hover::before {
        position: absolute;
        top: 100%;
        content: attr(data-hover);
        /* 	font-weight: 700; */
        color:#9667F7;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .cl-effect a:hover .data-hover,
    .cl-effect a:focus .data-hover ,  .headerv2 .mainmenu .hs-menu-wrapper > ul > li:hover > a .data-hover,
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li:focus > a .data-hover, .headerv2 .mainmenu .hs-menu-wrapper > ul > li.active > a .data-hover {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .cl-effect a .data-hover-wrap .data-hover::before { color: #fff; }
/*     .headerv2 .mainmenu .hs-menu-wrapper > ul > li.active > a .data-hover:before { color:#9667F7; }
    .cl-effect a:hover h6 .data-hover, .cl-effect a:focus h6 .data-hover {
        -webkit-transform: translateY(-118%);
        -moz-transform: translateY(-118%);
        transform: translateY(-118%);
    } */
    
    

    .headerv2 .mainmenu .hs-menu-wrapper > ul > li > a { overflow: visible !important; }
    .data-hover-wrap { overflow: hidden; }
    
    .mega-menu-item li, .mega-main-title , .mega-col-4 { opacity: 0; transform: translateY(-10px); transition: none; }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover .mega-menu-item li , 
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover .mega-main-title,
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover .mega-col-4 {opacity:1;transform: translateY(0px);transition: all 800ms;}

    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .mega-menu-item:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 100px; background: rgba(22, 26, 29, 0.95); z-index: -1; transition: all 200ms; border-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu:hover .mega-menu-item:before { bottom: 0; }
    
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:first-child:hover > a {  color: #fff; }

}

 .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children .hs-menu-children-wrapper { background: #F7F8F9; top: 50px; border-radius: 20px; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a {  color: #101214; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {  color: #9667F7; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper { transform: translateY(0%); }
    header.headerv2.nav-hover { border-bottom-left-radius: 0;  border-bottom-right-radius: 0; transition: none; }

    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper { width: 912px; padding: 24px; display: flex; flex-wrap: wrap; gap: 16px; }
/*     .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper li {width: calc(100% / 4 - calc(16px / 4*3));}
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper li a { width: 100%; height: 100%; padding: 16px; box-shadow: 0px 0px 1px rgba(16, 18, 20, 0.1), 0px 1px 2px rgba(16, 18, 20, 0.05); border-radius: 12px; letter-spacing: 0.0025em; color: #475059; font-weight: 400; font-size: 12px; line-height: 20px; border: 1.5px solid transparent; background:#fff;  }
    .headerv2 .mega-menu-item .icon { width: 54px;  height: 54px;  background: #060708;border: 0.5px solid #161A1D; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
    .headerv2 .mega-menu-item h5 { font-weight: 500; font-size: 16px; line-height: 20px; font-family: 'Inter Tight', sans-serif; margin-bottom: 0; letter-spacing: 0.25px; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper li a:hover { border-color: #B593F9; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); color:#475059; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper li { opacity: 0; transform: translateY(15px); transition: all 0ms; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu:hover .hs-menu-children-wrapper li { opacity: 1; transform: translateY(0px); transition: all 500ms; } */
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { top: 10px; width: 100%; visibility: hidden; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:after { visibility: visible; }

    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children .menu-arrow { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 31px; display:none; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a { padding-right: 0; }
    
    .headerv2 .menu-arrow svg path { transition: all 0.5s; stroke: #fff; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover .menu-arrow svg path { stroke: #9667F7; }
    .headerv2 .book-btn-mob , .headerv2 .menu-wrap-mob{ display:none; }

    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu { position: static; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .mega-menu-item { width: 100%;  top: 100%;  background: transparent;  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); left: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
    .headerv2.headerfixed .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .mega-menu-item { background: transparent; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .mega-menu-item { display: block;  padding-left: 158px;  padding-right: 96px;  padding-top: 48px; padding-bottom: 164px; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a { border-bottom: none; }
    .headerv2 .mega-row {  display: flex;  color: #ffff; }
    .headerv2 .mega-col-5 { width: calc(100% - 500px);  display: flex; }
    .headerv2 .mega-col-4 {  width: 500px; } 
    .headerv2 .mega-main-title { font-size: 16px; font-style: normal;  font-weight: 500;  line-height: 20px; letter-spacing: 0.25px;  color: #9DA4AB;  margin-bottom: 13px; }
    .headerv2 .mega-main-title svg { margin-bottom: -3px; }
    .headerv2 .mega-main-title a { color: #9DA4AB !important; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row li a {position: relative;padding-left: 70px;color: #fff;min-height: 54px;}
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row .first-menu li a .mega-icon { width: 54px;  height: 54px;  position: absolute;  left: 0; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row .first-menu li a .mega-icon img { width: 100% !important; height: 100% !important; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row h6 { color: #F0F2F5;  margin-bottom: 0;  font-size: 30px;  font-style: normal; font-weight: 500;  line-height: 38px;  margin-top: 6px; transition: 400ms; padding-bottom:5px; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row a:hover h6 { color: #F0F2F5; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row li { margin-bottom: 8px; }
    .headerv2 .first-menu { width: 35%;  max-width: 370px; }
    .headerv2 .middle-menu-wrap {  width: 65%;  column-count: 3;  max-width: 730px; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row .middle-menu-wrap li a{padding: 0;min-height: auto;font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px; letter-spacing: 0.25px;color: #F0F2F5;}
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row .middle-menu-wrap li a:hover { color: #9667F7; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row .middle-menu-wrap li { min-height: auto; }
    .headerv2 .middle-menu-item { margin-bottom: 30px; }
    .headerv2 .testi-quote { font-size: 28px;  font-style: normal;  font-weight: 400; line-height: 110%;   letter-spacing: 0.25px; color: #E6E8EB; }
    .headerv2 .testi-logo { margin-bottom: 5px; }
    .headerv2 .testi-quote-wrap {  position: relative; padding-bottom: 45px; }
    .headerv2 .testi-quote-wrap .testi-quote:after {content: "";width: 48px;height: 1px;background: #C2C7CC;display: table;position: absolute;left: 0;bottom: 24px;}
    .headerv2 .testi-name { font-size: 14px;  font-style: normal; font-weight: 500; line-height: 16px;  letter-spacing: 0.25px; color: #E6E8EB; margin-bottom: 5px; }
    .headerv2 .testi-descri { font-size: 12px;  font-style: normal;  font-weight: 500;  line-height: 13px;  letter-spacing: 0.25px; color: #C2C7CC; }
    .headerv2 .testi-wrap { width: 100%; max-width: 500px; margin-left: auto; }
    
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row li.mega-icon-no a { padding-left: 0; }
    .headerv2  .middle-menu-wrap1 { column-count: 1; }
    .headerv2  .middle-menu-wrap2 { column-count: 2; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row .mega-des {  font-size: 14px; font-style: normal;  font-weight: 400;  line-height: 16px;  letter-spacing: 0.25px; color: #9DA4AB; margin-top: 14px; }
    
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before {  content: "";  position: absolute;  left: 0;  right: 0; bottom: 0;  background: #9667F7; height: 1px;  opacity: 0; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:before { opacity: 1; }

    .headerv2 .header-blog-post .list { display: flex; }
    .headerv2 .header-blog-post .list .imageVideo { width: 124px; height: 124px; border-radius: 25px; overflow: hidden;  margin-top: 16px; }
    .headerv2 .header-blog-post .list .list-content { width: calc(100% - 124px); padding-left: 40px; }
    .headerv2 .header-blog-post .list .imageVideo a { display: block; height: 100%; }
    .headerv2 .header-blog-post .list .imageVideo a img { width: 100% !important; height: 100% !important; object-fit: cover; }
    .headerv2 .header-blog-post .list .list-content .topic-link { font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;letter-spacing: 0.25px; color: #9DA4AB; margin-bottom: 9px; }
    .headerv2 .header-blog-post .list .list-content h3.title a { font-size: 28px; font-style: normal; font-weight: 500; line-height: 100%; position: relative; color: #E6E8EB; margin-bottom: 28px; display: block; overflow: visible !important; }
    .headerv2 .header-blog-post .author { font-size: 12px; font-style: normal; font-weight: 600; line-height: 13px; color: #9DA4AB; }
    .headerv2 .header-blog-post .author .reading-minutes { font-weight: 500; padding-left: 22px; position: relative; }
    .headerv2 .header-blog-post .author .reading-minutes:before { background: #9DA4AB; border-radius: 50%; content: ""; display: inline-block; height: 5px; left: -5px; margin: 0 11px; position: absolute; top: 5px; width: 5px; }

    .headerv2 .header-blog-post .list .title .link-icon { bottom: 2px;  display: inline-flex; height: 32px; position: absolute; width: 32px }
    .headerv2 .header-blog-post .list .title .link-icon svg { left: -10px;  opacity: 0;  position: absolute;  top: 7px;  transition: .4s }
    .headerv2 .header-blog-post .list:hover .title .link-icon svg { left: 10px;  opacity: 1 }
    
    .headerv2 .hea-logo-row ul { display: flex;  flex-wrap: wrap;  margin: -8px; justify-content: right; }
    .headerv2 .hea-logo-row ul li { border: 1px solid #9DA4AB; position: relative; margin: 8px; line-height: 0; border-radius: 12px; padding: 0 5px; transition: ease 0.5s; }
    .headerv2 .hea-logo-row ul li img:nth-child(2) { position: absolute;  left: 0;  top: 0;  bottom: 0; right: 0; opacity: 0; margin: auto; }
    .headerv2 .hea-logo-row ul li img { transition: ease 0.5s; }
    .headerv2 .hea-logo-row ul li:nth-child(1) img { transform: translateY(5px); }
    .headerv2 .hea-logo-row ul li:nth-child(6) img {  transform: translateY(-4px); }
    .headerv2 .hea-logo-row ul li:hover { border-color:rgba(255, 255, 255, 0.50); }
    .headerv2 .hea-logo-row ul li:hover img:nth-child(2) { opacity:1; }
    .headerv2 .hea-logo-row ul li:hover img:nth-child(1) { opacity:0; }
    .headerv2 .mega-logo .mega-col-5 { width: calc(100% - 680px); }
    .headerv2 .mega-logo .mega-col-4 {  width: 680px; } 
    .headerv2 .hea-logo-row { width: 100%;  max-width: 620px;  margin-left: auto; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper {  transition: 0s; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu:hover .hs-menu-children-wrapper {  transition: 400ms; }

    header.header.headerv2 { background: rgba(22, 26, 29, 0.95); }


    .headerv2 .mega-main-title a svg { transition: all 500ms; margin-left: 0px; }
    .headerv2 .mega-main-title a:hover svg { margin-left: 5px; }


@media (max-width:1710px){
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper { width: 100%; }
    .headerv2 .mega-menu-item .icon { width: 39px; height: 39px; }
    .headerv2 .mega-menu-item .icon img { width: 30px;height: 30px !important; object-fit: scale-down; object-position: center 1px; }

    .headerv2 .mega-col-4 { width: 420px; }
    .headerv2 .mega-col-5 { width: calc(100% - 420px); }
    .headerv2 .mega-post_type .mega-col-5 { width: calc(100% - 500px); }
    .headerv2 .mega-post_type .mega-col-4 { width: 500px; }
    
    .headerv2 .mega-logo .first-menu { width: 50%;  max-width: none;  }
    .headerv2 .mega-logo .middle-menu-wrap { width: 50%; }

}

@media (max-width: 1470px) {
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper { width: 100%; padding-left: 40px; padding-right: 40px; }
}


@media (max-width: 1310px) {
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper { width: 100%; padding: 16px; }
    .headerv2 .mega-menu-item h5 { font-size: 14px;  line-height: 16px;}
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper li a { line-height: 13px; }
    .headerv2 .mega-menu-item .icon { margin-bottom: 4px; }

    .headerv2 .mega-col-4 { display: none; }
    .headerv2 .mega-col-5 { width: 100%; }

    .headerv2 .mega-logo .mega-col-5 , .headerv2 .mega-post_type .mega-col-5  { width: 100%; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row h6 { margin-top: 5px;  line-height: normal; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row li.mega-icon-no { margin-bottom: 0; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row li.mega-icon-no a { padding: 0; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row li.mega-icon-no a h6 {  margin: 0; }

}

@media (max-width: 1199px) {
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li + li { margin-left: 20px }

}


@media (max-width:991px){
    .mainmenu .hs-menu-wrapper ul li a{padding:15px 0; font-size:20px;font-weight:500;letter-spacing: 0.25px;}
    .mainmenu .hs-menu-wrapper > ul{display:none;left:0;margin:0;text-align:left;padding:0;}
    .mainmenu .hs-menu-wrapper > ul > li{display:block;}
    .mainmenu .hs-menu-wrapper > ul > li:first-child{margin-top:30px;}
    .mainmenu .hs-menu-wrapper > ul > li:not(:first-child){margin-left:0;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper{background-color: rgba(65, 206, 239, 0.1); position:static;opacity:1;visibility:visible;display:none;width:100%;transform:translateY(0); transition:none !important;}
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{padding:6px 15px 6px 30px;}
    
    .mainmenu .hs-menu-wrapper > ul > li.active-branch > a,
    .mainmenu .hs-menu-wrapper > ul > li.active > a{color:#9667F7;}
    
    header.header .mainmenu{margin:0;}
    /*header.header.nav-open{border-radius: 15px 15px 0 0;}
    header.header.nav-open .logo{position: relative; z-index: 9;}*/
    
    header.header{/*left:20px;top:15px; width:calc(100% - 40px);*/border-radius:0 0 15px 15px;}
    header.header .inner{padding:13px 20px;display: block;}
    header.header .inner .left-part{display: block;}
    header.header .right-buttons{display:none;}
    /*header.header .logo{max-width:85px;}*/
    header.header .mainmenu .hs-menu-wrapper > ul [class*=button-] a img{display:none;}
    header.header .mainmenu .hs-menu-wrapper > ul [class*=button-]{position:absolute;left:20px;bottom:60px;width:calc(100% - 40px);}
    header.header .mainmenu .hs-menu-wrapper > ul [class*=button-] a{display: block;} 
    /*header.header.headerfixed{top:15px;}*/
    
    header.header .btns-grp-mobile{border-top:solid 1px #161A1D;margin:10px 0 0;padding:20px 0 0;}
    header.header .btns-grp-mobile .text{color:#9DA4AB;font-size:12px;font-weight:500;letter-spacing:0.03px;}
    header.header .btns-grp-mobile .store-btns{display:flex;align-items:center;}
    header.header .btns-grp-mobile .store-btns a{margin:0;padding:8px 0;}
    header.header .btns-grp-mobile .store-btns a + a{margin-left:15px;}
    
    /* if ~ Brand */
    .brand-page .mainmenu .hs-menu-wrapper > ul > li.active-branch > a,
    .brand-page .mainmenu .hs-menu-wrapper > ul > li.active > a{color:#45EDD0;}
    
    /* */
    .headerv2 .book-btn-mob, .headerv2 .menu-wrap-mob { display:block; }
/*     header.headerv2 .logo { margin: auto; } */
    header.headerv2 .mainmenu { display: none; }
    .headerv2 .book-btn-mob { position: absolute; left: 10px; top: 18px; display:none; }
    .headerv2 .nav-toggle { right: 2px; }
    header.headerv2.nav-open { background: transparent; }
    header.headerv2.nav-open:before { content: ""; background: rgba(22, 26, 29, 0.95); position: absolute;  left: -15px; right: -15px; top: 0; bottom: 0; z-index: -1; }
    header.headerv2 { transition: all 400ms, background 0s; }

    header.headerv2 .menu-wrap-mob { position: absolute; top: 98%;  right: 0; background: #101214; overflow: auto; height: calc(100vh - 54px); left: 100%;  transition: linear 300ms; width: 100%; padding: 24px; backdrop-filter: blur(4px); overflow-y: auto; overflow-x: hidden; }
    header.headerv2.nav-open .menu-wrap-mob { left: 0; }
    header.headerv2 .mainmenu-mob ul li a { align-items: center;  letter-spacing: 0.25px;  color: #FFFFFF;  font-weight: 400; line-height: 28px; }
    header.headerv2 .mainmenu-mob .hs-menu-wrapper > ul > li { margin: 0 0 12px; }
    header.headerv2 .mainmenu-mob ul li a { padding: 6px 0;  font-size: 24px;  font-style: normal;  font-weight: 500; line-height: 28px; margin-bottom: 0; }
    header.headerv2 .follow-mobile { margin-bottom: 35px;  margin-top: 30px; }
    header.headerv2 .follow-mobile ul li {display: inline-block;margin: 0 14px;}
    header.headerv2 .follow-mobile ul li a svg { width: 24px; height: 24px; }
    header.headerv2 .follow-mobile ul li a svg path { fill: #475059; }
    header.headerv2 .follow-mobile .follow-title { font-weight: 500;  font-size: 14px; line-height: 20px; letter-spacing: 0.25px; color: #9DA4AB;  margin-bottom: 14px; }
    
    header.headerv2 .mob-bottom-btn .btn-group { display: flex; gap: 6px;  flex-wrap: wrap; }
    header.headerv2 .mob-bottom-btn .btn-group > div { flex: 1 1 33.333%;  margin: 0; }
    header.headerv2 .mob-bottom-btn .btn-group > div a { width: 100%; }
    header.headerv2 .mob-bottom-btn .btn-group > div a { padding: 7px 14px; font-size: 14px; }
    header.headerv2 .mob-bottom-btn .btn-group a > span {display: inline-block;}
    
    
    header.headerv2 .menu-wrap-mob .mainmenu-mob.mainmenu {  display: block; }
    header.headerv2 .menu-wrap-mob .mainmenu-mob.mainmenu ul.mobile-menu { display: block; }
    header.headerv2 .menu-wrap-mob button.nav-toggle {  display: none !important; }
    
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper { position: fixed;  top: 0;  z-index: 99999;  width: 100%;  height: 100%; overflow: auto; transition: ease 0.5s !important; left: 100%; padding-top: 30px; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu.open .hs-menu-children-wrapper{ left:0; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row h6 {  font-size: 24px;  line-height: normal; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row .first-menu li a .mega-icon { width: 40px; height: 40px; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row li a { padding-left: 57px; min-height: auto; }
    header.headerv2 .mainmenu-mob ul li a { font-size: 16px;  line-height: normal; }
    
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu { position: relative; border: none; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:before {  display: none; }
    .menu-arrow2 { position: absolute;  right: -16px;  cursor: pointer;  width: 40px;  height: 40px; top: 0; }
    
    .back-btn-mob { position: absolute;  left: 5px;  top: -3px;  bottom: 0;  width: 40px;  height: 40px;  margin: auto; display: flex;  align-items: center;  justify-content: center; visibility: hidden; opacity: 0; }
    .menuInner-open header.headerv2 .logo { opacity: 0; visibility: hidden; }
    .menuInner-open header.headerv2 .back-btn-mob { opacity: 1;  visibility: visible }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper .mega-row li.mega-icon-no { margin-bottom: 16px; }
    header.headerv2 { width: 100%;  left: 0;  border-radius: 0; }
    .headerv2 .nav-toggle { right: 8px; }
    
    .menuInner-open header.headerv2 .menu-wrap-mob {  overflow: hidden; }
    
    .mega-menu-item li, .mega-main-title , .mega-col-4 { opacity: 0; transform: translateY(-10px); transition: none; }
    .headerv2 .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.megamenu .hs-menu-children-wrapper { background: rgba(22, 26, 29, 0.95) !important; }
    .menuInner-open .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children .mega-menu-item li,  .menuInner-open .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children .mega-main-title, 
    .menuInner-open .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children .mega-col-4 { opacity: 1; transform: translateY(0px); transition: all 800ms; }
    
}


@media (max-width:767px){

    .headerv2 .mega-row { flex-wrap: wrap; }
    .headerv2 .mega-col-5 { flex-wrap: wrap; }
    .headerv2 .first-menu { width: 100%; max-width: 100%;  margin-bottom: 20px; }
    .headerv2 .middle-menu-wrap { width: 100%; column-count: 1 !important; }
    .headerv2 .middle-menu-item { margin-bottom: 24px; }
    .headerv2 .mega-logo .middle-menu-wrap { width: 100%; }
    .headerv2 .mega-logo .first-menu { width: 100%; }
    
    .header-menu-hide .prod-detail-hero-img { display: table !important; margin: 40px auto 0; width: 100%; max-width: 100%; }
    body.header-menu-hide.project_detail_body  .prod-detail-hero-img img { margin: 30px auto 0 !important; max-width: 100% !important; }
    
    
}
a.cta_button{box-sizing: border-box !important;}

.btn-group{}
.btn-group > div{display:inline-block;margin:0 6px;vertical-align:middle;}
.btn-group > div:first-child{margin-left:0; margin-bottom:5px;}
.btn-group > div:last-child{margin-right:0; margin-bottom:5px;}

[class*=button-] a , [class*=button-] button {border:1px solid;border-radius:16px;display:inline-block;font-size:16px;font-weight:400;min-width:245px;padding:19px 15px;text-align:center;letter-spacing:0.25px;}
[class*=button-] a strong{font-weight:500;}
[class*=button-] a img{vertical-align:top;margin:3px 3px 0 0;transition:400ms;}

.button-1 a , .button-1 button {background-color:#ffffff;color:#101214; border-color:#ffffff;}
.button-1 a:focus, .button-1 button:focus {background-color:#ECE3FF;border-color:#ECE3FF;color:#101214;}

.button-2 a{background-color:;color:#fff; border-color:#fff;}


.button-3 a{background-color:#101214;color:#101214; border:none; font-size:14px; font-weight:500;min-width:155px;padding:4px 15px;border-radius:8px;}
.button-3 a:hover{background-color:#8152E0;color:#101214;}

.button-4 a{background-color:#101214;color:#FFFFFF; border:none;}
.button-4 a:hover{background-color:#101214;color:#FFFFFF;}

[class*=button-].small a{padding:7px 14px;min-width:auto;font-size:14px;font-weight:500;border-radius:12px;}
.button-6 a { background: #9667F7; color: #fff; border-color: #9667F7; }

.link-text a{color:#9667F7; text-transform:uppercase; font-weight:700; font-size:18px;position:relative;padding: 0 23px 0 0;display:inline-block;}
.link-text a:hover{color:#101214;}
.link-text a:after{background:url(https://497316.fs1.hubspotusercontent-na1.net/hubfs/497316/theme-ritter-communication/side_arrow-blue.png) no-repeat center;content:'';position:absolute;right:0;top:8px;width:9px;height:14px;transition:400ms;}
.link-text a:hover:after{right: -8px;}

/* if ~ Brand */
.brand-page [class*=button-] a{min-width:265px;}
.brand-page .button-1 a:focus{background-color:#E4FFFA;border-color:#E4FFFA;}

.brand-page .button-3 a{background:#45EDD0;min-width: auto;}
.brand-page .button-3 a:hover{background:#0CE8C2;}



@media (min-width:992px){
    [class*=button-].has-icon a{position:relative;}
    [class*=button-].has-icon a:hover , [class*=button-].has-icon button:hover{padding-right:60px;}
    [class*=button-].has-icon a:after , [class*=button-].has-icon button:after{transform:scale(0);background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/purple-sparkle.svg) no-repeat 50%/100% auto;content:"";width:32px;height:32px;position:absolute;right:15px;top:16px;transition:400ms;}
    [class*=button-].has-icon a:hover:after , [class*=button-].has-icon button:hover:after {transform:scale(1);}
    
    /* if ~ Brand */
    .brand-page [class*=button-].has-icon a:after, [class*=button-].has-icon button.club-badge:after{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/green-sparkle.svg) no-repeat 50%/100% auto;}
}

@media (max-width:1310px){
    [class*=button-] a{min-width:215px; /*padding:11px 15px;*/}
}
@media (max-width:1199px){
    [class*="button-"] a{/*padding:8px 15px;*/}
}

@media (max-width:991px){
    .btn-group > div{display:block; margin:0 0 8px;}
    [class*="button-"] a{padding:12px 15px; }
    [class*=button-].has-icon a:after{top:9px;}
    [class*=button-].small a{padding:13px 14px;}
    .button-1 a, .button-2 a{box-shadow: 0px 16px 16px 0px rgba(16, 18, 20, 0.16);}
}

@media (max-width:767px){}
.submitted-message{color:#ffffff;margin-bottom:1rem;position:relative; font-size:16px;}
.submitted-message p{margin:0 !important;}
/* footer.footer{background-color:
    
    
        
    
    rgba(255, 255, 255, 1.0)
; color:#ffffff; padding:40px 0 55px;position: relative;margin:10vw 0 0;}
footer.footer:after{clear:both;content:"";display:table;}
footer.footer ul{list-style:none;margin:0;padding:0;}
footer.footer a{color:
    
    
        
    
    rgba(255, 255, 255, 0.7)
;}
footer.footer a:hover{color:
    
    
        
    
    rgba(150, 103, 247, 0.7)
;} */

footer.footer{/*padding:15px 15px 0;*/ color:#ffffff;}

footer.footer .banner-inner{background:#101214;border-radius:40px 40px 0 0;position:relative;overflow:hidden;height:calc(100vh - 30px);margin-top: -50px;min-height:850px;padding:0 75px 70px;}
footer.footer .banner-inner > video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
footer.footer .banner-inner > img{position:absolute;/*max-width:1350px;*/bottom: -180px;right:20px;height:calc(100% + 110px); width:auto;}  
footer.footer .inner{position:relative;height:calc(100% - 110px);z-index:2;}
/* footer.footer h2{line-height:60px;} */
footer.footer h2 span.sticker{display:inline-block;position:relative;margin:40px 0 0 50px;letter-spacing:0.25px;}
footer.footer h2 span.sticker:before{content:'';background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/sticker-face.svg) no-repeat center;width:71px;height:71px;position:absolute;left:-90px;top:-6px;}
footer.footer .btn-group{padding: 40px 0 0;}
footer.footer .popup_video{}
footer.footer .popup_video .rectangle{width:496px;height:278px;display:flex;align-items:center;justify-content:center;}

footer.footer .copy-bottom{color:#ffffff; position: relative; z-index: 2;font-size: 12px;font-weight: 500;letter-spacing: 0.03px;margin-top: 90px }
footer.footer .copy-bottom a{color:
    
    
        
    
    rgba(255, 255, 255, 0.7)
;}
footer.footer .copy-bottom a + a{margin: 0 0 0 30px }
footer.footer .copy-bottom a:hover{color:
    
    
        
    
    rgba(150, 103, 247, 0.7)
;}

footer.footer button.club-badge { height: auto; font-size: 16px; line-height: 24px; padding: 19px 15px; font-weight: 400; position: relative; transition:400ms; }
footer.footer button.club-badge svg { display: none; }

/* if ~ Brand */
.brand-page footer.footer .copy-bottom a:hover{color:#45EDD0;}

footer.footer .banner-inner { z-index: 2; }

.footer-sec { background: #060708;  border-radius: 40px 40px 0 0; margin-top: -50px;  position: relative;  z-index: 1;  padding:40px; }
/* .footer-container {  padding: 0 75px 70px; } */

.footer-sec .footer-top { display: flex; justify-content: space-between; padding: 0 0 32px; align-items: center; line-height: 0; border-bottom: 1px solid #161A1D; }
.footer-sec .social-media ul { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.footer-sec .social-media ul li svg, .social-media ul li img { width: 20px; height: 18px; }
.footer-sec .social-media ul li { margin-left: 14px; }
.footer-sec .social-media ul li svg { fill: #fff; }
.footer-sec .social-media ul li a:hover { opacity: 0.7; }
.footer-sec .footer-menu-wrap { column-count: 3; width: 50%; max-width: 620px; }
.footer-sec .footer-middle { display: flex; justify-content: space-between; padding-left: 96px; padding-top: 40px; }
.footer-sec .footer-right { width: 50%; }
.footer-sec .footer-menu-item ul { margin: 0; padding: 0; list-style: none; }
.footer-sec .footer-menu-item { font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 0.25px; margin-bottom: 40px; }
.footer-sec .footer-menu-item ul li a { color: #F0F2F5; }
.footer-sec .footer-menu-item ul li a:hover { color: #9667F7; }
.footer-sec .footer-menu-item .menu-title a { color: #9DA4AB; }
.footer-sec .footer-menu-item .menu-title { margin-bottom: 12px; }
.footer-sec .footer-menu-item ul li { margin-bottom: 15px; }
.footer-sec .footer-menu-item:first-child { margin-bottom: 150px; }
.footer-sec .footer-menu-item:nth-child(3) { margin-bottom: 100px; }
.footer-sec .footer-menu-item .menu-title a svg { display: inline-block;  vertical-align: middle;  margin-bottom: 0; }

.subscribe-wrap { border-radius: 24px;  background: #101214; padding: 32px; position: relative; }
.subscribe-wrap h4 { font-size: 32px;  font-style: normal;  font-weight: 500; color: #9667F7; max-width: 330px;  line-height: normal; margin-left: 48px;  margin-bottom: 24px; }

.footer-sec .footer-right > div { width: 100%; max-width: 640px; margin-left: auto; }
.footer-sec .subscribe-icon { width: 112px; position: absolute; left: -50px; top: 20px; }
.footer-sec .subscribe-form form input.hs-input { font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px;  letter-spacing: 0.25px; background: transparent; border: none; box-shadow: none; border-bottom: 1px solid #fff; padding: 0; width: 100%; max-width: calc(100% - 110px); height: 48px; color:#fff;}
.footer-sec .subscribe-form form { position: relative; }
.footer-sec .subscribe-form form .hs_submit { position: absolute; right: 0; top: 0; }
.footer-sec .subscribe-form .hs_submit input.hs-button { border: 1px solid; border-radius: 12px; display: inline-block; font-size: 14px; font-weight: 400; padding: 11px 14px; text-align: center; letter-spacing: 0.25px; min-width: 70px; cursor: pointer; transition: 400ms; }
.footer-sec .subscribe-form .hs_submit input.hs-button:hover { color: #fff; background: transparent; }
.footer-sec .subscribe-form .hs-richtext.hs-main-font-element { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.25px; color: #9DA4AB; margin-top: 24px; width: 100%; max-width: 503px; }
.footer-sec .club-app-wrap { display: flex; align-items: center; margin-top: 32px; border-radius: 24px; border: 1px solid #475059; padding: 16px 32px; justify-content: space-between; line-height: 0; }
.footer-sec .club-app-wrap h6 { font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; /* 125% */ letter-spacing: 0.25px; margin-bottom: 0; color: #9DA4AB; }
.footer-sec .club-app-list li { margin-left: 16px; }
.footer-sec .club-app-list li a:hover { opacity: 0.7; }
.footer-sec .club-app-list { display: flex; margin: 0; padding: 0; list-style: none; }
.footer-sec .condv-marquee { font-size: 150px;  font-style: normal;  font-weight: 500;  line-height: normal;  color: #F0F2F5;  width: calc(100% + 80px);  margin-left: -40px; margin-top: 110px; position: relative;  z-index: 1; }
.footer-sec .copy-bottom { font-size: 14px;  font-style: normal;  font-weight: 500;  line-height: 16px;  letter-spacing: 0.25px;  color: #9DA4AB;  margin-top: 10px; padding: 10px 0; }
.footer-sec .copy-bottom .privacy a { margin: 0 0 0 30px;  color: #9DA4AB; }
.footer-sec .copy-bottom .privacy a:hover { color: #9667F7; }

.menu-title-mob{ display:none; }
.footer-sec ul.hs-error-msgs { color: #fff;  list-style: none;  margin: 0;  padding: 0;  font-size: 10px; margin-top: 8px; }

.condv-marquee .button-6 { position: absolute; z-index: 2; margin: auto; left: 50%; top: 59%; transform: translate(-50%, -50%); display: flex; align-items: center; }
.footer-btn a { background: #6131C4; border-radius: 12px; border-color: #6131C4; min-width: auto; padding: 13px 21px; font-weight: 500; font-size: 16px; line-height: 20px; }
.footer-btn a:hover { background: #9667F7; border-color: #9667F7; }
.footer-sec .condv-marquee { display: flex; align-items: center; overflow: hidden; }
.footer-sec .condv-marquee .marquee { white-space: nowrap; flex-shrink: 0; width: max-content; display: flex; align-items: center; margin-right: 30px; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }

.footer-sec .footer-menu-item .menu-title a svg { transition: all 500ms; margin-left: 0px; }
.footer-sec .footer-menu-item .menu-title a:hover svg { margin-left: 5px; }

/*  */
.footer-sec .footer-menu-item:first-child { margin-bottom: 222px; }
.footer-sec .footer-menu-item:nth-child(3) { margin-bottom: 40px; }
.footer-sec .footer-menu-item:nth-child(2) {  margin-bottom: 150px; }
.subscribe-form .submitted-message {  text-align: center; }

.footer-sec { width: calc(100% - 30px); max-width: 1876px;  margin-left: auto;  margin-right: auto; }

.body-menu-hide .footer-menu-item {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.footer-hide .footer-sec { display: none; }

@keyframes b-text-scroll {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

@media (min-width:2000px) {
    /* footer.footer .all-content{max-width: 900px;}
    footer.footer .copy-bottom{font-size:16px;} */
    footer.footer .banner-inner > img{/*max-width:650px;*/width:auto;bottom: -30px; right:290px;height: calc(100% + -110px);}
}

@media (min-width:2500px) {
    footer.footer .content{font-size: 18px; line-height: 24px;}
    footer.footer .white_text{font-size: 18px; line-height: 24px;}
    footer.footer .banner-inner > img{/*max-width:650px;*/width:auto;bottom: -30px; right: 510px;height: calc(100% + -110px);}
    
    .footer-sec .footer-top, .footer-sec .footer-middle , .footer-sec .copy-bottom { width: 100%; max-width: 2460px;  margin: auto; }
}

@media (max-width:1710px){
    .footer-sec .footer-middle { padding-left: 56px; }
    .footer-sec .condv-marquee { font-size: 100px; }
}

@media (max-width:1629px){}
@media (max-width:1470px){
    footer.footer h2 span.sticker{margin:22px 0 -9px 50px;}
    footer.footer h2 span.sticker:before{background-size:100% auto;width:50px;height:50px;top:5px;left:-60px;}
    
    .footer-sec .footer-middle {  padding-left: 32px; }
    .footer-sec .condv-marquee { font-size: 80px;   margin-bottom: 30px; margin-top: 90px;  }
    .subscribe-wrap h4 {  font-size: 24px;  max-width: 250px; }
    .footer-sec {  border-radius: 32px 32px 0 0;  margin-top: -32px; }
}

@media (max-width:1429px){}
@media (max-width:1310px){
    footer.footer h2 span.sticker{margin:17px 0 -5px 20px;}
    footer.footer h2 span.sticker:before{background-size:100% auto;width:40px;height:40px;left:-47px;top:-4px;}  
    footer.footer .banner-inner{height: calc(60vh - 30px);min-height: 670px;}
    footer.footer .banner-inner > img{max-width:1250px;right:0px;}

    .footer-sec .footer-right > div { max-width: 444px; }
    .footer-sec .club-app-wrap { padding: 16px; }
    .footer-sec .footer-menu-wrap { column-count: 2; max-width: 514px; }
    .footer-sec .footer-menu-item:first-child { margin-bottom: 40px; }
    .footer-sec .footer-menu-item:nth-child(3) { margin-bottom: 40px; }
    .footer-sec .footer-menu-item:nth-child(2) { margin-bottom: 60px; }
    .footer-sec .condv-marquee { margin-bottom: 50px;  margin-top: 60px; }
    
    .footer-sec {  border-radius: 24px 24px 0 0;  margin-top: -24px; }
    
    /* */
    .footer-sec .footer-menu-item:first-child {  margin-bottom: 120px; }
    .footer-sec .footer-menu-item:nth-child(2) { margin-bottom: 40px; }
    
    
}
@media (max-width:1199px){
    footer.footer .banner-inner{height:550px;min-height:550px;padding:0 75px 0px}
    footer.footer .banner-inner > img{right:20px;height:calc(100% - -110px);filter:contrast(1);}
    footer.footer .copy-bottom{margin-top:30px;}
    
    
    .footer-sec .club-app-wrap h6 { font-size: 14px; }
    .footer-sec .footer-right > div { max-width: 464px; }
    .footer-sec .club-app-wrap { padding: 8px;  border-radius: 16px; }
    .footer-sec .club-app-list li { margin-left: 12px; }
    .footer-sec .club-app-list li:first-child { margin-left: 0; }
    .footer-sec .footer-middle {  padding-left: 0; }

}
@media (max-width:991px){
    footer.footer{padding:0;}
    footer.footer h2 span.sticker{margin:7px 0 -8px 50px;}
    footer.footer .inner{height:auto;}
    footer.footer .banner-inner{height:auto;min-height:auto;padding:100px 30px 90px;border-radius:0;}
    footer.footer .btn-group{display:none;}
    footer.footer .banner-inner > img{position:static;display:block;margin:0 auto;transform:none;max-width: 360px;height:auto;}
    footer.footer .all-content{max-width:353px;margin:-240px auto 0;}
    footer.footer .all-content br{display:none;}
    footer.footer .copy-bottom{display:flex;flex-direction:column-reverse;align-items:flex-start;margin-top:20px;}
    footer.footer .copy-bottom .copy-text{margin:40px 0 0;opacity:0.7;}
    
    footer.footer .banner-inner{}
    footer.footer .banner-inner:after{content:'';background:linear-gradient(180deg, rgba(17, 18, 20, 0.00) 21.54%, #111214 76.71%);position:absolute;left:0;bottom:80px;width:100%;height:70%;opacity:1;}
    
    .footer-sec .footer-middle { flex-wrap: wrap; }
    .footer-sec .footer-right { width: 100%; }
    .footer-sec .footer-right > div { margin-left: auto;  margin-right: auto; }
    .footer-sec .footer-menu-wrap {  margin: 0 auto 20px; max-width: 374px;  width: 100%; }
    .footer-sec .copy-bottom .privacy a {  margin-left: 15px; }
   
}
@media (max-width:767px){
    footer.footer h2 span.sticker:before{top:3px;}
    
    .footer-sec { padding: 24px 24px 24px; overflow: hidden; width:100%; }
    .footer-sec .footer-menu-item { width: 100%; }
    .footer-sec .footer-menu-wrap { column-count: 1; }
    .footer-sec .subscribe-icon { position: relative; left: -7px; top: 0; margin-top: -40px; }
    .subscribe-wrap { background: rgba(0, 0, 0, 0.80); padding: 16px; }
    .subscribe-wrap h4 { margin-left: 0; }
    .footer-sec .subscribe-form .hs-richtext.hs-main-font-element { font-size: 12px; line-height: normal; }
    .club-app-wrap { flex-wrap: wrap; }
    .footer-sec .club-app-wrap h6 { font-size: 16px; margin-bottom: 14px; }
    .footer-sec .club-app-wrap { flex-wrap: wrap; padding: 16px; }
    .footer-sec .condv-marquee { margin-bottom: 30px; margin-top: 45px; }
    .footer-sec .copy-bottom { flex-direction: column-reverse; display: flex; flex-wrap: wrap; }
    .footer-sec .copy-bottom .privacy a { margin-left: 0; margin-right: 15px; }
    .footer-sec .copy-bottom .copy-text { margin-top: 24px; }

    .footer-sec .subscribe-form .hs_submit input.hs-button { font-size: 0;  width: 40px;  height: 40px;  padding: 0; border-radius: 100%;  min-width: 40px; background: #ECE3FF;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.75367 11.2461L17.5037 2.49605M8.85999 11.5194L11.0501 17.1511C11.243 17.6472 11.3395 17.8953 11.4785 17.9677C11.599 18.0305 11.7425 18.0306 11.8631 17.9679C12.0022 17.8957 12.0989 17.6477 12.2925 17.1518L17.7844 3.07872C17.9591 2.63107 18.0465 2.40724 17.9987 2.26422C17.9572 2.14001 17.8597 2.04254 17.7355 2.00105C17.5925 1.95327 17.3687 2.04061 16.921 2.21531L2.84788 7.70726C2.35199 7.90078 2.10404 7.99754 2.03178 8.13662C1.96914 8.2572 1.96923 8.40074 2.03201 8.52124C2.10443 8.66024 2.35249 8.75671 2.84861 8.94964L8.48028 11.1397C8.58099 11.1789 8.63134 11.1985 8.67374 11.2287C8.71133 11.2555 8.74419 11.2884 8.771 11.326C8.80124 11.3684 8.82082 11.4187 8.85999 11.5194Z' stroke='%236131C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 20px;  background-position: center;  background-repeat: no-repeat; }
    .footer-sec .subscribe-form form input.hs-input {  max-width: calc(100% - 57px); }
    
    .footer-sec .footer-menu-item .menu-title { display: none; }
    .footer-sec .footer-menu-item .menu-title-mob { display: block; position: relative;  float: left;  width: 100%; }
    .footer-sec .footer-menu-item .menu-title-mob a { color: #fff; min-height: 40px; display: flex; align-items: center; padding-right: 40px; }
    .footer-sec .footer-menu-item .menu-title-mob .menu-title-mob-icon { position: absolute; right: 0; top: 0; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .footer-menu-item .hs_cos_wrapper_type_simple_menu { display: none; width: 100%;    float: left; }
    .footer-sec .footer-menu-item { margin-bottom: 10px !important; }
    .footer-sec .footer-menu-wrap { margin-bottom: 40px; }
    .footer-sec .footer-menu-item ul { margin-top: 10px; margin-bottom: 20px; padding-left: 21px; }
    .footer-sec .footer-menu-item ul li { margin-bottom: 13px; }
    .footer-sec .footer-menu-item .menu-title-mob .menu-title-mob-icon.active svg { transform: scaleY(-1); }
    
    .footer-btn a { font-size: 14px; line-height: 16px; }
    .condv-marquee .button-6 { top: 40%; }
}

:root{
    --primary-color: #9667F7;
    --color1: #060708;
    --color2: #475059;
    --color3: #101214;
    --color4: #D4C1FC;
    --color5: #6131C4;    
    --border-color1: #DDE4EC;
    --headingfont:  'Gustavo', sans-serif;
    --headingspanfont:  'Hello America', sans-serif;
    --transition1: 400ms;
    
    --shadow1: 0px 16px 24px 0px #10121414, 0px 0px 1px 0px #10121433;
    
}
*{box-sizing: border-box;}
*:focus{outline:none;}
::-moz-focus-inner{border:0;}
body{margin:0px;}

.row-fluid [class*="span"]{min-height:auto;}
.container{margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box;}
.container:after{clear:both; content: ""; display:table;}

.padding-topbottom{padding-top:60px; padding-bottom:60px;}
.padding-top{padding-top:60px;}
.padding-bottom{padding-bottom:60px;}

.fancybox-slide--video .fancybox-content{overflow: visible !important;}

img{height:auto; max-width:100%;}

html.lenis,
html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto!important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}
.lenis.lenis-stopped{overflow:hidden;}
.lenis.lenis-smooth iframe{pointer-events:none;}

/* .title-part{max-width:770px;margin:0 auto;} */
.title-part .content{/*max-width:380px;*/margin:39px auto 0;}

/* CSS start from here */
.banner{/*padding:15px;*/}
.banner .banner-inner{background:#101214;/*border-radius:40px;*/position:relative;overflow:hidden;height:calc(100vh - 30px);min-height:850px;padding:0 75px 70px 75px;}
.banner .banner-inner > video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.banner .banner-inner > img{bottom:-270px;position:absolute;right:25vw;height:calc(100% + 110px);width:auto;}
.banner .inner{position:relative;height:100%;z-index:9;}
.banner h1 span{letter-spacing:0.25px;line-height:40px;}
.banner h1 span.sticker{display:inline-block;position:relative;margin:0 0 0 50px;}
.banner h1 span.sticker:before{content:'';background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/sticker-face.svg) no-repeat center;width:71px;height:71px;position:absolute;left:-80px;top:-25px;}
.banner .content{color:#9DA4AB;font-size: 16px;letter-spacing: 0.25px;max-width:460px; padding:0 0 6px}
.banner .white_text{font-size: 16px; font-weight:500; letter-spacing: 0.25px;}
.banner .btn-group{padding: 40px 0 0;}
.banner .popup_video{}
.banner .popup_video .rectangle{width:496px;height:278px;display:flex;align-items:center;justify-content:center;}

.scroll-section{padding:80px 0;position: relative;}
.scroll-section .image{position:relative;z-index:1;position:relative;}
.scroll-section .image img{display:block;margin:0 auto; filter: drop-shadow(0px 0 13px rgba(16, 18, 20, 0.25));}
.scroll-section .image .circle{position:absolute;left:50%;top:50%;background:#D3BEFF;width:560px;height:560px;border-radius:100%;z-index:-1;transform:translate(-50%,-50%);}
.scroll-section .image .circle:after{content:'';position:absolute;left:50%;top:50%;border:solid 1px #D3BEFF;width:760px;height:760px;border-radius:100%;z-index:-1;transform:translate(-50%,-50%);}
.scroll-section .image .circle:before{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/ellipse-dashed.png) no-repeat center / 100% auto; content:'';position:absolute;left:50%;top:50%;width:983px;height:983px;border-radius:100%;z-index:-1;transform:translate(-50%,-50%);}
.scroll-section .how_it_work_text{width:240px;padding:260px 0 0;margin: 0 0 0 70px;}
.scroll-section .how_it_work_text > div{position:sticky;top:calc(50vh - 80px);}
.scroll-section .how_it_work_text .number{font-family: 'Gustavo', sans-serif;font-weight:700;font-size:14px;}
.scroll-section .how_it_work_text .number span{color:#9DA4AB;display:inline-block;margin:0 0 0 6px;}
.scroll-section .how_it_work_text .list-txts{color:#69727A;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0.25px;margin:23px 0 0;position:relative;}
.scroll-section .how_it_work_text .list-txts:before{background:#c2c7cc;content:"";height:calc(100% - 23px);left:2px;position:absolute;top:15px;transition:400ms;width:2px;}
.scroll-section .how_it_work_text .list-txts > div{padding:0 0 0 25px;position:relative;margin:12px 0 0;}
.scroll-section .how_it_work_text .list-txts > div > a{color:#69727A;}
.scroll-section .how_it_work_text .list-txts > div:not(:last-child){z-index:2;}
.scroll-section .how_it_work_text .list-txts > div:not(:last-child):after{background:#c2c7cc;border-radius:100%;content:"";height:6px;left:0;position:absolute;top:7px;transition:400ms;width:6px;box-shadow: 0 0 0 2px #fff;}
.scroll-section .how_it_work_text .list-txts > div:first-child:after{background:#9667F7;}
.scroll-section .how_it_work_text .list-txts > div.active:after{background:#9667F7;} 
.scroll-section .how_it_work_text .list-txts > div.pass,
.scroll-section .how_it_work_text .list-txts > div.pass > a{color:#101214;}
.scroll-section .how_it_work_text .list-txts > div.pass:after{transform:scale(1.3);} 
.scroll-section .all-texts{}
.scroll-section .all-texts h3{transition:600ms; opacity:0; transform:translateY(100%) rotateX(-80deg); transform-origin:center top;transform-style:preserve-3d;}
.scroll-section .all-texts ul{margin:39px 0 0;padding:0;list-style:none; opacity:0; transition:600ms; transform:translateY(100%) rotateX(-80deg);transform-origin:center top;transform-style:preserve-3d;}
.scroll-section .all-texts ul li{padding:0 0 0 36px;position:relative;background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/check-circle.svg) no-repeat left top;margin:0 0 6px;}
.scroll-section .all-texts [class*=button-]{margin:40px 0 0;opacity:0; transition:600ms; transform:translateY(100%) rotateX(-80deg);transform-origin:center top;transform-style:preserve-3d;}
.scroll-section .all-texts.active h3,
.scroll-section .all-texts.active ul,
.scroll-section .all-texts.active [class*=button-]{opacity:1;transform:none;} 
.scroll-section .all-texts.leave h3,
.scroll-section .all-texts.leave ul,
.scroll-section .all-texts.leave [class*=button-]{transform:translateY(100%) rotateX(-80deg);opacity:0;}
.scroll-section .list-wrapper{margin:0 0 0 105px;}
.scroll-section .list-wrapper .list + .list{margin-top:365px;}
.scroll-section .pin-div{margin:185px 0 0;display:flex;justify-content:space-between;}
.scroll-section .pin-div .right-all-txt{}
.scroll-section .pin-div .right-all-txt > div{height:560px;margin:135px 0 0;position:sticky;width:460px;z-index:1;top: calc(40vh - 150px);}
.scroll-section .pin-div .right-all-txt .all-texts{left:0;position:absolute;top:50%;transform:translateY(-50%);perspective: 600px;-webkit-perspective: 600px; }
.scroll-section .how_it_work_text .list-txts .progress{position:absolute;left:2px;top:10px;width:2px;background:#9667F7;padding:0;margin:0;height:0;}
.scroll-section .pin-div .right-all-txt .all-texts:not(.active){pointer-events: none;}
.scroll-section.content-section{padding:200px 0 130px; font-size: 16px; line-height: 30px; }
.scroll-section.content-section h1{margin-bottom:60px;}
.scroll-section.content-section blockquote { font-family: 'Gustavo', sans-serif; font-size: 30px; margin: 40px 0; line-height: 41px; padding: 0 40px 0 70px; position: relative; font-weight: 500; }
.scroll-section.content-section blockquote:after { content: '"'; font-size: 100px; position: absolute; left: 0; top: 18px; }
.scroll-section.content-section .content-part { padding: 0 150px; }
.scroll-section:before,
.scroll-section:after{/*background:#fff;*/position:absolute;left:0;top:0;width:200px;height:200px;content:'';box-shadow:-31px -31px 0 30px #000;border-radius:50px 0 0 0;}
.scroll-section:after{border-radius:0 50px 0 0;left:auto;right:0;box-shadow:30px -31px 0 30px #000;}

.cta-section{/*padding:15px;*/margin:120px 0 0;}
.cta-section .title-part{margin-bottom:40px;}
.cta-section .title-part span.sticker{display:inline-block;position:relative;margin:0 0 0 50px;letter-spacing:0.25px;}
.cta-section .title-part span.sticker:before{content:'';background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/sticker-face-2.svg) no-repeat center;width:71px;height:71px;position:absolute;left:-90px;top:-6px;}
.cta-section img{display:block;margin:0 auto;}
.cta-section .inner-color{border-radius:40px 40px 0 0;position:relative;overflow:hidden;min-height:1050px;padding:0 75px 70px 75px;}
.cta-section .list-wrapper{max-width:1010px;margin:0 auto;}
.cta-section .list{margin:0 17px 40px;}

.qr-popup.fancybox-content{border-radius:16px;padding:0;width:100%;max-width:400px;}
.qr-popup .popTitle{font-size:18px;font-weight:600;letter-spacing:0.25px;padding:20px 26px;border-bottom:solid 1px #E6E8EB;}
.qr-popup .titleBody{padding:25px;}
.qr-popup .titleBody img{display:block;margin:0 auto;}
.qr-popup .titleBody > div > div{border:1px solid #dde4ec;border-radius:8px;padding:6px 8px 6px 7px; margin:10px;}
.qr-popup .close-button{padding:20px 25px 15px;border-top:solid 1px #E6E8EB;}
.qr-popup .close-button [class*=button-] a{border-color:#E6E8EB;min-width:auto;padding:7px 14px;border-radius:12px;}
.qr-popup .fancybox-close-small{top:11px;right:5px;}
.qr-popup.terms.fancybox-content{max-width: 570px;}
.qr-popup.terms.fancybox-content .titleBody{font-size: 16px;font-weight: 400;line-height: 24px; letter-spacing: 0.25px;max-height:calc(100vh - 300px); overflow:auto;}
.qr-popup.terms.fancybox-content .titleBody a{color:#329994;}
.qr-popup.terms.fancybox-content .titleBody h3,
.qr-popup.terms.fancybox-content .titleBody h5,
.qr-popup.terms.fancybox-content .titleBody h3 span,
.qr-popup.terms.fancybox-content .titleBody h5 span{font-family: 'Inter Tight', sans-serif; font-size: 20px; font-weight: 700; line-height: 24px;letter-spacing: 0.25px;}
.qr-popup.terms.fancybox-content .close-button [class*=button-] a{display:block;} 



/* if ~ Brand */
.brand-page .banner h1 span.sticker:before{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/sticker-3.svg) no-repeat center / 100% auto;}
.brand-page .scroll-section .image .circle{background:#BFF9EF;}
.brand-page .scroll-section .image .circle:after{border-color:#BFF9EF;}
.brand-page .scroll-section .image .circle:before{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/ellipse-dashed-green.png) no-repeat center / 100% auto;}
.brand-page .scroll-section .all-texts ul li{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/check-circle-green.svg) no-repeat left top;}

.brand-page .scroll-section .how_it_work_text .list-txts > div:first-child:after{background:#45EDD0;}
.brand-page .scroll-section .how_it_work_text .list-txts > div.active:after{background:#45EDD0;} 
.brand-page .scroll-section .how_it_work_text .list-txts .progress{background:#45EDD0;}

.brand-page .banner .banner-inner > img{left:0; right:auto; bottom:0; object-fit:cover; max-width:none;}
.brand-page .banner .banner-inner > img.mobile-image{display:none;}

/* Cookies */
/* body #hs-banner-parent #hs-eu-cookie-confirmation { max-width: 400px; transform: none; inset: unset; position: fixed; bottom: 40px; right: 20px; }
body #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner { align-items: center; flex-direction: row; justify-content: space-between; font-size: 17px; font-weight: 700; color: #000; padding: 20px 25px; }
body #hs-eu-cookie-confirmation #hs-eu-confirmation-button { background: transparent; color: #000; font-weight: 700; min-width: 70px; height: auto; padding: 5px 10px; border-radius: 8px; border-color: #000; }
body div#hs-eu-policy-wording { padding-right: 10px; } */
#hs-banner-parent a { color: #F7F8F9; text-decoration: underline; }


.body-wrapper.teal{}
.body-wrapper.teal h1,
.body-wrapper.teal footer.footer .banner-inner h2{color:#45EDD0;}
.body-wrapper.teal [class*=button-].has-icon a:after{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/green-sparkle.svg) no-repeat 50%/100% auto;}
.body-wrapper.teal .banner h1 span.sticker:before{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/sticker-3.svg) no-repeat center / 100% auto;}
.body-wrapper.teal .scroll-section .image .circle{background:#BFF9EF;}
.body-wrapper.teal .scroll-section .image .circle:after{border-color:#BFF9EF;}
.body-wrapper.teal .scroll-section .image .circle:before{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/ellipse-dashed-green.png) no-repeat center / 100% auto;}
.body-wrapper.teal .scroll-section .all-texts ul li{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/check-circle-green.svg) no-repeat left top;}
.body-wrapper.teal .scroll-section .how_it_work_text .list-txts > div:first-child:after{background:#45EDD0;}
.body-wrapper.teal .scroll-section .how_it_work_text .list-txts > div.active:after{background:#45EDD0;} 
.body-wrapper.teal .scroll-section .how_it_work_text .list-txts .progress{background:#45EDD0;}
.body-wrapper.teal footer.footer .copy-bottom a:hover{color:#45EDD0;}

.body-wrapper.purple{}
.body-wrapper.purple h1,
.body-wrapper.purple footer.footer .banner-inner h2{color:#9667F7;}
.body-wrapper.purple [class*=button-].has-icon a:after{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/purple-sparkle.svg) no-repeat 50%/100% auto;}
.body-wrapper.purple .banner h1 span.sticker:before{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/sticker-face.svg) no-repeat center / 100% auto;}
.body-wrapper.purple .scroll-section .image .circle{background:#d3beff;}
.body-wrapper.purple .scroll-section .image .circle:after{border-color:#d3beff;}
.body-wrapper.purple .scroll-section .image .circle:before{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/ellipse-dashed.png) no-repeat center / 100% auto;}
.body-wrapper.purple .scroll-section .all-texts ul li{background:url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/theme-club/images/check-circle.svg) no-repeat left top;}
.body-wrapper.purple .scroll-section .how_it_work_text .list-txts > div:first-child:after{background:#9667F7;}
.body-wrapper.purple .scroll-section .how_it_work_text .list-txts > div.active:after{background:#9667F7;} 
.body-wrapper.purple .scroll-section .how_it_work_text .list-txts .progress{background:#9667F7;}
.body-wrapper.purple footer.footer .copy-bottom a:hover{color:#9667F7;}

/* 06-09-2024 */
.cta-btn a { padding: 17px 29px 17px 24px; background: #B593F9; display: inline-block; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--color1); border-radius: 24px; }
.cta-btn a:hover { color: #fff; }

.marketing-program { padding: 72px 0; margin:0 auto;}
.marketing-program .wrapper{max-width: 1068px; margin:0 auto;width:100%;}
.marketing-program .content-row { margin-top: 48px; } 
/* .marketing-program .content-row .left-part { padding-right: 128px; } */
.marketing-program .content-row .left-part { padding-right: 70px; }
.marketing-program .content-row .right-part { /*max-width: 640px;*/max-width: 398px; width: 100%; flex-shrink: 0; }
.marketing-program .content-row .right-part .image{border-radius: 48px;overflow: hidden; width:100%;}
.marketing-program .content-row .right-part .image img{display:block;border-radius: 45px;}
.marketing-program .content-row .right-part .info{margin-top:14px;}
.marketing-program .content-row .right-part .info strong{font-size:16px;line-height:20px;}
.marketing-program .content-row .right-part .info > div + div{font-size:14px;line-height:16px;font-weight:500;}
 .photo-grid { padding: 72px 0; }
.photo-grid .grid-row{max-width: 1152px;width: 100%;margin: 0 auto;}
.photo-grid .grid-row .left-col { max-width: 640px; width: 100%; }
.photo-grid .grid-row .right-col { max-width: calc(100% - 640px); padding-left: 128px;flex-direction:column;}
.photo-grid .grid-row .right-col .top-card{display: flex;flex-direction: column;justify-content: flex-end;}
.photo-grid .grid-row .right-col .bottom-card { margin-top: 128px; }
.photo-grid .grid-row .image-box .image{ border-radius: 48px; overflow: hidden; }
.photo-grid .grid-row .image-box .image img{display:block;}
.photo-grid .grid-row .image-box .info { margin-top: 12px; }
.photo-grid .grid-row .image-box .person-name strong { font-size: 16px; line-height: 20px; }
.photo-grid .grid-row .image-box .photo-credit { font-size: 14px; line-height: 16px; font-weight:500; }




.content-module { padding: 72px 0; position: relative; }
.content-module:before,.content-module:after { border-radius: 50px 0 0 0; box-shadow: -31px -31px 0 30px #fff; content: ""; height: 200px; left: 0; position: absolute; top: 0; width: 200px; }
.content-module:after { border-radius: 0 50px 0 0; box-shadow: 30px -31px 0 30px #fff; left: auto; right: 0; }

/* .content-module h2 { font-size: 48px; line-height: 55px; } */
.content-module .content-wrapper { max-width: 1120px; margin: 0 auto; width:100%;}
.content-module .content-wrapper.right{display:flex;justify-content:flex-end;}
/* .content-module .wrapper{max-width: 640px;width:100%;} */
.content-module .content-row { gap: 128px; display:flex; justify-content:center; }
.content-module.right .content-row { flex-direction: row-reverse; }
.content-module .content-row .content-left { max-width: 600px; width: 100%; }
.content-module .content { margin-top: 32px; }
/* .content-module .content-row .content-right { flex-shrink: 0; } */
.content-module .content-row .content-right .info {  margin-top:16px;}
.content-module .content-row .content-right .info strong{font-size:16px;line-height:20px;}
.content-module .content-row .content-right .info div + div{font-size:14px;line-height:16px;font-weight:500;}
.content-module .content-row .content-right .card .image { border-radius: 48px; overflow: hidden; }
.content-module .content-row .content-right .card .image img{display:block;}
.content-module.content-module-white { position: relative; }
.content-module.content-module-white:before,.content-module.content-module-white:after { border-radius: 50px 0 0 0; box-shadow: -31px -31px 0 30px #D4C1FC; content: ""; height: 200px; left: 0; position: absolute; top: 0; width: 200px; }
.content-module.content-module-white:after { border-radius: 0 50px 0 0; box-shadow: 30px -31px 0 30px #D4C1FC; left: auto; right: 0; }
.content-wrapper.content-wrapper-rounded { position: relative; }
.content-wrapper.content-wrapper-rounded:before,.content-wrapper.content-wrapper-rounded:after { border-radius: 50px 0 0 0; box-shadow: -31px -31px 0 30px var(--color4); content: ""; height: 100px; left: 0; position: absolute; top: 0; width: 100px; z-index:-1; }
.content-wrapper.content-wrapper-rounded:after { border-radius: 0 50px 0 0; box-shadow: 30px -31px 0 30px var(--color4); left: auto; right: 0; }


.image-content-section { padding: 48px; }
.image-content-section .container{position:relative; z-index:2;}
.image-content-section .back{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover; border-radius: 48px; overflow: hidden;}
.image-content-section .back img{width:100%;height:100%;object-fit:cover;display:block;}
.image-content-section .back:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000; opacity:0.5;}
.image-content-section .image-content-inner{align-items:center;border-radius:48px;display:flex;min-height:1344px;position:relative;z-index:1;overflow: hidden;}
.image-content-section .image-content-inner .wrapper { max-width: 1040px; margin: 0 auto; color: #fff; }
.image-content-section .wrapper .content { font-size: 80px; line-height: 80px; padding: 40px 0; font-family: 'Gustavo', sans-serif; /*opacity:0.4;*/}
/* .image-content-section .wrapper .content span{opacity:0.5;} */
.program-guide-cta { padding: 72px 0; }
.program-guide-cta .cta-row { border-radius: 45px; overflow: hidden; background:var(--color1);}
.program-guide-cta .cta-row {min-height: 592px;}
.program-guide-cta .cta-row .col { width: 50%; }
.program-guide-cta .cta-row .left-part { padding: 48px; }
.program-guide-cta .cta-row .left-part h2 { color: #9667F7; line-height: 50px;  margin-bottom: 95px; }
.program-guide-cta .cta-row .left-part .post-title { font-size: 18px; line-height: 28px; letter-spacing: 0.25px; padding-bottom: 70px; }
.program-guide-cta .cta-row .left-part .cta-btn { margin-top: 16px; }
.program-guide-cta .cta-row .image { width: 100%; height: 100%; }
.program-guide-cta .cta-row .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.program-guide-cta .cta-btn a { border-radius: 16px; }
.program-guide-cta .cta-btn a:hover { background: var(--primary-color); }
.program-guide-cta.blog-subscribe{padding-bottom:0;position: relative;z-index: 2;}
.program-guide-cta.blog-subscribe .cta-row{45px 45px 0 0;}
.blog-subscribe .cta-row .col.left-content {width: 60%;}
.blog-subscribe .cta-row .col.right-content {width: 40%;}
.blog-subscribe .form-wrapper{max-width:640px;width:100%;margin-top:80px;}
.blog-subscribe .form-wrapper form { display: flex;flex-direction:row; flex-wrap: wrap; column-gap: 10px;}
.blog-subscribe .form-wrapper form .hs-submit { order: 2; } 
.blog-subscribe .form-wrapper form .hs-form-field { max-width: 320px;width: 100%; }
.blog-subscribe .form-wrapper form .hs-form-field input {color: #000;background: #fff;border-radius: 10px;padding: 14px 16px;width: 100%;font-size: 16px; line-height: 20px;}
.blog-subscribe .form-wrapper form .hs-form-field input:placeholder{color: #69727A;}
.blog-subscribe .form-wrapper form .hs-submit { order: 2; } 
.blog-subscribe .form-wrapper form .hs-submit input {cursor: pointer; background: var(--color5); color:#fff; border-radius: 14px; display: inline-block; font-size: 14px; font-weight: 500; line-height: 20px; padding: 14px 29px 14px 24px; border: 0; transition:400ms}
.blog-subscribe .form-wrapper form .hs-submit input:hover{background: var(--primary-color);}
.blog-subscribe .form-wrapper .legal-consent-container{order: 3; font-size: 14px; line-height: 20px; color: rgb(from #fff r g b / 0.7); margin-top: 10px;}
.blog-subscribe .form-wrapper .legal-consent-container a{cursor: pointer;}
.blog-subscribe .form-wrapper .legal-consent-container a:hover{color: #fff;}

.blog-subscribe .form-wrapper form .hs-error-msgs{padding:0;}
.blog-subscribe .form-wrapper form .hs-error-msg{color:#f00;}
.blog-subscribe .form-wrapper form .hs_error_rollup{display:none;}
.blog-subscribe .cta-row {  min-height: 736px; }
.blog-subscribe .cta-row .left-part h2 { line-height: 66px; margin-bottom: 20px; }
.blog-subscribe .cta-row .left-part .post-title { width: 100%; max-width: 600px; padding-bottom: 0; }
.blog-subscribe .cta-row .left-part { padding-left: 150px; }
.blog-subscribe .form-wrapper form .hs-form-field input { background: transparent; border: none;  border-bottom: 1px solid #DDE4EC;  border-radius: 0;  height: 48px; font-size: 18px; line-height: 28px; letter-spacing: 0.25px; color: #9DA4AB; } 
.blog-subscribe .form-wrapper form .hs-form-field { max-width: 463px; margin-right: 16px; }
.blog-subscribe .form-wrapper .legal-consent-container { max-width: 470px; color:#9DA4AB; }

.photo-cards { padding: 72px 0; }
.photo-cards .grid-row { gap: 128px; max-width: 1400px; }
.photo-cards .grid-row .card-wrapper{width: 100%;}
.photo-cards .grid-row .card-wrapper:first-child { max-width: 384px;flex-shrink: 0;}
.photo-cards .grid-row .card .image { border-radius: 48px; overflow: hidden; }
.photo-cards .grid-row .card .image img { display: block; width:100%;}
.photo-cards .grid-row .card .info { margin-top: 16px;}
.photo-cards .grid-row .card .info strong{font-size:16px;line-height:20px;}
.photo-cards .grid-row .card .info div + div{font-size:14px;line-height:16px; font-weight:500;}

/* Get a demo Page */
.demo_price_raw { padding: 170px 0; background: #f5f5f5;  display: flex; align-items: center; position: relative; }
.demo_price_sc .demo_price_raw.screen1 .container { width: 1350px; max-width: 100%; padding: 0 15px; }
.demo_price_raw .container { width: 1160px; max-width: 100%; padding: 0 48px; }
.demo_price_raw.screen1 .top { display: none; }
.demo_price_raw .wrap { display: flex; flex-wrap: wrap; align-items: center; }
.demo_price_raw .wrap > div { width: 33.33%; }
.demo_price_raw .wrap .middle { text-align: center; }

.demo_price_sc .demo_price_raw{display:none}
.demo_price_sc .demo_price_raw.screen1{display:flex}

.demo_price_raw .top .desktop { width: 110px; }
.demo_price_raw .top > div { width: 33.33%; text-align: center; }
.demo_price_raw .top .top_logo { text-align: right; display: flex; justify-content: flex-end; line-height: 0; }

.demo_price_raw .wrap .box { background: #fff; padding: 25px; border-radius: 24px; box-shadow: 0px 0px 1px 0px rgba(16, 18, 20, 0.20), 0px 16px 24px 0px rgba(16, 18, 20, 0.08); }
.demo_price_raw form .hs-input { height: 48px; background: transparent; color: #060708; border: 1px solid #DDE4EC; width: 100%; padding: 0 15px; border-radius: 8px; font-size: 16px; font-weight:400; letter-spacing: 0.25px; font-family: "Inter Tight", sans-serif; }
.demo_price_raw form .hs-form-field { margin-bottom: 20px; display: inline-block; vertical-align: top; width: 100%; }
.demo_price_raw form .hs-form-field > label { display: flex; align-items: center; justify-content: space-between; font-weight: 500; margin-bottom: 3px; letter-spacing: 0.25px; font-size: 14px; line-height: 16px; letter-spacing: 0.25px; color: #060708; }
.demo_price_raw form .hs-form-field > label .tip { font-size: 12px; font-weight: 400; color: #475059; }
.demo_price_raw form .help_text { margin-top: 8px; font-size: 12px; line-height: 18px; font-weight: 300; color: #475059; }
.demo_price_raw form .help_text a { color: #060708; font-weight: 600; }
.demo_price_raw form .help_text a:hover { color: #9667F7; }

.demo_price_raw .wrap h1 { font-size: 67.115px; line-height: 0.9; color: #060708; margin-bottom: 35px; letter-spacing: 0; }
.demo_price_raw .wrap .left { letter-spacing: 0.25px; font-weight: 400; line-height: 28px; width: 35%; padding-right: 60px; }
.demo_price_raw .wrap .middle { width: 28%; }
.demo_price_raw .wrap .right { width: 37%; padding-left: 113px; }
.demo_price_raw .wrap .box h2 { font-size: 28px; line-height: 32px; color: #060708; font-weight: 600;  }

.demo_price_raw form input[type="submit"] { display: inline-block; vertical-align: top; width: 100%; border: 0; background: #6131C4; border-radius: 12px; color: #fff; padding: 15px; font-size: 16px; font-weight: 500; letter-spacing: 0.25px; cursor: pointer; font-family: "Inter Tight", sans-serif; transition: all ease-in-out .4s; margin-top: 20px; }
.demo_price_raw form input[type="submit"]:hover { background: #060708; }
.demo_price_raw form .input.error.invalid .hs-input { border-color: #FF0600; }
.demo_price_raw form .input { position: relative; }
.demo_price_raw form .input.invalid:after { position: absolute; content: ""; height: 20px; width: 20px; top: 15px; right: 13px; background: url(https://7885496.fs1.hubspotusercontent-na1.net/hubfs/7885496/alert-circle.svg) no-repeat center / cover; }
.demo_price_raw form .hs-error-msgs { display: none; font-size: 12px; line-height: 16px; color: #C70500; letter-spacing: 0.25px; font-weight: 400; margin: 5px 0 0; padding: 0; list-style-type: none; }
.demo_price_raw form .input.invalid + .hs-error-msgs { display: block; }

.demo_price_raw .main_cover { margin: 0 auto; width: 964px; max-width: 100%; }

/* Screen 2 */
.demo_price_raw .top { position: absolute; top: 0; left: 0; width: 1160px; display: flex; align-items: center; justify-content: space-between; padding: 15px; margin: 0 auto; right: 0; max-width: 100%; font-size: 24px; font-weight: 600; line-height: 28px; /* 116.667% */ letter-spacing: 0.25px; gap: 10px; }
.demo_price_raw .top .back a { display: flex; align-items: center; height: 40px; width: 40px; border-radius: 100%; justify-content: center; }
.demo_price_raw .top .back a:hover { background: rgba(105,114,122,0.10); }
.demo_price_raw .top .back a:focus-within { background: rgba(105,114,122,0.15); }

/* .demo_price_raw.screen2 .container { width: 900px; } */
/* .demo_price_raw.screen2 .main_cover { width: 960px; max-width: 100%; } */
.demo_price_raw .title_box { text-align: center; }
.demo_price_raw .title_box .step_text { letter-spacing: 0.25px; font-size: 16px; line-height: 24px; font-weight: 400; color: #475059; opacity: 0.8; }
.demo_price_raw .title_box h2 { font-size: 32px; line-height: 35px; font-weight: 400; color: #060708; margin: 15px 0 0; opacity: 0.8; }
.demo_price_raw .title_box { margin-bottom: 32px; }
.demo_price_raw .choice_wrap ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0 -4px; list-style-type: none; }
.demo_price_raw .choice_wrap ul li { display: flex; align-items: center; justify-content: center; flex-direction: column; width: calc(33.33% - 8px); margin: 4px; box-shadow: 0px 0px 1px 0px rgba(16, 18, 20, 0.10), 0px 1px 2px 0px rgba(16, 18, 20, 0.05); background: #fff; border-radius: 12px; padding: 24px; min-height: 245px; position: relative; transition: all ease-in-out .4s; border: 1.5px solid transparent; cursor: pointer; text-align: center; }
.demo_price_raw .choice_wrap ul li input[type="radio"] { position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; opacity: 0; cursor: pointer; }
.demo_price_raw .choice_wrap ul li:hover { border-color: #6131C4;  box-shadow: 0px 0px 1px 0px rgba(16, 18, 20, 0.20), 0px 8px 12px 0px rgba(16, 18, 20, 0.15);}
.demo_price_raw .choice_wrap ul li:focus-within, .demo_price_raw .choice_wrap ul li.checked { border-color: #6131C4;}
.demo_price_raw .choice_wrap ul li .icon { line-height: 0; height: 45px; width: 45px; }
.demo_price_raw .choice_wrap ul li .country_name { font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0.25px; margin-top: 4px; color: #060708; }
.demo_price_raw .choice_wrap ul li:focus-within:hover, .demo_price_raw .choice_wrap ul li.checked:hover { border-color: transparent; }

/* Screen 3 */
.demo_price_raw.screen3 .choice_wrap ul li { width: calc(25% - 8px); min-height: 243px; }
/* .demo_price_raw.screen3 .container { width: 870px; } */
/* .demo_price_raw.screen3 .main_cover { width: 960px; max-width: 100%; } */
.demo_price_raw.screen3 .choice_wrap ul li .text { font-weight: 600; color: #060708; letter-spacing: 0.25px; }

/* Screen 4 */
.demo_price_raw.screen4 .choice_wrap ul li { width: calc(50% - 8px); min-height: 497px; }
.demo_price_raw.screen4 .choice_wrap ul li .icon { height: 60px; width: 60px; }
/* .demo_price_raw.screen4 .container { width: 930px; } */
/* .demo_price_raw.screen4 .main_cover { width: 990px; max-width: 100%; } */
.demo_price_raw.screen4 .choice_wrap ul li .ans { font-weight: 600; color: #060708; letter-spacing: 0.25px; margin-top: 8px; }

/* Screen 5 */
/* .demo_price_raw.screen5 .container { width: 990px; max-width: 100%; } */
/* .demo_price_raw.screen5 .main_cover { width: 900px; max-width: 100%; } */
.demo_price_raw.screen5 .case_cover { border-radius: 16px; background: #fff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04); min-height: 495px; padding: 50px 15px; display: flex; align-items: center; justify-content: center; }
.demo_price_raw.screen5 .case_cover form { width: 330px; max-width: 100%; }
.demo_price_raw.screen5 .case_cover form .hs-input { border-radius: 0; border: 0; background: transparent; box-shadow: none; padding: 0 15px 0 0; width: calc(100% - 37px); padding-left: 95px !important; }
.demo_price_raw.screen5 .case_cover form label { margin-bottom: 5px; }
.demo_price_raw.screen5 .case_cover form input[type="submit"] { margin: 0; }
.demo_price_raw.screen5 .case_cover form .hs-form-field .input { display: flex; align-items: center; border-radius: 8px; border: 1px solid #DDE4EC; background: #fff; box-shadow: 0px 0px 0px 1px #FFF, 0px 0px 0px 3px #6131C4; padding: 0; }
.demo_price_raw.screen5 .case_cover form .hs-form-field .input span { color: #475059; font-family: "Inter Tight"; font-size: 16px; font-weight: 400; letter-spacing: 0.25px; }


.demo_price_raw.screen5 .iti { width: 100%; }  
.demo_price_raw.screen5 .iti--separate-dial-code .iti__selected-dial-code { font-size: 16px; color: #475059; letter-spacing: 0.25px; font-family: 'Inter Tight', sans-serif; }
.demo_price_raw.screen5 .iti--separate-dial-code .iti__selected-flag { background-color: transparent !important; }
.demo_price_raw.screen5 .case_cover form .hs-form-field .input span.iti__country-name { font-size: 14px; }
.demo_price_raw.screen5 .case_cover form .hs-form-field .input  span.iti__dial-code {  font-size: 13px; }
.demo_price_raw.screen5 .iti__country { display: flex; align-items: center; }

/* .iti--separate-dial-code .iti__selected-flag { background: transparent !importamt; padding: 0 10px 0 0; }
body .iti--separate-dial-code .iti__selected-flag { background: transparent !important; }
.iti__flag { display: none; }
.iti--separate-dial-code .iti__selected-dial-code { color: #475059; letter-spacing: 0.25px; font-size: 16px; font-weight: 400; }
.iti__arrow { display: none; }
.iti--separate-dial-code .iti__selected-flag:after { position: absolute; content: ""; height: calc(100% - 25px); width: 2px; top: 0; right: 0; background: #060708; bottom: 0; margin: auto 0; } */


/* Screen 6 */
/* .demo_price_raw.screen6 .container { width: 1090px; max-width: 100%; } */
/* .demo_price_raw.screen6 .main_cover { width: 1090px; max-width: 100%; } */
.demo_price_raw.screen6 .choice_wrap ul li { width: calc(20% - 8px); justify-content: center; text-align: center; }
.demo_price_raw.screen6 .choice_wrap ul li .text { font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0.25px; color: #060708; }

/* Screen 7 */
.demo_price_raw.screen7 .choice_wrap ul li { width: calc(50% - 8px); }
/* .demo_price_raw.screen7 .container { width: 990px; max-width: 100%; } */
/* .demo_price_raw.screen7 .main_cover { width: 990px; max-width: 100%; } */
.demo_price_raw.screen7 .choice_wrap ul li .icon { height: auto; width: auto; }
.demo_price_raw.screen7 .choice_wrap ul li .ans { font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0.25px; color: #060708; margin-top: 3px; }

/* ========================= Thank You Page ======================= */
.demo_price_raw.thank_you_sc .container { width: 410px; max-width: 100%; }
.demo_price_raw.thank_you_sc { text-align: center; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.25px; }
.demo_price_raw.thank_you_sc h1 { color: #060708; font-size: 40px; line-height: 44px; letter-spacing: 0; margin-top: 10px; margin=top:; }

.demo_price_raw.thank_you_sc .cover .imgbox { width: 220px; margin: 0 auto; max-width: 100%; }

/* */
.button-5  a { background: #B593F9; color: #060708; border-color: #B593F9; }

.logo-banner { position: relative;  z-index: 2; }
.logo-banner h1 { position: absolute; top: 90px; left: 0; letter-spacing: 0.25px; font-size: 120px; line-height: 120px; }  
.logo-banner .banner-inner > img {  height: calc(100% - 210px); right: 390px;  bottom: -280px; }

.campaign-section { background: #fff; z-index: 1;  padding: 115px 0 90px; position: relative; }
.campaign-section:before,
.campaign-section:after{ position:absolute;left:0;top:0;width:200px;height:200px;content:'';box-shadow:-31px -31px 0 30px #000;border-radius:50px 0 0 0; pointer-events: none; }
.campaign-section:after{border-radius:0 50px 0 0;left:auto;right:0;box-shadow:30px -31px 0 30px #000;}
.campaign-section .container { display: flex; align-items: center; }
.campaign-left { width: 60%; max-width:700px; }
.campaign-right { width: 40%; }
.campaign-logo img { max-width: 312px !important; margin: auto; display: table; }
.campaign-left h2 {  margin-bottom: 50px; font-size:70px; line-height:70px; font-weight: 700; }

.logo-section { padding-bottom: 140px; padding-top: 60px; }
.logo-item { margin: 0 30px; position: relative; }
.logo-item img { transition: all 0.5s; }
.logo-item img:hover { filter: none; }

.testi-sec { padding-top: 200px; padding-bottom: 120px; overflow: hidden; position: relative; z-index: 1; background: #F7F8F9; }
.testi-slider .slick-slide { width: 636px; margin-right: 120px; }
.testi-slider .testi-quote { font-weight: 500; font-size: 40px;  line-height: 110%; letter-spacing: 0.25px; color: #060708; }  
.testi-slider .testi-quote-wrap { position: relative;  padding-bottom:95px; }
.testi-slider .testi-quote > * { display: inline; }
.testi-slider .testi-quote:after { content: "";  width: 48px;  height: 1px;  background: #475059; display: table; position: absolute; left: 0; bottom: 24px; }
.testi-slider .quote-icon { display: block; }
.testi-slider .testi-name { font-family: 'Gustavo';  font-style: normal; font-weight: 700;  font-size: 16px; line-height: 20px;  color: #060708; margin-bottom: 5px; } 
.testi-slider .testi-descri {  font-weight: 500; font-size: 14px;  line-height: 16px; letter-spacing: 0.25px; color: #475059; }
.testi-slider .testi-logo {margin-bottom: 15px; min-height: 26px; }
.testi-sec .slick-list { overflow: visible; }
.arrow-slick { display: flex; justify-content: center; align-items: center; padding: 0px;  width: 48px; height: 48px; background: #F0F2F5; border: 1px solid #E6E8EB; border-radius: 100%;  margin: 0 5px; cursor: pointer;  transition: ease 0.5s; }
.arrow-slick:hover { background: #fff; }
.arrow-next svg { transform: scale(-1); }
.arrow-wrap { display: flex; align-items: center; margin: 30px -5px 0; }
.arrow-slick svg path { transition: ease 0.5s; }
.arrow-slick:hover svg path { stroke: #475059; }
.arrow-slick.slick-disabled { pointer-events: none; opacity: 0.5; }
.testi-slider { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 50 50' fill='none'%3E%3Cg filter='url(%23filter0_dd_9950_1291)' style='transform: translate(-23px, -8px);'%3E%3Cpath d='M24 32C24 18.7452 34.7452 8 48 8C61.2548 8 72 18.7452 72 32C72 45.2548 61.2548 56 48 56C34.7452 56 24 45.2548 24 32Z' fill='%23ECE3FF' style='&%2310;'/%3E%3Cpath d='M45 27L40 32L45 37M51 27L56 32L51 37' stroke='%236131C4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"), auto;}
.radius-hide:before, .radius-hide:after { display: none; }

.cta-section.top-space-hide { margin-top: 0; position: relative;  z-index: 1; background: #F7F8F9; }
.logo-item img.color-logo { position: absolute; left: 0; right: 0;  top: 0;  bottom: 0;  opacity: 0; }
.logo-item:hover img.grey-logo { opacity:0; }
.logo-item:hover img.color-logo { opacity:1; }
.pb-160 { padding-bottom: 160px; }

/*  */
body.price_body {  margin-top: 74px; }
body.price_body:before { background: #101214; content: ""; position: absolute;  left: 0; right: 0; top: 0; height: 72px; }
/* .price-title-sec .container { justify-content: space-between; } */
.price-title-sec .campaign-right { text-align: center; padding-right: 0; width: 100% !important; line-height: 0;  }
.price-title-sec .campaign-left { padding-left: 48px; max-width: 100%; width: 100% !important; }
.price-title-sec h2 { margin-bottom: 0; font-weight: 700; font-size: 70px; line-height: 70px; letter-spacing: 0.25px; color:#6131C4; }
.price-title-sec { padding-top: 173px; padding-bottom: 173px;}
.price-title-sec .container, .containerv2 { width: 100% !important; max-width: 1650px; padding: 0 15px; }
.price-title-sec .container{ padding: 0 15px !important; display: block;  }
.price-title-sec .campaign-right img {  width: 300px; } 

.price-sec { background: #F7F8F9; padding: 128px 0 175px; border-radius: 40px 40px 0 0; }
/* .price-row { display: flex; flex-wrap: wrap; margin: 0 -16px; } */
.price-item { width: 100%; height: 100%;  background: #FFFFFF;  box-shadow: 0px 0px 1px rgba(16, 18, 20, 0.02), 0px 16px 24px rgba(16, 18, 20, 0.03);  border-radius: 40px; padding: 48px; }
.price-item .price-title {  font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.25px; color: #6131C4; margin-bottom: 26px; }
.price-item .price {  font-family: Gustavo;  font-size: 40px;  font-style: normal;  font-weight: 700; line-height: 100%;  color: #060708;  margin-bottom: 21px; }
.price-item .price span { font-family: 'Inter Tight', sans-serif;  font-size: 16px;  font-style: normal;  font-weight: 500; line-height: 20px;  letter-spacing: 0.25px; margin-left: 5px; }
.price-item .price-subtext { font-size: 16px;  font-style: normal;  font-weight: 400; line-height: 24px;  letter-spacing: 0.25px;  width: 100%;  max-width: 320px;  padding-bottom: 24px; }
.price-item .price-top { border-bottom: 2px solid #D4C1FC; }
.price-item .price-list ul {  list-style: none; margin: 0;  padding: 0; }
.price-item .price-list ul li { position: relative;  padding-left: 50px;  color: #060708; font-family: Gustavo; font-size: 24px; font-style: normal;  font-weight: 500;  line-height: 28px;  min-height: 40px;  padding-top: 15px;  padding-bottom: 15px; }
.price-item .price-list ul li .price-icon {  width: 40px; height: 40px; border-radius: 10px;  border: 0.417px solid #060708;  background: #060708; display: flex;  align-items: center;  justify-content: center;  line-height: 0;  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%); }
.price-item .price-list ul li .price-text {  margin-top: -4px; }
.price-item .price-list {  margin: 38px 0; }
.price-sec .button-6 a { color: #fff; background: #6131C4; min-width: 149px; border: none; padding: 20px 15px; }
.price-sec .button-6 a:hover { background: rgb(97 49 196 / 80%); }  
.price-item .price-list ul li:nth-child(1) img {  margin-bottom: -6px;  margin-left: -2px; }
.price-item .buttons { display: flex; flex-wrap: wrap; gap: 15px; }

.price-item.price-item-2 .price-top { border-color: #0CE8C2; }
.price-item.price-item-2 .price-top .price-title { color: #09B598; }  

.price-item.price-item-3 .price-top {border-color: #00DC88;}
.price-item.price-item-3 .price-top .price-title {color: #00C278;}

.testi-slider .slick-slide { opacity: 0;  transition: all 0.7s; }
.testi-slider .slick-slide.slick-active { opacity: 1; }
.testi-slider .slick-slide.slick-active + .slick-slide {  opacity: 1; }
.testi-slider .slick-slide.slick-active + .slick-slide + .slick-slide { opacity: 1; }
.testi-slider .slick-slide.slick-active + .slick-slide + .slick-slide + .slick-slide { opacity: 1; }
.testi-slider .slick-slide.slick-active + .slick-slide + .slick-slide + .slick-slide + .slick-slide {  opacity: 1; }

/* Product */
.top-corner-radius{ position: relative; z-index: 1; overflow: hidden; }
.top-corner-radius:before,
.top-corner-radius:after{ position:absolute;left:0;top:0;width:200px;height:200px;content:'';box-shadow:-31px -31px 0 30px #000;border-radius:50px 0 0 0; pointer-events: none; }
.top-corner-radius:after{border-radius:0 50px 0 0;left:auto;right:0;box-shadow:30px -31px 0 30px #000;}
.title-sec{ margin: 0 auto 96px; }
.title-sec h2 , .size-70 { font-size: 70px; line-height: 100%; }
.prod-list-sec { padding: 126px 0 124px; }
.prod-list-sec .title-sec {width: 100%;max-width: 1135px;}
/* .prod-list-row { --bs-gutter-x: 32px; } */
.prod-list-row.gx-xxxl-row {--bs-gutter-y: 64px;}
.prod-list-row a { padding: 22px; display: block; width: 100%; height: 100%; border: 2px solid transparent; filter: drop-shadow(0px 0px 1px rgba(16, 18, 20, 0.02)) drop-shadow(0px 16px 24px rgba(16, 18, 20, 0.03)); border-radius: 28px; }
.prod-list-row a.active { border-color: #DDE4EC; }
.prod-list-row .prod-icon { width: 96px; height: 96px; border-radius: 24px; display: flex; margin-bottom: 52px; }
.prod-list-row .prod-icon img { width: 100%; }
.prod-list-row h4 { color: #060708; font-weight: 500; font-size: 28px; line-height: 32px; margin-bottom: 30px; }
.prod-list-row h4 span { font-family: 'Gustavo', sans-serif; display: block; font-weight: 500; }
.prod-list-row .prod-text { color: #060708; font-weight: 400; font-size: 18px; line-height: 28px; letter-spacing: 0.25px; margin-bottom: 24px; }
.prod-list-row .link { font-weight: 500; font-size: 18px; line-height: 28px; letter-spacing: 0.25px; color:#6131C4; }
.prod-list-row .link svg { display: inline-block; vertical-align: middle; margin-left: 5px; }
.prod-list-row a:hover { box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); border-color:#B593F9; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); }

.price-product { padding-bottom: 128px; }
.price-sec .title-sec { width: 100%; max-width: 980px; }
.headline { font-weight: 400; font-size: 16px;  line-height: 20px; letter-spacing: 0.25px;color: #060708; margin-bottom: 16px; }
.title-sec h2 {  margin-bottom: 48px; }
.title-sec  .headline-title { width: 100%; max-width: 640px; margin: 0 auto 48px; }
.title-sec .description { width: 100%;  max-width: 640px;  margin: 0 auto 48px; }

/*  */
.overline-lable { font-size: 18px; font-style: normal; font-weight: 500;  line-height: 24px;position: relative; z-index: 1; padding-left: 24px; margin-bottom: 51px; font-family: 'Gustavo', sans-serif; }
.overline-lable svg {position: absolute;left: 0;top: 2px;}
.headline-title { font-size: 24px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: 0.25px; }
.description { font-weight: 500; line-height: 28px; letter-spacing: 0.25px; }
.bullet-list ul { list-style: none; padding: 0; margin: 0; }
.bullet-list ul li { font-weight: 500; line-height: 28px;  letter-spacing: 0.25px; padding-left: 50px; position: relative; border-bottom: 1px solid #C2C7CC;  padding-top: 12px; padding-bottom: 12px; }
.bullet-list ul li:before { content: ""; width: 12px;  height: 12px; background: #6131C4; position: absolute; border-radius: 100%; left: 20px; top: 0; bottom: 0; margin: auto; }

.img50text-section { padding: 128px 0; }
.img50text-section h2 { margin-bottom: 51px; }
.img50text-section .headline-title { width: 100%;  max-width: 468px; margin-bottom: 51px; }
.img50text-section .description { margin-bottom: 50px; width: 100%; max-width: 468px; }
.img50text-section .bullet-list { width: 100%; max-width: 380px;margin-bottom: 51px; }
.img50text-video { line-height: 0; }
.img50text-inner { padding: 40px 48px; width:100%; }

/* */
.prod-hero-sec { background: #060708; padding: 240px 0; min-height: calc(100vh - 30px); overflow: hidden;  position: relative; z-index: 2; }
.prod-hero-cap { width: 100%; max-width: 1400px;  margin: auto; text-align: center; position: relative; z-index: 1; }
.prod-hero-sec .prod-hero-cap h1 { font-size: 120px; font-style: normal; font-weight: 700; line-height: 100%; letter-spacing: 0.25px; color: #E6E8EB; margin-bottom: 64px; }
.prod-hero-sec .overline-lable { color: #9667F7; display: table; margin: 0 auto 40px; }
.prod-hero-sec .overline-lable svg { top: 4px; }
.prod-hero-text { font-size: 24px; font-style: normal;  font-weight: 400; line-height: 140%; color: #C2C7CC; width: 100%; max-width: 465px; margin: 0 auto 64px; }
.prod-icon-list ul li { position: absolute; z-index: -1; list-style: none; transition: all 0.5s; }
.prod-icon-list ul li:nth-child(1) { right: -210px; top: -70px; }
.prod-icon-list ul li:nth-child(2) { right: -76px; bottom: 25px; }
.prod-icon-list ul li:nth-child(3) {bottom: -230px;left: 58%;}
.prod-icon-list ul li:nth-child(4) { bottom: -220px; left: 40px; }
.prod-icon-list ul li:nth-child(5) { bottom: 210px; left: -270px; }
.prod-icon-list ul li:nth-child(6) { top: -190px; left: -90px; }
.prod-icon-list ul li:nth-child(7) { top: -160px; left: 36%; }
.prod-icon-list ul li:nth-child(8) { right: 140px; top: -200px; }
.prod-hero-sec [class*=button-] a {  min-width: 243px; }

/* */
.prod-detail-hero { background: #060708; padding: 199px 0 128px ; }
.prod-detail-hero .row { --bs-gutter-x: 76px; }
.prod-detail-hero .prod-detail-content h1 { font-size: 100px; line-height: 100%; font-weight: 500; letter-spacing: 0.25px; color: #E6E8EB; margin-bottom: 51px; width: 100%; max-width: 738px; }
.prod-detail-hero .overline-lable { color: #9667F7; }
.prod-detail-hero .prod-detai-text { font-size: 24px; font-style: normal; font-weight: 400; line-height: 140%; color: #C2C7CC; margin-bottom: 51px; width: 100%; max-width: 468px; }
.prod-detail-hero .prod-detail-content { padding: 56px; width: 100%; }

.img50text-prod-detail { background: #F7F8F9; }
.img50text-section canvas { height: 100%;  width: 100%; }

.price-item .price-list ul li .price-icon2 { background: transparent;  border: none; border-radius: 0; }
.price-item .price-list ul li .price-icon2 img { margin: 0 !important;}

.title-section , .info-section { padding: 128px 0;}
.title-section .title-sec { margin-bottom: 0; }
.title-section .title-sec h2 { width: 100%; max-width: 950px; margin-left: auto; margin-right: auto; }
.title-section .title-sec .button-5 { margin-bottom: 32px; }

.info-section { overflow: hidden; }
.info-section .slick-list {  overflow: visible; }
.info-row .slick-slide { max-width: 100%; }
.info-row.row >* {  margin-top: 0; max-width: 100%;  padding-left: 0; padding-right: 0; }
.info-row .slick-slide > div { margin-top: var(--bs-gutter-y); max-width: 100%; padding-left: calc(var(--bs-gutter-x)* .5); padding-right: calc(var(--bs-gutter-x)* .5); }
.info-item { border-radius: 28px; background: #fff; box-shadow: 0px 0px 1px 0px rgba(16, 18, 20, 0.02), 0px 16px 24px 0px rgba(16, 18, 20, 0.03); padding: 32px; }
.info-item .info-num { margin-bottom: 80px; }
.info-item h5 { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px;  letter-spacing: 0.25px; margin-bottom: 24px; font-family: 'Inter Tight', sans-serif; min-height: 32px; }
.info-item .info-text { font-size: 18px; font-style: normal;  font-weight: 400;  line-height: 28px; letter-spacing: 0.25px; min-height: 28px; }

.prod-detail-herov2 { padding-top: 128px; }

.logo-title-remove {padding: 60px 0 !important;}

/*  new project detail  */
.project_detail_body .prod-detail-hero { min-height: 100vh;  padding: 140px  0 80px; display: flex; align-items: center; }
.project_detail_body .prod-detail-hero .prod-detail-hero-img img { width: 100%; max-width: 690px !important; margin-left: auto;  display: table; }

.project_detail_body .img50text-section { padding: 80px 0;  display: flex; align-items: center; }
.project_detail_body .img50text-video img , .project_detail_body .img50text-video video { width: 100%;  max-width: 640px !important; margin-left: auto;  display: table; }

.project_detail_body .price-sec { padding: 100px 0; }
.project_detail_body .title-sec { margin-bottom: 50px; }
.project_detail_body .title-sec h2 { font-size: 60px; }
.project_detail_body .price-sec .title-sec { max-width: 790px; }
.project_detail_body .price-item .price-title { margin-bottom: 10px; }
.project_detail_body .price-item .price { font-size: 30px; margin-bottom: 10px; }
.project_detail_body .price-item .price-subtext { padding-bottom: 15px; }
.project_detail_body .price-item .price-list ul li { font-size: 18px; padding-top: 8px; padding-bottom: 8px; }
.project_detail_body .price-item .price-list ul li .price-icon2 img { width: 30px; height: 30px; }
.project_detail_body .price-item .price-list { margin: 20px 0; }
.project_detail_body .price-item { padding: 30px; }

.project_detail_body .testi-sec { padding: 94px 0; min-height: auto; display: flex; align-items: center; }
/* .project_detail_body .testi-slider .testi-quote { font-size: 34px; } */

.project_detail_body .prod-list-sec { padding: 90px 0 130px; min-height: 100vh; display: flex; align-items: center; }
.project_detail_body .prod-list-sec .title-sec { max-width: 840px; margin-bottom: 20px; }
.project_detail_body .prod-list-row .prod-icon img { }
.project_detail_body .prod-list-row .prod-icon { margin-bottom: 20px; line-height: 0; width: 60px; height: 60px; }
.project_detail_body .prod-list-row h4 { margin-bottom: 15px; }
.project_detail_body .prod-list-row .prod-text { margin-bottom: 15px; }
.project_detail_body .prod-list-row.gx-xxxl-row { --bs-gutter-y: 24px; }

.project_detail_body .info-section { padding: 90px 0; }

.bullet-list ul li span { font-weight: 700; }

.affiliate-body .demo_price_raw { background: #F7F8F9; }
.project_detail_body .img50text-section.img50text-bottom { padding-bottom: 140px; }

.flex-reverse .img50text-video img {  margin-right: auto; margin-left: 0; }
.img50text-section .bullet-list { max-width: 490px; }

.logo-slider .slick-slide { display: inline-block; vertical-align: middle; float: none; }

/*** ***/
.get-demo-v2 .demo_price_raw form .hs-form-field > label { display: inline-block; }
.get-demo-v2 .demo_price_raw form .hs-form-field  legend.hs-field-desc { font-size: 12px; font-weight: 400; color: #475059; width: auto; }
.get-demo-v2 .demo_price_raw form .hs-form-field { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.get-demo-v2 .demo_price_raw form .input { width: 100%; }
.get-demo-v2 .demo_price_raw .wrap .box .hs-richtext { line-height: 18px; }
.get-demo-v2 .demo_price_raw .wrap .box .hs-richtext a { color: #060708; font-weight: 600; font-size: 12px; line-height: 18px; }
.get-demo-v2 .demo_price_raw .wrap .box .hs-richtext a:hover { color: #9667F7; }
.get-demo-v2 .demo_price_raw form input[type="submit"] { margin: 40px 0 0; }
.get-demo-v2 .demo_price_raw form .hs-form-field:nth-child(3) { margin: 0 0 5px; }
.get-demo-v2 .submitted-message { height: auto; color: #444; }

/* */
.resour-hero-sec { padding: 40px 0 0; background:#FFFEF0; padding: 160px 0 200px; min-height:100vh; position: relative; z-index: 1; }
.resour-hero-content {  width: 50%; padding-right: 50px; }
.body-wrapper.purple .resour-hero-content h1 { color: #060708; }
.resour-hero-content h1 { margin-bottom: 32px; font-size: 100px;  font-style: normal; font-weight: 700; line-height: 100%; letter-spacing: 0.25px; }
.resour-hero-content .resour-hero-text { margin-bottom: 32px;  width: 100%; max-width: 540px; color: #060708; font-weight: 500; line-height: 28px; letter-spacing: 0.25px; }
.resour-hero-img { width: 50%; }
.resour-hero-img img { width: 553px; display: table; margin: auto; filter: drop-shadow(0px 0px 1px rgba(16, 18, 20, 0.2)) drop-shadow(0px 48px 96px rgba(16, 18, 20, 0.12)); }
.resour-hero-content .headline { color: #6131C4; font-size: 14px; }
.breadcrumb ul { list-style: none; padding: 0;  margin: 0 0 32px; }
.breadcrumb ul li { color: #6131C4; font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; letter-spacing: 0.25px; display: inline-block; }
.breadcrumb ul li a { color: #69727A; }
.breadcrumb ul li:not(:last-child):after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.5 9L7.5 6L4.5 3' stroke='%239DA4AB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin: 0 2px; }
.breadcrumb ul li a:hover { color: #101214; }

.resour-hero-sec a.arrow { bottom: 80px; left: 50%; position: absolute; transform: translateX(-50%); }
.resour-hero-sec a.arrow svg { animation: moveArrow 6s ease-in-out infinite; }
.resour-hero-content .btn-group > div { margin: 6px; }
.resour-hero-content .btn-group { margin: 0 -6px; }

.free-tool-sec { padding: 128px 0; }
.free-tool-sec .title-part { margin-bottom: 72px; }
.free-tool-img { width: 100%; height: 390px; display: flex; justify-content: center; align-items: center; border-radius: 24px;  margin-bottom: 28px; }
.free-tool-img img { width: 216px;  height: 216px; }
.free-tool-date { font-size: 12px; font-style: normal;  font-weight: 400; line-height: 13px; letter-spacing: 0.25px; color: #060708; margin-bottom: 16px; }
.free-tool-item h4 { font-size: 28px; font-style: normal; font-weight: 500; line-height: 32px; margin-bottom: 24px; }
.free-tool-row.row { --bs-gutter-x: 62px; --bs-gutter-y: 72px; }
.free-tool-sec .tool-btn { margin-top: 72px; }
.download-btn a { padding: 12px 20px;  border-radius: 12px;  border: 1px solid #DDE4EC;  background: #FFF;  display: inline-block;  min-width: 84px;  font-size: 16px;  font-style: normal;  font-weight: 500;  line-height: 20px; letter-spacing: 0.25px; color: #475059; }
.download-btn a svg {  display: inline-block;  vertical-align: middle;  margin-right: 10px; }
.posts-wrapper-resources .container.containerv2 {padding: 0 15px;}

/*  */
.recent-post-blog .title-part {  margin-bottom: 72px; }
.resources-listing .logo-section { background: transparent !important; padding: 100px 0 !important; }
.resources-listing .top-corner-radius:before, .resources-listing .top-corner-radius:after { display: none; }

.resour-listing-sec { padding: 128px 0; }
.resour-listing-sec .title-part { margin-bottom: 128px; position: relative; z-index: 1; }
.resour-listing-sec .title-part h2 { font-size: 60px;  line-height: 100%; }
.resour-post-img img {  height: 390px; object-fit: cover; width:100%; transition: .4s; display:block; }
.resour-post-img { line-height: 0;  margin-bottom: 40px; }
.resour-post-img a {  overflow: hidden; display:block; border-radius: 40px; }
.resour-post-img:hover img { transform: scale(1.05); }
.resour-post-logo {  margin-bottom: 32px; }
.resour-post-item h4 { font-size: 28px; font-weight: 500; margin-bottom: 24px; }
.resour-post-item h4 a { color: #060708; }
.resour-post-full .resour-post-img img { height: auto; width: 100%; }
.resour-post-item .button-5 a { font-size: 14px;  font-weight: 500; line-height: 16px; letter-spacing: 0.25px; min-width: 126px; padding: 18px 15px; }

.resour-post-item .link a { font-size: 16px;  font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 0.25px; display: flex; align-items: center; color: #6131C4; }
.resour-post-item .link a svg { transition: all 0.5s; transform: translateX(6px); }
.resour-post-item .link a:hover svg { transform: translateX(10px); }


.resour-post-content h3 { font-size: 40px; font-weight: 500; line-height: 100%; margin-bottom: 32px; }
.resour-post-content h3 a { color: #060708; }
.resour-post-content ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.resour-post-loc ul li:not(:last-child):after { content: ""; width: 1px; height: 24px; background: #C2C7CC; margin: 0 8px; }
.resour-post-loc ul li svg { margin-right: 8px; }
.resour-post-loc { margin-bottom: 32px; }
.resour-post-loc ul li { display: flex; align-items: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 0.25px; color:#060708; }
.resour-post-num ul li { font-size: 12px; font-style: normal; font-weight: 400; line-height: 13px; letter-spacing: 0.25px; color: #69727A; margin-right: 32px; }
.resour-post-num ul li span { font-size: 40px; font-style: normal; font-weight: 500; line-height: 100%; color: #060708; display: block; font-family: 'Gustavo', sans-serif; margin-bottom: 7px; }
.resour-post-num { margin-bottom: 32px; }
.resour-post-text { font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; letter-spacing: 0.25px; color: #060708; margin-bottom: 32px; }
.resour-post-full .resour-post-img { margin-bottom: 0; }
.resour-listing-sec .gx-xxxl-row { --bs-gutter-x: 62px; --bs-gutter-y: 128px; }

.resour-post-item2 { display: flex; align-items: flex-end; }
.resour-post-item2 .resour-post-img { margin-bottom: 0; width: 384px; }
.resour-post-item2 .resour-post-content { width: calc(100% - 384px); padding-left: 64px; }
.resour-listing-sec .allpost-btn { margin-top: 128px; }
.project_detail_body.resources-listing .testi-sec { background: #F7F8F9 !important;  margin-bottom: 80px; }

.case-recent-posts { margin-bottom: 50px; }

/*  */
.case-post-hero h1 { font-size: 70px; font-style: normal;  font-weight: 700; line-height: 100%; }
.case-post-hero h1 span { font-family: 'Gustavo', sans-serif; font-weight: 700; }  
.case-post-hero { background: #ECE3FF; }
.case-post-hero .case-product-logo { margin-bottom: 32px; }
.case-post-hero .resour-post-loc ul { list-style: none; display: flex;  margin: 0; padding: 0; flex-wrap: wrap; gap: 5px 0; }
.case-post-hero .resour-post-loc ul li {  font-size: 16px;  font-style: normal; font-weight: 500; line-height: 24px;  letter-spacing: 0.25px; }

.case-post-hero .case-postinnr-img { position: relative; position: relative; display: table; margin-left: auto;}
.case-post-hero .case-postinnr-img img { border-radius: 48px; }
.case-post-hero .case-postinnr-img:after,.case-post-hero .case-postinnr-img:before { background-size: contain!important;  color: rgba(15,17,19,.4);  content: ""; filter: drop-shadow(0 16px 24px rgb(15 17 19/10%)); position: absolute }
.case-post-hero .case-postinnr-img:after { height: 124px; right: -60px;  top: 50%; transform: translateY(-50%);  width: 124px }
.case-post-hero .case-postinnr-img:before { bottom: 10px;  height: 68px;  left: -30px;  width: 68px; z-index: 1 }
.case-post-hero .case-postinnr-img img,.case-post-hero .case-postinnr-img video { display: block }
.case-post-hero .case-hero-img { width: 50%; }

.project_detail_body .case-info-section { padding: 128px 0; }
.case-info-section .info-item { padding: 40px; }
.case-info-section .info-item .info-icon { width: 64px;  height: 64px;  display: flex;  align-items: center; background: #ECE3FF; justify-content: center; border-radius: 100%; margin-bottom: 24px; }
.case-info-section .info-item .info-icon img { width: 36px !important; height: 36px !important;  object-fit: contain; }
.case-info-section .info-item h5 {  font-size: 48px;  font-style: normal; font-weight: 700;  line-height: 100%; }
.case-info-section .info-item .info-text { font-size: 16px;  font-style: normal; line-height: 24px; }

.case-image-content { padding: 0; }
.case-image-content .image-content-inner { border-radius: 0; }
.case-image-content .image-content-inner .back { border-radius: 0; }
.case-image-content .image-content-inner .back::after { opacity: 0; }
.case-image-content .wrapper .content { color: #060708; font-size: 70px; font-style: normal; font-weight: 700;  line-height: 100%; }
.case-image-content .wrapper .content div[scrub-each-word] { margin-bottom: 24px; }
.case-image-content .wrapper .content  h6 { font-size: 14px;  font-style: normal;  font-weight: 600; line-height: 16px;  letter-spacing: 0.25px; margin-bottom: 5px; }
.case-image-content .wrapper .content .name-desc { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: 0.25px; font-family: 'Inter Tight', sans-serif; }
.case-image-content .wrapper .content .link { font-size: 14px; font-weight: 500; line-height: 16px; }
.case-image-content .wrapper .content .link a { color: #6131C4; }
.case-image-content .wrapper .content .link:before { content: ""; width: 48px; height: 1px;  display: table; background: #475059;  margin: 24px 0; }

.related-blog-posts-case { margin-bottom: 98px; }
.related-blog-posts-case .resour-post-item:nth-child(2n) .row { flex-direction: row-reverse; }

.demo_price_sc.book-demo-strip .demo_price_raw { padding: 72px 24px 140px; min-height: auto; }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap { border-radius: 48px; background: #060708; color: #fff; font-size: 16px;  font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: 0.25px; padding: 0;  align-items: flex-end; position: relative; z-index: 1; }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap:after { content: "";  position: absolute; right: 0; top: 0; bottom: 0; background: url('https://www.brandbassador.com/hubfs/theme-club/images/Image%20Container.png') no-repeat center / cover; width: 52%; border-top-right-radius: 48px; border-bottom-right-radius: 48px; z-index:-1;  }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap .left { width: 50%; padding: 48px 96px; min-height: 592px; }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap .right { width: 50%; padding: 0; }
.demo_price_sc.book-demo-strip .demo_price_raw h2 { font-size: 60px; font-style: normal;  font-weight: 700;line-height: 100%; color: #9667F7; } 
.demo_price_sc.book-demo-strip .container { max-width: 1650px !important; }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap .left h2 { width: 100%; max-width: 540px; margin-bottom: 32px; }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap .left .con { width: 100%; max-width: 380px; }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap .box { position: relative;  z-index: 1; padding: 32px 32px 32px 89px; width: 100%; max-width: 640px; margin: 0 auto -60px; }

.demo_price_sc.book-demo-strip .demo_price_raw .wrap .box img.book-demo-icon { position: absolute; left: -40px; top: 22px; }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap .box .hs-richtext { width: 100%; }
.demo_price_sc.book-demo-strip .demo_price_raw .wrap .box h4 { color: #9667F7; font-weight: 500; margin-bottom:24px; }

.free-tool-sec.tools-v2 { margin-bottom: 50px; }

.related-blog-posts-case .resour-post-full .resour-post-img img { height: 720px; }


/* CSS end  here */
@media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px;} }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:970px;} }
@media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1170px;} }
@media (min-width:1430px) { .container, .row-fluid .container[class*="span"]{width:1400px;} }
@media (min-width:1630px) { .container, .row-fluid .container[class*="span"]{width:1600px;} }



@media (min-width:768px) {
    .flex{display:flex}
    .flex-reverse{flex-flow:row-reverse;}
    .align-center{align-items:center;}
    .align-top{align-items:flex-start;}
    .align-bottom{align-items:flex-end;}
    .space-between{justify-content:space-between;}
    .justify-center{justify-content:center;}
    .justify-right{justify-content:flex-end;}
    .justify-left{justify-content:flex-start;}
    .row-wrap{flex-flow:row wrap;}
    .mobile-show{display:none;}
    
    .demo_price_raw .top a.mobile { display: none; }
    
    .demo_price_raw.screen2 .choice_wrap ul li { min-height: 243px; }
    
    body.body-font-size main { font-size: 18px; line-height: 24px; }
}

@media (min-width:992px) {
    [data-mlink]{display:none !important;}
}

@media (min-width:1430px) {
/*     .campaign-section .container, .testi-sec .container { padding: 0 195px; width: 100%; } */
    .hs-blog-post h2 {font-size: 60px;}
    
}

@media (min-width:2000px) {
    .banner .content{max-width:none;font-size:16px; /*font-weight: 700;*/line-height: 24px;}
    .banner .white_text{font-size:16px; /*font-weight: 700;*/ line-height: 24px;}
    .banner .all-content{max-width:none;}
    .banner .banner-inner > img{/*max-width:650px;*/bottom: -30px; right: 510px;height: calc(100% + -110px);}
    .scroll-section .how_it_work_text{width: 310px }
    .scroll-section .how_it_work_text .list-txts{font-size:16px; line-height:20px;}
    .scroll-section .pin-div .right-all-txt > div{width:480px;}
    
    /* */
    .logo-banner .banner-inner > img {  height: calc(100% - 210px); right: 390px;  bottom: -280px; }

/*     .campaign-section .container, .testi-sec .container { width: 100%;  padding: 0 360px; } */
    .price-title-sec .container, .containerv2 { max-width: 1906px; }
    .price-title-sec .campaign-right img {  width: 350px; }
    .price-title-sec .campaign-left { padding-left: 65px; }
    .price-title-sec .campaign-right { padding-right: 0; }
    
    .hs-blog-post h2 {font-size: 60px;}
    
    .price-title-sec { padding-top: 173px; padding-bottom: 173px; }
    .price-title-sec h2 {  font-size: 80px; line-height: 80px; }
    
    /* */
    .prod-list-sec { padding-bottom:129px; }
    .prod-list-row a { padding: 32px 28px 48px; }

    .img50text-section { padding: 128px 0; }
    .img50text-section .bullet-list { margin-bottom: 60px; }
    .img50text-inner { padding: 0px 64px; }
    .flex-reverse .img50text-inner { padding-left: 48px; padding-right: 48px; }
 
    /* */
    .project_detail_body .case-img50text .img50text-video img { max-width: none !important; }
    .project_detail_body .case-img50text { padding: 128px 0; }
    
    .demo_price_sc.book-demo-strip .container { max-width: 1906px !important; }


}

@media (min-width:2500px) {
    .banner .content{font-size: 18px; line-height: 24px;}
    .banner .white_text{font-size: 18px; line-height: 24px;}
    .banner .banner-inner > img{/*max-width:650px;*/bottom: -30px; right: 510px;height: calc(100% + -110px);}
    
    /* */
    .logo-banner h1 {  font-size: 200px; line-height: 200px; }
    .logo-banner .banner-inner > img { bottom: -460px; height: calc(100% + -310px);  right: 290px; }  
    .campaign-left {  max-width: 794px; }
    .campaign-left h2 { font-size: 70px; line-height: 70px; }

    /* */
    .price-title-sec h2 {  font-size: 80px; line-height: 80px; }

    /* */
    .project_detail_body .img50text-video img , .project_detail_body .img50text-video video { max-width: 820px !important; }
    .project_detail_body .prod-detail-hero .prod-detail-hero-img img { max-width: 780px !important; }

    
/*     .campaign-section .container , .testi-sec .container { width: 100%; padding: 0 250px; } */

}

@media (max-width:1999px) {
    .prod-hero-sec { padding: 240px 0; }
    .prod-hero-sec .prod-hero-cap h1 { font-size: 100px; }
    .prod-hero-cap { max-width: 1064px; }
    .prod-icon-list ul li:nth-child(1) img { height: 211px; }
    .prod-icon-list ul li:nth-child(2) img { width: 99.869px; height: 99.869px; }
    .prod-icon-list ul li:nth-child(3) img { width: 77.947px; height: 77.947px; }
    .prod-icon-list ul li:nth-child(4) img { width: 211px; height: 211px; display:none; }
    .prod-icon-list ul li:nth-child(5) img { width: 202.174px; height: 202.174px; }
    .prod-icon-list ul li:nth-child(6) img { width: 300px; height: 300px; }
    .prod-icon-list ul li:nth-child(7) img { width: 77.947px; height: 77.947px; }
    .prod-icon-list ul li:nth-child(8) img { width: 230px; height: 230px; }
    .prod-icon-list ul li:nth-child(3) { bottom: -90px; }
    .prod-icon-list ul li:nth-child(4) { bottom: -190px; left: 0px; }
    
    /* */
    .prod-detail-hero .prod-detail-content h1 { font-size: 80px; }
    .prod-detail-hero .row { --bs-gutter-x: 80px; }
    .prod-detail-hero .containerv2 { max-width: 1620px; }
    
    .title-section  { padding: 96px 0; }
    .title-section .title-sec .description { max-width: 950px; }
    
    /* */
    .project_detail_body .img50text-video img , .project_detail_body .img50text-video video { max-width: 580px !important; }
    .project_detail_body .prod-detail-hero .prod-detail-hero-img img {  max-width: 580px !important; }
 
    /* */
    .resour-hero-content h1 { font-size: 80px; }
    .resour-hero-img img { width: 540px;  height: 540px; }
    
    /* */
    .case-post-hero h1 {  font-size: 70px; }
    
    .btn-group3 [class*=button-] a { min-width: 240px; }



}

@media (min-width:1201px) {
    .program-guide-cta .container {max-width: 1440px;width:100%;} 
    
    
}

@media (max-width:1750px){
    
    /* */
    .project_detail_body .prod-detail-hero .prod-detail-hero-img img { max-width: 480px !important; }
    .project_detail_body .prod-detail-hero .prod-detail-content h1 { font-size: 60px; margin-bottom: 24px; }
    .project_detail_body .prod-detail-hero .overline-lable { margin-bottom: 24px; }
    .project_detail_body .prod-detail-hero .prod-detai-text { font-size: 18px; }
    .project_detail_body .title-sec h2, .project_detail_body .size-70 { font-size: 40px; }
    .project_detail_body .overline-lable { margin-bottom: 20px; }
    .project_detail_body .img50text-section h2 { margin-bottom: 20px; }
    .project_detail_body .img50text-section .description { margin-bottom: 20px; }
    .project_detail_body .img50text-video img , .project_detail_body .img50text-video video { max-width: 480px !important; }
    .project_detail_body .containerv2 { max-width: 1300px; }
    .project_detail_body .prod-list-row .prod-text { font-size: 16px; line-height: 24px; }
    .project_detail_body .prod-list-row h4 { font-size: 24px; line-height: normal; }
    .project_detail_body .prod-list-row .link { font-size: 14px; }
    .project_detail_body .price-sec { padding: 60px 0;  }
    .project_detail_body .brand-page .body-container-wrapper [class*=button-] a { min-width: 210px;  padding-top: 10px; padding-bottom: 10px;  font-size: 15px; }
    .project_detail_body .body-wrapper.purple [class*=button-].has-icon a:after { top: 9px; }
    .project_detail_body .testi-sec {  padding: 80px 0; }
    .project_detail_body .testi-slider .testi-quote { font-size: 35px; }
    .project_detail_body .prod-list-sec { padding: 80px 0 100px;  }
 
    /* */
    .resour-hero-content h1 { font-size: 65px; }
    .resour-hero-content .button-5 a { min-width: 194px;  padding: 13px 15px; }
    .resour-hero-img img { width: 440px;  height: 440px; }
    .resour-hero-sec a.arrow { bottom: 50px; }
    .free-tool-row.row { --bs-gutter-x: 32px; --bs-gutter-y: 30px; }
    .free-tool-img { height: 293px; }
    .free-tool-item h4 { font-size: 24px;  line-height: 28px; }
    
    /*  */
    .resources-listing .logo-section {  padding: 65px 0 !important; }
    .resour-listing-sec { padding: 100px 0; }
    .resour-post-full .resour-post-img { width: 60%; }
    .resour-post-full .resour-post-content { width: 40%; }
    .resour-post-img img { height: 232px; }
    .resour-listing-sec .gx-xxxl-row { --bs-gutter-x: 32px;  --bs-gutter-y: 100px; }

    .resour-post-content h3 {font-size: 34px;margin-bottom: 24px;}
    .resour-post-item h4 { font-size: 22px; line-height: 30px; }
    .resour-post-logo { margin-bottom: 24px; }
    .resour-post-item2 .resour-post-content { width: calc(100% - 300px); padding-left: 32px; }
    .resour-post-item2 .resour-post-img { width: 300px; }
    .resour-post-num ul li span { font-size: 34px; }
    .resour-post-loc { margin-bottom: 24px; }
    .resour-post-num {  margin-bottom: 24px; }
    .resour-post-text { margin-bottom: 24px; }
    
    .resour-listing-sec .allpost-btn { margin-top: 100px; }
    .resour-listing-sec .title-part { margin-bottom: 100px; }
    
    .demo_price_sc.book-demo-strip .container { max-width: 1300px !important; }

    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left { padding: 35px 46px; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .box {  max-width: 500px; }
    
    .btn-group3 [class*=button-] a { min-width: 170px; }
    
    .related-blog-posts-case .resour-post-full .resour-post-img img { height: 560px; }
    

}

@media (max-width:1710px){
    
/*     .campaign-section .container, .testi-sec .container { padding: 0 165px;  width: 100%; }  */
    .campaign-section { padding-top: 90px; padding-bottom: 70px; }
    .logo-section { padding-bottom: 120px;  padding-top: 50px; }
    .campaign-left {  max-width: 625px; }
    .campaign-left h2 { font-size: 60px; line-height: 60px; }
     
    .price-title-sec {  padding-bottom: 80px; }
    .price-sec { padding: 96px 0 146px; }
    .price-title-sec .container, .containerv2 { max-width:1470px; } 
    .price-title-sec .campaign-left { padding-left:40px;}
    .price-title-sec .campaign-right { padding-right:0; }
    .price-title-sec .campaign-right img { width: 350px; }
    
/*     .price-title-sec h2 { font-size: 60px;  line-height: 60px; }    */

    .prod-list-sec .title-sec { max-width: 970px; }
    .title-sec h2, .size-70 { font-size: 60px; }
    .prod-list-sec {  padding-top: 93px; padding-bottom: 93px; }   
    
    /* */
    .price-product {  padding-bottom: 96px; }
    .img50text-section { padding-top: 96px; padding-bottom: 96px; }
    .overline-lable {  margin-bottom: 50px; }
    .img50text-inner {  padding: 40px; }

    .prod-hero-sec {  padding: 160px 0; }
    .prod-hero-sec .prod-hero-cap h1 { font-size: 80px; }
    .prod-hero-cap { max-width: 884px; }

    .prod-icon-list ul li:nth-child(1) img { height: 163px; }
    .prod-icon-list ul li:nth-child(1) { right: -160px; top: 50px; }
    .prod-icon-list ul li:nth-child(2) img { width: 77.318px; height: 77.318px; }
    .prod-icon-list ul li:nth-child(2) { right: -100px; bottom: 70px; }
    .prod-icon-list ul li:nth-child(3) { bottom: -100px; left: 64%; }
    .prod-icon-list ul li:nth-child(3) img { width: 60.346px; height: 60.346px; }
    .prod-icon-list ul li:nth-child(4) { bottom: -50px;  left: -20px; }
    .prod-icon-list ul li:nth-child(4) img , .prod-icon-list ul li:nth-child(5) img { width: 156.522px; height: 156.522px; }
    .prod-icon-list ul li:nth-child(6) img { width: 250px;  height: 250px; }
    .prod-icon-list ul li:nth-child(6) { top: -60px; left: -130px; }
    .prod-icon-list ul li:nth-child(7) img { width: 60.346px; height: 60.346px; }
    .prod-icon-list ul li:nth-child(7) { top: -70px; }
    .prod-icon-list ul li:nth-child(8) img { width: 160px; height: 160px; }
    .prod-icon-list ul li:nth-child(8) { right: 50px;  top: -70px; }
    
    .prod-detail-hero { padding-top: 167px; padding-bottom:96px; }
    .prod-detail-hero .containerv2 {max-width: 1372px;}
    .prod-detail-hero .row { --bs-gutter-x: 42px; }
    .prod-detail-hero .prod-detail-content { padding: 40px; }
    
    /* */
    .info-section { padding: 96px 0; }
    .info-item { padding: 32px 24px; }
    .prod-detail-herov2 {  padding-top: 96px; }

    
}
@media (max-width:1629px){
    .banner .banner-inner > img{right:15vw;}
    .scroll-section .pin-div .right-all-txt > div{width:400px;}
    .scroll-section .list-wrapper{margin:0 0 0 35px;}
    
    /* */
    .logo-banner .banner-inner > img {  right: 120px;  bottom: -130px; z-index: 1; height: calc(100% - 359px); }  

    .resour-hero-content h1 {  font-size: 60px; }
    .resour-hero-img img { width: 400px;  height: 400px; }
    
}
@media (max-width:1470px){
    .banner h1 span.sticker:before{background-size:100% auto;width:50px;height:50px;top:-15px;left:-70px;}
    .cta-section .title-part span.sticker:before{background-size:100% auto;width:50px;height:50px;top:5px;left:-60px;}
    
    /*  */
    .logo-banner h1 { font-size: 94px; line-height: 94px; }
    .logo-banner .banner-inner > img { right: 150px; height: calc(100% - 309px); }
/*     .campaign-left h2 { font-size: 48px;  line-height: 48px; } */
    .campaign-left {width: 65%;  }
    .campaign-right { width: 35%; }   
/*     .campaign-section .container, .testi-sec .container {  padding: 0 115px; } */
    .campaign-section { padding-bottom: 70px; }
    .logo-section { padding-top:30px; }
    

    .price-title-sec .container, .containerv2 { max-width: 1278px; } 
/*     .price-title-sec h2 { font-size: 70px; line-height: 70px; } */
    .price-title-sec .campaign-right img { width: 300px; }
    .price-title-sec { padding-top: 94px; padding-bottom: 97px; }
    .price-title-sec .campaign-left { padding-left: 25px; }
    
    /* */
    .price-sec .title-sec { max-width: 840px; }
    
    .img50text-section {  padding: 72px 0; }
    .img50text-inner { padding: 16px 24px; }
    .img50text-section h2 {  margin-bottom: 40px; }  
    .img50text-section .headline-title {   margin-bottom: 40px; }
    .img50text-section .description {  margin-bottom: 40px;}
    .img50text-section .bullet-list { margin-bottom: 40px; }
    .overline-lable {  margin-bottom: 40px; }

    /* */
    .prod-hero-sec .prod-hero-cap h1 {font-size: 70px;}
    .prod-hero-cap {  max-width: 694px; }
    .prod-icon-list ul li:nth-child(4) img, .prod-icon-list ul li:nth-child(5) img { width: 143px; height: 143px; }
    
    .prod-detail-hero .containerv2 { max-width: 1255px; }
    .prod-detail-hero .prod-detail-content h1 {  font-size: 70px;  margin-bottom: 40px; }
    .prod-detail-hero .prod-detail-content { padding: 16px; }
    .prod-detail-hero .prod-detai-text {  margin-bottom: 40px; font-size: 18px; line-height: 28px;  letter-spacing: 0.25px; }
    .prod-detail-hero .row {  --bs-gutter-x: 27px; }
    
    .prod-icon-list ul li:nth-child(2) img {  width: 70px;  height: 70px; }
    .prod-icon-list ul li:nth-child(3) img { width: 55px; height: 55px; }
    .prod-icon-list ul li:nth-child(1) img { width: 150px; height: 150px; }
    .prod-icon-list ul li:nth-child(4) img, .prod-icon-list ul li:nth-child(5) img { width: 140px; height: 140px; }
    
    .title-section .title-sec h2 { max-width: 800px; }
    
    /* */
    .project_detail_body .prod-detail-hero .prod-detail-hero-img img { max-width: 450px !important; }
    .project_detail_body .prod-detail-hero { padding: 110px 0 60px; }
    .project_detail_body .img50text-video img, .project_detail_body .img50text-video video { max-width: 470px !important; }
    .project_detail_body .containerv2 { max-width: 1200px; }
    .project_detail_body .img50text-section { padding: 60px 0; }
    .project_detail_body .title-sec h2, .project_detail_body .size-70 { font-size: 40px; }
    .project_detail_body .testi-slider .testi-quote { font-size: 34px; }
    .project_detail_body .prod-list-row h4 { font-size: 20px; }
    .project_detail_body .prod-list-row .prod-icon { width: 40px; height: 40px; }
    .project_detail_body .prod-list-row .prod-text { font-size: 14px; }
    .project_detail_body .prod-list-sec { padding-top: 60px; padding-bottom: 100px; }
    .project_detail_body .testi-sec { padding: 60px 0; }
    .project_detail_body .price-sec { padding: 60px 0; }
    .project_detail_body .prod-list-row a{ padding:15px; }
/*     .project_detail_body .title-sec h2 { font-size: 50px;  margin-bottom: 28px; }
    .project_detail_body .prod-list-sec .title-sec { max-width: 760px;  margin-bottom: 0; } */

    .project_detail_body .img50text-section.img50text-bottom {  padding-bottom: 120px; }
 
    /* */
    .resour-hero-content .btn-group > div { margin: 5px; }
    .resour-hero-content .btn-group { margin: 0 -5px; }
    .resour-hero-content { width: 60%; }
    .free-tool-sec { padding: 90px 0; }
    .resour-hero-img img { width: 380px;  height: 380px; }
    .resour-hero-sec a.arrow svg { width: 40px;  height: 70px; }
    .free-tool-sec .title-part { margin-bottom: 40px; }
    .recent-post-blog .title-part { margin-bottom: 40px; }

}

@media (max-width:1429px){
    .scroll-section .image img{ height: auto; max-width: 250px;}
    .scroll-section .image .circle:after{width:463px;height: 463px;}
    .scroll-section .image .circle:before{width:600px;height: 600px;}
    .scroll-section .image .circle{width: 340px;height: 340px;}    
    .scroll-section .list-wrapper{margin:0 0 0 5px;}    
    .scroll-section .how_it_work_text{padding: 130px 0 0;} 
    .scroll-section .pin-div{margin:95px 0 0;}
    .scroll-section .pin-div .right-all-txt .all-texts:first-child{top:50%;}
    .scroll-section .pin-div .right-all-txt > div{margin:0;width: 340px; top: calc(50vh - 290px); }
    
    /* */
/*     .campaign-left {width: 65%;}
    .campaign-right { width: 35%; } */
/*     .testi-slider .slick-slide { margin-right: 100px; } */
    
    .pb-160 { padding-bottom: 80px; }
    
    /* */
    .blog-subscribe .cta-row .left-part {  padding-left: 90px; }
    

    
}
@media (max-width:1310px){
    .banner h1 span{margin:0 0 -20px; display:inline-block; line-height: normal;}
    .banner h1 span.sticker:before{left:-57px; top:-1px;width:40px;height:40px;}  
    .banner .banner-inner{min-height: 750px;height: calc(90vh - 30px);}
    .banner .all-content{max-width:450px;}
    .banner .popup_video .rectangle{width:277px;height:155px;}
    .banner .popup_video .rectangle [class*=button-] a{min-width:auto;padding:4px 9px;}
    .banner .banner-inner > img{max-width:1250px;right:0px;}     
    
    .cta-section .inner-color{min-height:570px;}   
    .content-module h2{font-size: 40px;line-height: 44px;}
    
    /* */
    .logo-banner h1 { font-size: 80px; line-height: 70px; }
    .logo-banner .banner-inner > img { right: 40px; height: calc(100% - 239px); }
    
/*     .campaign-section .container, .testi-sec .container { padding: 0 90px; } */
    .campaign-section { padding-bottom: 50px; }
    .campaign-left h2 { font-size: 40px; line-height: 40px;  margin-bottom: 40px;}
    .campaign-left { max-width: 524px; }
    .logo-section { padding-bottom: 100px; }
    .logo-item { margin: 0 15px; }
    
    .price-title-sec { padding-bottom: 77px; padding-top: 84px; }    
    .price-title-sec h2 { font-size: 40px;  line-height: 40px; margin-bottom:0; }
    .price-title-sec .container, .containerv2 { max-width:1166px; }
    .price-item { padding: 45px; }
    .price-title-sec .campaign-right img { width: 250px; }
    .price-title-sec .campaign-left { padding-left: 15px; }
    .price-sec { padding: 72px 0 119px; }
    
    /*  */
    .program-guide-cta .cta-row .left-part h2 { margin-bottom: 64px; line-height: 45px; }
    .program-guide-cta .cta-row .left-part .post-title { padding-bottom: 45px; }
    .program-guide-cta .cta-row { min-height: 504px; }

    /*  */
    .blog-subscribe .cta-row .left-part h2 { margin-bottom: 20px; }
    .blog-subscribe .cta-row .left-part .post-title {padding-bottom: 0;}
    .blog-subscribe .cta-row .left-part {  padding-left: 70px; }
    .blog-subscribe .form-wrapper form .hs-form-field { max-width: 420px; }

    /* */
    .title-sec { margin-bottom: 72px; }
    .title-sec h2, .size-70 { font-size: 40px; }
    .prod-list-sec { padding-top: 70px; padding-bottom: 72px; }
    .prod-list-sec .title-sec {  max-width: 650px; }
    .prod-list-row.gx-xxxl-row { --bs-gutter-x: 16px; }
    
    /* */
    .price-sec .title-sec { max-width: 560px; }
    .price-product {padding-bottom: 70px;}
    
    .prod-hero-sec .prod-hero-cap h1 { font-size: 60px; }
    .prod-icon-list ul li:nth-child(4) img, .prod-icon-list ul li:nth-child(5) img { width: 125.217px;  height: 125.217px; }
    .prod-icon-list ul li:nth-child(6) img { width: 200px; height: 200px; }
    .prod-icon-list ul li:nth-child(7) img { width: 50px; height: 50px; }
    .prod-icon-list ul li:nth-child(1) img { width: 125.217px; height: 125.217px; }
    .prod-hero-cap { max-width: 604px; }
    .prod-hero-text { font-size: 18px;  line-height: 28px; }
    
    .prod-detail-hero { padding-bottom: 72px;  padding-top: 143px; }
    .prod-detail-hero .containerv2 { max-width: 1112px; }
    .prod-detail-hero .row {  --bs-gutter-x: 80px; }
    .prod-detail-hero .prod-detail-content h1 { font-size: 60px; }

    /* */
    .title-section, .info-section { padding: 72px 0; }
    .title-section .title-sec h2 { max-width: 500px; }
    .info-item .info-num { margin-bottom: 32px; }
    .prod-detail-herov2 { padding-top: 72px; }
    
    /* */
    .resour-listing-sec .title-part h2 { font-size: 40px;  line-height: 44px; }
 
    /* */
    .case-post-hero .case-postinnr-img:after { right: -14px; }
    .case-post-hero { overflow: hidden; }
    .case-post-hero h1 { font-size: 48px; }
    .case-post-hero .case-product-logo { margin-bottom: 24px; }
    .project_detail_body .case-info-section { padding: 90px 0; }

    .resour-hero-sec {padding-top: 134px;}
    .case-image-content .image-content-inner { min-height: auto; padding: 80px 0; }
    .case-image-content .wrapper .content { font-size: 48px; }

    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left h2 { font-size: 40px;  line-height: 44px;  max-width: 400px; }
    
    /* */
    .resour-hero-content h1 { font-size: 50px; }
    .resour-hero-sec { padding-bottom: 120px; }
    .resour-hero-sec a.arrow { bottom: 50px; }

}
@media (max-width:1199.98px){
    .banner .content,
    .banner .white_text{font-size: 14px;}
    .banner .banner-inner{height: 600px;min-height: 600px;}
    .banner .banner-inner > img{right: 0px;max-width: 1040px;}
    
    .scroll-section .image img {max-width: 230px;}
    .scroll-section .image .circle{width:255px;height:255px;}
    .scroll-section .image .circle:after{width:347px;height:347px;}
    .scroll-section .image .circle:before{width:450px;height:450px;}    
    .scroll-section .pin-div .right-all-txt > div{height: 300px;width: 310px;  top: calc(50vh - 200px);}
    .scroll-section.content-section blockquote{font-size:25px;line-height:38px; }
    
    .cta-section .inner-color{padding: 70px 70px;}
    .marketing-program .content-row .right-part { max-width: 520px; }
    
    .photo-grid .grid-row .right-col {padding-left: 60px; max-width: calc(100% - 580px);}
    .photo-grid .grid-row .left-col { max-width: 580px; }
    .photo-grid .grid-row .right-col .bottom-card {margin-top:60px;}
    
    .image-content-section .image-content-inner { min-height: 960px; } 
    .image-content-section .wrapper .content { font-size: 60px; line-height: 60px; }
    .photo-cards .grid-row { gap: 80px; }

    .logo-banner h1 { font-size: 64px; line-height: 64px; }
    .logo-banner .banner-inner > img { right: 70px;  height: calc(100% - 199px); }

    /* */
    .campaign-left h2 { margin-bottom: 30px; }
    .campaign-left { width: 70%; max-width: 452px; }
    .campaign-right { width: 30%; }
    .campaign-logo img { max-width: 212px !important; }
    .campaign-section { padding-bottom: 20px; padding-top: 60px; }
/*     .campaign-section .container, .testi-sec .container { padding: 0 46px; } */
    .logo-section {  padding-top: 20px;  padding-bottom: 60px; }

    .price-title-sec h2 { margin-bottom:0;  }
    .price-title-sec .campaign-right img { width: 250px; }
    .price-title-sec .container, .containerv2 { max-width:958px; }
    .price-title-sec { padding-top: 78px;  padding-bottom: 77px; }
/*     .price-row { gap: 24px; } */
    .price-item { padding: 25px; }
    .price-sec { padding-top: 72px;  padding-bottom: 120px; }
    .price-title-sec .campaign-left {  padding-left:0; }
    .price-item .price { font-size: 32px;  line-height: 32px; }
    .price-item .price-subtext { padding-bottom: 20px; }
    
    /* */
    .blog-subscribe .cta-row .left-part { padding-left: 48px; }
    .blog-subscribe .form-wrapper {  margin-top: 65px; }
    .blog-subscribe .form-wrapper form .hs-form-field { max-width: 355px; }
    
    /* */
    .prod-list-row a { padding: 16px; }
    .prod-list-row .prod-icon { margin-bottom: 46px; }
    
    /* */
    .price-sec .title-sec {  max-width: 590px; }
    .price-product { padding-bottom: 72px; }
    
    .overline-lable {margin-bottom: 24px;}
    .img50text-inner {  padding: 0px 24px; }
    .img50text-section .headline {  margin-bottom: 16px; }
    .img50text-section h2 { margin-bottom: 24px; }
    .headline-title { font-size: 16px;  line-height: 20px; }
    .img50text-section .headline-title { margin-bottom: 24px; }
    .img50text-section .description { margin-bottom: 24px; }
    .description { font-size: 16px;  line-height: 24px; }
    .img50text-section .bullet-list { margin-bottom: 24px; }
    
    /* */
    .prod-hero-sec .prod-hero-cap h1 { font-size: 48px; margin-bottom: 48px; }
    .prod-hero-cap { max-width: 500px; }
    .prod-hero-text { max-width: 500px; margin-bottom: 48px; }
    .prod-icon-list ul li:nth-child(1) img, .prod-icon-list ul li:nth-child(4) img, .prod-icon-list ul li:nth-child(5) img { width: 103.692px; height: 103.692px; }
    .prod-icon-list ul li:nth-child(5) { left: -170px; }
    .prod-icon-list ul li:nth-child(1) { right: -120px; }
    .prod-icon-list ul li:nth-child(4) { left: -120px; }
    
    .title-sec h2 {  margin-bottom: 40px; }
    .title-sec .headline-title {  margin-bottom: 40px; }
    .title-sec .description {  margin-bottom: 40px; }
    
    .prod-detail-hero .containerv2 { max-width: 904px; }
    .prod-detail-hero .prod-detail-content h1 { font-size: 48px;  margin-bottom: 24px; }
    .prod-detail-hero .prod-detai-text { font-size: 18px; line-height: 28px;  letter-spacing: 0.25px; }
    .prod-detail-hero .row { --bs-gutter-x: 70px; }
    .prod-detail-hero .overline-lable { margin-bottom: 24px; }
    
    /* */
    .logo-title-remove { padding: 60px 0 !important; }
    
    /* */
    .project_detail_body .logo-title-remove { padding: 40px 0 !important; }
    .project_detail_body .img50text-section { min-height: auto; }
    .project_detail_body .testi-sec { min-height: auto; }
    
    body.price_body:before { height: 54px; }
    
    /* */
    .resour-hero-img img { width: 300px;  height: 300px; }
    
    /* */
    .resour-post-full .resour-post-img { width: 50%; }
    .resour-post-full .resour-post-content { width: 50%; }
    .resour-listing-sec { padding: 65px 0; }
    .resour-listing-sec .title-part {  margin-bottom: 88px; }
    .resour-listing-sec .gx-xxxl-row { --bs-gutter-x: 28px; --bs-gutter-y: 48px; }
    .resour-post-img img { height: 150px; border-radius: 20px; }
    .resour-post-logo img { height: 16px; }
    .resour-post-logo { margin-bottom: 15px; }
    .resour-post-content h3 { font-size: 28px; }
    .resour-post-text { font-size: 16px;  line-height: 24px; }
    .resour-post-item h4 { font-size: 20px; line-height: 24px; }
    .resour-post-img { margin-bottom: 24px; }
    .resour-post-item2 .resour-post-img { width: 230px; }
    .resour-post-item2 .resour-post-content { padding-left: 28px; width: calc(100% - 230px); }
    
    .resour-listing-sec .allpost-btn { margin-top: 48px; }
    
    /* */
    .case-info-section .info-item h5 { font-size: 40px; }
    .case-image-content .wrapper .content { font-size: 40px; line-height: 40px; }
    .case-image-content .image-content-inner { min-height: auto; }
    .case-post-hero h1 { font-size: 40px; }
    
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left { padding-left: 34px;  min-height: 463px; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .box img.book-demo-icon { width: 80px; height: 80px; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .box {padding: 24px 24px 24px 54px;width: 400px;margin-left: 0;}
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap { border-radius: 24px; }
    
    .btn-group3 [class*=button-] a { min-width: 148px; font-size: 14px; }
    
    .related-blog-posts-case .resour-post-full .resour-post-img img { height: 450px; }


}
@media (max-width:991.98px){
    .banner{padding:0;}
    .banner .inner{z-index:9;}
    .banner h1 span{display: inline-block;line-height:52px;margin:0 0 -12px 0;}
    .banner .banner-inner{border-radius:0;padding:90px 25px 30px;height:auto;min-height:auto;}
    .banner .banner-inner:after{content:'';background:linear-gradient(180deg, rgba(17, 18, 20, 0.00) 21.54%, #111214 76.71%);position:absolute;left:0;bottom:0;width:100%;height:70%;opacity:1;}
    .banner .banner-inner > img{position:static;display:block;margin:0 auto;transform:none;max-width: 390px; height:auto;}
    .banner .banner-inner > video{display:none;}
    .banner .inner.flex{display: block;}
    .banner .all-content{max-width:340px;margin:-28vw auto 0;}
    .banner .content,
    .banner .white_text{font-size:16px;}
    .banner .btn-group{padding:0;position:fixed;left:0;bottom:0;width:100%;background:rgba(34, 39, 43, 0.80);backdrop-filter:blur(8px);display:flex;justify-content:center;padding:15px;-webkit-backdrop-filter: blur(8px);}
    .banner .btn-group > div{margin:0 20px; width:100%; text-align: center;}
    .banner .popup_video .rectangle{height:224px;width:100%;max-width:335px;margin:30px auto 0;border-radius:16px;}
    
    .scroll-section{overflow: hidden;}
    .scroll-section .how_it_work_text{display:none;}
    .scroll-section .pin-div{display:block;}
    .scroll-section .list-wrapper{ margin: 0;}
    .scroll-section .all-texts{margin:50px 0 0;}
    .scroll-section .all-texts h3,.scroll-section .all-texts ul{opacity:1;transform:none;}
    .scroll-section .all-texts [class*=button-]{opacity:1;transform:none;position: relative; z-index: 2;}
    .scroll-section .list-wrapper .list + .list{margin-top: 115px;}
    .scroll-section .right-all-txt{display:none;}
    .scroll-section.content-section{padding:110px 0 60px;}
    .scroll-section.content-section blockquote{padding:60px 0 0 0;font-size:22px;line-height:34px; }
    .scroll-section.content-section .content-part  {padding: 0 30px;}
    
    .cta-section{margin:0;padding:0;}
    .cta-section h2{font-size: 36px;line-height: 40px;}
    .cta-section .inner-color{padding:30px 30px 60px;border-radius:0;min-height: auto;}
    .cta-section .title-part span.sticker:before{width:48px;height:48px;background-size:100% auto;left:-56px;}
    
    .brand-page .banner .banner-inner > img{width:100%;left:0;transform:none;top:0;bottom:auto; }
    .brand-page .banner .all-content {margin: -3vw auto 0;}
    .brand-page .banner .banner-inner > video{display:block;}
    .brand-page .banner .banner-inner > img{position:relative;}
    
    a.opens-qr{display:none !important;}
    
    .scroll-section:after, .scroll-section:before{border-radius:20px 0 0 0;}
    .scroll-section:after{border-radius:0 20px 0 0;}
    
    .marketing-program .content-row .right-part { max-width: 400px; }
    .marketing-program .content-row .left-part { padding-right: 70px; }
    
    .photo-grid .grid-row .left-col { max-width: 420px; }
    .photo-grid .grid-row .right-col { max-width: calc(100% - 420px); }
    
    .content-module:before, .content-module:after { width: 80px; height: 80px; }
    .content-module:before { border-radius: 20px 0 0 0; }
    .content-module:after { border-radius: 0 20px 0 0; }
    .content-module .content-row { gap: 60px; } 
    .content-module .content-row .content-right .card { max-width: 280px; }
    .content-module h2{font-size: 28px;line-height: 32px;}
    .content-module.content-module-white:before, .content-module.content-module-white:after { width: 80px; height: 80px; }
    .content-module.content-module-white:before { border-radius: 20px 0 0 0; }
    .content-module.content-module-white:after { border-radius: 0 20px 0 0; }
    
    
    .content-wrapper.content-wrapper-rounded:after { border-radius: 0 20px 0 0; } 
    .content-wrapper.content-wrapper-rounded:before { border-radius: 20px 0 0 0; }
    .content-wrapper.content-wrapper-rounded:before, .content-wrapper.content-wrapper-rounded:after{width:80px;height:80px;}
    
    
    .program-guide-cta.blog-subscribe .cta-row{20px 20px 0 0;}
    .program-guide-cta .cta-row .left-part { padding: 30px; }
    .program-guide-cta .cta-row {min-height: unset;}    
    .photo-cards .grid-row .card-wrapper:first-child { max-width: 250px; }
    
    .blog-subscribe .form-wrapper{margin-top:50px;}
    .blog-subscribe .form-wrapper form { flex-direction: column; } 
    .blog-subscribe .form-wrapper .legal-consent-container {order: 2;}
    .blog-subscribe .form-wrapper form .hs-submit { margin-top: 20px; }

    .image-content-section .back{transform:none;}
    .image-content-section .wrapper .content {opacity:1;}
    
    /* */
    .logo-banner h1 { position: static; font-size: 28px; line-height: 28px; }
    .logo-banner .banner-inner > img { max-width: 350px; }
    .logo-banner .all-content {min-height: 220px;}
    .logo-banner .banner-inner:after { opacity: 0; }
    
    /* */
/*     .campaign-left h2 { font-size: px; line-height: 35px; } */
    .campaign-section { padding-top: 50px; }
    .logo-item { margin: 0 5px; }

    .price-title-sec .campaign-left { padding-left: 0; }
    .price-title-sec .campaign-right { padding-right: 0; }
/*     .price-title-sec h2 { font-size: 50px;line-height: 50px; } */
    .price-sec { padding-top: 64px;  padding-bottom: 110px; }
    .price-title-sec .container { padding: 0 20px !important; }
    .containerv2 { padding: 0 20px; }
    .price-item { border-radius: 24px; padding: 20px;  max-width: 500px; margin: auto; }
     .price-item .price { font-size: 32px;}
  /*  .price-item .price span { font-size: 14px; } */
/*     .price-item .price-title { margin-bottom: 10px; } */
    .price-item .price-subtext { font-size: 14px; line-height: normal; }
    .price-item .price-list ul li { font-size: 20px; line-height: normal; }
    
    /* */
    .program-guide-cta { position: relative; z-index: 1; }
    .program-guide-cta .cta-row .left-part h2 { margin-bottom: 30px; line-height: 34px; }
    .program-guide-cta .cta-row .left-part .post-title { padding-bottom: 20px; font-size: 16px; line-height: 24px;  }
    
    /*   */
    .blog-subscribe .cta-row .left-part h2 { margin-bottom: 20px; }
    .blog-subscribe .cta-row .left-part .post-title {  padding-bottom: 0;}
    .blog-subscribe .form-wrapper form .hs-form-field { max-width: 100%; margin-right: 0; }
    .blog-subscribe .form-wrapper { margin-top: 28px; }
    
    /* */
    .img50text-inner {  padding: 0 16px; }
    
    /* */
    .prod-icon-list ul li:nth-child(1) { right: -100px; }
    .prod-icon-list ul li:nth-child(5) { left: -113px; }
    .prod-hero-sec .btn-group{  display: flex; }
    .prod-hero-sec .btn-group > div { margin: 0 6px; }
    .prod-icon-list ul li:nth-child(4) { left: -96px; }

    .prod-detail-hero .row { --bs-gutter-x: 16px; }
    .prod-detail-hero .prod-detail-content h1 {  font-size: 40px; }

    /* */
    .project_detail_body .prod-detail-hero .prod-detail-content h1 { font-size: 40px; }
    
    .project_detail_body .info-section { padding: 70px 0; }
    
    /* */
    .resour-hero-sec {  padding-top: 100px;  padding-bottom: 160px; }
    .resour-hero-content h1 { font-size: 45px; margin-bottom: 20px; }
    .resour-hero-img { width: 30%; }
    .resour-hero-content { width: 70%;  padding-right: 40px; }
    .resour-hero-content .button-5 a { min-width: 164px; }
    .resour-hero-content .btn-group {  display: flex;  flex-wrap: wrap; }
    .free-tool-sec { padding: 60px 0; }
    
    /* */
    .project_detail_body .resour-listing-sec .containerv2 { max-width: 768px; }
    .resour-listing-sec .title-part h2 { font-size: 28px;  line-height: 32px; }
    .resour-post-full .resour-post-img { width: 100%; }
    .resour-post-full .resour-post-content { width: 100%; }
    .resour-listing-sec .title-part { margin-bottom: 50px; }
    .resour-post-img img { height: 197px; }
    .resour-post-item2 .resour-post-img { width: 100%; margin-bottom: 24px; }
    .resour-post-item2 { flex-wrap: wrap; align-items: baseline; }
    .resour-post-item2 .resour-post-content { width: 100%; padding: 0; }
    
    /*  */
    .case-post-hero h1 { font-size: 36px; }
    .case-post-hero .case-postinnr-img img { border-radius: 20px; }
    .case-post-hero .case-postinnr-img:after { height: 84px;  width: 84px; }
    .case-post-hero .case-postinnr-img:before { width: 50px; height: 50px; }
    .breadcrumb ul { margin-bottom: 24px; }
    .case-post-hero .case-product-logo { margin-bottom: 20px; }
    .case-post-hero .resour-post-loc ul li { font-size: 14px; }
    .case-post-hero .resour-hero-text { font-size: 14px; line-height: 24px; }
    .case-info-section .info-item h5 { font-size: 36px; margin-bottom: 15px; }
    .case-info-section .info-item { padding: 25px; }
    .case-image-content .wrapper .content { font-size: 30px; }
    .case-image-content .image-content-inner { padding: 50px 0; }
    .related-blog-posts-case { margin-bottom: 50px; }
    
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .right { width: 100%; }
    .demo_price_sc.book-demo-strip .demo_price_raw { padding: 52px 24px 120px; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left { width: 100%;  min-height: auto; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap { flex-wrap: wrap; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .box { margin: 0 auto -68px; width: 100%; max-width: calc(100% - 70px); }
    
    .btn-group3 [class*=button-] a { min-width: 148px; }


}
@media (max-width:767.98px){  
    .banner .banner-inner{padding-top:75px;}
    .banner .btn-group{padding: 15px 0;}
    .banner .btn-group [class*=button-] a{font-size:16px;min-width:auto;padding:11px 13px;display: block;}    
    .banner .all-content{margin-top:-257px;}
    .banner .all-content h1{margin:0 0 8px;}
    
    .scroll-section .title-part br{display:none;}    
    .scroll-section .container{padding-left:25px; padding-right:25px;}
    .scroll-section .image .circle{height:312px;width:312px;}
    .scroll-section .image .circle:after{height:425px;width:425px;}
    .scroll-section .image .circle:before{height:550px;width:550px;}
       
    .cta-section .inner-color{padding:80px 30px 80px;}
    .cta-section .list-wrapper{display:flex;flex-flow:row wrap;}
    .cta-section .list{width:50%;margin:0 0 40px;}
    .cta-section .list img{max-width:73%;}
    
    .brand-page .banner .banner-inner{padding: 75px 0 30px;}
    .brand-page .banner .banner-inner > img{max-width: 100%;}
    .brand-page .banner .banner-inner > img:not(.mobile-image){display:none;}
    .brand-page .banner .banner-inner > img.mobile-image{display:block;}
    .brand-page .banner .all-content {max-width:none; padding: 0 25px; margin:-53vw auto 0;}
    .brand-page .scroll-section .image.not-mobile img{max-width:100%;}
    
    footer.footer .banner-inner{border-radius: 20px 20px 0 0;}
    .body-wrapper.purple footer.footer .banner-inner h2{line-height: 54px;}
    
    /* Cookies */
    body #hs-banner-parent #hs-eu-cookie-confirmation { display: none; }
    
    .marketing-program .content-row .left-part { padding: 0; }
    .marketing-program .content-row .right-part { margin-bottom: 40px; }
    .marketing-program .content-row { display: flex; flex-direction: column-reverse; }
    .marketing-program { padding: 50px 0; }
    .marketing-program .content-row .right-part .image { border-radius: 20px; }
    
    .photo-grid { padding: 50px 0; }
    .photo-grid .grid-row { display: flex; flex-wrap: wrap; max-width: 500px; }
    .photo-grid .grid-row .left-col { max-width: 270px; }
    .photo-grid .grid-row .right-col { max-width: calc(100% - 270px); padding-left: 30px; }
    .photo-grid .grid-row .right-col .bottom-card { margin-top: 30px; }
    .photo-grid .grid-row .image-box .image { border-radius: 20px; }
    .photo-grid .grid-row .right-col { display: flex; justify-content: center; }
    
    .content-module { padding: 50px 0; }
    .content-module .content-row { display: flex; flex-direction: column-reverse; }
    .content-module .content-row { gap: 30px; }
    .content-module .content-row .content-left { max-width: 100%; }
    .content-module .content { margin-top: 20px; }
    .content-module.right .content-row { flex-direction: column-reverse; }
    .image-content-section { padding: 40px 16px; } 
    .image-content-section .image-content-inner { min-height: 400px; border-radius:20px;} 
    .image-content-section .wrapper .content { font-size: 40px; line-height: 48px; }
    .photo-cards { padding: 50px 0; }
    .photo-cards .grid-row { display: flex; gap: 20px; }
    .photo-cards .container { max-width: 500px; }
    .photo-cards .grid-row .card-wrapper:first-child { max-width: 150px; }
    .photo-cards .grid-row .card .image { border-radius: 20px; }
    .program-guide-cta{padding:50px 0;}
    .program-guide-cta .cta-row { display: flex; border-radius: 20px;}
    
    .content-module .content-row .content-right .card .image { border-radius: 20px; }
    
    .blog-subscribe .form-wrapper { margin-top: 20px; }
    
    /* */
    .logo-banner .banner-inner > img {max-width: 270px;}
    
    /* */
    .campaign-left { width: 100%; }
    .campaign-section .container { flex-wrap: wrap; }
    .campaign-right { display: none; }
    .campaign-left h2 { font-size: 40px; line-height: 40px;  margin-bottom: 22px; }
    .campaign-section:before {border-radius: 30px 0 0 0;}
    .campaign-section:after { border-radius: 0 30px 0 0; }
    .campaign-section { padding-bottom: 40px; padding-top: 35px; }
    .campaign-section .button-5 a { padding: 19px 15px; font-size: 20px; min-width: 243px; }
    .logo-section { padding-bottom: 30px;  padding-top: 20px; }
    
    .testi-slider .testi-quote { font-size: 24px; line-height: 28px; }
    .testi-slider .slick-slide { width: 300px;  margin-right: 30px; }
    .testi-item { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04); border-radius: 24px;  padding: 20px; }
    .testi-sec { padding-bottom: 60px;  padding-top: 40px; }
    .testi-slider .testi-logo img { height: 26px; object-fit: contain; }
    
/*     .campaign-section .container, .testi-sec .container { padding: 0 25px; } */
/*     .campaign-section { padding-top: 35px; } */
    .logo-item img {  height: 52px !important;  width: auto; object-fit: contain; }
    .testi-sec { padding-bottom: 60px;  padding-top: 60px; }
    .testi-slider .testi-quote-wrap { padding-bottom: 60px; }
        
    .price-title-sec .campaign-right { display: block; width: 100%; text-align: left; margin-bottom: 14px; }
    .price-title-sec .row { flex-direction: column-reverse; }
    .price-title-sec .campaign-right img { width: 150px; }
    .price-title-sec { padding-bottom: 65px; padding-top: 80px;}
    .price-sec { border-radius: 30px 30px 0 0; }
    .price-item { width: 100%; padding: 32px 24px; }
    .price-item .price-subtext { font-size: 16px; line-height: 28px; }
    .price-item .price-list ul li { font-size: 24px; }
    
    .content-module .container , .marketing-program .container { position: relative; z-index: 1; }
    
    /* */
    .top-corner-radius:after { border-radius: 0 30px 0 0; }
    .top-corner-radius:before { border-radius: 30px 0 0 0; }
    .prod-list-sec { padding-top: 63px; padding-bottom: 65px; }
    .prod-list-row .prod-icon { margin-bottom: 41px; }
    .prod-list-row h4 { margin-bottom: 24px; }
/*     .prod-list-row a { padding: 12px; } */
    .prod-list-row.gx-xxxl-row { --bs-gutter-y: 24px; }
    
    .price-product { padding-bottom: 64px; padding-top: 68px; }
/*     .price-sec .title-sec { margin-bottom: 40px; } */
    
    /* */
    .img50text-section .row { flex-direction: column-reverse; }
    .img50text-inner { padding: 0; }
    .img50text-section { padding: 64px 0; }
    .description { font-size: 14px;  line-height: 20px; }
    .img50text-inner >*:last-child { margin-bottom: 0; }

    /* */
    .title-sec { margin-bottom: 48px; text-align: left; }
    .title-sec h2 { margin-bottom: 24px; }
    .title-sec .headline-title {  margin-bottom: 24px; }
    .title-sec .description { margin-bottom: 24px; }
    
    .prod-hero-sec .prod-hero-cap h1 { font-size: 48px; }
    .prod-hero-text { font-size: 14px; line-height: 20px; }
    .prod-hero-sec .btn-group [class*=button-] a { min-width: 157px; padding: 15px 15px; }
    .prod-hero-sec .btn-group {  justify-content: center; }
    
    .prod-hero-sec .overline-lable { margin-bottom: 24px; }
    .prod-icon-list ul li:nth-child(1) img, .prod-icon-list ul li:nth-child(4) img, .prod-icon-list ul li:nth-child(5) img { width: 56px; height: 56px; }
    .prod-icon-list ul li:nth-child(1) { right: -4px; top: 10px; }
    .prod-icon-list ul li:nth-child(6) img { width: 145px; height: 145px; }
    .prod-icon-list ul li:nth-child(6) { left: -47px; top: -30px; }
    .prod-icon-list ul li:nth-child(7) img { width: 48px; height: 48px; }
    .prod-icon-list ul li:nth-child(7) { left: 90px; top: -60px; }
    .prod-icon-list ul li:nth-child(8) img { width: 130px; height: 130px; }
    .prod-icon-list ul li:nth-child(8) { right: 20px; top: -58px; }
    .prod-icon-list ul li:nth-child(3) img { width: 48px; height: 48px; }
    .prod-icon-list ul li:nth-child(3) { left: 46%; bottom: -90px; }
    .prod-icon-list ul li:nth-child(4) { left: -10px; bottom: 152px; }
    
    .prod-detail-hero { padding-top: 95px; padding-bottom: 64px; }
    .prod-detail-hero .row { --bs-gutter-y: 0; }
    .prod-detail-hero .prod-detail-content { text-align: center; padding: 0; }
    .prod-detail-hero .overline-lable { display: table; margin: 0 auto 24px; }
    .prod-detail-hero .prod-detai-text { font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 0.25px; margin-left:auto; margin-right:auto; }
    .prod-detail-hero-img { display: none; }
    .prod-detail-hero .prod-detail-content >*:last-child { margin-bottom: 0; }

    .info-section { padding: 64px 0; }
    .info-item h5 { font-size: 24px;  line-height: 28px;  margin-bottom: 20px; }
    .info-item .info-num { margin-bottom: 48px; }
    .info-item { min-width: 288px; max-width: 288px; }
    
    .prod-detail-herov2 { padding-top: 64px; }
    
    .logo-title-remove { padding: 30px 0 !important; }
    
    /* */
    .project_detail_body .logo-title-remove { padding: 30px 0 !important; }
    .project_detail_body .prod-detail-hero { min-height: auto; }
    .project_detail_body .img50text-section {  padding: 50px 0; }
    .project_detail_body .title-sec h2, .project_detail_body .size-70 {  font-size: 28px; }
    .project_detail_body .price-sec .title-sec { margin-bottom: 40px; }
    .project_detail_body .testi-slider .testi-quote {  font-size: 24px; }
    
    .project_detail_body .info-section { padding: 50px 0; }
    
    .project_detail_body .brand-page .body-container-wrapper [class*=button-] a { min-width: 140px; }
    
    .project_detail_body .img50text-section.img50text-bottom { padding-bottom: 100px; }
    .prod-hero-sec { min-height: auto;  padding-bottom: 60px; }

    /* */
    .logo-item-14 img , .logo-item-21 img , .logo-item-3 img { height: 30px !important; }
    .logo-item-3 img {  height: 20px !important; } 
    
    /* */
    .resour-hero-content { width: 100%; padding: 0  0 30px; } 
    .resour-hero-img { width: 100%; text-align: left; order: -1;  margin-bottom: 20px; }
    .resour-hero-img img { width: 180px;  height: 180px;margin-left: 0; }
    .resour-hero-sec .container.containerv2 { display: flex; flex-wrap: wrap; }
    .resour-hero-sec { padding-bottom: 120px; }
    .resour-hero-sec a.arrow { bottom: 20px; }
    .resour-hero-content h1 { font-size: 36px; }
    .resour-hero-content .button-5 a { min-width: 132px; }
    .free-tool-sec { padding: 50px 0; }
    
    /* */
    .resour-listing-sec { padding: 20px 0 50px; }
    .resour-listing-sec .title-part { margin-bottom: 30px; }
    .resour-post-content h3 { font-size: 24px; line-height: 30px; }
    .resour-post-full .resour-post-content { margin-top: 30px; }
    .resour-post-num ul li { margin-right: 0; }
    .resour-post-num ul li span { font-size: 24px; }
    .resour-post-loc ul li { font-size: 14px; }
    .resour-post-num ul { gap: 14px; }
    .resour-post-loc ul li:not(:last-child):after { margin: 0 9px; }
    .resour-post-img img { height: auto; }
    .resour-post-item:not(.resour-post-full) { width: 50%;  align-items: baseline; }
    .case-recent-posts { padding-top: 50px; }
    .resources-post-blog {  overflow: hidden; }
    
    .case-post-hero .case-product-logo { margin-bottom: 15px; }
    .case-post-hero h1 { font-size: 28px; }
    .breadcrumb ul { margin-bottom: 20px; }

    .case-post-hero .resour-post-loc ul li {font-size: 13px;}
    .case-post-hero .resour-post-loc ul li svg { width: 14px; height: 14px; }
    .case-post-hero .resour-post-loc { margin-bottom: 20px; }
    .case-post-hero .case-hero-img { width: 100%; order: -1; margin-bottom: 21px; }
    .case-post-hero .resour-hero-content { padding-bottom: 0; }
    .case-image-content { padding: 0; border-radius: 0; }
    .case-image-content .image-content-inner { border-radius: 0; padding: 20px 0; }
    .case-recent-posts { margin-bottom: 30px; }
    .case-post-hero .case-postinnr-img:before { left: -14px; }
    
    
    .demo_price_sc.book-demo-strip .demo_price_raw { padding-left: 0; padding-right: 0; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .box { padding: 0; background: #fff;  max-width: calc(100% - 30px); border-radius: 15px; padding: 20px; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left .con { display: block;  max-width: 100%;}
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left { padding: 30px 20px 40px; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left h2 { font-size: 34px; line-height: normal; margin-bottom: 10px; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .box img.book-demo-icon { width: 40px; height: 40px;  top: -19px; left: -15px; }
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left .con {line-height: 24px;}
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .box h4 { font-size: 24px; }
    
    .free-tool-sec.tools-v2 { margin-bottom: 25px; }
    .btn-group3 [class*=button-] a { font-size: 13px;  padding: 10px 12px; min-width: auto; border-radius: 14px; }
    
    .project_detail_body .img50text-video img, .project_detail_body .img50text-video video { margin-left: 0; }
  
}

@media(max-width:575.98px){
    .marketing-program h2 br { display: none; }

    .photo-grid .grid-row .left-col { max-width: 50%; }
    .photo-grid .grid-row .right-col { max-width: 50%; }
    .photo-grid .grid-row { align-items: center; }
    .marketing-program { padding: 40px 0; }
    .content-module { padding: 40px 0; }
    .image-content-section .wrapper .content { font-size: 30px; line-height: 36px; }
    .program-guide-cta{padding:40px 0;}
    .program-guide-cta .cta-row { flex-direction: column-reverse; }
    .program-guide-cta .cta-row .col { width: 100%; }
    .blog-subscribe div.cta-row .col.right-content { width: 100%; } 
    .blog-subscribe div.cta-row .col.left-content { width: 100%; }
    .photo-cards { padding: 40px 0; }
    .photo-cards .grid-row .card-wrapper:first-child { max-width: 100px; }
    
    /* */
    .resour-post-item:not(.resour-post-full) { width: 100%; }
    
    /* */
    .case-image-content .wrapper .content { font-size: 24px; line-height: 29px; }
    
    .related-blog-posts-case .resour-post-full .resour-post-img img { height: auto; }
    
    
}

/* ==================================== Get a demo page ============================= */
@media (max-width: 1349px){
    .demo_price_sc .container { width: 1200px; }
    .demo_price_raw .wrap .left { width: 38%; padding-right: 40px; }
    .demo_price_raw .wrap .middle { width: 25%; }
    .demo_price_raw .wrap .right { padding-left: 50px; }
    .demo_price_raw .top { width: 1200px; }
    .demo_price_raw { padding: 110px 0; }
}
   
@media (max-width: 1200px){
/*     .demo_price_sc .container, .demo_price_raw .top { width: 950px; } */
    .demo_price_raw .wrap .middle { width: 20%; }
    .demo_price_raw .wrap .right { width: 42%; }
    .demo_price_raw .wrap .box { padding: 25px 15px; }
    .demo_price_raw .wrap h1 { font-size: 50px; }
    .demo_price_raw .choice_wrap ul li, .demo_price_raw.screen3 .choice_wrap ul li { min-height: 180px; }
    .demo_price_raw.screen4 .choice_wrap ul li { min-height: 300px; }
    .demo_price_raw.screen5 .case_cover { min-height: 350px; }
    .demo_price_raw.screen6 .choice_wrap ul li .text { font-size: 14px; line-height: 20px; }
/*     .demo_price_raw.screen6 .container, .demo_price_raw.screen5 .container, .demo_price_raw.screen3 .container, .demo_price_raw.screen2 .container, .demo_price_raw.screen4 .container, .demo_price_raw.screen7 .container { width: 950px; } */
}

@media (max-width: 991px){
/*     .demo_price_sc .container, .demo_price_raw .top { width: 750px; } */
/*     .demo_price_raw.screen6 .container, .demo_price_raw.screen5 .container, .demo_price_raw.screen3 .container, .demo_price_raw.screen2 .container, .demo_price_raw.screen4 .container, .demo_price_raw.screen7 .container { width: 750px; } */
    .demo_price_raw .wrap .left { width: 50%; }
    .demo_price_raw .wrap .middle { display: none; }
    .demo_price_raw .wrap .right { width: 50%; padding-left: 0; }
    .demo_price_raw .choice_wrap ul li .country_name { font-size: 14px; }
    .demo_price_raw .choice_wrap ul li, .demo_price_raw.screen3 .choice_wrap ul li { min-height: 150px; }
    .demo_price_raw.screen3 .choice_wrap ul li .text { font-size: 14px; }
    .demo_price_raw .title_box { margin-bottom: 40px; }
    .demo_price_raw.screen4 .choice_wrap ul li { min-height: 250px; }
    .demo_price_raw.screen7 .choice_wrap ul li .ans { font-size: 14px; }    
}

@media (max-width: 767px){
    .demo_price_sc .container, .demo_price_raw .top { width: 100%; }
    .demo_price_sc .demo_price_raw.screen1 .container { padding: 0 24px; } 
/*     .demo_price_raw.screen6 .container, .demo_price_raw.screen5 .container, .demo_price_raw.screen3 .container, .demo_price_raw.screen2 .container, .demo_price_raw.screen4 .container, .demo_price_raw.screen7 .container { width: 100%; } */
    
    .demo_price_raw.screen1 .con { display: none; }
    .demo_price_raw .top > div { width: auto; }
    .demo_price_raw .top .top_logo a.mobile { width: 30px; }
    
    .demo_price_raw .wrap .left { width: 100%; padding: 0 0 30px; }
    .demo_price_raw .wrap h1 { margin: 0 auto 15px; width: 300px; text-align: center; font-size: 28px; }
    .demo_price_raw .wrap .right { width: 100%; }
    .demo_price_raw { height: auto; }
    .demo_price_raw { padding: 100px 0; }
    .demo_price_raw.screen6 .choice_wrap ul li { width: calc(25% - 8px); }
    .demo_price_raw .choice_wrap ul { justify-content: center; }
    
    .demo_price_raw .wrap .box { border-radius: 0; background: transparent; box-shadow: none; padding: 0; }
    .demo_price_raw .wrap .box h2 { display: none; }
    .demo_price_raw.screen1 form .hs-input { background: #fff; }
    
    .demo_price_raw .top a.desktop { display: none; }
    .demo_price_raw .top .top_label { font-size: 18px; }
    
    .demo_price_raw .title_box h2 { font-size: 24px; line-height: 28px; opacity: 1; font-weight: 700; margin-top: 2px; }
    .demo_price_raw.screen5 .case_cover { min-height: 1px; border-radius: 0; background: transparent; box-shadow: none; padding: 15px 0; }
    
    .demo_price_raw .container { padding: 0 30px; } 
    
}

@media (max-width: 600px){
    .demo_price_raw.screen3 .choice_wrap ul li { width: calc(33.33% - 8px); }
    .demo_price_raw.screen6 .choice_wrap ul li { width: calc(33.33% - 8px); }
    .demo_price_raw.thank_you_sc h1 { font-size: 28px; line-height: 32px; }
}

@media (max-width: 500px){
    .demo_price_raw .choice_wrap ul li { width: calc(50% - 8px); }
    .demo_price_raw.screen6 .choice_wrap ul li { width: calc(50% - 8px); }
}

@media (max-width: 450px){
    .demo_price_raw form .hs-form-field > label { display: inline-block; vertical-align: top; }
    .demo_price_raw form .hs-form-field > label .tip { width: 100%; display: block; margin-top: 5px; }
    .demo_price_raw.screen3 .choice_wrap ul li { width: calc(50% - 8px); }
}

@media (max-width: 400px){
    .demo_price_raw .choice_wrap ul li { width: 100% !important; margin: 0 0 15px; min-height: 1px !important; }
    .demo_price_raw.screen4 .choice_wrap ul li { min-height: 220px !important; }
    .demo_price_raw.screen5 .case_cover form { width: 100%; }
}

@media (max-width: 350px){
    .testi-slider .slick-slide {  width: 288px; }
    
    /*  */
    .campaign-left h2 {  font-size: 30px;  line-height: 30px; }
    
    .demo_price_sc.book-demo-strip .demo_price_raw .wrap .left h2 { font-size: 28px; }
}

@keyframes moveArrow {
    0%,to {
        transform: translateY(0)
    }

    15%,5% {
        transform: translateY(-20px)
    }

    16%,6% {
        transform: translateY(0)
    }
}