body {
	--color_shadow: rgba(0, 0, 0, 0.1);
	--color_shadow-inset: rgba(0, 0, 0, 0.4);
	--color_shadow-dark: rgba(0, 0, 0, 0.8);
	
	--color_opacity-bg-none: rgba(255, 255, 255, 0);
	--color_opacity-bg-light: rgba(255, 255, 255, 0.2);
	--color_opacity-bg-middle: rgba(255, 255, 255, 0.6);
	--color_opacity-bg-dark: rgba(255, 255, 255, 0.8);
	
	
	
	--color_text-1: #0D1C3F;
	--color_text-2: #0D1C3F;
	--color_black: #0D1C3F;
	--color_white: #ffffff;
	--color_gray-light: #F4F6F9;
	--color_gray-middle: #E8EBF2;
	--color_gray-middle-dark: #cbd5e0;
	--color_gray-dark: #5A6785;
	--color_first: #3B66F5; 
	--color_first-2: #2855e3;
	--color_first-3: #1a44c7;
	--color_second: #0D1C3F;
	--color_second-2: rgba(13, 28, 63, 0.95);
	--color_second-3: rgba(13, 28, 63, 0.1);
	--color_second-4: rgba(13, 28, 63, 0.05);
  
	--color_third: #0D1C3F;
	--color_third-2: #5A6785;
	--color_third-3: rgba(59, 102, 245, 0.95);
	--color_third-4: rgba(59, 102, 245, 0.6);
	--color_third-5: rgba(59, 102, 245, 0.2);
	--color_third-6: #071026;
	--color_third-7: #071026;
	--color_third-8: #071026;

	--color_add-1: #3B66F5;
	--color_add-2: rgba(59, 102, 245, 0.08);
	--color_add-3: #53AF39;
	--color_add-4: #2855e3;
	--color_add-5: rgba(59, 102, 245, 0.08); 
	--color_btn-add: #0D1C3F;
	--color_btn-add-hover: #3B66F5;
	--color_btn-add-shadow: rgba(13, 28, 63, 0.1);
	
	
	
	

	
}

