*::-webkit-input-placeholder{color:#666;opacity:1}*:-moz-placeholder{color:#666;opacity:1}*::-moz-placeholder{color:#666;opacity:1}*:-ms-input-placeholder{color:#666;opacity:1}.mob{display:none}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}#form{transition:all 0.5s linear;font-family:GothamProLight;font-size:20px;text-align:center}#form .btn:hover{-webkit-box-shadow:inset 500px 20px 0 -20px #FFF6CE;box-shadow:inset 500px 20px 0 -20px #00FF00}#form .form_close{float:right;background:none;border:none;color:white}#form .popup{text-align:center;max-width:500px;background-color:rgba(0,0,0,0.7);padding:40px}#form .popup p{padding-bottom:20px}#form .popup input{border:0px;width:100%;font-size:20px;font-family:GothamProRegular;padding:10px;margin-bottom:10px;text-align:center}body{font-family:"GothamProRegular", sans-serif;font-size:16px;margin:0 auto}h1,h2,h3,h4{text-transform:uppercase;margin:0;font-family:"GothamProBlack", sans-serif}h1{font-size:70px}h2{font-size:55px;margin-bottom:40px;text-align:center}h3{font-size:36px}h4{font-size:30px;text-align:center}a{color:white;transition:2s all;text-decoration:none}a:hover{color:#ffd800}.btn{-webkit-box-shadow:inset 0px 20px 0 -20px #FFF6CE;box-shadow:inset 0px 20px 0 -20px #FFF6CE;transition:0.5s all;border-radius:10px;cursor:pointer;text-transform:uppercase;background-color:#ffd800;display:inline-block;padding-top:25px;padding-bottom:25px;padding-left:65px;padding-right:65px;color:black;font-size:36px;font-family:GothamProRegular}.btn:hover{-webkit-box-shadow:inset 400px 20px 0 -20px #00FF00;-webkit-box-shadow:inset 400px 20px 0 -20px #00FF00}.flex{display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center{text-align:center}.left{text-align:left}.right{text-align:right}section{padding-top:40px;padding-bottom:40px}header,footer{background-color:#001934}#how_we_work,#calc_stoim,#stoimost_uslugi,#our_uslugi{background-color:#001d60}header{padding-top:20px;padding-bottom:20px;color:white;font-size:22px}header .text{padding-left:10px}header .phone-text{font-size:30px}header .phone-text a{font-family:GothamProBlack}header .office{font-size:22px}header .col-md-8{text-align:right}#b1{background:url("../images/b1.jpg");background-size:cover;background-position:100%;text-align:right;padding-bottom:300px}#b1 h1{margin-bottom:20px}#b1 h3{margin-bottom:60px}#how_we_work{color:white;min-height:900px}#how_we_work .text{font-size:20px;text-align:center}#how_we_work h2{text-align:center}#how_we_work .row{position:relative}#how_we_work .item{position:absolute;max-width:320px}#how_we_work .it1{top:0;text-align:center;left:480px}#how_we_work .it1 .text{margin-bottom:10px}#how_we_work .it2{top:130px;left:700px}#how_we_work .it2 .text{margin-left:10px}#how_we_work .it3{top:330px;left:800px}#how_we_work .it3 .text{margin-left:10px}#how_we_work .it4{top:470px;left:700px}#how_we_work .it4 .text{margin-left:10px}#how_we_work .it5{top:580px;left:400px;text-align:center}#how_we_work .it6{top:480px;left:80px}#how_we_work .it7{top:300px;left:0px}#how_we_work .it8{top:160px;left:30px}#how_we_work .strelochki{position:absolute;left:350px;top:170px}#free_cons{background:url("../images/free_cons.jpg") no-repeat;background-size:cover}#free_cons .box{background-color:rgba(207,215,220,0.74);padding:25px;color:black;text-align:center}#free_cons .box .title{font-size:40px;margin-bottom:20px}#free_cons .box .title span{font-family:GothamProBlack}#free_cons .box .skidka-perc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:50px}#free_cons .box .skidka-perc span{font-size:120px}#free_cons .box .title-timer{font-size:40px;margin-bottom:20px}#free_cons .box .timer{margin-bottom:40px;margin-top:40px}#recommends{padding-bottom:160px;text-align:center}#recommends .col-md-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#recommends .box{cursor:pointer;max-width:100%;transition:0.5s all;box-shadow:4px 4px 6px rgba(0,0,0,0.5);background-color:#001d60;color:white;padding-bottom:20px;padding-top:20px;padding-right:10px;padding-left:10px}#recommends .box:hover{box-shadow:none}#recommends .box:hover .img{background:url("../images/galochka_yellow.png") no-repeat;background-position:80%}#recommends .box .img{transition:0.5s all;background:url("../images/galochka.png") no-repeat;background-position:80%;width:200px;height:200px;margin:0 auto}#calc_stoim{color:white}#calc_stoim .text{font-size:30px}#calc_stoim .img{text-align:center}#calc_stoim img{max-width:100%;margin:0 auto}#calc_stoim .title{font-size:25px;margin-bottom:20px;text-align:center;margin-top:100px}#calc_stoim form{text-align:center}#calc_stoim form input{width:100%;margin-bottom:15px;padding:15px;font-size:20px;font-family:GothamProLight}#calc_stoim form input[name="col_zdanii"]{width:48%;margin-right:18px}#calc_stoim form input[name="vid"]{width:48%}#calc_stoim form input[name="name"],#calc_stoim form input[name="email"],#calc_stoim form input[name="phone"]{width:30%;margin-right:25px}#calc_stoim form input[name="phone"]{margin-right:0}#calc_stoim form .btn{border:0;margin-top:40px}#calc_stoim form .btn:hover{border:0}#free_cons2{background:url("../images/free_cons2.jpg") no-repeat;background-size:cover;padding-top:180px;padding-bottom:180px}#free_cons2 .box{padding:40px;background-color:rgba(247,247,249,0.66);font-size:40px;text-align:center;border:8px solid #49423f}#free_cons2 .box span{font-family:GothamProBlack}#free_cons2 .box .btn{margin-top:20px}#passport_eto h2{text-align:center}#passport_eto .card{padding:20px;background-color:#001d60;color:white;font-size:30px;margin-bottom:20px;transition:0.5s all;box-shadow:4px 4px 6px rgba(0,0,0,0.5)}#passport_eto .card:hover{box-shadow:none}#stoimost_uslugi{position:relative;color:white}#stoimost_uslugi .man{position:absolute;bottom:0px}#stoimost_uslugi .text{text-align:right;font-size:35px}#stoimost_uslugi .text:nth-child(2){margin-top:100px;margin-bottom:100px}#stoimost_uslugi .text span{font-family:GothamProBlack;color:#ffd800}#stoimost_uslugi .btn{margin-bottom:150px}#counts{padding-top:120px;padding-bottom:120px}#counts .col-md-4{display:flex}#counts .box{background-color:#001d60;font-size:30px;color:white;cursor:pointer;width:100%;text-align:center;transition:0.5s all;box-shadow:4px 4px 6px rgba(0,0,0,0.5);padding:50px;border-radius:50px}#counts .box:hover{box-shadow:none}#counts .box span{font-size:140px}#our_uslugi h2{color:white}#our_uslugi ul{padding-left:0;list-style:none;text-align:center}#our_uslugi ul li{margin-bottom:20px}#our_uslugi ul li a{font-size:30px}#map{height:600px;padding:0}footer{padding-top:40px;padding-bottom:40px;color:white;font-size:20px}footer h3{text-align:center;margin-bottom:40px}footer ul{padding-left:0;list-style:none;text-align:center}footer ul li{margin-bottom:20px}#how_we_work2{display:none;color:white;background-color:#001d60}#how_we_work2 .col-md-12{margin-bottom:40px;color:white;text-align:center;font-size:20px}#how_we_work2 .col-md-12 img{margin-bottom:20px}#how_we_work2 .col-md-12 .box{max-width:400px;margin:0 auto;padding:15px}footer .col-md-4{margin-bottom:20px}#our_clients .owl-carousel img{max-width:200px;margin:0 auto}#our_clients .owl-nav{height:0}#list_office{font-size:20px}#list_office .row{border:1px solid #001934;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;padding-bottom:20px;padding-top:20px}#list_office a{color:black;transition:0.5s all}#list_office a:hover{color:#ffd800}#usluga h3{text-transform:none;text-align:center;padding-bottom:40px}#usluga .text{font-size:24px;font-weight:400;line-height:57.68px;padding-bottom:130px}#usluga img{max-width:100%}#usluga .btn{padding-left:15px;padding-right:15px}#usluga .btn:hover{-webkit-box-shadow:none;box-shadow:none}
#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: rgba(0,0,255,0.3);
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_notification p{
  margin: 0;
  font-size: 0.7rem;
  text-align: left;
  color: #ffffff;
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}

@media (max-width: 575px){
    
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  }
}
.block-cards-info{
    display: flex;
    flex-wrap: wrap;
}
.card-info-preview{
    width: 60%;
    margin: 0 auto;
}
.card-info-img{
    min-width: 100%;
    min-height: 100%;
}
.link-card-button{
    text-decoration: none;
    display: block;
    
    margin: 0 auto;
}
.cards-buttons{
    width: 40%;
    padding-top: 20px;
    padding-left: 30px;
   
}
.card-button{
    
    padding: 20px 15px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
.link-card-button:nth-child(n+2){
    margin-top: 20px;
}
.link-card-button:hover{
    color: red;
}
 .link-program{
    color: #0000FF; /* Цвет обычной ссылки */ 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   }
   .link-program:visited {
    color: #800080; /* Цвет посещённой ссылки */
   } 
   .link-program:hover {
    color: 	#FF4500; /* Цвет ссылки при наведении на нее курсора мыши */  
    text-decoration: underline; /* Добавляем подчеркивание */
   }
   /* блок стоимость паспорт */
   .optionprice { 
    border:solid;
    border-color: yellow;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
   }
   .price-pasport{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-bottom: 20px;
    margin-right: auto;
    font-size: 16px;
}
.cards-pasport{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32%;
    
}
.cards-pasport:nth-child(n+2){
    margin-left: 20px;
}
.card-pasport{
    display: block;
    width: 100%;
    
    
}
.img-one{
    padding-top: 10px;
}
.pasport-preview{
    max-width: 100%;
}
.pasport-img{
    width: 100%;
}
.pasport-info{
     max-width: 100%;
    line-height: 30px;
    padding: 10px;
}
.block-order-pasport{
    display: block;
    width: 100%;
}
.order-btn-pasport{
    width: 100%;
    background-color: white; 
    color: black; 
    border: 2px solid #00ff00;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    flex-shrink: 1 1 auto;
    margin: 20px auto;
}
.order-btn-pasport:hover{
    background-color: #00ff00;
    color: white;
}
.order-btn-pasport:active, .order-btn-pasport:focus{
    border: #00ff00;
    outline: none;
}
.info-price-pasport{
    text-align: center;
    background-color: yellow;
    padding: 5px 5px;
    flex-shrink: 1 1 auto;
    width: 100%;
    box-sizing: border-box;
}

/* паспорт сроки */

   .dates-pasport{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-bottom: 20px;
    margin-right: auto;
    font-size: 16px;
}
.date-pasport{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 45%;
    
}
.date-pasport:nth-child(n+2){
    margin-left: 20px;
}
.card-date{
    display: block;
    width: 100%;
    
}

.date-preview{
    max-width: 100%;
    
}
.date-img{
    width: 100%;
}
.date-info{
     max-width: 100%;
    line-height: 15px;
    padding: 10px;
}
.date-one{
    margin-top: 45px;
}
.block-order-date{
    display: block;
    width: 100%;
}

.info-date{
    text-align: center;
    background-color: yellow;
    padding: 5px 5px;
    flex-shrink: 1 1 auto;
    width: 100%;
    box-sizing: border-box;
    line-height: 25px;
}
 /* программа энерго блок */
.program-offer-text{
     border: 3px solid #E0FFFF;
    text-align: center;
    background-color: #E0FFFF;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 10px;
}
/* попап на стр программа */
.exitblock {    
    display:none;    
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100000;
    
}    
.exitblock .fon {
    background: #000000;
    opacity:.8;
    position:fixed;
    width:100%;
    height:100%;
}
.exitblock .modaltext {
    box-sizing: border-box;  
    padding:20px 40px;
    border: 2px solid #AEAEAE;
    background: #F6FCFF;
    position:fixed;
    top:80px;
    left:50%;
    margin-left:-30%;
    width:60%;
    box-shadow: 0 4px 10px 2px rgba(0,0,0,0.5);
}    
.popap-title{
    text-align: center;
    font-family: sans-serif;
}
.popap-text{
    font-size: 30px;
    text-align: center;
    
    font-family: sans-serif;
}
.closeblock {
    cursor:pointer;
    position: fixed;
    line-height:60px;
    font-size:82px;
    transform: rotate(45deg);
    text-align:center;
    top:20px;
    right:30px;
    color: #ffffff;    
}
.closeblock:hover {
    color: 	#FF0000;    
}
.popap-foter{
    display: flex;
    justify-content: space-around;
}
.popap-prewiev{
    width: 30%;
    height: 50px;
}
.popap-img{
    width: 100%;
}
.popap-btn{
    width: 40%;
    margin-top: 50px;
    text-align: center;
    font-weight: bold;
}
.title-enerobsledovanie{
    margin-bottom: 0;
}
.h1-title-enef{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: calc(1rem + 2vw);
}
.punto-teplosnabzhenie{
   list-style-type: circle;
    
}
/* футер разер текста офрета */
.foter-oferta{
    font-size: x-small;
    margin: 5px 30px; 
}
/*# sourceMappingURL=style.css.map */
/* Классический синий цвет ссылок */
    .classic-blue-link {
        color: #0000ee !important; /* Стандартный синий цвет гиперссылок */
        text-decoration: underline;
        font-weight: bold;
        transition: color 0.2s ease-in-out;
    }

    /* Оранжевый при наведении (по твоему образцу) */
    .classic-blue-link:hover {
        color: #ff4500 !important; /* Оранжево-красный (OrangeRed) */
        text-decoration: none; /* Убираем подчеркивание при наведении для динамики */
    }
/* ==========================================
   Полноэкранный слайдер (На весь экран/родитель, 2мм отступы со всех сторон)
   ========================================== */

.hero-section-krymone {
    width: 100%;
    height: 100vh; /* Занимает всю высоту экрана, либо 100% от родителя */
    min-height: 600px;
    background: #f8fafc;
    position: relative;
    font-family: 'Arial', sans-serif;
    box-sizing: border-box;
    padding: 2mm; /* Отступы ровно по 2 мм со всех сторон родительского блока */
}

.slider-viewport-krymone {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
}

/* Трек слайдера */
.slider-track-krymone {
    display: flex;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.slider-track-krymone::-webkit-scrollbar {
    display: none;
}

/* Состояние при ручном перетаскивании */
.slider-track-krymone.is-dragging-krymone {
    scroll-snap-type: none;
    scroll-behavior: auto;
    cursor: grabbing;
}
.slider-track-krymone.is-dragging-krymone .slide-content-krymone {
    pointer-events: none; 
}

/* Карточка слайдера: Строго на всю ширину и высоту экрана/родителя */
.slide-card-krymone {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    scroll-snap-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 40px 80px 40px;
    cursor: grab;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
}

/* Фоновый SVG на всю ширину и длину карточки */
.slide-bg-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    color: #c5a059; /* Цвет линий фонового рисунка */
    opacity: 0.08; /* Тонкий водяной знак */
}
.slide-bg-svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Контент внутри карточки (поверх SVG-фона) */
.slide-content-krymone {
    position: relative;
    z-index: 2;
    max-width: 900px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Иконки */
.slide-icon-krymone {
    width: 90px;
    height: 90px;
    color: #c5a059;
    margin-bottom: 25px;
}
.slide-icon-krymone svg {
    width: 100%;
    height: 100%;
}

/* Тексты */
.slide-title-krymone {
    color: #0e1c36;
    font-size: 42px;
    font-weight: 800;
    margin: 0 0 15px 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.slide-desc-krymone {
    color: #475569;
    font-size: 19px;
    line-height: 1.6;
    margin: 0 0 35px 0;
    max-width: 700px;
}

/* Кнопка */
.btn-krymone {
    background-color: #c5a059;
    color: #ffffff;
    padding: 16px 36px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.1s;
    display: inline-block;
}
.btn-krymone:hover {
    background-color: #0e1c36;
}
.btn-krymone:active {
    transform: scale(0.98);
}

/* Пагинация (Точки внизу) */
.slider-dots-krymone {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 12px;
    z-index: 10;
}
.dot-krymone {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #cbd5e1;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
}
.dot-krymone.active {
    background-color: #c5a059;
    transform: scale(1.3);
}

/* Адаптив */
@media (max-width: 768px) {
    .slide-title-krymone { font-size: 26px; }
    .slide-desc-krymone { font-size: 15px; margin-bottom: 25px; }
    .slide-card-krymone { padding: 40px 20px 60px 20px; }
    .slide-icon-krymone { width: 65px; height: 65px; margin-bottom: 15px; }
}
/* ==========================================
   Стили блока "Чем наша компания может быть полезна" (-krymtwo)
   ========================================== */

.what-we-do-section-krymtwo {
    width: 100%;
    background-color: #0e1c36;
    color: #ffffff;
    padding: 80px 20px;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

.wwd-container-krymtwo {
    max-width: 1300px;
    margin: 0 auto;
}

.wwd-header-krymtwo {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px auto;
}

.wwd-badge-krymtwo {
    display: inline-block;
    background-color: rgba(197, 160, 89, 0.15);
    color: #c5a059;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid rgba(197, 160, 89, 0.3);
}

.wwd-title-krymtwo {
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    letter-spacing: 0.5px;
}

.wwd-subtitle-krymtwo {
    color: #94a3b8;
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
}

.wwd-grid-krymtwo {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    align-items: stretch;
}

/* Карточки с фоновым оформлением */
.wwd-card-krymtwo {
    background-color: #13223f;
    background-image: 
        linear-gradient(135deg, rgba(197, 160, 89, 0.04) 0%, rgba(14, 28, 54, 0.8) 100%),
        radial-gradient(circle at top right, rgba(197, 160, 89, 0.08), transparent 60%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 35px 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.wwd-card-krymtwo:hover {
    transform: translateY(-5px);
    border-color: #c5a059;
    box-shadow: 0 15px 35px rgba(197, 160, 89, 0.1);
}

.wwd-card-accent-krymtwo {
    border-color: rgba(197, 160, 89, 0.4);
    background-image: 
        linear-gradient(135deg, rgba(197, 160, 89, 0.12) 0%, rgba(14, 28, 54, 0.85) 100%),
        radial-gradient(circle at top right, rgba(197, 160, 89, 0.15), transparent 60%);
}

.wwd-card-content-krymtwo {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Заголовки: задан требуемый цвет #c5a059 и фиксированная высота под 3 строки для идеального выравнивания */
.wwd-card-content-krymtwo h3 {
    font-size: 19px;
    font-weight: 700;
    color: #c5a059;
    margin: 0 0 16px 0;
    line-height: 1.3;
    text-align: center;
    min-height: calc(1.3em * 3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wwd-card-content-krymtwo p {
    font-size: 14px;
    color: #94a3b8;
    line-height: 1.5;
    margin: 0;
    text-align: center;
}

/* Адаптивность */
@media (max-width: 768px) {
    .what-we-do-section-krymtwo {
        padding: 50px 15px;
    }
    .wwd-title-krymtwo {
        font-size: 28px;
    }
    .wwd-subtitle-krymtwo {
        font-size: 15px;
    }
    .wwd-card-krymtwo {
        padding: 25px 20px;
    }
    .wwd-card-content-krymtwo h3 {
        min-height: auto;
    }
}
/* ==========================================
   Стили блока акции и таймера (-krymthree)
   ========================================== */

.free-cons-section-krymthree {
    width: 100%;
    background-color: #0e1c36;
    color: #ffffff;
    padding: 80px 20px;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

.fc-container-krymthree {
    max-width: 1100px;
    margin: 0 auto;
}

.fc-box-krymthree {
    background-color: #13223f;
    background-image: 
        linear-gradient(135deg, rgba(197, 160, 89, 0.06) 0%, rgba(14, 28, 54, 0.9) 100%),
        radial-gradient(circle at center, rgba(197, 160, 89, 0.1), transparent 70%);
    border: 1px solid rgba(197, 160, 89, 0.3);
    border-radius: 20px;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
}

.fc-title-krymthree {
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 25px;
    line-height: 1.3;
    max-width: 900px;
    letter-spacing: 0.5px;
}

.fc-skidka-perc-krymthree {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: rgba(197, 160, 89, 0.1);
    border: 1px solid rgba(197, 160, 89, 0.4);
    padding: 12px 30px;
    border-radius: 50px;
    margin-bottom: 30px;
}

.fc-perc-num-krymthree {
    font-size: 32px;
    font-weight: 900;
    color: #c5a059;
    line-height: 1;
}

.fc-perc-text-krymthree {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.fc-skidka-timer-krymthree {
    margin-bottom: 35px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.fc-timer-krymthree {
    display: flex;
    justify-content: center;
    width: 100%;
}

.fc-timer-mob-krymthree {
    display: none;
}

.fc-timer-desk-krymthree {
    display: flex;
}

.fc-btn-krymthree {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #c5a059 0%, #b08d46 100%);
    color: #0e1c36;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 18px 50px;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    box-shadow: 0 8px 25px rgba(197, 160, 89, 0.3);
    border: none;
}

.fc-btn-krymthree:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(197, 160, 89, 0.5);
    background: linear-gradient(135deg, #d4af61 0%, #c5a059 100%);
}

@media (max-width: 768px) {
    .free-cons-section-krymthree {
        padding: 40px 15px;
    }
    .fc-box-krymthree {
        padding: 30px 20px;
        border-radius: 16px;
    }
    .fc-title-krymthree {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .fc-skidka-perc-krymthree {
        flex-direction: column;
        gap: 5px;
        padding: 10px 20px;
        border-radius: 14px;
    }
    .fc-perc-num-krymthree {
        font-size: 26px;
    }
    .fc-perc-text-krymthree {
        font-size: 13px;
    }
    .fc-timer-mob-krymthree {
        display: flex;
    }
    .fc-timer-desk-krymthree {
        display: none;
    }
    .fc-btn-krymthree {
        width: 100%;
        padding: 16px 20px;
    }
}
/* ==========================================
   Стили блока "Для каких объектов мы делаем энергопаспорт" (-krymfour)
   ========================================== */

.recommends-section-krymfour {
    width: 100%;
    background-color: #0e1c36;
    color: #ffffff;
    padding: 90px 20px;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

.rec-container-krymfour {
    max-width: 1300px;
    margin: 0 auto;
}

.rec-header-krymfour {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px auto;
}

.rec-badge-krymfour {
    display: inline-block;
    background-color: rgba(197, 160, 89, 0.15);
    color: #c5a059;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid rgba(197, 160, 89, 0.3);
}

.rec-title-krymfour {
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.5px;
    line-height: 1.3;
    color: #ffffff;
}

.rec-grid-krymfour {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: stretch;
}

.rec-card-krymfour {
    background-color: #13223f;
    background-image: 
        linear-gradient(135deg, rgba(197, 160, 89, 0.04) 0%, rgba(14, 28, 54, 0.8) 100%),
        radial-gradient(circle at top right, rgba(197, 160, 89, 0.08), transparent 60%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.rec-card-krymfour:hover {
    transform: translateY(-5px);
    border-color: #c5a059;
    box-shadow: 0 15px 35px rgba(197, 160, 89, 0.1);
}

.rec-card-inner-krymfour {
    padding: 30px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 3px solid transparent;
    transition: border-color 0.3s ease;
}

.rec-card-krymfour:hover .rec-card-inner-krymfour {
    border-bottom-color: #c5a059;
}

.rec-card-top-krymfour {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.rec-num-krymfour {
    font-size: 22px;
    font-weight: 900;
    color: #c5a059;
}

.rec-icon-placeholder-krymfour {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(197, 160, 89, 0.1);
    border: 1px solid rgba(197, 160, 89, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.rec-icon-placeholder-krymfour::after {
    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid #c5a059;
    border-bottom: 2px solid #c5a059;
    transform: rotate(-45deg);
    margin-top: -2px;
}

.rec-text-krymfour {
    font-size: 15px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
}

/* Адаптивность для планшетов и мобильных */
@media (max-width: 1024px) {
    .rec-grid-krymfour {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .recommends-section-krymfour {
        padding: 50px 15px;
    }
    .rec-title-krymfour {
        font-size: 28px;
    }
    .rec-grid-krymfour {
        grid-template-columns: 1fr;
    }
    .rec-card-krymfour {
        transform: none !important;
    }
    .rec-card-inner-krymfour {
        border-bottom-color: #c5a059;
    }
}
/* ==========================================
   Стили блока "Наши услуги" (-krymfive)
   ========================================== */

.our-uslugi-section-krymfive {
    width: 100%;
    background-color: #ffffff;
    color: #0e1c36;
    padding: 90px 20px;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

.ou-container-krymfive {
    max-width: 1300px;
    margin: 0 auto;
}

.ou-header-krymfive {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px auto;
}

.ou-badge-krymfive {
    display: inline-block;
    background-color: rgba(197, 160, 89, 0.12);
    color: #b08d46;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid rgba(197, 160, 89, 0.3);
}

.ou-title-krymfive {
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.5px;
    color: #0e1c36;
}

/* Сетка: 4 колонки, плотно друг к другу с внутренними границами */
.ou-grid-krymfive {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background-color: #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(14, 28, 54, 0.06);
}

/* Ссылка-карточка */
.ou-card-krymfive {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    background: #f8fafc;
    overflow: hidden;
    transition: background-color 0.3s ease;
}

/* Внутреннее наполнение карточки */
.ou-card-inner-krymfive {
    padding: 35px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
}

.ou-card-content-krymfive {
    display: flex;
    flex-direction: column;
}

.ou-card-title-krymfive {
    font-size: 17px;
    font-weight: 700;
    color: #0e1c36;
    line-height: 1.4;
    margin: 0 0 20px 0;
    transition: color 0.3s ease;
}

/* Эффект при наведении */
.ou-card-krymfive:hover {
    background-color: #ffffff;
    position: relative;
    z-index: 2;
}

.ou-card-krymfive:hover .ou-card-title-krymfive {
    color: #c5a059;
}

/* Подпись "Подробнее" */
.ou-card-footer-krymfive {
    margin-top: auto;
    padding-top: 15px;
}

.ou-more-krymfive {
    font-size: 14px;
    font-weight: 700;
    color: #c5a059;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.ou-arrow-krymfive {
    transition: transform 0.3s ease;
}

.ou-card-krymfive:hover .ou-more-krymfive {
    opacity: 1;
    transform: translateY(0);
}

.ou-card-krymfive:hover .ou-arrow-krymfive {
    transform: translateX(4px);
}

/* Адаптивность для планшетов и мобильных */
@media (max-width: 1024px) {
    .ou-grid-krymfive {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .our-uslugi-section-krymfive {
        padding: 50px 15px;
    }
    .ou-title-krymfive {
        font-size: 28px;
    }
    .ou-grid-krymfive {
        grid-template-columns: 1fr;
        gap: 1px;
    }
    .ou-more-krymfive {
        opacity: 1;
        transform: translateY(0);
    }
}
/* ==========================================
   Стили блока "Энергетический паспорт это" (-krymsix)
   ========================================== */

.passport-eto-section-krymsix {
    width: 100%;
    background-color: #0e1c36;
    color: #ffffff;
    padding: 90px 20px;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

.pe-container-krymsix {
    max-width: 1300px;
    margin: 0 auto;
}

.pe-header-krymsix {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px auto;
}

.pe-badge-krymsix {
    display: inline-block;
    background-color: rgba(197, 160, 89, 0.15);
    color: #c5a059;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid rgba(197, 160, 89, 0.3);
}

.pe-title-krymsix {
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.5px;
    color: #ffffff;
}

/* Сетка карточек: 3 колонки для идеального баланса 6 элементов */
.pe-grid-krymsix {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.pe-card-krymsix {
    background-color: #13223f;
    background-image: 
        linear-gradient(135deg, rgba(197, 160, 89, 0.04) 0%, rgba(14, 28, 54, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 35px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.pe-card-krymsix:hover {
    transform: translateY(-5px);
    border-color: #c5a059;
    box-shadow: 0 15px 35px rgba(197, 160, 89, 0.12);
}

.pe-card-num-krymsix {
    font-size: 28px;
    font-weight: 900;
    color: #c5a059;
    margin-bottom: 15px;
    opacity: 0.9;
    letter-spacing: 1px;
}

.pe-card-text-krymsix {
    font-size: 15px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0;
}

/* Адаптивность для планшетов и мобильных */
@media (max-width: 1024px) {
    .pe-grid-krymsix {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .passport-eto-section-krymsix {
        padding: 50px 15px;
    }
    .pe-title-krymsix {
        font-size: 26px;
    }
    .pe-grid-krymsix {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .pe-card-krymsix {
        padding: 25px 20px;
    }
}
/* ==========================================
   Стили блока статистики (-krymseven)
   ========================================== */

.counts-section-krymseven {
    width: 100%;
    background-color: #f8fafc;
    padding: 70px 20px;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

.counts-container-krymseven {
    max-width: 1300px;
    margin: 0 auto;
}

.counts-grid-krymseven {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.counts-card-krymseven {
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(14, 28, 54, 0.04);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.counts-card-krymseven:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(14, 28, 54, 0.08);
    border-color: rgba(197, 160, 89, 0.4);
}

.counts-number-krymseven {
    font-size: 48px;
    font-weight: 800;
    color: #c5a059;
    line-height: 1.1;
    margin-bottom: 12px;
}

.counts-text-krymseven {
    font-size: 16px;
    font-weight: 600;
    color: #0e1c36;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Адаптивность для планшетов и мобильных */
@media (max-width: 1024px) {
    .counts-grid-krymseven {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .counts-number-krymseven {
        font-size: 38px;
    }
}

@media (max-width: 768px) {
    .counts-grid-krymseven {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .counts-section-krymseven {
        padding: 50px 15px;
    }
}
/* ==========================================
   Стили блока FAQ (-krymfaq)
   ========================================== */

.faq-section-krymfaq {
    width: 100%;
    background-color: #ffffff;
    padding: 90px 20px;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

.faq-container-krymfaq {
    max-width: 900px;
    margin: 0 auto;
}

.faq-header-krymfaq {
    text-align: center;
    margin-bottom: 50px;
}

.faq-badge-krymfaq {
    display: inline-block;
    background-color: rgba(197, 160, 89, 0.12);
    color: #c5a059;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid rgba(197, 160, 89, 0.3);
}

.faq-title-krymfaq {
    font-size: 36px;
    font-weight: 800;
    color: #0e1c36;
    margin: 0;
    line-height: 1.3;
}

.faq-list-krymfaq {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.faq-item-krymfaq {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.faq-item-krymfaq.is-active-krymfaq {
    border-color: #c5a059;
    box-shadow: 0 10px 30px rgba(14, 28, 54, 0.06);
    background: #ffffff;
}

.faq-question-krymfaq {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 22px 25px;
    font-size: 17px;
    font-weight: 700;
    color: #0e1c36;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    box-sizing: border-box;
    transition: color 0.3s ease;
}

.faq-question-krymfaq:hover {
    color: #c5a059;
}

.faq-icon-krymfaq {
    font-size: 22px;
    font-weight: 400;
    color: #c5a059;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: rgba(197, 160, 89, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.faq-item-krymfaq.is-active-krymfaq .faq-icon-krymfaq {
    transform: rotate(45deg);
    background-color: #c5a059;
    color: #ffffff;
}

.faq-answer-krymfaq {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-answer-content-krymfaq {
    padding: 0 25px 25px 25px;
    font-size: 15px;
    line-height: 1.6;
    color: #4a5568;
}

/* Адаптивность */
@media (max-width: 768px) {
    .faq-section-krymfaq {
        padding: 50px 15px;
    }
    .faq-title-krymfaq {
        font-size: 26px;
    }
    .faq-question-krymfaq {
        padding: 18px 20px;
        font-size: 16px;
    }
    .faq-answer-content-krymfaq {
        padding: 0 20px 20px 20px;
        font-size: 14px;
    }
}