:root {
  --blue-1: #00aeef;
  --blue-2: #007EBC; /*hover*/
  --blue-3: #385a87; 
  --blue-4: #418FEF; 
  --blue-5: #347294; 
  --blue-6: #076082; /*007EBC*/
  --blue-7: #01314b; 
  --blue-8:#006398;
  --blue-9:#01314b;
  --blue-10:#00466c;
  --green-1: #5aae32; 
}

/***********************
* CRAFT 2026 NEW
***********************/
[class*="hvr:fs-"]:hover,.hvr\:p:hover [class*="hvr:fs-"]:not(.hvr\:s) {font-size: var(--he-fs);}
[class*="hvr:ts-"]:hover,.hvr\:p:hover [class*="hvr:ts-"]:not(.hvr\:s) {-webkit-text-fill-color: var(--he-ts);}

/* COLORS */
.clr-white {color:white;}
.clr-black-8 {color: var(--black-8);}
.clr-black-9 {color: var(--black-9);}
.clr-gray-9 {color: var(--gray-9);}
.clr-gray-8 {color: var(--gray-8);}
.clr-gray-6 {color: var(--gray-6);}
.clr-blue-8 {color: var(--blue-8);}
.clr-blue-1 {color: var(--blue-1);}

/* BG */
.bg-gray-1 {background: var(--gray-1);}
.bg-black-6 {background: var(--black-6);}
.bg-black-9 {background: var(--black-9);}
.bg-white {background: white;}
.bg-black-6 {background: var(--black-6);}
.bg-blue-1 {background: var(--blue-1);}

/* HVR:COLORS */
.hvr\:clr-blue-8 {--he-clr: var(--blue-8);}
.hvr\:clr-blue-2 {--he-clr: var(--blue-2);}

/* HVR:BG */

/* BDR */
.bdr-gray-3 {border: 1px solid var(--gray-3);}
.bdr-gray-2 {border: 1px solid var(--gray-2);} 
.bdr-top-gray-3 {border-top: 1px solid var(--gray-3);}
.bdr-top-blue-1\:4 {border-top: 4px solid var(--blue-1);}
.bdr-btm-gray-5-d	{border-bottom: 1px dashed var(--gray-5);}
.bdr-btm-gray-3 {border-bottom: 2px solid var(--gray-3);}

/* HVR:BDR */
.hvr\:bdr-blue-2 {--he-bdr: 1px solid var(--blue-2);}
.hvr\:bdr-blue-1 {--he-bdr: 1px solid var(--blue-1);}

/* SHADOW */

/* HVR:SHADOW */
.hvr\:bs-3 {--he-bs: 0px 0px 15px -5px rgba(0,0,0,.5);}
.hvr\:bs-2 {--he-bs: 0 12px 32px rgba(0,0,0,0.1);}
.hvr\:bs-1 {--he-bs: 0px 5px 5px rgba(0,0,0,.2);}


/* HVR: OLD */
.hvr\:fs-200  {--he-fs: 2rem;}
.hvr\:op-010  {--he-op: .1;}

/* OLD */
.op-15 {opacity: 0.15;}
.hvr\:td-underline:hover {text-decoration: underline}

/* text-stroke - обводка */
.ts-1 {-webkit-text-stroke: 1px; -webkit-text-fill-color: transparent;}
.hvr\:ts-unset:hover {--he-ts: unset;}