@font-face {
    font-family: 'PT Sans';
    src: url('/fonts/PTSans-Bold.woff2') format('woff2'),
        url('/fonts/PTSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('/fonts/PTSans-BoldItalic.woff2') format('woff2'),
        url('/fonts/PTSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('/fonts/PTSans-Italic.woff2') format('woff2'),
        url('/fonts/PTSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('/fonts/PTSans-Regular.woff2') format('woff2'),
        url('/fonts/PTSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Black.woff2') format('woff2'),
        url('/fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('/fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Light.woff2') format('woff2'),
        url('/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


*{outline:none !important}
body{font-size:15px; line-height:24px; font-family: 'PT Sans', sans-serif; color:var(--color_text-1); padding-top:130px;}
html, body {height: 100%}
a, input, button, textarea, select, .button-general{transition: all 0.3s linear 0s}
a{color:var(--color_first)}
a:hover{color:var(--color_text-1)}
p{font-size:15px; line-height:24px; color:var(--color_text-1); margin:15px 0}
.content-body{flex: 1 1 auto;overflow: hidden}
.float-right{float:right}
.clearfix:before, .clearfix:after{content: "";display: table}
.clearfix:after {clear: both}
.clearfix {*zoom: 1}
.position-relative{position:relative}
.wrapper{display: flex; flex-direction: column;min-height: 100%;overflow: hidden}
.wrapper, .content-wrapper{overflow:hidden}
.row::after, .row::before{display:inline-block}
.form-agreement-yes, .checkbox-remember-label{cursor:pointer; font-size: 12px; line-height: 16px; color: var(--color_gray-middle); margin:10px 0 0; position:relative; padding:0 0 0 26px}
.checkbox-remember-label{font-size:14px}
.form-agreement-yes a{color: var(--color_gray-middle); text-decoration:none !important}
.form-agreement-yes a:hover{color: var(--color_first)}
.checkbox-week, .checkbox-remember{display:none}
.checkbox-week-custom, .checkbox-remember-custom{position: absolute;width: 16px;height: 16px;background: var(--color_add-3);border: 1px solid var(--color_opacity-bg-none);border-radius: 2px;left: 0;top: 50%;transform: translateY(-50%)}
.checkbox-week:checked ~ .checkbox-week-custom, .checkbox-remember:checked ~ .checkbox-remember-custom{background-color:var(--color_add-3); background-image:url(/img/icon6.svg); background-repeat:no-repeat; background-position:center center}
.zoom-block, .video-block{position:relative}
.zoom-block::after, .video-block::after{transition: all 0.3s linear 0s; opacity:0; position: absolute; background-color: var(--color_third-4); background-image:url(/img/zoom.png); background-repeat:no-repeat; background-position:center center; content:""; top:5px; bottom:5px; left:5px; right:5px;}
.video-block::after{background-image:url(/img/video.png); background-color: var(--color_third-5); background-repeat:no-repeat; background-position:center center;opacity: 1;width: 89px;height: 89px;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.zoom-block:hover::after{opacity:1}
.video-block:hover::after{background-color: var(--color_third-4)}
.zoom-block.zoom-center::after{top:0 !important; bottom:0 !important; left:0 !important; right:0 !important;}
.roistat-phone-number{text-decoration:none !important}
article h1{text-align:center}
h1, .h1, .heading-banner{font-weight: 700; font-size: 36px; line-height: 40px; color: var(--color_text-2); margin:0 0 30px}
.heading-banner h1, .heading-banner .h1{margin:0}
h1 span, .h1 span, .heading-banner span{color: var(--color_first)}
.heading-banner span{display:block}
h2, .h2{font-weight: 700; font-size: 30px; line-height: 32px; color: var(--color_text-2); margin:15px 0}
h3, .h3{font-weight: 700; font-size: 24px; line-height: 28px; color: var(--color_text-2); margin:15px 0}
h4, .h4{font-weight: 700; font-size: 16px; line-height: 24px; color: var(--color_text-2); margin:15px 0; text-transform:uppercase}
h5, .h5{font-weight: 400; font-size: 18px; line-height: 26px; color: var(--color_text-1); margin:15px 0}
h5 span, .h5 span{color: var(--color_white); background: var(--color_first);padding: 3px 10px;margin: 0 5px}
h5 a, .h5 a{color: var(--color_text-1); text-decoration:none}
h5 a:hover, .h5 a:hover{color: var(--color_first)}
.article ul, .article ol{padding:0; margin:15px 0}
.article ul li, .article ol li{padding: 0 0 0 15px;margin:2px 0;list-style:none;position:relative;text-align:left}
.article ol li{padding: 0 0 0 20px; margin:4px 0}
.article ul li::before{content:"";position:absolute;width:5px;height:5px;background:var(--color_first);border-radius:100%;left:0;top: 10px;}
.article ol li::before{content:"1"; position:absolute;color:var(--color_first); left:0; top:-1px; font-size:120%; font-weight:700}
.article ol li:nth-child(2)::before{content:"2"}
.article ol li:nth-child(3)::before{content:"3"}
.article ol li:nth-child(4)::before{content:"4"}
.article ol li:nth-child(5)::before{content:"5"}
.article ol li:nth-child(6)::before{content:"6"}
.article ol li:nth-child(7)::before{content:"7"}
.article ol li:nth-child(8)::before{content:"8"}
.article ol li:nth-child(9)::before{content:"9"}
.article ol li:nth-child(10)::before{content:"10"}
.gradient-bg{background: linear-gradient(90deg, var(--color_third-2) 0.57%, var(--color_third) 100%), var(--color_third); position:relative}
.color-bg{background:var(--color_third); position:relative}
.gray-bg{background:var(--color_gray-light); position:relative}
.gray-bg-dark{background:var(--color_gray-middle); position:relative}
.color-bg.full-width::after{background:var(--color_third); content:""; position:absolute; top:0; bottom:0; width:100vw; left:50%; margin-left:-50vw}
.full-width .container{position:relative; z-index:2}
.gray-bg.full-width::after{background:var(--color_gray-light); content:""; position:absolute; top:0; bottom:0; width:100vw; left:50%; margin-left:-50vw}
.gray-bg-dark.full-width::after{background:var(--color_gray-middle); content:""; position:absolute; top:0; bottom:0; width:100vw; left:50%; margin-left:-50vw}
.gradient-bg.full-width::after{background: linear-gradient(90deg, var(--color_third-2) 0.57%, var(--color_third) 100%), var(--color_third); content:""; position:absolute; top:0; bottom:0; width:100vw; left:50%; margin-left:-50vw}
.visible-content{position:relative; z-index:3}
.main-module{padding:50px 0}
.title-uppercase .main-title__fst{text-transform:uppercase}
.main-title__fst span{color:var(--color_first)}
.main-module__title{padding-bottom:30px; text-align: center;}
.uppercase-title .main-module__title{text-transform:uppercase}
.main-title__fst{display:block; font-weight: 700; font-size: 30px; line-height: 40px; color: var(--color_text-2);}
.main-title__sec{font-size: 18px; line-height: 32px; color: var(--color_text-1);}
.button-general, .btn-modal.btn-block{border:none; display:inline-block; text-decoration:none !important; height:53px; background: var(--color_btn-add); box-shadow: 0px 3px 0px var(--color_btn-add-shadow); border-radius: 3px; padding:0 40px; font-weight: 700; font-size: 14px; line-height: 53px; text-transform: uppercase; color: var(--color_white)}
.button-general.add-btn{overflow:hidden; background: var(--color_first); box-shadow: 0px 3px 0px var(--color_first-3)}
.button-general.small-button{line-height: 41px; height:41px}
.button-general:hover, .btn-modal.btn-block:hover{background: var(--color_btn-add-hover); color:var(--color_white)}
.button-general.add-btn:hover{background: var(--color_first-2); color:var(--color_white)}
.button-general.add-btn span{position:relative; display:block; padding:0 40px}
.button-general.add-btn span::before{margin-left: 60px;content: "";width: 30px;height: 300px;background: #fff;animation-delay: 0.05s;position: absolute;left: -40px;top: -150px;animation-timing-function: ease-in-out;transition: all 0.1s;animation-name: radiance;animation-duration: 3s;animation-iteration-count: infinite;transform: rotate(45deg);opacity: 0.9}
.personal-top{position:fixed; left:0; z-index:999;top: 30px;}
.personal-bottom{position:fixed; left:0; z-index:999;top: 123px;}
.personal-top ul, .personal-bottom ul{padding:0; margin:0}
.personal-top ul li, .personal-bottom ul li{padding:0; margin:0; list-style:none; position:relative}
.personal-top ul li a, .personal-bottom ul li a{font-size:16px; line-height:24px; display:block;padding: 10px 15px;background: #fafafa; border: 1px solid #fff; box-shadow: 0 0 1px 0px #ccc; text-decoration:none !important;min-width: 240px;}
.personal-bottom ul li ul{display:none; position: absolute;left: 100%;top: 0px;}
.personal-bottom ul li:hover ul{display:block}
.youtube-player.revews__link img{width:100%}
.embed-responsive {position: relative;display: block;width: 100%;padding: 0;overflow: hidden}
.embed-responsive-16by9::before {padding-top: 56.25%}

.video-with-sait{transition: all 0.3s linear 0s; position: relative;display: block;width: 100%;padding: 0;overflow: hidden; position:relative; z-index:1}
.video-with-sait::before{padding-top: 56.25%; content: ""; display: block}
.video-with-sait iframe{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0; border:5px solid #fff}


/*.embed-responsive::before {display: block;content: ""}*/
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0}
@-webkit-keyframes heartBeat {
	0% {-webkit-transform: scale(1);transform: scale(1);}
	14% {-webkit-transform: scale(1.3);transform: scale(1.3);}
	28% {-webkit-transform: scale(1);transform: scale(1);}
	42% {-webkit-transform: scale(1.3);transform: scale(1.3);}
	70% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes heartBeat {
	0% {-webkit-transform: scale(1);transform: scale(1);}
	14% {-webkit-transform: scale(1.3);transform: scale(1.3);}
	28% {-webkit-transform: scale(1);transform: scale(1);}
	42% {-webkit-transform: scale(1.3);transform: scale(1.3);}
	70% {-webkit-transform: scale(1);transform: scale(1);}
}
.animate__heartBeat{-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-duration: 1.3s;animation-duration: 1.3s;-webkit-animation-duration: calc(1s*1.3);animation-duration: calc(1s*1.3);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
@keyframes radiance {
  0% {left: -30px;margin-left: 0px;}
  30% {left: 110%;margin-left: 80px;}
  100% {left: 110%;margin-left: 80px;}
}
.slick-arrow{padding:0; z-index:10; background-color:var(--color_first); background-image:url(/img/icon11.svg); background-repeat:no-repeat; background-position:center center; width:50px; height:50px; border-radius:100%; text-indent:-9999px; border:none; position:absolute; top:50%; transform:translateY(-50%)}
.slick-arrow:hover{background-color:var(--color_first-2)}
.slick-arrow.slick-disabled{background-color:var(--color_first) !important; opacity:0.5; cursor:default}
.slick-arrow.slick-prev{left:10px}
.slick-arrow.slick-next{transform:translateY(-50%) rotate(180deg); right:10px}
.breadcrumb{color:var(--color_text-1); font-size:14px; padding:0; margin:15px 0 30px}
.breadcrumb li{padding:0; margin:0; list-style:none}
.breadcrumb li a{color:var(--color_first); text-decoration:underline}
.breadcrumb li a:hover{color:var(--color_text-1); text-decoration:none}
.breadcrumb li.sep{font-size:120%; margin:0 10px}
.youtube-player.revews__link, .youtube-player2.revews__link{transition: all 0.3s linear 0s; cursor:pointer; position:relative}
.youtube-player.revews__link iframe{width:100%; height:313px}
.youtube-player2.revews__link img{width:100%}
.youtube-player2.revews__link iframe{width:100%; height:651px}
.youtube-player .play, .youtube-player2 .play{transition: all 0.3s linear 0s; opacity: 1;position:absolute;top:5px; left:5px; right:5px; bottom:5px;background-color: var(--color_third-5); background-image:url(/img/video.png); background-repeat:no-repeat; background-position:center center;width: 89px;height: 89px;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.youtube-player:hover .play, .youtube-player2:hover .play{background-color: var(--color_third-4);}
.panel__engine{position: absolute;top: 30px;right: 30px;z-index: 10}
.panel__engine.top-15-engine{top: 15px}
.panel__engine.top-20-engine{top: 20px}
.panel__engine a{display:block; font-size:14px; line-height:24px; margin-left:10px; padding:0 10px; color:var(--color_white) !important; text-decoration:none !important; border-radius:3px}
.panel__engine a i{font-size:80%; margin-right:5px}
.red-btn{background:#1ca702; box-shadow:0 3px 0 0 #137301}
.red-btn:hover{background:#148200}
.del-btn{background:#ce0000; box-shadow:0 3px 0 0 #9c0000}
.del-btn:hover{background:#b50000}
.decor-frame{padding: 5px; background: var(--color_white); border: 1px solid var(--color_gray-middle); box-shadow: 0px 4px 10px var(--color_shadow)}
.main-next__arrow{background: var(--color_first);color: var(--color_white);width: 40px;height: 40px;display: block;text-align: center;line-height: 42px;font-size: 24px;border-radius: 100%;position: absolute;bottom: -20px;z-index: 5;left: 50%;transform: translateX(-50%)}
.main-next__arrow:hover{background: var(--color_first-2); color:var(--color_white)}
@media(max-width:1229px){
	body{font-size:14px; line-height:22px;padding-top: 134px;}
	.breadcrumb{margin:15px 0 25px}
	p{font-size:14px; line-height:22px; margin:10px 0}
	h1, .h1, .heading-banner{font-size: 32px; line-height: 36px; margin:0 0 25px}
	h2, .h2{font-size: 28px; line-height: 30px; margin:10px 0}
	h3, .h3, h5, .h5{margin:10px 0}
	.main-module{padding:40px 0}
	.main-module__title{padding-bottom:25px}
	.main-title__fst{font-size: 28px; line-height: 36px}
	.main-title__sec{font-size: 16px; line-height: 28px}
	.button-general, .btn-modal.btn-block{height:48px; box-shadow: 0px 2px 0px var(--color_btn-add-shadow); padding:0 30px; line-height: 48px}
	.button-general.small-button{line-height: 38px; height:38px}
	.youtube-player.revews__link iframe{height:246px}
	.youtube-player2.revews__link iframe{height:516px}
}
@media(max-width:991px){
	body{font-size:14px; line-height:20px; padding-top:127px; }
	.breadcrumb{margin:15px 0 20px}
	p{font-size:14px; line-height:20px}
	h1, .h1, .heading-banner{font-size: 28px; line-height: 32px; margin:0 0 20px}
	h2, .h2{font-size: 24px; line-height: 28px}
	h3, .h3{font-size: 22px; line-height: 26px}
	h5, .h5{font-size: 16px; line-height: 24px}
	.main-module{padding:30px 0}
	.main-module__title{padding-bottom:20px}
	.main-title__fst{font-size: 24px; line-height: 32px}
	.main-title__sec{font-size: 14px; line-height: 24px}
	.youtube-player.revews__link iframe, .youtube-player2.revews__link iframe{height:381px}
	.main-next__arrow{width: 30px;height: 30px;line-height: 32px;font-size: 20px; bottom: -15px}
}
@media(max-width:767px){
	body{padding-top:69px;}
	.breadcrumb{font-size:12px}
	h1, .h1, .heading-banner{font-size: 24px; line-height: 28px; margin:0 0 15px}
	h2, .h2{font-size: 22px; line-height: 26px}
	h3, .h3{font-size: 20px; line-height: 24px}
	.content-wrapper h2{text-align:center}
	.main-module{padding:20px 0}
	.main-module__title{padding-bottom:15px}
	.main-title__fst{font-size: 22px; line-height: 28px}
	.button-general, .btn-modal.btn-block{height:44px; padding:0 20px; line-height: 44px}
	.button-general.small-button{line-height: 36px; height:36px}
	.slick-arrow{background-size:8px; width:35px; height:35px}
	.slick-arrow.slick-prev{left:5px}
	.slick-arrow.slick-next{right:5px}
	.youtube-player.revews__link iframe, .youtube-player2.revews__link iframe{height:280px}
	.personal-top, .personal-bottom{display:none !important}
}
@media(max-width:575px){
	body{ padding-top:64px;}
	.breadcrumb{margin:10px 0 20px}
	h1, .h1, .heading-banner{font-size: 22px; line-height: 26px; margin:0 0 10px}
	h2, .h2{font-size: 20px; line-height: 24px}
	h3, .h3{font-size: 18px; line-height: 22px}
	h5, .h5{font-size: 14px; line-height: 22px}
	.main-module__title{padding-bottom:10px}
	.main-title__fst{font-size: 20px; line-height: 26px}
	.form-agreement-yes{font-size: 10px; line-height: 12px; padding:0 0 0 20px}
	.checkbox-week-custom {width: 12px;height: 12px}
	.checkbox-week:checked ~ .checkbox-week-custom{background-size:10px}
	.youtube-player.revews__link iframe, .youtube-player2.revews__link iframe{height:52vw}
	.main-next__arrow{width: 26px;height: 26px;line-height: 28px;font-size: 14px;bottom: -13px}
}

@media(max-width:420px){
	body{padding-top:64px;}
	.breadcrumb{margin:5px 0}
	.breadcrumb li{display:none}
	.mobile-col{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
@media(max-width:350px){
	body{padding-top:62px;}
}
@media(max-width:300px){
	body {padding-top: 110px}
}
/*** Шапка - города ***/
.wrapper__top-line{background:var(--color_third); position:relative; color:var(--color_white); font-size:13px}
.wrapper__top-line .row{height:30px}
.wrapper__top-line a{color:var(--color_white); text-decoration:none}
.top-line__city-open{z-index:1; background:var(--color_third-7); display:none; position:absolute; top:100%; left:0; right:0}
.wrapper__top-line ul{padding:0; margin:0}
.wrapper__top-line ul li{padding:0; margin:0; list-style:none}
.top-line__city-open ul{max-width:1200px; margin:0 auto; padding:10px 15px; column-width: 130px; -moz-column-width: 130px; -webkit-column-width: 130px; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0}
.top-line__city-open ul li{padding:5px 15px}
.write-me img{max-width:13px}
.top-time img{max-width:12px}
.top-line__city > a img{max-width:8px}
.top-line__city > a img + span + img{max-width:6px}
.hidden{display:none}
@media(max-width:1229px){
	.top-line__city-open ul{max-width:970px}
}
@media(max-width:991px){
	.top-line__city-open ul{max-width:720px; column-width: 200px; -moz-column-width: 200px; -webkit-column-width: 200px}
}
@media(max-width:767px){
	.top-line__city-open ul{max-width:530px; column-width: 130px; -moz-column-width: 130px; -webkit-column-width: 130px}
}
@media(max-width:575px){
	.top-line__city-open ul{max-width:100%; column-width: 140px; -moz-column-width: 140px; -webkit-column-width: 140px}
}
/*** Шапка ***/
.wrapper-header{position:absolute; top:0; width:100%; background:var(--color_white); z-index:100}
header .row{min-height:130px}
.header-logo{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%}
.header__info-wrapper{-ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%}
.phone-potolki span{display:block}
.header-bottom-button ul{padding:0; margin:0; position:relative}
.header-bottom-button ul li{padding:0; margin:0 0 0 15px; list-style:none}
.header-bottom-button ul li a{color:var(--color_first); font-size:16px; line-height:30px; text-transform: uppercase; font-weight:700; padding:0 0 0 40px; position:relative}
.header-bottom-button ul li a::after{font-family: "Font Awesome 5 Free"; color:var(--color_white); transition: all 0.3s linear 0s; position:absolute; left:0; top:50%; transform:translateY(-50%); width:30px; height:30px; line-height:30px; text-align:center; content:""; border-radius:100%; background-color:var(--color_first); background-repeat:no-repeat; background-position:center center; background-size:18px 18px}
.header-bottom-button ul li:nth-child(1) a::after{content:"\f546"}
.header-bottom-button ul li:nth-child(2) a::after{content:"\f590"}
.header-bottom-button ul li:nth-child(3) a::after{content:"\f1ec"}
.header-bottom-button ul li:nth-child(4) a::after{content:"\f128"}
.header-bottom-button ul li a:hover{color:var(--color_third); text-decoration:none}
.header-bottom-button ul li a:hover::after{background-color:var(--color_third)}
.header_question{display:none}
.header-losung, .header-losung__adding{color: var(--color_text-2); font-size:13px; line-height:20px; padding:0 15px}
.header-losung a, .header-losung__adding a{color: var(--color_first)}
.header-losung a:hover, .header-losung__adding a:hover{color: var(--color_third); text-decoration:none}
.phone-potolki{padding-left: 45px; color: var(--color_text-2); font-size:12px; line-height:20px; position:relative}
.phone-potolki::before{font-family: "Font Awesome 5 Free"; content:"\f879"; font-size:120%; font-weight:900; color:var(--color_white); text-align:center; line-height:30px; transition: all 0.3s linear 0s; position:absolute; left:0; bottom:0; width:30px; height:30px;  border-radius:100%; background:var(--color_third)}
.phone-potolki a{white-space: nowrap; font-weight:700; font-size:24px; line-height:24px; color: var(--color_text-2); text-decoration: none !important}
.vissible-header-mobile{display:none !important}
.header-bottom-button ul::before{position: absolute;content: "";background: url(/img/free_zamer.png) no-repeat 0 0;width: 95px;height: 36px;left: -90px;top: -10px}
.fixed-header{position:fixed}
.fixed-header header .row {min-height: 40px;padding: 10px 0 !important}
.fixed-header .wrapper__top-line, .fixed-header .header__top-info > div.d-flex, .fixed-header .header__top-info .phone-potolki span, .fixed-header .header__top-info .header-losung, .fixed-header .header-bottom-button ul::before{display:none !important}
.fixed-header .header__top-info{padding: 0 15px 0 0 !important;position: absolute;right: 0}
.fixed-header .header-logo img {max-height: 40px}
.fixed-header .header-bottom-button{-ms-flex-pack: start !important; justify-content: flex-start !important}
.fixed-header .phone-potolki{margin-left:15px}
.fixed-header .phone-potolki a{font-size:22px; line-height:22px}
.hid-me{z-index:10; position: absolute;width: 100%;margin: -48px 0 0 0}
.fixed-header.hid-me{position: fixed;top: 0;margin: 0;z-index: 100;background:var(--color_gray-middle)}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@media(min-width:992px){
	.fixed-header .header-logo{width: 20%}
}
@media(max-width:1229px){
	.phone-potolki{padding:0 0 0 35px}
	.phone-potolki a{font-size: 20px; line-height: 20px}
	.header-bottom-button ul li a{font-size:14px; line-height:26px; padding:0 0 0 35px}
	.header-bottom-button ul li a::after, .phone-potolki::before{width:26px; height:26px; line-height:26px}
	.header__top-info > div:nth-child(2){margin-right:15px}
	.fixed-header .header-bottom-button ul li:nth-child(1){display:none}
}
@media(max-width:991px){
	header .row{min-height:120px}
	.hid-me{margin: -42px 0 0 0}
	.header-bottom-button .position-relative{width:100%}
	.header-bottom-button ul::before{display:none}
	.header-logo{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%}
	.header__info-wrapper{-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%}
	.header-losung__adding {font-size: 13px;line-height: 18px}
	.phone-potolki {padding-left: 35px;font-size: 11px;line-height: 18px}
	.phone-potolki a {font-size: 22px;line-height: 22px;}
	.phone-potolki::before {width: 25px;height: 25px; line-height:25px; font-size:100%}
	.header-bottom-button ul{padding:0 0 0 15px; width:100%}
	.header-bottom-button ul li {padding:0;margin: 0}
	.header-bottom-button ul li a{font-size:14px; line-height:25px; padding:0 0 0 32px}
	.header-bottom-button ul li a::after{width:25px; height:25px; line-height:25px}
	.fixed-header .header-bottom-button{display:none !important}
	.fixed-header .header__top-info {top: 50%;transform: translateY(-50%)}
}
@media(max-width:767px){
	.hid-me{margin: -36px 0 0 0}
	header .row{min-height:auto}
	.header-logo{-ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px}
	.header__info-wrapper{-ms-flex: 0 0 calc(100% - 150px); flex: 0 0 calc(100% - 150px); max-width: calc(100% - 150px)}
	.phone-potolki a, .fixed-header .phone-potolki a{font-size: 16px;line-height: 16px;}
}
@media(max-width:575px){
	.hid-me{margin: -54px 0 0 0}
	.phone-potolki span {display: none}
	.header__info-wrapper{text-align:right}
	.header__top-info{text-align:left}
	.header__top-info > div:nth-child(2){margin-right:0}
	.phone-potolki{padding:2px 0 2px 35px}
	.phone-potolki::before {width: 20px;height: 20px;line-height: 20px;font-size: 8px;top: 0}
}
@media(max-width:420px){
	.phone-potolki{padding:0; text-align:right}
	.phone-potolki::before {display:none}
	.phone-potolki a{font-size: 20px;line-height: 20px}
}
@media(max-width:350px){
	.header-logo img{max-height:30px}
	.phone-potolki a{font-size: 16px;line-height: 16px}
	.phone-potolki span{display:none}
}
@media(max-width:300px){
	.header-logo{-ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px}
	.header__info-wrapper{-ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px)}
	.phone-potolki a{font-size: 13px;line-height: 13px}
	.wrapper__top-line{font-size:10px}
}
/*** Меню ***/
.topmenu select{display:none}
.topmenu .navbar{background:var(--color_third);}
.topmenu .navbar-nav{border-right:1px solid var(--color_white)}
.topmenu .navbar-nav.folder{position:relative}
.topmenu .navbar-nav.folder ul{transition: all 0.3s linear 0s;opacity:0;visibility:hidden;background: var(--color_third-7);position:absolute;top:100%;left:0;padding:0;/* right:0; */white-space: nowrap;}
.topmenu .navbar-nav.folder:hover ul{opacity:1; visibility:visible;}
.topmenu .navbar-nav.folder ul li{border:none}
.topmenu .navbar-nav.folder ul li a{border:none;font-size:90%;/* text-align: left; */padding: 0 15px !important;}

a.nav-link {}
.topmenu .navbar-nav:last-child{border-right:none}
.topmenu .nav-link{display:block; text-align:center; width:100%; padding:0 !important; font-size:16px; line-height:40px; color:var(--color_white); text-transform: uppercase; font-weight:700;border-top: 4px solid var(--color_first);text-decoration: none !important;padding-bottom: 4px !important;}
.topmenu .nav-link:hover, .topmenu ul > li.active > .nav-link{background:var(--color_first); border-color:var(--color_third)}
@media(max-width:991px){
	.topmenu .nav-link{font-size:14px; line-height:36px; border-top: 3px solid var(--color_first); padding-bottom: 3px !important;}
}
@media(max-width:767px){
	.topmenu .nav-link{font-size:12px; line-height:32px; border-top: 2px solid var(--color_first); padding-bottom: 2px !important;}
}
@media(max-width:575px){
	.mobile-menu__link{width: 100%; text-decoration:none !important}
	.title-menu{font-size:20px; color:var(--color_white); text-transform:uppercase; font-weight:700; text-decoration:none !important}
	.menu-btn{display:block; padding:5px 8px;border: 1px solid var(--color_white);} 
	.icon-bar{transition: all 0.3s linear 0s; display:block; height:2px; margin:5px 0; background:var(--color_white); border-radius:10px;width: 38px; position:relative}
	.topmenu .navbar-nav, .topmenu .nav-link{border:none}
	.collapse.navbar-collapse{margin:0 -15px; padding-top:10px}
	.topmenu .nav-link{font-size:16px; padding:5px 0 !important}
	.open-menu .icon-bar:nth-child(1){transform:rotate(45deg) translateY(5px) translateX(5px)}
	.open-menu .icon-bar:nth-child(2){opacity:0}
	.open-menu .icon-bar:nth-child(3){transform: rotate(-45deg) translateY(-5px) translateX(5px);}
	.open-menu .menu-btn{background:var(--color_first); border-color:var(--color_first)}
	.topmenu .navbar-nav.folder ul{position:static; opacity:1; visibility:visible}
}
/*** Подвал ***/
footer{background:var(--color_third); color:var(--color_white); padding:40px 0 0; flex-shrink: 0;}
.footer-fst p{font-size:12px; line-height:16px; margin:15px 0 0; color:var(--color_white)}
.footer-fst img{max-width:180px}
.footer-fst a{font-size:14px; line-height:18px; color:var(--color_white); font-weight:700}
.footer__address{color:var(--color_white); font-size:16px; line-height:24px}
.footer__contact{padding-bottom:15px; font-size:18px}
.footer__address, .footer__phone{font-size:16px; line-height:24px; font-weight:700}
.footer__address a, .footer__phone a{color:var(--color_white); font-size:16px; line-height:24px; font-weight:400}
.footer__social{padding: 20px 0 0;margin:0;}
.footer__social li{padding: 0 0 0 10px;margin:0;list-style:none;}
.footer__social li a{display:block;width:40px;height:40px;color:var(--color_first);font-size: 18px;border:3px solid var(--color_first);border-radius:100%;line-height: 36px;text-align:center;background:var(--color_white);}
.footer__social li a:hover{color:var(--color_first-2); border-color:var(--color_first-2)}
.footer__bottom{font-size:16px; line-height:20px; padding:30px 0; color:var(--color_white)}
.footer__bottom a{color:var(--color_white)}
@media(max-width:1229px){
	footer{padding:30px 0 0}
	.footer-fst p{font-size:12px; line-height:14px; margin:10px 0 0}
	.footer-fst img{max-width:140px}
	.footer__address{font-size:14px; line-height:22px}
	.footer__contact{padding-bottom:10px; font-size:16px}
	.footer__address, .footer__phone{font-size:14px; line-height:22px}
	.footer__address a, .footer__phone a{font-size:14px; line-height:22px}
	.footer__social{padding: 15px 0 0}
	.footer__social li a{width:35px; height:35px; font-size: 16px; border:2px solid var(--color_first); line-height: 32px}
	.footer__bottom{font-size:14px; line-height:18px; padding:20px 0}
}
@media(max-width:991px){
	footer{padding:20px 0 0}
	.footer-fst p{margin: 3px 0 0;}
	.footer__contact{font-size: 14px;}
	.footer__address a, .footer__phone a{font-size: 13px;line-height: 20px;}
	.footer__social li a{width:30px;height:30px;font-size: 14px;line-height: 26px;}
	.footer__bottom{font-size: 12px;line-height: 16px;padding: 15px 0;}
}
@media(max-width:575px){
	footer{padding:15px 0 0}
	.footer__social li{padding: 0 5px}
	.footer__contact{padding-bottom:0; font-size:16px}
	.footer__address, .footer__phone {font-size: 14px;line-height: 24px}
	.footer__address a, .footer__phone a {font-size: 16px}
	.footer__social li a{width:35px; height:35px; font-size: 16px; border:2px solid var(--color_first); line-height: 32px}
}
.company-logo{white-space: nowrap;width: 160px;text-align: center}
.company-logo a{color: #fff;font-size: 12px;display: flex;flex-direction: column;gap: 10px;text-align: center;letter-spacing: 0.5px;line-height: 1;}
.company-logo a img{max-width:100%; height:auto}
.company-logo a:hover{text-decoration:none}
.footer__bottom {justify-content: space-between;width: 100%}
@media(max-width:991px){
	.company-logo {width: 135px}
	.company-logo a {font-size: 10px; gap: 6px}
}
@media(max-width:767px){
	.footer__bottom{flex-direction:column; justify-content:center; align-items:center; gap:15px 0; text-align:center}
}
/*** Всплывающие формы ***/
.white-popup, .white-popup_{margin:0 auto; position:relative}
.modal-nova{overflow:visible}
.white-popup, .mfp-content .added-popup__style, .white-popup_, .form-new-pop, .modal-nova{padding: 35px 30px !important; background: var(--color_gray-light) !important; box-shadow: 0px 4px 10px var(--color_shadow); border-radius: 3px; text-align: center;max-width: 630px !important}
.sl_form	{max-height: calc(100vh);overflow-y: auto;}
.form-new-pop{max-width:480px !important}
.mfp-content .added-popup__style, .form-new-pop{position: relative; width: auto; margin: 20px auto;}
.right-block-title, .beforeForm{font-size: 18px; line-height: 26px; margin:0 0 20px}
.form-new-pop input[type=text], .form-new-pop textarea, .modal-nova input[type=text], .modal-nova textarea{width:100%; height: 46px; background: var(--color_white); border: none; padding: 0 15px; font-size: 16px; color: var(--color_gray-dark);}
.modal-nova input[type=text], .modal-nova textarea{margin-bottom: .5rem;}
.form-new-pop textarea, .modal-nova textarea{resize:none; height:150px; padding-top:10px}
.form-new-pop select, .modal-nova select{padding:0 15px; font-size: 16px; color: var(--color_gray-dark); appearance: none; -moz-appearance: none; -webkit-appearance: none; border:none; box-shadow:none; width: 100% !important; height: 46px; background-color:var(--color_white); background-image:url(/img/icon8.svg); background-repeat:no-repeat; background-position: 95% center; cursor:pointer}
.form-new-pop select::-ms-expand, .modal-nova select::-ms-expand{display: none}
.right-block-title br{display:none}
.white-popup .akcii-block {font-size: 18px; line-height: 26px;}
.added-popup__style .akcii-block {font-size: 18px; line-height: 26px;}
.mfp-wrap .white-popup_ .akcii-block {font-size: 18px; line-height: 26px;}
div.mfp-popup, .popup_h1.semi, .sl_form__header{font-weight: 700; font-size: 28px; line-height: 30px;  padding-bottom: 25px; color: var(--color_text-2);}
.popup_h1.semi, .sl_form__header{padding-bottom:0 !important; margin-bottom:20px}
.white-popup .button-action, .mfp-content .added-popup__style .button-action{display:block}
.wrapper__download-line{margin-bottom:25px;padding: 0 60px; display:none}
.white-popup .wrapper__download-line, .mfp-content .added-popup__style .wrapper__download-line, .white-popup_ .wrapper__download-line{display:block}
.wrapper__download-line__block{position:relative; border:1px solid var(--color_gray-dark); border-radius:3px; height:25px; overflow:hidden}
.download-line__block__animation{animation: download 10s; position:absolute; left:0; width:100%; top:0; bottom:0; background:url(/img/down-load.png) repeat-x left top}
.white-popup ul, .white-popup_ ul, .mfp-content .added-popup__style ul{padding: 0 0 0 25px;margin: 0;display: inline-block;position:relative;text-align: left}
.close_action_one.button-general, .btn-modal.btn-block{font-size:16px; width:auto}
.mfp-close-btn-in .mfp-close, .modal-nova .fancybox-close-small::after{background: var(--color_first);border-radius: 100%;color: var(--color_white) !important;right: -25px;top: -25px;width: 40px;height: 40px;font: 300 32px/40px Arial,"Helvetica Neue",Helvetica,sans-serif;opacity: 1}
.mfp-close-btn-in .mfp-close:hover, .modal-nova .fancybox-close-small:hover::after{background: var(--color_first-2);color: var(--color_white)}
.mfp-popup__title-list, .selected_action_step, .mfp-popup_red{font-size: 18px; line-height:22px; font-weight:700; color:var(--color_text-2);}
.mfp-popup_red{color: var(--color_first)}
.selected_action_step{font-weight:400}
.mfp-popup__list li{position:relative; padding: 0 0 20px 40px !important; list-style:none}
.mfp-popup__list li::before{content:"";left: 0;top: 10px;position: absolute;width: 24px;height: 24px;background-color: var(--color_third); background-image:url(/img/icon9.svg); background-repeat:no-repeat; background-position:center 7px;border-radius: 100%}
.mfp-popup__list li + li::before{background-color:var(--color_gray-middle-dark)}
.mfp-content .line__popup .wrapper__akcii__form, .white-popup_ .wrapper__akcii__form{padding-left: 45px;padding-right: 45px;border: none;padding-top: 0}
.mfp-popup__list::before {background: url(/img/arrow-red.png) no-repeat 0 0;content: "";width: 33px;height: 68px;position: absolute;left: 0;bottom: -30px}
.mfp-content .line__popup .wrapper__akcii__form__title {display: none}
.mfp-content .wrap-form-bottom{margin:0}
.info-popup-form {font-size:14px;line-height:18px;font-weight:700; color: var(--color_text-2);text-align: center;margin-top: 10px}
.mfp-popup__list{width: 100% !important; padding: 0 0 0 40px !important}
.pravila_popup a{color: var(--color_gray-dark);display: block;font-size: 14px;line-height: 20px;padding: 20px 0 0}
.modal-nova .form-agreement-yes.checkbox-week-label{color: var(--color_gray-dark);font-size: 14px;line-height: 20px;margin-top: 20px}
.modal-nova .form-agreement-yes.checkbox-week-label a{color: var(--color_gray-dark)}
.mfp-content .white-popup_ .wrapper__akcii-phone{display:none}
.mfp-content .added-popup__style ul{padding:5px 0 15px; margin:0;border-bottom: 1px dashed var(--color_second-3)}
.mfp-content .added-popup__style ul{padding:0; border:none}
.mfp-content .added-popup__style ul li, .white-popup .list-action ul li{position:relative; padding:5px 0 5px 32px; margin:0; list-style:none}
.white-popup.added-popup__style ul{padding:5px 0 15px; margin:0;border-bottom: 1px dashed var(--color_second-3)}
.white-popup.added-popup__style ul{padding:0; border:none}
.action-fancybox{padding: 35px 30px !important;background: var(--color_gray-light) !important;box-shadow: 0px 4px 10px var(--color_shadow);border-radius: 3px;text-align: center;max-width: 520px !important;display:none;overflow:visible}
@keyframes download {
	0% {width:0%}
	10% {width:10%}
	20% {width:20%}
	30% {width:30%}
	40% {width:40%}
	50% {width:50%}
	60% {width:60%}
	70% {width:70%}
	80% {width:80%}
	90% {width:90%}
	100% {width:100%}
}
@media(max-width:1229px){
	.mfp-content .added-popup__style ul li, .white-popup .list-action ul li{padding: 3px 0 3px 30px}
}
@media(max-width:700px){
	.white-popup, .mfp-content .added-popup__style, .white-popup_, .form-new-pop, .action-fancybox, .modal-nova{padding: 20px 15px 30px !important; max-width: 93% !important}
	.right-block-title{font-size: 16px; line-height: 24px; margin:0 0 15px}
	div.mfp-popup, .popup_h1.semi{font-size: 24px; line-height: 26px; padding-bottom: 20px}
	.popup_h1.semi{margin-bottom:15px}
	.added-popup__style .akcii-block, .white-popup .akcii-block{font-size: 16px;line-height: 20px}
	.mfp-popup__list {padding: 0 40px !important;}
	.mfp-popup__title-list, .selected_action_step, .mfp-popup_red {font-size: 16px;line-height: 20px}
	.form-new-pop input[type=text], .form-new-pop select, .modal-nova input[type=text], .modal-nova select{height: 42px; font-size: 15px}
	.form-new-pop textarea, .modal-nova textarea{font-size:15px; height:120px}
	
	div.mfp-popup, .popup_h1.semi, .sl_form__header{font-size: 24px; line-height: 26px;  padding-bottom: 20px;}
	.popup_h1.semi, .sl_form__header{padding-bottom:0 !important; margin-bottom:15px}

}
@media(max-width:500px){
	.white-popup, .mfp-content .added-popup__style, .white-popup_, .form-new-pop, .action-fancybox, .modal-nova{max-width: 90% !important}
	.right-block-title{font-size: 14px; line-height: 22px; margin:0 0 15px}
	div.mfp-popup, .popup_h1.semi{font-size: 20px; line-height: 24px; padding-bottom: 15px}
	.added-popup__style .akcii-block, .white-popup .akcii-block{font-size: 14px;line-height: 18px}
	.white-popup ul, .white-popup_ ul, .mfp-content .added-popup__style ul{padding:0}
	.mfp-popup__title-list, .selected_action_step, .mfp-popup_red {font-size: 14px;line-height: 18px}
	.pravila_popup a {font-size: 12px;line-height: 16px;padding: 10px 0 0}
	.form-new-pop input[type=text], .form-new-pop select, .modal-nova input[type=text], .modal-nova select{height: 40px; font-size: 14px}
	.form-new-pop textarea, .modal-nova textarea{font-size:14px; height:100px}
	div.mfp-popup, .popup_h1.semi, .sl_form__header{font-size: 20px; line-height: 22px;  padding-bottom: 15px;}
	.popup_h1.semi, .sl_form__header{padding-bottom:0 !important; margin-bottom:10px}
	.mfp-close-btn-in .mfp-close{right: -25px;top: -25px}
	.modal-nova .fancybox-close-small::after{right: -20px;top: -20px}
	.right-block-title, .beforeForm {font-size: 16px;line-height: 24px;margin: 0 0 15px}
}
@media(max-width:420px){
	.white-popup, .mfp-content .added-popup__style, .white-popup_, .form-new-pop, .action-fancybox, .modal-nova{max-width: 85% !important}
	.mfp-content .line__popup .wrapper__akcii__form, .white-popup_ .wrapper__akcii__form{padding-left: 0; padding-right: 0}
	.popup_h1.semi, .right-block-title{margin-bottom:10px}
	.mfp-popup__list::before{display:none}
	.mfp-popup__list{padding:0 15px !important}
	.mfp-popup__list li {padding: 0 0 15px 30px !important}
	.mfp-popup__list li::before{top: 0;width: 20px;height: 20px;background-size:10px}
	.wrapper__download-line {margin-bottom: 20px;padding: 0 15px}
	.info-popup-form {font-size: 12px; line-height: 16px; margin-top: 15px; padding: 0 15px}
	.close_action_one.button-general, .btn-modal.btn-block{font-size: 14px}
	.form-new-pop input[type=text], .form-new-pop select, .modal-nova input[type=text], .modal-nova select{height: 35px; font-size: 13px; padding:0 10px}
	.form-new-pop textarea, .modal-nova textarea{font-size:13px; height:100px; padding:5px 10px 0}
	div.mfp-popup, .popup_h1.semi, .sl_form__header{font-size: 18px; line-height: 20px;  padding-bottom: 10px;}
	.popup_h1.semi, .sl_form__header{padding-bottom:0 !important; margin-bottom:15px}
	.mfp-close-btn-in .mfp-close, .modal-nova .fancybox-close-small::after{right: -20px;top: -20px;width: 30px;height: 30px;font: 300 26px/30px Arial,"Helvetica Neue",Helvetica,sans-serif}
	.fancybox-close-small {width: 30px;height: 30px;right: -15px;top: -15px}
	.modal-nova .fancybox-close-small::after{right: -5px;top: -5px}
	.modal-nova .form-agreement-yes.checkbox-week-label{font-size:10px; line-height:20px}
	.right-block-title, .beforeForm {font-size: 14px;line-height: 20px;margin: 0 0 10px}
}

.floating-back-btn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 999;
	background: var(--color_third);
	color: var(--color_white) !important;
	border: 2px solid var(--color_first);
	border-radius: 50px;
	padding: 12px 24px;
	font-weight: bold;
	font-size: 16px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	text-decoration: none !important;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
}
.floating-back-btn:hover {
	background: var(--color_first);
	color: var(--color_third) !important;
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
@media(max-width:767px){
	.floating-back-btn {
		bottom: 20px;
		right: 20px;
		padding: 10px 20px;
		font-size: 14px;
	}
}

.achievements-module {
	padding: 60px 0;
}

.achievements-card {
	background: url(/img/achievements_bg.webp) no-repeat right center / cover #ffffff;
	border-radius: 32px;
	padding: 60px 50px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.05);
	min-height: 480px;
	overflow: hidden;
}

.achievements-subtitle {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #0b1a2d;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.achievements-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 42px;
	font-weight: 800;
	color: #0076a3;
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: lowercase;
}

.achievements-title::first-letter {
	text-transform: uppercase;
}

.achievements-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #4a5568;
	margin-bottom: 40px;
	max-width: 450px;
}

.achievements-grid {
	max-width: none !important;
}

.achievement-item {
	display: flex;
	align-items: center;
}

.ach-icon-w {
	width: 56px;
	height: 56px;
	min-width: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
}

.ach-text-w {
	display: flex;
	flex-direction: column;
}

.ach-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #718096;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.ach-value {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #0076a3;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* Responsiveness */
@media (max-width: 1199px) {
	.achievements-card {
		padding: 40px 30px;
	}
	.achievements-title {
		font-size: 34px;
	}
}

@media (max-width: 991px) {
	.achievements-card {
		background-image: none !important;
		background-size: cover;
		background-position: right center;
	}
}

@media (max-width: 767px) {
	.achievements-card {
		padding: 30px 20px;
	}
	.achievements-title {
		font-size: 28px;
	}
	.achievements-desc {
		font-size: 14px;
		margin-bottom: 25px;
	}
	.achievement-item {
		margin-bottom: 20px;
	}
}

/* Quiz Section CSS */
.quiz-module {
	background-color: #f4f6f8;
	background-image: linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),
	                  linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px);
	background-size: 20px 20px;
	padding: 80px 0;
}

.quiz-badge {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #0076a3;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 12px;
	display: inline-block;
	background: rgba(0, 118, 163, 0.08);
	padding: 6px 14px;
	border-radius: 30px;
}

.quiz-left-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 38px;
	font-weight: 800;
	color: #0b1a2d;
	line-height: 1.3;
	margin-bottom: 20px;
}

.quiz-left-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #4a5568;
}

.quiz-container-card {
	background: #ffffff;
	border-radius: 24px;
	padding: 40px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.05);
	position: relative;
}

.quiz-step-tag {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #0076a3;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.quiz-step-counter {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #718096;
}

.quiz-progress-bar-w {
	height: 6px;
	background: #edf2f7;
	border-radius: 10px;
	overflow: hidden;
}

.quiz-progress-bar-fill {
	height: 100%;
	background: #0076a3;
	transition: width 0.3s ease;
}

.quiz-step {
	display: none;
}

.quiz-step.active {
	display: block;
}

.quiz-question-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #0b1a2d;
}

.quiz-opt-btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 16px;
	padding: 20px 10px;
	transition: all 0.2s ease;
	cursor: pointer;
	text-align: center;
}

.quiz-opt-btn:hover {
	border-color: #0076a3;
	background: #f0f9ff;
	transform: translateY(-2px);
}

.quiz-opt-btn:focus {
	outline: none;
}

.quiz-opt-icon {
	font-size: 26px;
	color: #0076a3;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
}

.quiz-opt-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #2d3748;
}

.quiz-opt-area-btn {
	align-items: flex-start;
	text-align: left;
	padding: 16px 20px;
}

.badge-light-blue {
	background: #e0f2fe;
	color: #0369a1;
	font-size: 11px;
	padding: 4px 8px;
	border-radius: 6px;
	font-weight: 700;
}

.quiz-opt-area-desc {
	font-size: 11px;
	margin-top: 4px;
	line-height: 1.3;
}

.quiz-checkbox-input {
	display: none;
}

.quiz-checkbox-input:checked + .quiz-opt-btn,
.quiz-opt-btn.checked {
	border-color: #0076a3;
	background: #f0f9ff;
	box-shadow: 0 0 0 1px #0076a3;
}

.btn-quiz-next {
	background: #0076a3;
	border: none;
	color: #ffffff;
	padding: 12px 30px;
	border-radius: 30px;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-quiz-next:hover {
	background: #005a7d;
}

.btn-quiz-back {
	background: transparent;
	border: 1px solid #cbd5e0;
	color: #4a5568;
	padding: 10px 20px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
}

.btn-quiz-back:hover {
	background: #f7fafc;
	border-color: #a0aec0;
}

.btn-quiz-submit {
	background: var(--color_first);
	border: none;
	color: #ffffff;
	padding: 16px 30px;
	border-radius: 35px;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-quiz-submit:hover {
	background: var(--color_first-2);
}

.quiz-input {
	height: 54px;
	border-radius: 27px !important;
	padding: 0 25px !important;
	border: 2px solid #e2e8f0 !important;
	font-size: 15px !important;
	font-weight: 500;
	color: #2d3748;
	background: #ffffff;
	transition: all 0.2s ease;
}

.quiz-input:focus {
	border-color: #0076a3 !important;
	box-shadow: 0 0 0 3px rgba(0, 118, 163, 0.1) !important;
	outline: none;
}

/* Responsiveness */
@media (max-width: 1199px) {
	.quiz-left-title {
		font-size: 30px;
	}
	.quiz-container-card {
		padding: 30px 25px;
	}
}

@media (max-width: 991px) {
	.quiz-module {
		padding: 60px 0;
	}
	.quiz-left-info {
		text-align: center;
	}
}

@media (max-width: 575px) {
	.quiz-container-card {
		padding: 20px 15px;
	}
	.quiz-opt-btn {
		padding: 15px 5px;
	}
	.quiz-opt-icon {
		font-size: 20px;
		margin-bottom: 5px;
		height: 28px;
	}
	.quiz-opt-label {
		font-size: 11px;
	}
	.quiz-opt-area-btn {
		padding: 12px 14px;
	}
	.quiz-question-title {
		font-size: 18px;
	}
}

#interactive-quiz-form .quiz-input {
	height: 54px !important;
	border-radius: 27px !important;
	padding: 0 25px !important;
	border: 2px solid #e2e8f0 !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #2d3748 !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

#interactive-quiz-form .btn-quiz-submit {
	background: var(--color-navy) !important;
	color: #ffffff !important;
	border-radius: 100px !important;
	border: none !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 16px 28px !important;
	min-width: 100% !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-transform: none !important;
	box-shadow: var(--shadow-medium) !important;
	font-family: var(--font-main) !important;
	height: auto !important;
	line-height: inherit !important;
	position: relative !important;
}

#interactive-quiz-form .btn-quiz-submit::after {
	content: "↗" !important;
	margin-left: 8px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	display: inline-block !important;
	transition: transform 0.3s ease !important;
}

#interactive-quiz-form .btn-quiz-submit:hover {
	background: var(--color-blue) !important;
	color: #ffffff !important;
}

#interactive-quiz-form .btn-quiz-submit:hover::after {
	transform: translate(2px, -2px) !important;
}

#interactive-quiz-form .form-agreement-yes {
	color: #718096 !important;
	text-decoration: none !important;
	font-size: 11px !important;
	line-height: 1.4 !important;
	margin-top: 15px !important;
	display: block !important;
	padding-left: 0 !important;
}

#interactive-quiz-form .form-agreement-yes a {
	color: var(--color-blue) !important;
	text-decoration: underline !important;
}

#interactive-quiz-form .form-agreement-yes a:hover {
	color: var(--color-blue-dark) !important;
}

/* Director Section Styles */
.director-module {
	background-color: #ffffff !important;
	padding: 80px 0;
}

.director-photo-container {
	position: relative;
	width: 440px;
	height: 440px;
	margin: 0 auto;
}

.director-bg-box {
	position: absolute;
	top: -25px;
	left: -25px;
	width: 180px;
	height: 440px;
	background: #00c3ff;
	z-index: 1;
}

.director-img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
}

.director-waves-wrapper {
	position: absolute;
	top: 35%;
	left: -35px;
	z-index: 3;
}

.director-waves {
	display: block;
}

.director-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 38px;
	font-weight: 800;
	color: #0b1a2d;
	margin-top: 0;
	margin-bottom: 12px;
	letter-spacing: -0.5px;
}

.director-role {
	display: inline-block;
	background: #003666;
	color: #ffffff;
	padding: 10px 22px;
	border-radius: 4px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	margin-bottom: 35px;
}

.director-features-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.director-feature-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 24px;
}

.director-feature-icon {
	width: 26px;
	height: 26px;
	min-width: 26px;
	background: #ebf8ff;
	color: #3182ce;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	margin-right: 18px;
	margin-top: 2px;
}

.director-feature-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #2d3748;
	line-height: 1.5;
}

/* Responsiveness for Director Block */
@media (max-width: 1199px) {
	.director-photo-container {
		width: 380px;
		height: 380px;
	}
	.director-bg-box {
		width: 150px;
		height: 380px;
	}
	.director-name {
		font-size: 32px;
	}
}

@media (max-width: 991px) {
	.director-module {
		padding: 60px 0;
	}
	.director-photo-container {
		max-width: 360px;
		height: 360px;
		margin-bottom: 45px;
	}
	.director-bg-box {
		width: 150px;
		height: 360px;
		top: -20px;
		left: -20px;
	}
	.director-waves-wrapper {
		left: -28px;
	}
	.director-name {
		text-align: center;
		font-size: 30px;
	}
	.director-role {
		display: table;
		margin: 0 auto 30px;
		text-align: center;
	}
	.director-features-list {
		max-width: 580px;
		margin: 0 auto;
	}
}

@media (max-width: 575px) {
	.director-photo-container {
		width: 280px;
		height: 280px;
	}
	.director-bg-box {
		width: 110px;
		height: 280px;
		top: -15px;
		left: -15px;
	}
	.director-waves-wrapper {
		left: -20px;
	}
	.director-waves {
		width: 70px;
		height: 56px;
	}
	.director-name {
		font-size: 26px;
	}
	.director-role {
		padding: 8px 18px;
		font-size: 12px;
	}
	.director-feature-text {
		font-size: 14px;
	}
	.director-feature-icon {
		width: 22px;
		height: 22px;
		min-width: 22px;
		font-size: 10px;
		margin-right: 12px;
	}
}