/***********************
* DEFAULT SET
***********************/
body {min-width: 280px;max-width:100%;  font: 16px 'Jost',sans-serif; color: var(--black-8);}/*SFPro*/
/*COLORS*/
.bg-grad-blue {background: linear-gradient(94.86deg, var(--blue-6) 4.61%, var(--blue-7) 114.84%);}
.bg-grad-green {background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),linear-gradient(90deg, #56ab2f 14.51%, #a8e063 113%);}
.bg-grad-orange {background: linear-gradient(90deg,#f46b21 0,#f78627 100%);}
.bg-grad-gray-1	{background: linear-gradient(45deg, var(--gray-2), var(--gray-1));}
.bg-grad-blue-2	{background: linear-gradient(45deg, var(--blue-6) 0%, var(--blue-2) 100%)!important;}

/*box-shadow*/
.bs-n1 {box-shadow: 0px 0px 6px rgba(0,0,0,.02),0px 2px 4px rgba(0,0,0,.08);}

/* border */
.br-gray-2 {border: 1px solid var(--gray-2);}
.br-gray-3 {border: 1px solid var(--gray-3);}
.br-top-gray-10 {border-top: 1px solid var(--gray-10);}

/**/
blockquote {padding: 1rem 2rem; margin: .5rem 1.4rem; font-size: 17.5px; border-left: 5px solid var(--gray-3); display: table;}

/*****************/
.float-clear {clear: both!important;}
.order-1 {order:1;}
.order-2 {order:2;}
.order-3 {order:3;}

/***********************
* blockTitle 
***********************/
.blockTitle {}
.blockTitle:has(:only-child)>* {text-transform: uppercase; font-size: clamp(1.4rem,calc(1rem + .8vmax),2.5rem);background-image: radial-gradient(var(--blue-1), var(--blue-6)); color: transparent;  background-clip: text;  -webkit-background-clip: text;}
.blockTitle:has(:only-child):has(.white)>* {color:white;text-shadow: 1px 1px 1px black;}
.blockTitle:has(:not(:only-child)) {display: flex;justify-content: space-between; }
/**/
a.blockTitle {display: block; text-decoration: none;display:flex;align-items: center;}
a.blockTitle::after {content: "\f178";margin-left:20px; text-decoration: inherit; font-size: clamp(1.4rem,calc(1rem + .8vmax),2.5rem);  font-family: FontAwesome;position:relative; left:-50px;opacity:0;transition: .5s;display: inline-block; color: var(--blue-1); -webkit-text-fill-color: currentColor;}
*:hover>a.blockTitle{}
*:hover>a.blockTitle::after { left:0px; opacity:.35; transform:rotate(-45deg); scale:.8;}
a.blockTitle:hover::after {transform:rotate(0deg); opacity:1;scale:1.2;}
/*
a.blockTitle {display: block; text-decoration: none;}
a.blockTitle>*::after {content: "\f178";margin-left:10px; text-decoration: inherit;  font-family: FontAwesome;position:relative; left:-50px;opacity:0;transition: .5s;display: inline-block;}
*:hover>a.blockTitle>*{}
*:hover>a.blockTitle>*::after { left:0px; opacity:.5; transform:rotate(-45deg); scale:.8;}
a.blockTitle:hover>*::after {transform:rotate(0deg); opacity:1;}
*/
/***********************
* pageTitle 
***********************/
.pageTitle { padding:1.5rem 0 .25rem 1rem;}
.pageTitle>h1 {text-transform: uppercase;border-left: 3px solid var(--blue-8); padding:0 1.2rem; line-height: 1.2; font-size: clamp(1.4rem,calc(1rem + .8vmax),2.5rem);background-image: radial-gradient(var(--blue-1), var(--blue-6)); color: transparent;  background-clip: text;  -webkit-background-clip: text;}
.blockDescription {color: var(--gray-8);}
/**/
.pageDescription {padding:.5rem;}
.pageDescription>h4 {color: var(--gray-9);font-weight: 400; width:100%; max-width: 1200px;min-width: 360px;}
/***********************
* logo
***********************/
.logo {/*background: var(--blue-1);*/padding:6px; text-decoration:none; font-size:1.5rem; font-family: "Compacta LT Black P Cyrillic", monospace; border-radius: 2px;}
.logo>b {color:var(--blue-1); background:white;padding: 2px;border-radius: 2px;}
.logo>b>span {background: linear-gradient(94.86deg, var(--blue-6) 4.61%, var(--blue-7) 114.84%);  color: transparent;  background-clip: text;  -webkit-background-clip: text;}
.logo>strong {color:white; padding: 3px;}
.slogan {font-size: .7rem; margin-left: 5px;text-transform: uppercase; /*font-weight: 600;*/letter-spacing: 0.05em;}
header.index .slogan {color: white;  text-shadow: 0px 0px 1px var(--blue-2); }
header.page .slogan {color: var(--black-10);}

/***********************
* header bg
***********************/
.header-index {height: 100%; min-height: 100vh; max-height: 1000px; position: relative;}
.header-index>.h-bg-back {position: absolute;  right: 0;  bottom: 0;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -1000;  overflow: hidden; }
/*.header-index>.h-bg-back img { position: absolute;  top: 50%; left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -1000;  transform: translateX(-50%) translateY(-50%); object-fit: cover; }*/
.header-index>.h-bg-back::before {  content: "";  background: rgba(0,0,0,.1) none repeat scroll 0 0;/*box-shadow: 0px 20vh 8px 0px rgba(0,0,0,.5) inset;*/  top: 0;  bottom: 0;  left: 0;  right: 0;  position: absolute;  width: 100%; height: 100%;  z-index: 10;}
/**/
.anim {position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0; }
.anim>.nebo {position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  position: absolute;  overflow: hidden;  display: flex;  justify-content: start;z-index: -1;opacity: .7;}
.anim>.nebo>img {animation: 350s udleft infinite linear;object-fit: cover;width: 3055px;  height: 1100px; margin: 0 -1px;}
.anim>img {position: absolute;  top: 50%; left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: -1000;  transform: translateX(-50%) translateY(-50%); object-fit: cover; z-index: 1;}
@keyframes udleft{0%{transform: translateX(0);}100%{transform: translateX(-100%);}}

/***********************
* header info+menu
***********************/
header {z-index: 9;}
/* row-1 */
header>.row-1 {}
header>.row-1>ul li  {margin-left: calc(10px + 1vw);  padding:0 15px;line-height: 1.5;}
header>.row-1>ul li:before {}
header>.row-1>ul li>b {display: block;font-weight: 400; font-size:.9rem; text-transform:uppercase;}
header>.row-1>ul li>span {display:block;font-size:.8rem; font-weight: 300;}
/* row-2 */
header>.row-2 {}
header>.row-2>nav {}
header>.row-2>nav>ul {}
header>.row-2>nav>ul>li {flex: 1; text-align: center;}
header>.row-2>nav>ul>li>a { text-decoration: none;display:block;width:100%;padding: 20px 0; border-top: 2px solid transparent ;border-bottom: 2px solid transparent;text-transform: uppercase;  font-size: clamp(.75rem, 0.8vw, 1.2rem);font-weight: 400;transition:.3s;}
header>.row-2>nav>ul>li.active>a, header>.row-2>nav>ul>li:hover>a {text-shadow: 0px 0px 2px rgba(255,255,255,.3);border-bottom:2px solid var(--blue-1); color:var( --blue-1);}
/* index */
header.index {box-shadow:  0px 20px 20px 10px rgba(0,0,0,.3);  background: rgba(0,0,0,.3);backdrop-filter: blur(2px); }
header.index>.row-1>ul li {border-left: 1px solid var(--gray-7);color:white;}
header.index>.row-1>ul li>span {color:var(--gray-2);}
header.index>.row-1>ul li>b:has(a) a {color:var(--gray-2); text-decoration:none;}
header.index>.row-1>ul li>a {color:var(--gray-2);text-decoration:none; font-weight:300; font-size:.9rem;}
header.index>.row-2 {border-bottom: 1px solid rgba(255,255,255,.2);}
header.index>.row-2>nav>ul {border-top: 1px solid rgba(255,255,255,.2);}
header.index>.row-2>nav>ul>li>a {text-shadow: 1px 1px 1px var(--black-10);color: white;}
/* page */
header.page {}
header.page>.row-1>ul li {border-left: 1px solid var(--gray-4);}
header.page>.row-1>ul li>span {color:var(--gray-9);}
header.page>.row-1>ul li>a {color: var(--gray-9); text-decoration:none; font-weight:300; font-size:.9rem;}
header.page>.row-1>ul li>b:has(a) a {color:var(--black-8); text-decoration:none;}
header.page>.row-2 {border-bottom: 1px solid var(--gray-3);}
header.page>.row-2>nav>ul {border-top: 1px solid var(--gray-3);}
header.page>.row-2>nav>ul>li>a {color:var(--black-8);}
header.page>.row-2 .row-mob .left a, header.page>.row-2 .row-mob .right a {color: var(--black-8)}
/*submenu_wrap */
header>.row-2>nav .submenu_wrap>ul {display: none;}
header>.row-2>nav>ul>li.submenu_wrap:hover>.dropdown-menu {display: block;}
.submenu_wrap:hover i {transform: rotate(180deg);}
.submenu_wrap>a>i { transition: .2s;}
/**/
.submenu_wrap {position: relative;z-index: 99;}
.submenu_wrap .dropdown-menu {position: absolute; background: white; min-width: 100%;list-style:none;border: 1px solid var(--gray-3);box-shadow: 0px 0px 3px var(--gray-3);}
.submenu_wrap .dropdown-menu>li {}
.submenu_wrap .dropdown-menu>li>a {text-decoration:none; color:var(--black-10);display: block; padding: 5px 6px;position: relative;font-size: .9rem;}
.submenu_wrap .dropdown-menu>li>a>span {}
.submenu_wrap .dropdown-menu>li:hover>a{color: #333;}
.submenu_wrap .dropdown-menu>li>a::after {position: absolute; content: ''; left: 0; bottom: 0; display: block; width: 0; height: 1px; background: var(--gray-5);transition: 0.3s;left: 50%;  transform: translateX(-50%);}
.submenu_wrap .dropdown-menu>li>a:hover::after { width: 100%;}


/***********************
* btn
***********************/
.btn {padding:8px 20px;/*margin:0 5px;*/ text-decoration:none; color:white; font-weight: 500;}
.btn-white {border: 2px solid white; background: rgba(0,0,0,.2);backdrop-filter: blur(2px);}
.btn-green {border: 2px solid #a8e063; background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),linear-gradient(90deg, #56ab2f 14.51%, #a8e063 113%);}
.btn:hover {}
.btn:has(i) i {margin-left: 10px; display: inline-block; transform: rotate(-45deg);transition: .3s;}
.btn:hover:has(i) i {transform: rotate(0deg);}

/***********************
* header content
***********************/
.h-content {color: white;}
.h-content h1 {font-weight: 600;  font-size: clamp(16px, calc(.8rem + 3vw), 55px);  display: block;  text-shadow: 1px 1px 1px gray;}
.h-content h2 {font-weight: 600;  font-size: clamp(16px, calc(.8rem + 1vw), 55px);  display: block;  text-shadow: 1px 1px 1px gray;}
.h-content >ul {padding: 2vw; font-size:1.2rem;list-style: none;}
.h-content >ul>li:before {content: "\f00c"; color: rgba(255,255,255,.8);font-family: FontAwesome;  display: inline-block;  margin-right:6px; border:1px solid white; border-radius: 3px; padding: 2px; /*aspect-ratio: 1/1; width: 25px;*/font-size: .9rem;}
.h-content >ul>li:hover:before {scale:1.1;}
.h-content>.h-btn {}
@media (max-width:500px) {
	.h-content {display:flex; flex-direction:column; justify-content: space-evenly; /*height:100%;*/}
  .h-content >ul {font-size: clamp(.8rem,calc(.4rem + 2.1vw),1.2rem);}
  .h-content>.h-btn>.btn {padding: 8px 8px; margin: 0 2px; font-weight: 400;}
  .h-content h1 {padding: .4rem 0;font-size:2rem;}
  .h-content h2 {padding:.4rem 0;font-size: clamp(.8rem,calc(.2rem + 2.4vw),1.2rem);}
}

/***********************
* Breadcrumb
***********************/
.pageCrumb {box-shadow: 0px 0px 6px var(--gray-3),0px 2px 4px var(--gray-3);}
.breadcrumb {font-size: .8rem; list-style:none;}
.breadcrumb>.active {color:var(--gray-7);}
.breadcrumb>li {list-style: none; color: var(--black-2); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  transition:.5s;}
.breadcrumb>li>a {color: var(--gray-7); text-decoration:none;}
.breadcrumb>li>a:hover {color: var(--black-10);}
.breadcrumb > li + li::before {font-family: FontAwesome; content: "\f101"; padding: 0 5px; color: var(--gray-7);}
.breadcrumb>li:has(a:hover) { text-overflow: unset; overflow: auto;  padding: 0 10px;}

/***********************
* footer content
***********************/
footer {border-top:4px solid var(--blue-8);}
footer .row-3 a {color: var(--gray-9); text-decoration:none;}
footer .row-3 a:hover {text-decoration:underline;color: #acacac;}
footer .row-3 a+a { border-left: 1px solid var(--gray-9);padding: 0 5px;margin:0 5px;}
footer>div>div+div{border-top: 1px solid var(--black-10);}
/**/
footer .menu {padding: 1rem 0;}
footer .menu>li {font-size: .9rem;padding: .1rem 0;}
footer .menu>li:before { content: '\f105';margin-right:5px; text-decoration: inherit;  font-family: FontAwesome;color: var(--gray-8); background: var(--black-9);padding:0 .3rem; border-radius: .2rem;}
footer .menu>li>a {color: var(--gray-9); text-decoration: none;}
footer .menu>li:hover {}
footer .menu>li:hover:before {color: var(--gray-6); background: var(--black-10);}
footer .menu>li:hover>a {color: var(--gray-6);}


 /******************************
* form.f-standart
*******************************/
form.f-standart {}
form.f-standart>fieldset {padding:5px 10px;margin:5px 0;border:1px solid var(--gray-2);}
form.f-standart>fieldset>legend {}
form.f-standart>fieldset>label {}
form.f-standart>fieldset>label>input {width: 100%; border: 1px solid #EAEAEA;    font: inherit;  padding: 8px;}
form.f-standart>fieldset>label>.title {}
form.f-standart>fieldset>label>.title a {text-decoration: underline dotted; color:var(--gray-8);}
form.f-standart>label {}
form.f-standart>label>button {background: var(--blue-2); color:white; font-weight: 600;border: 0;width: 100%; padding: 10px;}
form.f-standart>label>button:hover {opacity: .8;cursor:pointer;}
/**/
form input.standart {width: 100%; border: 1px solid #EAEAEA; font: inherit;  padding: 8px;}
form textarea.standart {resize: none; width: 100%; height: 80px; padding: 5px;}
form button.standart {height: 100%; border: 0; background: var(--blue-4); color:white; font-weight: 600;}
form select.standart {width: 100%; padding: 5px;}

 /******************************
* pagination
*******************************/
.pagination {display:flex; justify-content:center;}
.pagination>li {font-size:.9rem; margin-left:-1px; list-style:none; color:var(--gray-7); border:1px solid var(--gray-5);}
.pagination>li:last-child {border-top-right-radius:4px; border-bottom-right-radius:4px;}
.pagination>li:first-child { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.pagination>li>a { color:var(--blue-1); text-decoration:none;padding:6px 12px; display:block;}
.pagination>li.active { cursor:default; background:var(--blue-8); border-color:var(--blue-8);}
.pagination>li.active a {color:#fff;}
.pagination>li.disabled {padding:6px 12px; cursor: default;}
.pagination>li:hover:not(.active):not(.disabled) { background:var(--blue-8); color:#fff;}
.pagination>li:hover a {color:#fff;}


 /******************************
* OLD
*******************************/
.marker-ok>li::before {content: '\f00c'; font-family: FontAwesome; color: var(--blue-1); margin-right: 0.5rem; font-size: 0.8rem;}


/******************************
* Mob menu
******************************/
body:has(.mm-view) {overflow: hidden;}
.mm-container {position:fixed;left:-100%;z-index: 999;}
.mm-view {inset: 0;/*z-index: 99;*/}
.mm-blur {z-index:1;transition: all 1s ease;}
.mm-view .mm-blur {backdrop-filter: blur(5px);background-color: rgba(3, 3, 3, 0.3); }
.mm-content {z-index:9;position:fixed; top:0; left:-100%; bottom:0;width: 80%;background-color: var(--gray-1); min-width:260px; max-width:360px; transition: all .5s ease;}
.mm-view .mm-content {left:0; overflow: auto;}
/**/
.mm-style-menu>ul {}
.mm-style-menu>ul>li {display:flex;align-items: center;flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid rgb(55 55 55 / 0.1);}
.mm-style-menu>ul>li:hover {background:rgba(0,174,239,0.04);}
.mm-style-menu>ul>li>b {flex: auto;background-image:none!important; text-align: center; min-width: 30px;}
.mm-style-menu>ul>li>b:after {content: "\f105"; text-decoration: inherit; font-family: FontAwesome;padding: 5px;display:block; transition:all .5s;}
.mm-style-menu>ul>li>b.open_submenu_mob:after {transform: rotate(90deg);}
.mm-style-menu>ul>li>a {font-size: 17px; text-decoration: none;flex: 1 0 80%; display:flex; align-items: center; color:  var(--black-4); opacity: 0.8;  padding: 12px 4% ;font-weight: 400; transition: background-color 0.3s, color 0.3s, border-color 0.3s ease;}
.mm-style-menu>ul>li>a:before { content: "\f101"; text-decoration: inherit; font-family: FontAwesome;padding: 5px; color:var(--blue-1);}
.mm-style-menu>ul>li.active>a {color:var(--blue-8);font-weight: 400;}
/**/
.mm-style-menu>ul>li>ul {display: none;width: 100%; background:white;}
.mm-style-menu>ul>li>ul>li { opacity: 0.8; margin: 0; padding: 5px 15px;}
.mm-style-menu>ul>li>ul>li.active a {color: var(--blue-1);font-weight: 600;}
.mm-style-menu>ul>li>ul>li>a {text-decoration: none; display: block;font-size: 14px; color: var(--gray-10);font-weight: 400; }
.mm-style-menu>ul>li>ul>li>a:before {content: "\f105"; text-decoration: inherit; font-family: FontAwesome;padding: 5px;}
.mm-style-menu>ul>li>ul>li>a:hover {color: var(--blue-1);} 
/**/
.mm-search {}


/******************************
* footer
******************************/
footer .col-3 ul {}
footer .col-3 ul>li {padding: .2rem; }
footer .col-3 ul>li>a {background: var(--black-7); color:var(--gray-6); text-decoration: none; padding: .2rem .5rem;display: block;font-size: .8rem;  border-radius: .3rem;}
footer .col-3 ul>li>a:hover {background: var(--black-10);color:var(--gray-2);}
@media (min-width:320px) and (max-width:800px)  {
  footer .col-1 {order: 1;}
  footer .col-2 {order:2;}
  footer .col-3 {order:0;}
}
/* 12. Соцсети в футере (новый элемент). */
.footer-soc {display:flex; gap:.6rem;}
.footer-soc>a {
  display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center;
  border-radius:.8rem; background:var(--black-9); color:var(--gray-6);
  border:1px solid rgba(255,255,255,.08); font-size:1.05rem; text-decoration:none; transition:.3s;
}
.footer-soc>a:hover {background:var(--blue-2); color:#fff; transform:translateY(-3px);}
footer .col-t {display:flex; align-items:center; gap:.5rem; text-transform:uppercase; letter-spacing:.06em; font-size:.85rem; color:var(--gray-2);}
footer .col-t::before {content:""; width:22px; height:2px; background:var(--blue-1); border-radius:2px;}


/******************************
* form-consult
******************************/
.form-consult-2 {background: url('/template/img/karkas_2.jpg'); background-attachment: fixed;background-position: center center; background-repeat: no-repeat;background-size: cover;z-index:0;}
@media (max-width:600px) {.form-consult-2>div {padding: 1rem}}
.form-consult-2::before {content: ""; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; top: 0; bottom: 0; left: 0; right: 0; position: absolute; width: 100%; height: 100%; z-index: -1;}
.form-consult-2 .row-1 {padding:1rem 0;}
.form-consult-2 .row-1>strong {color:white; text-transform: uppercase;font-weight: 500;font-size: clamp(20px, calc(.5rem + 2vw), 45px);  text-shadow: 1px 1px 1px gray;}
.form-consult-2 .row-1>strong>b {display: block;color: var(--blue-1);}

.cta-form {
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18);
  border-radius:1.5rem; /*padding:2rem;*/ backdrop-filter:blur(12px);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.55);
}
.cta-form input[type=tel],.cta-form input[type=text] {
  width:100%; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28);
  border-radius:.8rem; color:#fff; font:inherit; /*padding:.95rem 1.1rem;*/ outline:none; transition:.3s;
}
.cta-form input::placeholder {color:rgba(255,255,255,.55);}
.cta-form input:focus {border-color:var(--blue-1); background:rgba(255,255,255,.16);}
.cta-form input[type=checkbox] {width:auto; accent-color:var(--blue-1);}
.cta-form .btn-green {width:100%; border-radius:.8rem; padding:var(--w-1); font-size:1.05rem;}
.cta-form .btn-green i {margin-left:10px;}
.cta-points {list-style:none; padding:0; margin:0;}
.cta-points>li {display:flex; gap:.7rem; align-items:flex-start; color:rgba(255,255,255,.85); padding:.5rem 0; line-height:1.5;}
.cta-points>li::before {content:"\f058"; font-family:FontAwesome; color:var(--blue-1); font-size:1.05rem; margin-top:.1rem; flex:0 0 auto;}