/* Bonuses Block Styles (After Quiz) */
.bonuses-module {
	padding: 50px 0;
	background-color: transparent !important;
}

.bonus-card {
	position: relative;
	background: #ffffff;
	border-radius: 16px;
	height: 210px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
	border: 1px solid rgba(0, 0, 0, 0.04);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bonus-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.bonus-badge {
	position: absolute;
	top: 0;
	left: 20px;
	background: linear-gradient(135deg, #ffc045 0%, #ffa800 100%);
	color: #4a2c00;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	font-weight: 800;
	padding: 5px 12px;
	border-radius: 0 0 6px 6px;
	z-index: 10;
	box-shadow: 0 3px 8px rgba(255, 168, 0, 0.15);
	letter-spacing: 0.5px;
}

.bonus-card-body {
	padding: 30px 10px 20px 20px;
	z-index: 2;
}

.bonus-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #0b1a2d;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 8px;
}

.bonus-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #718096;
	line-height: 1.5;
	margin: 0;
}

.bonus-image-wrapper {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 0;
	overflow: hidden;
}

.bonus-img {
	max-height: 95%;
	max-width: 100%;
	object-fit: contain;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.img-selection {
	height: 90%;
	right: -10px;
	bottom: -5px;
}

.img-visit {
	height: 85%;
	right: -5px;
	bottom: 0;
}

.img-delivery {
	height: 98%;
	right: 0;
	bottom: 0;
}

/* Responsiveness for Bonuses Section */
@media (max-width: 1199px) {
	.bonus-card {
		height: 230px;
	}
	.bonus-title {
		font-size: 14px;
	}
	.bonus-desc {
		font-size: 11px;
	}
	.img-selection {
		right: -15px;
	}
	.img-visit {
		right: -10px;
	}
}

@media (max-width: 991px) {
	.bonuses-module {
		padding: 40px 0;
	}
	.bonus-card {
		height: 190px;
		max-width: 450px;
		margin: 0 auto;
	}
	.bonus-title {
		font-size: 15px;
	}
	.bonus-desc {
		font-size: 12px;
	}
}

@media (max-width: 575px) {
	.bonus-card {
		height: auto;
		display: flex;
		flex-direction: column;
	}
	.bonus-card-body {
		padding: 25px 20px 15px 20px;
	}
	.bonus-image-wrapper {
		width: 100%;
		height: 140px;
		background: #fafafa;
		border-top: 1px solid #f2f4f6;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px 0;
	}
	.bonus-img {
		position: static;
		max-height: 120px;
	}
}

/* AC Types Section Styles (Before How We Work) */
.ac-types-module {
	padding: 70px 0;
	background-color: #f8fafc;
	border-top: 1px solid #eef2f6;
	border-bottom: 1px solid #eef2f6;
}

.type-card {
	background: #ffffff;
	border-radius: 16px;
	border: 1px solid rgba(0, 0, 0, 0.04);
	padding: 24px;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.type-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);
}

.type-card-image-w {
	width: 100%;
	height: 170px;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 24px;
	background-color: #f7fafc;
}

.type-card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.type-card:hover .type-card-img {
	transform: scale(1.05);
}

.type-card-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 800;
	color: #0b1a2d;
	margin-top: 0;
	margin-bottom: 24px;
	letter-spacing: -0.3px;
}

.type-items-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.type-item {
	display: flex;
	align-items: flex-start;
}

.type-icon-w {
	width: 42px;
	height: 42px;
	min-width: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8fafc;
	border: 1.5px solid #edf2f7;
	border-radius: 10px;
	margin-right: 15px;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.type-card:hover .type-icon-w {
	background: #edf2f7;
	border-color: #cbd5e0;
}

.type-icon {
	color: #0b1a2d;
	width: 20px;
	height: 20px;
	stroke-width: 2;
}

.type-item-text {
	display: flex;
	flex-direction: column;
}

.type-item-link {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--color-navy) !important;
	text-decoration: none !important;
	line-height: 1.3 !important;
	margin-bottom: 3px !important;
	cursor: default !important;
}

.type-item-link:hover {
	color: var(--color-navy) !important;
	text-decoration: none !important;
}

.type-item-desc {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #718096;
	line-height: 1.4;
}

/* Responsiveness for AC Types Section */
@media (max-width: 991px) {
	.ac-types-module {
		padding: 50px 0;
	}
	.type-card {
		max-width: 480px;
		margin: 0 auto;
	}
}

@media (max-width: 575px) {
	.ac-types-module .main-module__title span {
		font-size: 26px !important;
		line-height: 1.3;
		display: block;
	}
	.ac-types-module .main-module__subtitle {
		font-size: 13px !important;
		margin-bottom: 30px !important;
	}
	.type-card {
		padding: 20px;
	}
	.type-card-image-w {
		height: 150px;
		margin-bottom: 20px;
	}
	.type-card-title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.type-item-link {
		font-size: 14px;
	}
	.type-item-desc {
		font-size: 11px;
	}
}

/* Redesigned Bottom Calculation Lead Block Styles */
.bottom-lead-section {
	padding: 60px 0;
	background: #ffffff;
}

.lead-card-wrapper {
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #ffffff;
}

.lead-card-left {
	background: #1c1d1f;
	padding: 55px;
	color: #ffffff;
	position: relative;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.lead-tag {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	font-weight: 800;
	color: #00bcd4;
	letter-spacing: 1.5px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
}

.lead-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 34px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.25;
	margin-top: 0;
	margin-bottom: 20px;
	position: relative;
	z-index: 5;
}

.lead-subtitle {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #a0aec0;
	line-height: 1.6;
	margin-bottom: 35px;
	position: relative;
	z-index: 5;
}

.lead-highlights {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
	z-index: 5;
}

.lead-highlight-item {
	display: flex;
	align-items: center;
}

.lead-highlight-icon {
	width: 40px;
	height: 40px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.07);
	border-radius: 50%;
	color: #00bcd4;
	margin-right: 18px;
	font-size: 16px;
}

.lead-highlight-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #edf2f7;
}

/* Concentric Circles CSS Overlay */
.lead-card-circles {
	position: absolute;
	bottom: -120px;
	right: -120px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	pointer-events: none;
}

.lead-card-circles::before {
	content: '';
	width: 270px;
	height: 270px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.04);
	display: flex;
	align-items: center;
	justify-content: center;
}

.lead-card-circles::after {
	content: '';
	position: absolute;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.03);
}

.lead-card-right {
	background: #ffffff;
	padding: 55px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.form-group-w {
	margin-bottom: 22px;
}

.field-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #2d3748;
	margin-bottom: 8px;
	display: block;
}

.field-input-wrapper {
	position: relative;
}

.field-icon {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: #a0aec0;
	font-size: 16px;
}

.field-input-wrapper input {
	width: 100%;
	padding: 14px 18px 14px 48px;
	border: 1.5px solid #e2e8f0;
	border-radius: 12px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #2d3748;
	background-color: #ffffff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.field-input-wrapper input:focus {
	border-color: #0076a3;
	box-shadow: 0 0 0 3px rgba(0, 118, 163, 0.1);
	outline: none;
}

.lead-type-badge {
	display: inline-flex;
	align-items: center;
	background: #f0f4f8;
	color: #2b6cb0;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 18px;
	border-radius: 8px;
	margin-bottom: 25px;
}

.lead-submit-btn {
	width: 100%;
	background: #1c1d1f;
	color: #ffffff;
	border: none;
	padding: 16px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	border-radius: 30px;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.lead-submit-btn:hover {
	background: #2d3748;
}

.lead-submit-btn:active {
	transform: scale(0.98);
}

.lead-consent-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #718096;
	line-height: 1.45;
	margin-top: 18px;
	text-align: center;
}

.lead-consent-text a {
	color: #0076a3;
	text-decoration: underline;
	font-weight: 600;
}

.lead-bottom-caption {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #a0aec0;
	text-align: center;
	margin-top: 15px;
	line-height: 1.4;
}

/* Responsiveness for Bottom Lead Capture Form */
@media (max-width: 991px) {
	.lead-card-left {
		padding: 40px;
	}
	.lead-card-right {
		padding: 40px;
	}
	.lead-title {
		font-size: 28px;
	}
}

@media (max-width: 575px) {
	.bottom-lead-section {
		padding: 40px 0;
	}
	.lead-card-left {
		padding: 30px 20px;
	}
	.lead-card-right {
		padding: 30px 20px;
	}
	.lead-title {
		font-size: 24px;
	}
	.lead-subtitle {
		font-size: 13px;
		margin-bottom: 25px;
	}
	.lead-highlight-text {
		font-size: 13px;
	}
	.lead-highlight-icon {
		width: 36px;
		height: 36px;
		min-width: 36px;
		font-size: 14px;
		margin-right: 12px;
	}
	.lead-submit-btn {
		font-size: 15px;
		padding: 14px;
	}
}

/* Redesigned Compact Sticky Header Styles */
.sticky-header-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	background: #ffffff;
	border-bottom: 1px solid #edf2f7;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	padding: 12px 0;
	transition: background-color 0.3s ease, padding 0.3s ease;
}

body {
	padding-top: 68px !important; /* Header height offset */
}

.header-row {
	width: 100%;
}

.header-logo-link {
	display: inline-block;
	max-width: 160px;
	transition: opacity 0.2s ease;
}

.header-logo-link:hover {
	opacity: 0.9;
}

.header-logo-img {
	max-height: 44px;
	width: auto;
	display: block;
}

.header-divider {
	width: 1px;
	height: 30px;
	background-color: #cbd5e0;
	margin: 0 20px;
}

.header-description {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	line-height: 1.4;
}

.desc-brand {
	font-weight: 700;
	color: #0b1a2d;
}

.desc-text {
	font-weight: 500;
	color: #718096;
}

.header-phone-box {
	font-family: 'Montserrat', sans-serif;
}

.phone-icon {
	color: #0076a3;
	font-size: 18px;
}

.phone-details {
	display: flex;
	flex-direction: column;
}

.header-phone-link {
	font-size: 18px;
	font-weight: 800;
	color: #0b1a2d !important;
	text-decoration: none !important;
	line-height: 1.2;
	transition: color 0.2s ease;
	white-space: nowrap;
}

.header-phone-link:hover {
	color: #0076a3 !important;
}

.phone-hours {
	font-size: 10px;
	color: #a0aec0;
	font-weight: 600;
	margin-top: 2px;
	letter-spacing: 0.3px;
}

.header-callback-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background-color: var(--color-blue) !important;
	border: none !important;
	padding: 10px 24px !important;
	height: 44px !important;
	border-radius: 100px !important;
	text-decoration: none !important;
	letter-spacing: 0.3px !important;
	box-shadow: 0 4px 14px rgba(59, 102, 245, 0.2) !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	cursor: pointer !important;
}

.header-callback-btn:hover {
	background-color: var(--color-navy) !important;
	color: #ffffff !important;
	box-shadow: 0 6px 20px rgba(13, 28, 63, 0.25) !important;
	transform: translateY(-1.5px) !important;
}

/* Responsive Header */
@media (max-width: 991px) {
	.sticky-header-container {
		padding: 8px 0;
	}
	body {
		padding-top: 56px !important;
	}
	.header-logo-img {
		max-height: 36px;
	}
}

@media (max-width: 575px) {
	.header-phone-link {
		font-size: 16px;
	}
	.phone-icon {
		font-size: 15px;
	}
}

/* ==========================================================================
   APEXCARE THEME OVERRIDES & DESIGN SYSTEM (VISUAL REDESIGN)
   ========================================================================== */

:root {
	--font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-serif: 'Playfair Display', "Georgia", "Times New Roman", serif;
	--color-bg: #F4F6F9;
	--color-card: #FFFFFF;
	--color-navy: #0D1C3F;
	--color-navy-dark: #071026;
	--color-text-muted: #5A6785;
	--color-blue: #3B66F5;
	--color-blue-light: rgba(59, 102, 245, 0.07);
	--color-orange: #FF9800;
	--color-border: rgba(13, 28, 63, 0.08);
	--shadow-soft: 0 10px 30px rgba(13, 28, 63, 0.02);
	--shadow-medium: 0 15px 45px rgba(13, 28, 63, 0.05);
	--radius-lg: 24px;
	--radius-md: 16px;
	--radius-sm: 8px;
}

/* Global Font Overrides */
body, p, div, span, li, a, button, input, textarea, select, label, h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-main) !important;
}

/* Elegant serif highlights */
em, i.serif-italic, .serif-highlight, 
.main-title__fst em, 
.quiz-left-title em, 
.achievements-title em, 
.lead-title em,
.form-price__title em,
.main-title__fst span,
.main-title__fst strong {
	font-family: var(--font-serif) !important;
	font-style: italic !important;
	font-weight: 500 !important;
	text-transform: none !important;
}

/* Body & Layout resets */
body {
	background-color: var(--color-bg) !important;
	color: var(--color-navy) !important;
}

/* Section Margins & Spacings */
.main-module {
	padding: 90px 0 !important;
	background: transparent !important;
}
.main-module.pt-0 {
	padding-top: 0 !important;
}

/* Sticky Header styling updates */
.sticky-header-container {
	background-color: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border-bottom: 1px solid var(--color-border) !important;
	box-shadow: 0 4px 30px rgba(13, 28, 63, 0.03) !important;
	padding: 14px 0 !important;
}
.header-logo-img {
	max-height: 38px !important;
}
.header-description {
	font-family: var(--font-main) !important;
}
.desc-brand {
	color: var(--color-navy) !important;
	font-weight: 800 !important;
}
.header-phone-link {
	color: var(--color-navy) !important;
	font-weight: 800 !important;
}
.header-phone-link:hover {
	color: var(--color-blue) !important;
}

/* Small visual pill badges */
.quiz-badge, .lead-tag, .bonus-badge, .achievements-subtitle, .ac-types-badge {
	background: var(--color-blue-light) !important;
	color: var(--color-blue) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	padding: 6px 16px !important;
	border-radius: 100px !important;
	display: inline-block !important;
	margin-bottom: 20px !important;
	border: none !important;
}

/* Main headings */
.main-title__fst, .quiz-left-title, .achievements-title, .lead-title, .form-price__title, .form-interst__title, .question__title-form {
	font-family: var(--font-main) !important;
	font-weight: 800 !important;
	color: var(--color-navy) !important;
	font-size: 38px !important;
	line-height: 1.22 !important;
	letter-spacing: -0.8px !important;
	margin-bottom: 18px !important;
	text-align: left !important;
	text-transform: none !important;
}
.main-module__title {
	text-align: left !important;
	padding-bottom: 20px !important;
}
.text-center .main-title__fst, 
.text-center.main-module__title,
.ac-types-module .main-module__title,
.ac-types-module .main-module__subtitle {
	text-align: center !important;
}

/* Primary Button variants (Navy capsules with inline diagonal arrows) */
.button-general, .btn-modal.btn-block, button[type="submit"], .btn-quiz-next {
	background: var(--color-navy) !important;
	color: #ffffff !important;
	border-radius: 100px !important;
	border: none !important;
	font-weight: 700 !important;
	letter-spacing: 0.2px !important;
	font-size: 14px !important;
	padding: 0 32px !important;
	height: 52px !important;
	line-height: 52px !important;
	box-shadow: var(--shadow-medium) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-transform: none !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	cursor: pointer !important;
}
.button-general::after, .btn-modal.btn-block::after, button[type="submit"]::after, .btn-quiz-next::after {
	content: "↗" !important;
	background: rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
	width: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
	border-radius: 50% !important;
	margin-left: 12px !important;
	display: inline-block !important;
	text-align: center !important;
	font-size: 12px !important;
	font-weight: bold !important;
	transition: all 0.3s ease !important;
}
.button-general:hover, .btn-modal.btn-block:hover, button[type="submit"]:hover, .btn-quiz-next:hover {
	background: var(--color-blue) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 10px 25px rgba(59, 102, 245, 0.2) !important;
	color: #ffffff !important;
}
.button-general:hover::after, .btn-modal.btn-block:hover::after, button[type="submit"]:hover::after, .btn-quiz-next:hover::after {
	background: #ffffff !important;
	color: var(--color-blue) !important;
	transform: rotate(45deg) !important;
}
/* Disable the radiances on buttons */
.button-general.add-btn span::before {
	display: none !important;
}

/* Secondary Button (Outline variants) */
.btn-quiz-back, .floating-back-btn {
	background: transparent !important;
	color: var(--color-navy) !important;
	border: 2px solid rgba(13, 28, 63, 0.15) !important;
	border-radius: 100px !important;
	font-weight: 700 !important;
	padding: 10px 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	height: 44px !important;
	line-height: 20px !important;
	text-transform: none !important;
	box-shadow: none !important;
}
.btn-quiz-back:hover, .floating-back-btn:hover {
	border-color: var(--color-navy) !important;
	background: rgba(13, 28, 63, 0.03) !important;
	color: var(--color-navy) !important;
}

/* Input boxes & form fields styling */
.steny-banner__field, .form-steny__field, .question__form-field {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	background: #F2F4F7 !important;
	border: 1px solid rgba(13, 28, 63, 0.05) !important;
	border-radius: 14px !important;
	padding: 0 18px !important;
	margin-bottom: 16px !important;
	height: 54px !important;
	width: 100% !important;
	transition: all 0.3s ease !important;
	box-shadow: none !important;
}
.steny-banner__field input, .form-steny__field input, .question__form-field input {
	background: transparent !important;
	border: none !important;
	outline: none !important;
	color: var(--color-navy) !important;
	font-size: 15px !important;
	font-weight: 550 !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.steny-banner__field span, .form-steny__field span {
	display: flex !important;
	align-items: center !important;
	margin-right: 12px !important;
	color: var(--color-text-muted) !important;
}
.steny-banner__field span svg, .form-steny__field span img {
	opacity: 0.5;
	width: 16px;
	height: 16px;
}
.steny-banner__field:focus-within, .form-steny__field:focus-within, .question__form-field:focus-within {
	border-color: var(--color-blue) !important;
	background: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(59, 102, 245, 0.12) !important;
}

/* Card components styling (ApexCare container styles) */
.steny-best__block,
.type-card,
.quiz-container-card,
.achievements-card,
.lead-card-wrapper,
.accordion-item,
.director-module,
.wrapper__question-form {
	background: var(--color-card) !important;
	border: 1px solid var(--color-border) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-soft) !important;
	padding: 30px !important;
	transition: all 0.3s ease !important;
}
.steny-best__block:hover,
.type-card:hover,
.bonus-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-medium) !important;
	border-color: rgba(13, 28, 63, 0.12) !important;
}

/* Benefits Card Icons */
.steny-best__block-icon {
	background: var(--color-blue-light) !important;
	border-radius: 50% !important;
	width: 56px !important;
	height: 56px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-right: 18px !important;
	flex-shrink: 0 !important;
}
.steny-best__block-icon img {
	width: 24px !important;
	height: 24px !important;
	filter: brightness(0) invert(37%) sepia(93%) saturate(2283%) hue-rotate(217deg) brightness(98%) contrast(96%) !important;
}
.steny-best__block {
	display: flex !important;
	align-items: center !important;
	padding: 24px !important;
}
.steny-best__title {
	font-weight: 700 !important;
	color: var(--color-navy) !important;
	font-size: 18px !important;
	margin-bottom: 6px !important;
}

/* Gallery Section (Works Section) */
.works-section .slick-steny-arrow {
	background: var(--color-navy) !important;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
}
.works-section .slick-steny-arrow:hover {
	background: var(--color-blue) !important;
}
.works-section .photos__link img {
	border-radius: var(--radius-md) !important;
}

/* Interactive Quiz Section overrides */
.quiz-container-card {
	padding: 40px !important;
}
.quiz-option-card {
	border-radius: var(--radius-md) !important;
	border: 1px solid rgba(13, 28, 63, 0.08) !important;
	background: #ffffff !important;
	padding: 20px !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
	height: 100% !important;
}
.quiz-option-card:hover {
	border-color: var(--color-blue) !important;
	background: rgba(59, 102, 245, 0.01) !important;
}
.quiz-option-card.selected {
	border-color: var(--color-blue) !important;
	background: rgba(59, 102, 245, 0.03) !important;
	box-shadow: 0 0 0 3px rgba(59, 102, 245, 0.1) !important;
}
.quiz-progress-inner {
	background: var(--color-blue) !important;
	border-radius: 100px !important;
}
.quiz-progress-bar {
	background: #E8EBF2 !important;
	border-radius: 100px !important;
	height: 6px !important;
}

/* Bonuses Block overrides */
.bonus-card {
	padding: 0 !important;
	position: relative !important;
	overflow: hidden !important;
	background: var(--color-card) !important;
	border: 1px solid var(--color-border) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-soft) !important;
	transition: all 0.3s ease !important;
}
.bonus-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: var(--shadow-medium) !important;
	border-color: rgba(13, 28, 63, 0.12) !important;
}
.bonus-card .row {
	align-items: stretch !important;
}
.bonus-card-body {
	padding: 60px 0 20px 24px !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}
.bonus-badge {
	position: absolute !important;
	top: 20px !important;
	left: 24px !important;
	background: rgba(255, 152, 0, 0.08) !important;
	color: #D35400 !important;
	border: 1px solid rgba(255, 152, 0, 0.2) !important;
	border-radius: 100px !important;
	font-weight: 700 !important;
	font-size: 11px !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	padding: 6px 14px !important;
	display: inline-flex !important;
	align-items: center !important;
	z-index: 10 !important;
}
.bonus-image-wrapper {
	position: relative !important;
	height: 100% !important;
	overflow: hidden !important;
	display: block !important;
}
.bonus-img {
	position: absolute !important;
	bottom: 0 !important;
	right: 0 !important;
	z-index: 1 !important;
	max-width: 100% !important;
	object-fit: contain !important;
}
.img-selection {
	height: 90% !important;
}
.img-visit {
	height: 85% !important;
}
.img-delivery {
	height: 98% !important;
}

@media (min-width: 992px) {
	.bonus-card {
		height: 220px !important;
	}
}
@media (max-width: 991px) {
	.bonus-card {
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
		padding-top: 40px !important;
	}
	.bonus-card-body {
		padding: 20px !important;
	}
	.bonus-image-wrapper {
		width: 100% !important;
		height: 140px !important;
		background: #fafafa !important;
		border-top: 1px solid #f2f4f6 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 10px 0 !important;
	}
	.bonus-img {
		position: static !important;
		max-height: 120px !important;
	}
}

/* AC Types grids */
.type-card {
	padding: 0 !important;
	overflow: hidden !important;
}
.type-card-img-w {
	border-bottom: 1px solid var(--color-border) !important;
	overflow: hidden !important;
}
.type-card-img {
	transition: transform 0.5s ease !important;
}
.type-card:hover .type-card-img {
	transform: scale(1.05) !important;
}
.type-card-content {
	padding: 24px !important;
}
.type-card-title {
	font-weight: 850 !important;
	font-size: 22px !important;
	color: var(--color-navy) !important;
	margin-bottom: 20px !important;
}
.type-icon-w {
	background: var(--color-blue-light) !important;
	color: var(--color-blue) !important;
	border-radius: 50% !important;
	width: 38px !important;
	height: 38px !important;
}

/* How We Work steps */
.steny-choose__block {
	display: flex !important;
	align-items: flex-start !important;
	background: #ffffff !important;
	border: 1px solid var(--color-border) !important;
	border-radius: var(--radius-md) !important;
	padding: 24px !important;
	box-shadow: var(--shadow-soft) !important;
	margin-bottom: 20px !important;
	height: calc(100% - 20px) !important;
}
.steny-choose__block-icon {
	background: var(--color-blue-light) !important;
	color: var(--color-blue) !important;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	margin-right: 18px !important;
	flex-shrink: 0 !important;
	border: none !important;
}
.steny-choose__title {
	font-weight: 700 !important;
	font-size: 18px !important;
	color: var(--color-navy) !important;
	margin-bottom: 6px !important;
}
.steny-choose__block-info {
	font-family: var(--font-main) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--color-text-muted) !important;
	line-height: 1.5 !important;
}

/* Director Fedosov Card (Premium dark block split layout) */
.director-module {
	background: var(--color-navy) !important;
	color: #ffffff !important;
	padding: 60px 40px !important;
	border: none !important;
}
.director-name {
	color: #ffffff !important;
	font-size: 34px !important;
}
.director-quote {
	font-family: var(--font-serif) !important;
	font-style: italic !important;
	font-size: 21px !important;
	color: #E2E6EE !important;
	line-height: 1.55 !important;
}
.director-bg-box {
	background: radial-gradient(circle, rgba(59, 102, 245, 0.15) 0%, transparent 70%) !important;
}

/* Achievements grid */
.achievements-card {
	background: var(--color-navy) !important;
	color: #ffffff !important;
	padding: 50px !important;
	border: none !important;
}
.achievements-title {
	color: #ffffff !important;
}
.ach-value {
	color: var(--color-blue) !important;
	font-weight: 800 !important;
}
.ach-label {
	color: #E2E6EE !important;
}

/* FAQ accordion cards */
.faq-section .accordion {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}
.accordion-item {
	padding: 0 !important;
}
.accordion-header {
	padding: 22px 28px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	color: var(--color-navy) !important;
	background: transparent !important;
	border: none !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: 100% !important;
	text-decoration: none !important;
}
.accordion-header:hover {
	color: var(--color-blue) !important;
}
.accordion-header::after {
	content: "+" !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	color: var(--color-text-muted) !important;
	transition: transform 0.2s ease !important;
}
.accordion-item.active .accordion-header::after {
	content: "−" !important;
}
.accordion-item > div {
	padding: 0 28px 22px 28px !important;
	color: var(--color-text-muted) !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
}

/* Bottom Split Form layout */
.lead-card-wrapper {
	border: none !important;
	overflow: hidden !important;
	box-shadow: var(--shadow-medium) !important;
}
.lead-card-left {
	background: var(--color-navy) !important;
	color: #ffffff !important;
	padding: 48px !important;
	height: 100% !important;
}
.lead-card-left .lead-title {
	color: #ffffff !important;
}
.lead-card-right {
	background: #ffffff !important;
	padding: 48px !important;
	height: 100% !important;
}

/* Simple Contact Form */
.wrapper__question-form {
	background: #ffffff !important;
	padding: 48px !important;
}
.question__title-form {
	font-size: 34px !important;
	font-weight: 800 !important;
	color: var(--color-navy) !important;
}
.question__agreement-yes {
	font-size: 13px !important;
	color: var(--color-text-muted) !important;
}

/* Footer layout */
footer {
	background: var(--color-navy-dark) !important;
	color: #cbd5e0 !important;
	padding: 70px 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
footer a {
	color: #cbd5e0 !important;
	transition: color 0.2s ease !important;
}
footer a:hover {
	color: var(--color-blue) !important;
}
footer .footer-logo-img {
	max-height: 48px !important;
}

/* Mobile & Tablet Optimizations */
@media (max-width: 991px) {
	.main-title__fst, .quiz-left-title, .achievements-title, .lead-title, .form-price__title, .form-interst__title, .question__title-form {
		font-size: 30px !important;
		text-align: center !important;
		line-height: 1.25 !important;
	}
	.quiz-left-info {
		text-align: center !important;
	}
	.main-module__title {
		text-align: center !important;
	}
	.lead-card-left, .lead-card-right {
		padding: 30px !important;
	}
	.director-module {
		padding: 30px 20px !important;
	}
	.header-callback-btn {
		display: none !important;
	}
	header {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 10px 15px !important;
	}
	header .logo {
		margin-bottom: 0 !important;
		max-width: 140px !important;
	}
	header .logo img {
		max-height: 32px !important;
	}
	.header-phone-box {
		margin-bottom: 0 !important;
	}
	.header-phone-link {
		font-size: 15px !important;
	}
	.header-phone-box span {
		display: none !important; /* Hide daily hour subtext on mobile to save height */
	}
}

@media (max-width: 575px) {
	.main-title__fst, .quiz-left-title, .achievements-title, .lead-title, .form-price__title, .form-interst__title, .question__title-form {
		font-size: 24px !important;
	}
	.quiz-container-card {
		padding: 20px !important;
	}
	.button-general, .btn-modal.btn-block, button[type="submit"], .btn-quiz-next {
		width: 100% !important;
	}
	.header-phone-link {
		font-size: 14px !important;
	}
}

/* Accordion Visual Cleanups */
.ui-accordion-header-icon {
	display: none !important;
}
.accordion .ui-accordion-header {
	background-image: none !important;
}

/* Hero Banner Redesign Overrides */
.wrapper__steny-banner {
	background: radial-gradient(circle at 80% 30%, rgba(59, 102, 245, 0.05) 0%, transparent 60%), #F4F6F9 !important;
	background-size: cover !important;
	padding-bottom: 50px !important;
}
.steny-banner__row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	height: auto !important;
	min-height: 620px !important;
	padding-top: 130px !important;
	padding-bottom: 40px !important;
}
.steny-banner__left {
	width: 35% !important;
	position: relative !important;
	z-index: 10 !important;
}
.steny-banner__left h1 {
	font-family: var(--font-main) !important;
	color: var(--color-navy) !important;
	font-weight: 800 !important;
	font-size: 48px !important;
	line-height: 1.15 !important;
	letter-spacing: -1.5px !important;
	padding: 0 0 20px 0 !important;
}
.steny-banner__left p {
	font-family: var(--font-main) !important;
	color: var(--color-text-muted) !important;
	font-size: 17px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
	margin-bottom: 24px !important;
}
.steny-banner__right {
	width: 380px !important;
	background: #ffffff !important;
	border: 1px solid var(--color-border) !important;
	box-shadow: var(--shadow-medium) !important;
	border-radius: var(--radius-lg) !important;
	color: var(--color-navy) !important;
	padding: 36px 28px !important;
	position: relative !important;
	z-index: auto !important;
}
.steny-banner__right-title {
	color: var(--color-navy) !important;
	font-weight: 800 !important;
	font-size: 22px !important;
	line-height: 1.3 !important;
	padding: 0 0 20px 0 !important;
	font-family: var(--font-main) !important;
}
.steny-banner__right input[type="text"],
.steny-banner__right input[type="tel"] {
	background: #F2F4F7 !important;
	border: 1px solid rgba(13, 28, 63, 0.05) !important;
	border-radius: 14px !important;
	color: var(--color-navy) !important;
	padding: 12px 18px 12px 54px !important;
	height: 56px !important;
	font-size: 15px !important;
	font-weight: 550 !important;
	box-shadow: none !important;
	width: 100% !important;
	display: block !important;
	font-family: var(--font-main) !important;
}
.steny-banner__right input[type="text"]::placeholder,
.steny-banner__right input[type="tel"]::placeholder {
	color: var(--color-text-muted) !important;
	opacity: 0.75 !important;
}
.steny-banner__field {
	margin-bottom: 18px !important;
	height: 56px !important;
	position: relative !important;
	z-index: 3 !important;
}
.steny-banner__field span {
	background: var(--color-blue-light) !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin-right: 0 !important;
	z-index: 5 !important;
}
.steny-banner__field span svg {
	width: 14px !important;
	height: 14px !important;
	opacity: 1 !important;
}
.steny-banner__field svg path {
	fill: var(--color-blue) !important;
}
.steny-banner__right button {
	background: var(--color-navy) !important;
	color: #ffffff !important;
	border-radius: 100px !important;
	border: none !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	width: 100% !important;
	height: 52px !important;
	line-height: 52px !important;
	margin-top: 16px !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-transform: none !important;
	box-shadow: var(--shadow-medium) !important;
	font-family: var(--font-main) !important;
	position: relative !important;
	z-index: 3 !important;
}
.steny-banner__right button::after {
	content: "↗" !important;
	background: rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
	width: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
	border-radius: 50% !important;
	margin-left: 12px !important;
	display: inline-block !important;
	text-align: center !important;
	font-size: 12px !important;
	font-weight: bold !important;
	transition: all 0.3s ease !important;
}
.steny-banner__right button:hover {
	background: var(--color-blue) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 10px 25px rgba(59, 102, 245, 0.2) !important;
	color: #ffffff !important;
}
.steny-banner__right button:hover::after {
	background: #ffffff !important;
	color: var(--color-blue) !important;
	transform: rotate(45deg) !important;
}
.steny-banner__right a {
	color: var(--color-blue) !important;
	text-decoration: underline !important;
}
.steny-banner__right::after {
	display: none !important; /* Hide hand pointer image */
}
.steny-banner__img {
	right: 50% !important;
	transform: translateX(180px) !important;
	bottom: -35px !important;
	max-height: 580px !important;
	width: auto !important;
	opacity: 0.95 !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

@media (min-width: 1200px) {
	.steny-banner__img {
		right: 50% !important;
		transform: translateX(300px) !important;
		max-height: 620px !important;
	}
}
@media (max-width: 1199px) and (min-width: 992px) {
	.steny-banner__img {
		right: 50% !important;
		transform: translateX(180px) !important;
		max-height: 520px !important;
	}
	.steny-banner__left {
		width: 33% !important;
	}
}
@media (max-width: 991px) {
	.wrapper__steny-banner {
		padding-bottom: 30px !important;
	}
	.steny-banner__row {
		flex-direction: column !important;
		padding-top: 110px !important;
		text-align: center !important;
	}
	.steny-banner__left {
		width: 100% !important;
		margin-bottom: 30px !important;
	}
	.steny-banner__left h1 {
		font-size: 32px !important;
		text-align: center !important;
		line-height: 1.2 !important;
	}
	.steny-banner__left p {
		font-size: 15px !important;
		text-align: center !important;
	}
	.steny-banner__right {
		width: 100% !important;
		max-width: 450px !important;
		margin: 0 auto !important;
		padding: 30px 20px !important;
	}
	.steny-banner__img {
		display: none !important; /* Hide background girl on mobile/tablet to avoid overlapping text */
	}
}

/* Contrast fixes in Navy Blocks */
.director-module, .achievements-card, .lead-card-left {
	background-color: var(--color-navy) !important;
	color: #ffffff !important;
}
.director-module *, .achievements-card *, .lead-card-left * {
	color: #ffffff;
}
.director-module .director-role, .achievements-card .ach-label, .lead-card-left .lead-tag {
	color: var(--color-blue) !important;
	font-weight: 800 !important;
}
.director-module .director-feature-text {
	color: #E2E6EE !important;
	font-size: 15px !important;
	font-weight: 550 !important;
}
.director-module .director-feature-icon {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
}
.achievements-card .achievements-desc {
	color: #E2E6EE !important;
}
.achievements-card .ach-value {
	color: var(--color-blue) !important;
	font-size: 26px !important;
	font-weight: 800 !important;
}
.achievements-card .ach-label {
	color: #CBD5E0 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.8px !important;
}
.achievements-card .ach-icon-w {
	background: rgba(255, 255, 255, 0.08) !important;
	border-radius: 50% !important;
	width: 56px !important;
	height: 56px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.achievements-card .ach-icon-w svg {
	stroke: #ffffff !important;
}
.achievements-card .ach-icon-w svg path {
	stroke: #ffffff !important;
	fill: none !important;
}
.achievements-card .ach-icon-w svg text {
	fill: #ffffff !important;
}

/* Card Component responsive adjustments */
@media (max-width: 575px) {
	.steny-best__block,
	.type-card,
	.bonus-card,
	.quiz-container-card,
	.achievements-card,
	.lead-card-wrapper,
	.accordion-item,
	.director-module,
	.wrapper__question-form {
		padding: 24px 16px !important;
		border-radius: var(--radius-md) !important;
	}
	.achievements-card {
		padding: 32px 16px !important;
	}
	.director-module {
		padding: 32px 16px !important;
	}
	.lead-card-left, .lead-card-right {
		padding: 24px 16px !important;
	}
	.wrapper__question-form {
		padding: 24px 16px !important;
	}
}

/* Form Field submits */
.question__form-field:has(.button-general),
.question__form-field:has(input[type="submit"]),
.form-steny__field:has(button) {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* Bold text prefix in hero page description */
.steny-banner__left p b {
	color: var(--color-navy) !important;
}

/* AC Types cards visual fixes */
.type-card-image-w {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: 180px !important;
	width: 100% !important;
	margin-bottom: 20px !important;
	overflow: hidden !important;
	border-bottom: 1px solid var(--color-border) !important;
	border-radius: 0 !important; /* Touch card corners */
}
.type-card-image-w img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Phone links in cards (How We Work & AC Types) */
.steny-choose__block .roistat-phone-number,
.type-card .roistat-phone-number,
.bonus-card .roistat-phone-number {
	color: var(--color-blue) !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

/* Input placeholder legibility */
.form-steny__field input::placeholder,
.question__form-field input::placeholder {
	color: #5A6785 !important;
	opacity: 0.8 !important;
}

/* Consultation & Middle Lead CTA section styles */
#consultation-section,
#middle-lead-section {
	background: var(--color-navy) !important;
}
.form-interst__title,
.form-price__title {
	color: #ffffff !important;
	font-weight: 850 !important;
}
.form-interst__left p,
.form-price__left p {
	color: #E2E6EE !important;
}
#consultation-section {
	z-index: 5 !important;
}
#consultation-section .container,
#consultation-section .main-module__body,
#consultation-section .form-interst__left {
	position: static !important;
}
#consultation-section .form-interst__left > img {
	position: absolute !important;
	bottom: 0 !important;
	top: auto !important;
	height: 560px !important;
	width: auto !important;
	left: auto !important;
	right: calc(50% - 570px) !important;
	transform: none !important;
	max-height: none !important;
	z-index: 2 !important;
}
@media(max-width:1229px) {
	#consultation-section .form-interst__left > img {
		right: calc(50% - 480px) !important;
		height: 480px !important;
	}
}
@media(max-width:991px) {
	#consultation-section .form-interst__left > img {
		display: none !important;
	}
}
.form-steny__agrment {
	color: #A0AEC0 !important;
	font-size: 13px !important;
}
.form-steny__agrment a {
	color: #ffffff !important;
	text-decoration: underline !important;
}
.form-steny__field {
	background: #ffffff !important;
	border: 1px solid var(--color-border) !important;
}
.form-steny__field input {
	color: var(--color-navy) !important;
	padding-left: 0 !important;
}
.form-steny__field input::placeholder {
	color: #718096 !important;
	opacity: 0.9 !important;
}
.form-steny__field span {
	position: static !important;
	transform: none !important;
	background: var(--color-blue-light) !important;
	color: var(--color-blue) !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-right: 12px !important;
	flex-shrink: 0 !important;
}
.form-steny__field span img {
	width: 16px !important;
	height: 16px !important;
	opacity: 1 !important;
	filter: brightness(0) invert(37%) sepia(93%) saturate(2283%) hue-rotate(217deg) brightness(98%) contrast(96%) !important;
}

/* Contrast Button overrides for Navy backgrounds */
#consultation-section button[type="submit"],
#middle-lead-section button[type="submit"],
.middle-lead-section button[type="submit"],
.question__form-field button,
.form-steny__field button {
	background: var(--color-blue) !important;
	color: #ffffff !important;
}
#consultation-section button[type="submit"]::after,
#middle-lead-section button[type="submit"]::after,
.middle-lead-section button[type="submit"]::after,
.question__form-field button::after,
.form-steny__field button::after {
	background: rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
}
#consultation-section button[type="submit"]:hover,
#middle-lead-section button[type="submit"]:hover,
.middle-lead-section button[type="submit"]:hover,
.question__form-field button:hover,
.form-steny__field button:hover {
	background: #ffffff !important;
	color: var(--color-navy) !important;
	box-shadow: 0 10px 25px rgba(255, 255, 255, 0.15) !important;
}
#consultation-section button[type="submit"]:hover::after,
#middle-lead-section button[type="submit"]:hover::after,
.middle-lead-section button[type="submit"]:hover::after,
.question__form-field button:hover::after,
.form-steny__field button:hover::after {
	background: var(--color-blue) !important;
	color: #ffffff !important;
}

/* Premium typographic highlights */
.text-highlight-gold {
	background: rgba(255, 193, 7, 0.12) !important;
	color: #FFE082 !important;
	border: 1px solid rgba(255, 193, 7, 0.25) !important;
	border-radius: 6px !important;
	padding: 2px 6px !important;
	font-weight: 600 !important;
	display: inline-block !important;
	margin: 2px 0 !important;
}

/* Advantages card layout spacing fix */
.banner-benefits-card {
	margin-top: 30px !important;
}

/* Step 4 Quiz Beautiful Layout & Checkbox alignment */
.quiz-input-group {
	position: relative !important;
}

.quiz-input-group .quiz-input-icon {
	background: var(--color-blue-light) !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 5 !important;
	pointer-events: none !important;
}

.quiz-input-group .quiz-input-icon i {
	color: var(--color-blue) !important;
	font-size: 13px !important;
}

#interactive-quiz-form .quiz-input-group .quiz-input {
	padding-left: 56px !important;
}

.checkbox-week-label {
	position: relative !important;
	display: inline-block !important;
	padding-left: 0 !important;
}

.checkbox-week-custom {
	position: absolute !important;
	width: 18px !important;
	height: 18px !important;
	background: #ffffff !important;
	border: 2px solid var(--color-border) !important;
	border-radius: 4px !important;
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	transition: all 0.2s ease !important;
}

.checkbox-week:checked ~ .checkbox-week-custom {
	background-color: var(--color-blue) !important;
	border-color: var(--color-blue) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 12px !important;
}

/* Bottom lead section and footer spacing adjustments */
#bottom-lead-section {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

#simple-contact-section {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

@media (max-width: 767px) {
	#bottom-lead-section {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	#simple-contact-section {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
}

/* Merge Quiz and Bonuses section visually */
#quiz-section {
	padding-bottom: 20px !important;
}

#bonuses-section {
	padding-top: 0 !important;
	background-color: #f4f6f8 !important;
	background-image: linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),
	                  linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px) !important;
	background-size: 20px 20px !important;
}

@media (max-width: 991px) {
	#quiz-section {
		padding-bottom: 15px !important;
	}
	#bonuses-section {
		padding-top: 0 !important;
		padding-bottom: 40px !important;
	}
}

/* Custom styling for gold text highlight inside the white hero form card */
.steny-banner__right .text-highlight-gold {
	color: #b57a00 !important; /* Darker gold for readability on white background */
	background: rgba(255, 193, 7, 0.15) !important;
	border: 1px solid rgba(255, 193, 7, 0.4) !important;
}

/* Gallery works section padding fix to match spacing above it */
#works-section {
	padding-bottom: 0 !important;
}

/* Standardized Form Consent Styles */
.form-consent-text {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 11px !important;
	color: #718096 !important;
	line-height: 1.45 !important;
	margin-top: 14px !important;
	text-align: center !important;
	display: block !important;
}
.form-consent-text a {
	color: #0076a3 !important;
	text-decoration: underline !important;
	font-weight: 600 !important;
}
.form-consent-text.consent-dark {
	color: #A0AEC0 !important;
}
.form-consent-text.consent-dark a {
	color: #FFFFFF !important;
}