/* @font-face {
    font-family: 'SuisseIntl-Book';
    src: url('/font/SuisseIntl-Book.woff2') format('woff2'),
        url('/font/SuisseIntl-Book.woff') format('woff'),
        url('/font/Suisseintl-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-Medium.woff2') format('woff2'),
        url('/font/SuisseIntl-Medium.woff') format('woff'),
        url('/font/SuisseIntl-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-Regular.woff2') format('woff2'),
        url('/font/SuisseIntl-Regular.woff') format('woff'),
        url('/font/SuisseIntl-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-MediumItalic.woff2') format('woff2'),
        url('/font/SuisseIntl-MediumItalic.woff') format('woff'),
        url('/font/SuisseIntl-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-Black.woff2') format('woff2'),
        url('/font/SuisseIntl-Black.woff') format('woff'),
        url('/font/SuisseIntl-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-UltraLightItalic.woff2') format('woff2'),
        url('/font/SuisseIntl-UltraLightItalic.woff') format('woff'),
        url('/font/SuisseIntl-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-SemiBoldItalic.woff2') format('woff2'),
        url('/font/SuisseIntl-SemiBoldItalic.woff') format('woff'),
        url('/font/SuisseIntl-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl Book';
    src: url('/font/SuisseIntl-Book_1.woff2') format('woff2'),
        url('/font/SuisseIntl-Book_1.woff') format('woff'),
        url('/font/SuisseIntl-Book_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-Light.woff2') format('woff2'),
        url('/font/SuisseIntl-Light.woff') format('woff'),
        url('/font/SuisseIntl-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-Bold.woff2') format('woff2'),
        url('/font/SuisseIntl-Bold.woff') format('woff'),
        url('/font/SuisseIntl-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-Thin.woff2') format('woff2'),
        url('/font/SuisseIntl-Thin.woff') format('woff'),
        url('/font/SuisseIntl-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl Book';
    src: url('/font/SuisseIntl-BookItalic.woff2') format('woff2'),
        url('/font/SuisseIntl-BookItalic.woff') format('woff'),
        url('/font/SuisseIntl-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-ThinItalic.woff2') format('woff2'),
        url('/font/SuisseIntl-ThinItalic.woff') format('woff'),
        url('/font/SuisseIntl-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-BlackItalic.woff2') format('woff2'),
        url('/font/SuisseIntl-BlackItalic.woff') format('woff'),
        url('/font/SuisseIntl-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-UltraLight.woff2') format('woff2'),
        url('/font/SuisseIntl-UltraLight.woff') format('woff'),
        url('/font/SuisseIntl-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-SemiBold.woff2') format('woff2'),
        url('/font/SuisseIntl-SemiBold.woff') format('woff'),
        url('/font/SuisseIntl-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-BoldItalic.woff2') format('woff2'),
        url('/font/SuisseIntl-BoldItalic.woff') format('woff'),
        url('/font/SuisseIntl-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-Italic.woff2') format('woff2'),
        url('/font/SuisseIntl-Italic.woff') format('woff'),
        url('/font/SuisseIntl-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('/font/SuisseIntl-LightItalic.woff2') format('woff2'),
        url('/font/SuisseIntl-LightItalic.woff') format('woff'),
        url('/font/SuisseIntl-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
} */


:root {
    --color-primary-tab-: #D7A442;
    --yellow-about--: #E4C17E;
}

body {
    background: #FAFAFA;
}


.wp_widget {
    position: fixed;
    right: 16px;
    bottom: 17px;
    z-index: 999;

}


.wp_widget_text {
    background-color: #FFFFFF;
    /* padding: 12px; */
    /* border-radius: 12px; */
    border-radius: 50%;
    box-shadow: 0px 0px 55px -10px rgb(19 19 19);
    height: auto;
    transition: 0.3s;
}

.wp_widget_text:hover {
    background-color: #86cd9b;

}



.wp_widget_text a{
    color: #48df50;
    font-size: 16px;
    display: flex;
    padding: 12px;
}


.wp_widget img {
    width: 50px;
    height: auto;
}

.flashing {
    right: 0;
    
    bottom: 72%;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #f13333;
    animation: flash 1.7s infinite; 
}

@keyframes flash {
    0% {
        opacity: 1; 
    }
    50% {
        opacity: 0; 
    }
    100% {
        opacity: 1; 
    }
}


html {
    scroll-behavior: smooth; 
    scroll-padding-top: 100px;
  }



#why_atlant_residential_complex_phone {
    display: none;
}

#why_atlant_residential_complex .list {
    max-width: 600px;
}



  

.contacts_menu {
    display: none;
}
@media (max-width: 1200px) {
    .contacts_menu {
        display: block;
    }
}


.carousel-indicators {
    text-align: center;
    margin-top: 10px;
    transition: 5s;
}

.carousel-indicators {
    display: none;
}
.indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #a5eafc;
    border-radius: 30px;
    margin: 0 5px;
    cursor: pointer;
}

.indicator.active {
    width: 17px;
    background-color: #39c0f8;
}

/* burger */
/* Основные стили для бургер-меню */
.burger {
    display: none;
    cursor: pointer;
    z-index: 1001;
}

#burger-crl.active_bg span{
    background-color: #000000;
}

.burger.active {
    display: block;
    position: absolute;
    top: 0px;
    right: 20px;


    bottom: 25px; 
}


.burger.active_bg.act {
    display: none;
}

.burger.active.active_bg {
    top: auto;
    bottom: 25px; 
    right: 20px;
}


.burger.active.active_bg span{
    background-color: #ffffff !important;
}

.menu__link.burger{
    color: #FFFFFF !important;
}

.burger-menu {
    display: none;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Показать бургер-меню на экранах до 1200px */
@media screen and (max-width: 1200px) {
    .menu, .menu- {
        display: none;
    }

    .burger {
        display: block;
    }

    .burger-menu {
        position: fixed;
        top: 0;
        right: -100%;
        min-width: 422px;
        height: 100%;
        background-color: #8B4513;
        /* z-index: 1000; */
        /* padding: 30px; */
        /* padding: 32px 46px 37px 26px; */
        padding: 25px;
        transition: right 0.3s ease-in-out;
        width: 100%;
        max-width: 34vw;
        /* transform: translateY(-20px);
        transition: opacity 0.3s ease, transform 0.3s ease; */
    }

    .burger-menu.active {
        right: 0;
          /* transform: translateY(0); */
    }

    .burger-menu ul {
        list-style: none;
        padding: 0;
        /* margin-top: 60px; */
        margin-top: 38px;
    }

    .burger-menu .menu__link {
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        display: block;
        margin-bottom: 15px;
    }

    .burger-menu .menu__link:hover {
        text-decoration: none;
    }

    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

    .overlay.active {
        /* display: block; */
    }
}

.mb_burger {
    display: none;
}


.menu__link.section__button1.burger {
	color: #FFFFFF;
	padding: 13px 20px 11px 20px;
	background-color: #803e0000;
	border: 1px solid;
	border-radius: 10px;

}

.menu__item button:hover {
	background-color: #FFFFFF;
	color: #000000;
	cursor: pointer;
	border: 1px solid #FFFFFF;
}

.menu__item button:active {
	background-color: #ffffffb7;
	border: 1px solid #ffffffb7;
}

/* Анимация для иконки бургера */
.burger span {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

.burger.active span:nth-child(1) {
    transform: rotate(-45deg) translate(-6px, 6px);
}

.burger.active span:nth-child(2) {
    opacity: 0;
}

.burger.active span:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -5px);
}

.burger-menu.active {
    display: flex;
    /* justify-content: flex-start;
    align-items: center; */
    /* max-width: 100%; */
    /* z-index: 1000; */
    height: 105%;

}

.menu__link.burger{
    margin: 0;
    width: 384px;
}


#btn_menu_burger {
    width: 100%;
}

.menu__link.section__button1.burger {
    width: 100%;
}

.menu__list.burger {
    display: flex;
    flex-direction: column;
    /* text-align: end; */
    align-items: baseline;
    /* margin-top: 0; */
    gap: 85px;
    /* margin-bottom: -100px; */
    /* height: 100%; */
    /* justify-content: flex-end; */
    /* justify-content: space-between; */
    /* margin-top: auto; */
    /* margin: auto; */
    width: 100%;
    justify-content: space-around;
}
.menu__link.burger {
    text-decoration: none;
}

.menu_list_burger_items_class_gap {
    display: flex;
    gap: 39px;
    flex-direction: column;
    width: 100%;
}



/*  */

* {
    box-sizing: border-box;
}
 h1,h3,h4,h5,h6,p {
    margin: 0;
    /* width: 0; */
    padding: 0;
	/* font-family: "Suisse Intl"; */
    font-family: "Inter";
	/* z-index: 2; */
 }

 h1 {
    /* font-family: "Suisse Intl Book"; */
    font-family: "Bitter";
    /* font-weight: 600; */
    font-weight: 400;
 }

 h2 {
	margin: 0;
    /* width: 0; */
    padding: 0;
	/* font-family: "Suisse Intl Book"; */
	/* font-family: "Inter"; */
    font-family: "Bitter";

	font-weight: 400;
    font-size: 48px;
    line-height: 0.99;
 }


 h3 {
    color: #FFFFFF;
    /* font-family: "Suisse Intl";  */
    font-weight: 500;
 }

 p {
    color: #C8C8C8;
 }

 a {
    font-family: "Suisse Intl Book";
 }


 .wrapper {
	display: flex;
	justify-content: space-between;
    /* flex-wrap: wrap; */
 }
 

.container {
	/* max-width: 1854px; */
	max-width: 1440px;
	/* background-color: #000000; */
	margin: auto;
	border-radius: 30px;
    padding: 40px;
}

 
.header {
    position: fixed;
    top: 54px;
    left: 0;
    width: 100%;
    /* background-color: rgba(255,255,255,.7); */
    z-index: 1000;
    transition: box-shadow .3s;
    /* backdrop-filter: blur(8px); */
    /* -webkit-backdrop-filter: blur(8px); */
}

#container_bg_header {
    padding: 34px 34px 34px 34px;
}

.header.bg-active .header__container {
    padding-top: 11.5px !important;
    padding-bottom: 11.5px !important;
    height: 90px;
    
  } 

.header.bg-active .header__container img {

    /* height: 70px; */

    /* bottom: -40px; */
    /* bottom: 18px; */
    bottom: 0px;
    position: relative;
    left: -10px;
    height: 75px;
    /* height: 70px; */

    /* transform: translateY(20px); */
  }



.header.bg-active .menu__link {
    color: #000000;
  }

.menu__link:hover {
    border-bottom: 1px solid;
    transition: 0.3s;
    /* padding-bottom: 10px; */
}

.menu__link.burger:hover {
    border-bottom: 0px solid;
    /* padding-bottom: 0px; */
}

.header.bg-active button:hover {
    border: 1px solid #000000;
    background-color: #000000;
    color: #FFFFFF;
    transition: 0.2s;

  }



  .header.bg-active {
    /* border-radius: 0px 0px 16px 16px; */
    /* left: 12.9%; */
    /* right: 38%; */
    /* display: flex; */
    /* margin: auto; */
    /* width: 74.2%; */
    background-color: #ffffff;
    color: black;
    /* padding-top: 12px !important; */
    /* padding-bottom: 0px !important; */
    transition: 0.2s;
    top: 0;
    /* position: fixed; */
}


.menu__link.section__button1 {
    cursor: pointer;
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-top: 54px !important; */
    /* padding-bottom: 25px !important; */
    transition:  padding-top .3s,  padding-bottom .3s;
}

.header_mini {
    box-shadow: 0px 0px 30px -11px rgba(0,0,0,0.8);
}

.header_mini .header__container {
    padding-top: 5px;
    padding-bottom: 5px;
}

.logo {
    display: block;
}

.logo__img {
    /* display: block; */
    height: 100px;
	filter: brightness(100%);
	/* opacity: 0.9; */
    position: absolute;
    left: 47%;
    bottom: -13px;
}

.menu__list {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: 60px
}

.menu__item:not(:last-child) {
    margin-right: 0px;
}

.menu__item button {
	color: #FFFFFF;
	/* padding: 13px 20px 11px 20px; */
	/* padding: 12px 20px 12px 20px; */
	padding: 0px 14px;
	background-color: #803e0000;
	border: 1px solid;

    height: 46px;
	border-radius: 10px;

}

.menu__item button:hover {
    /* background-color: #ffc862; */

	/* padding: 10px 20px 12px 20px; */

    /* padding: 12px 20px 11px 20px; */

    background-color: #ffdfa3;
    color: #000000;
    /* border: 1px solid #ffc862; */
    border: 1px solid #ffc86200;
}

.menu__link.section__button1.burger:hover {
	background-color: #ffffff !important;
	color: #000000 !important;
	cursor: pointer;
	border: 1px solid #FFFFFF;
}

.menu__item button:active {
	background-color: #ffffffb7;
	border: 1px solid #ffffffb7;
    color: #000;
}

.menu__link {
	margin-right: 0px;
    /* margin-left: 33px; */
    margin-left: 0px;
    font-size: 18px;
}
 /* nav,li,ul {
    display: flex;
    text-align: center;
    align-self: center;
    margin: 0px 10px 0px 10px;
} */
a, button {
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	text-decoration: none;
	font-family: "Inter" !important;
}


 .items_img_fon {
	display: flex;
	justify-content: center;
	align-items: center;
 }

 .container_bg {
    padding: 0px 34px 34px 34px;
	margin: auto;
	/* display: flex; */
	/* justify-content: center; */
 }

.container_bg_section {
	padding: 0px 34px 0px 34px;
	margin: auto;
	
}

 .container_hd {
    max-width: 1256px;
    /* max-width: 1332px; */
    margin: auto;
    position: relative;
	
 }

 .fon_head {
	display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1372px;
    width: 100%;
    background: url(/img/bg-main.webp) no-repeat center;
    /* background-size: auto 100%; */
    /* background-size: auto 115%; */
    background-size: auto 100%;
    /* background-size: auto 100%; */
    /* height: 56.8vw; */
    /* height: 70em; */
    /* height: 82vh; */
    height: 822px;
    max-height: 70em;
    border-radius: 30px;
    background-position-y: bottom;
    
}

.contnet-bacgraund:nth-child(1) {
    /* margin: auto 2em 20vh; */
    /* margin: auto 2em 17vh; */
    /* margin: auto 2em 21vh; */
    margin: auto 2em 11%;
}

.tab {
    background: var(--color-primary-tab-);
    padding: 0px 12px;
    font-style: italic;
    border-radius: 5px;
}

.lazyload {
    opacity: 0;
    transition: opacity 0.5s;
}

.lazyloaded {
    opacity: 1;
}

/* .fon_head {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 56.8vw;
    background: url('/img/fn1.png') no-repeat center center;
    background-size: cover;
    overflow: hidden; 
}
 */





.block_counseling {
	display: flex;
	flex-direction: column;
	/* gap: 30px; */
	gap: 44px;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
    max-width: 1118px;
    align-items: center;
}

.main-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.block_counseling h2 {
    font-size: 24px;
    font-weight: 300;
    font-family: "Inter";
}


.block_counseling button {
	color: #C1763B;
	background-color: #FFFFFF;
	border-radius: 14px;
    padding: 17px 24px 17px 24px;
	border: none;
    font-size: 20px;
	/* width: 281px;
	height: 57px; */
    transition: 0.3s;
}

.block_counseling button:hover {
    /* background-color: #ffffffbb; */
    background-color: #C1763B;
    color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.596);
    cursor: pointer;
}
.block_counseling button:active {
    background-color: #ffffff9c;
    color: #000;
    cursor: pointer;
}

.bl_padding {
    padding: 40px;
}


.title_section {
    font-weight: 300;
    font-style: italic;
}


/* why_atlant_residential_complex */

/* 
.bl_list {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border-radius: 16px;
    position: relative;
    z-index: 999;
    text-align: left;
    justify-content: center;
}

.img_list {
    width: 39px;
    height: 39px;
}

.text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 355px;
}

.text h2 {
    font-size: 26px;
}

.text h2,p {
    color: #803D00;
}

.text p {
    color: #803D00;
    font-size: 20px;
}

.list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.btn_bl_list {
    cursor: pointer;
    background-color: #00000000;
    text-align: justify;
    border: none;
}

.scale {
    max-width: 960px;
}





.scale img {
    width: 100%;
    height: min-content;
}

#block1 {
    background-color: #F1E7BC;
} */



.scale {
    width: 100%;
    height: 100%;
    /* max-width: 958px; */
}
.bl_list {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 23px;
    border-radius: 16px;
    position: relative;
    z-index: 999;
    text-align: left;
    /* justify-content: center; */
    transition: background-color 0.5s ease, align-items 0.5s ease;
}

.img_list {
    /* width: 39px;
    height: 39px; */
}

.text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 355px;
}

.text h2 {
    font-size: 24px;
    font-family: "Inter";
}

.text h2, p {
    color: #333;
}

.text p {
    color: #803D00;
    /* font-size: 20px; */
    font-size: 18px;
}

.list {
    display: flex;
    flex-direction: column;
    gap: 69px;
}

.list-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.scale img {
    border-radius: 20px;
}

.img_why_atlant_residential_complex {
    overflow: hidden;
    /* border-radius: 30px; */
    width: 100%;
    max-width: 600px;
}

#why_atlant_residential_complex .container_bg {
    /* position: sticky; */
    /* top: 40px; */
    top: 150px;
}

#why_atlant_residential_complex {
    /* height: 400vh; */
    /* margin: 0px 4em; */
    /* top: 40px; */
}

.why_atlant_residential_complex .title_section h2 {
    max-width: 580px;
}





#why_atlant_residential_complex_phone_block_card_items {
    height: auto;
}

#why_atlant_residential_complex_phone_block_img {
    height: 396px;
}

.btn_why_atlant_residential_complex_phone {
    background-color: #803e00 !important;

}

.btn_bl_list {
    cursor: pointer;
    background-color: transparent;
    text-align: justify;
    border: none;
    width: 522px;
    transition: 0.6s;
    border-radius: 16px;
}

.btn_bl_list svg {
    stroke: #333333;
    width: 30px;
}
.btn_bl_list.active svg {
    stroke: #ffffff;
}

.btn_bl_list.active {
    color: #fff;
    background: var(--color-primary-tab-);
}
.btn_bl_list.active h2,
.btn_bl_list.active p {
    color: #fff;
}

.scale {
    /* max-width: 960px; */
}

/* .scale img {
    width: 100%;
    height: min-content;
} */
.scale img {
    /* width: -webkit-fill-available; */
    /* width: 100vh; */
    /* max-width: 662px; */
    /* height: 727px; */
    height: 106vh;

    /* height: 719px; */
    object-fit: contain;
}


.scale_1_img {
    background-image: url('/img/bg-about.webp');
    /* background-size: 121%; */
    /* background-size: 121%; */
    background-size: cover;
    /* background-size: 87vh; */

    background-position: center;
}



.bl_list {
    background-color: #f9f2d300;
    align-items: center;
    transition: 0.3s;
}


.bl_list:hover {
    background: #F9F2D3;
}



.hidden-content {
    display: none;
}

.bl_list.active .hidden-content {
    display: block;
}

.bl_list.active:hover {
    background: none;

}

/* company.... */

.block {
    /* padding: 20px; */
    max-width: 686px;
}

#estet_stroy_company_info{
    /* margin-bottom: 40px; */
}

.estet_stroy_company .container {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.content-estet_stroy_company .wrapper {
    align-items: center;
}

#img_block {
    width: 100%;
    /* max-width: 566px; */
    max-width: 595px;
}

#img_block-div {
    border-radius: 30px;
    width: 100%;
    /* height: 430px; */
    height: 330px;

    background: url(/img/img-company.jpeg);

    /* background-position: center; */
    /* background-position: 0px -394px; */

    background-position: 0px -221px;
    background-size: 100%;
    background-repeat:no-repeat;

}

.content-estet_stroy_company {
    display: grid;
    gap: 60px;
}

.content-estet_stroy_company .wrapper {
    /* gap: 110px; */
    gap: 90px;
}

.estet_stroy_company .container_bg {
    background-color: #2D2D2D;
}

.estet_stroy_company .container_bg .container .wrapper:nth-child(3) {
    gap: 110px;
}

#estet_stroy_is_also {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* #block_padding  {

} */

.block_items {
    /* width: 590px; */
}

.title_section {
    /* padding: 20px; */
	color: #FFFFFF;
	/* font-size: 1.4em; */
}

.title_section h2 {
    text-transform: uppercase;
    font-style: normal;
    /* max-width: 600px; */
    line-height: 115%;
}

.title_text_section h2 {
    font-weight: 400;

    text-transform: uppercase;
}

.title_text_section {
	color: #FFFFFF;
	font-size: 1.4em;
}

.yellow {
    color: var(--yellow-about--);
    font-style: italic;
}



.info{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.info p {
    color: #C8C8C8;
    font-size: 16px;
}


.bl_info_numbr {
    display: grid;
    gap: 10px;
    height: fit-content;
}

.info_numbr h3 {
    font-size: 34px;
    font-family: "Mulish";
    font-weight: 700;
}

.info_numbr p {
    font-size: 18px;
    color: #FAFAFA;
}

.info_numbr h2 {
    font-size: 20px;
}

.info_numbr {
    display: grid;
    gap: 90px;
    grid-template-columns: repeat(4, 1fr);
    /* padding: 0px 8px; */
}

/* .bl {
    padding-bottom: 20px;
} */




.bl img {
    /* height: 541.18px; */
    /* height: 28vw;  */
    width: 100%; 
    /* max-width: 550px;  */
    max-width: max-content; 
}

.content-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 622px;
    /* max-width: 821px; */
    /* max-width: fit-content; */
    width: 100%;
}

.content-text p {
    color: #FAFAFA;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}



/*  */



#wrapper_block_pros {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
}

.br_title_section_for_phone {
    display: none;
}

.block_items {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
}

.block_pros {
    display: flex;
    flex-direction: column;
    text-align: start;
    align-items: flex-start;
    gap: 40px;
    background-color: #C9F3FD;
    /* padding: 40px 40px 60px 40px; */
    padding: 30px 20px 30px 20px;
    border-radius: 30px;
    max-width: 557px;
    flex: 1; 
    min-height: 200px; 
    transition: 0.3s;
    /* height: fit-content; */
    height: auto;
}

.content-pros {
    display: grid;
    gap: 30px;
    max-width: 336px;
    margin-right: auto;
    margin-left: auto;
}


.block_pros:hover {
    box-shadow: 1px 5px 40px 3px rgba(34, 60, 80, 0.137);
}

.block_pros_info {
    flex: 1; 
}

/* .block_pros {
    display: flex;
    flex-direction: column;
    text-align: start;
    align-items: start;
    gap: 30px;
    background-color: #C9F3FD;
    padding: 40px 40px 60px 40px;
    border-radius: 30px;
    max-width: 557px;
    height: max-content;
} */

.block_pros img {
    height: 95px;
}


.block_pros_info {
    display: flex;
    gap: 26px;
    flex-direction: column;
    /* max-width: 296px; */
}

.block_pros_info p, h4 {
    color: #00667C;

}
.block_pros_info p {
    font-size: 20px;

}
.block_pros_info h4 {
    font-size: 24px;
    font-weight: 600;
    max-width: 260px;
    /* font-family: "Suisse Intl Book"; */
}

.block_pros_info ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #00667C;
    margin: 0;
}

.block_pros_info b {
    font-weight: 500;
}

.block_pros_info li {
    font-size: 18px;
    line-height: 125%;
}


.flex_bl_section {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

#estet_stroy_is_also_container .wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* gap: 20px; */
    gap: 16px;
}

#wrapper_block_pros .block_items {
    /* height: fit-content; */
}

#estet_stroy_is_also_container .wrapper .block_pros 
    {
    height: fit-content;

}


/* form_counseling */

#container_form {
    padding: 0px 40px;
}

.form_counseling_dark .btn_form {
    background: var(--color-primary-tab-);
}

.wrapper_rorm_counseling {
    min-height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-evenly;
    overflow: hidden;
    align-items: center;
    padding: 0px 0px 0px 0px;
    align-items: flex-end;
}

.wrapper_rorm_counseling img {
    justify-self: anchor-center;
}

.block_form {
    padding: 20px;
    max-width: 561px;
    /* margin: auto; */
    margin: auto 0% 7%;
}

.bl_img {
    /* width: 32%; */
    width: 100%;
    /* max-width: 601px; */
    /* max-width: 500px; */
    max-width: 496px;
    height: auto;
}

#container_form {
    /* height: 700px; */
    /* height: 568px; */
    overflow: hidden;
}

.consultantion_form_text {
    display: flex;
    flex-direction: column;
    gap: 5px !important;
}

.form {
    display: flex;
    gap: 41px;
    flex-direction: column;
    /* margin-bottom: 21px; */
    /* max-width: 600px; */
}

.form h2 {
    color: #FFFFFF;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 115%;
}

.form p {
    color: #ffffffe7;
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
}



form {
    display: flex;
    flex-direction: column;
    gap: 28px;


}

.form div {
    display: grid;
    gap: 20px;
}


form input:focus {
    background-color: #ffffff;
    color: #000000;
}

[type="text"], [type="phone"],[type="tel"]  {
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 15px;
    padding-left: 25px;
    /* font-family: "Suisse Intl" !important; */
    font-family: "Inter" !important;
    color: #2D2D2D86;
    background-color: #ffffff86;
}


input:hover  {
    background-color: #FFFFFF;
    color: #000000;
        
        
}

::placeholder:hover {
    color: #000000;
}

::placeholder {
     color: #803e0086;
}

input:focus::placeholder {
    color: #803e0086;
  }

  input :active {
    background-color: #ffffff;
  }
  
  input {outline:none;}

.btn_form {
    background-color: #2D2D2D;
    border: none;
    border-radius: 15px;
    height: 54px;
    width: 100%;
    max-width: 182px;
}

.btn_form:hover {
    cursor: pointer;
    filter: brightness(90%);
}
.btn_form:active {
    filter: brightness(70%);
}


.img_form {
    height: 539px;
    width: 539px;
    position: relative;
}



/*  */

.block_slider {
    width: 60%;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#itc-slider-item_height {
    height: 1000px;
}

#itc-slider-item_img img {
    height: 660px !important;
}

.itc-slider-item img {
    object-fit: cover;
    width: -webkit-fill-available;
    border-radius: 20px;
    height: 1000px;
}

.itc-slider-items {
  counter-reset: slide;
}

.itc-slider-item {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  counter-increment: slide;
  height: 661px;
  position: relative;
  border-radius: 30px;
}

.itc-slider-item::before {
  content: counter(slide) "/5";
  position: absolute;
  top: 10px;
  right: 20px;
  color: #ffffff00;
  font-style: italic;
  font-size: 32px;
  font-weight: bold;
  display: block;
}

.itc-slider-item:nth-child(1) {
}

.itc-slider-item:nth-child(2) {
}

.itc-slider-item:nth-child(3) {
}

.itc-slider-item:nth-child(4) {
}

.itc-slider-item:nth-child(5) {
}

.commercial_real_estate_info {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 514px;
}

.commercial_real_estate_info h2{
    color: #803D00;
    font-size: 48px;
}
.commercial_real_estate_info p{
    color: #803D00;
    font-size: 20px;
}
/*  */


.flex_block_projects_realized {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    /* max-width: 1100px;  */
    width: 100%;
    /* margin: auto;  */
    position: relative; 
}

.flex_block_projects_realized i {
    font-size: 1.25rem; 
    cursor: pointer; 
    padding: 10px; 
}

.emphasize {
    color: #000000 !important;
}

.block_projects_realized {
    /* padding: 20px; */
    text-transform: uppercase;
}

/* .itc-slider {
    overflow: hidden;
    padding-bottom: 35px;
  }

  .itc-slider-wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }

  @media (min-width: 768px) {
    .itc-slider-item {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }

  @media (min-width: 1200px) {
    .itc-slider-item {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
  }

  .card {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-header {
    position: relative;
  }

  .card-img {
    display: block;
    height: auto;
    max-width: 100%;
  }

  .card-section {
    position: absolute;
    bottom: 6px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 12px;
    line-height: 1;
  }

  .card-title {
    background: #fafafa;
    color: #424242;
    white-space: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    padding: 10px 15px;
    margin: 0;
    height: 72px;
  }

  .card-footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fafafa;
    padding: 10px 15px 15px;
    color: #616161;
  }

  .card-photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .card-author {
    margin-left: 6px;
  }

  .card-icon {
    margin-left: auto;
    width: 18px;
    max-height: 20px;
  }

  .card-views {
    margin-left: 6px;
  }

  .itc-slider-btn {
    background-color: unset;
  }

  .itc-slider-btn:hover,
  .itc-slider-btn:focus {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .itc-slider-indicators {
    bottom: 0;
  }

  .itc-slider-indicator {
    background-color: #eee;
  }

  .itc-slider-indicator-active {
    background-color: #757575;
  }
 */

.bl_flex_projects_realized {
    display: flex;
    flex-direction: column;
    gap: 67px;
}

 .wrapper_card { 
    /* max-width: 1100px;  */
    width: 100%; 
    position: relative; 
    margin: auto; /* Центрирование контейнера */
    overflow: hidden; /* Скрытие содержимого, выходящего за пределы */
} 


.wrapper_card.no-select,
.wrapper_card.no-select * {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}


.wrapper_card i { 
    z-index: 9;
    height: 50px; 
    width: 50px; 
    background: rgb(118, 233, 118); 
    text-align: center; 
    line-height: 50px; 
    border-radius: 50%; 
    cursor: pointer; 
    position: absolute; 
    top: 50%; 
    font-size: 1.25rem; 
    transform: translateY(-50%); 
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23); 
} 

.wrapper_card i#left { 
    left: -22px; 
} 

.wrapper_card i#right { 
    right: -22px; 
} 

/* #left::before {
    content: '@';
    background: url("/img/005_ЭП.jpg");
} */


.wrapper_card .carousel-wrapper {
    display: flex;
    overflow: hidden; /* Скрыть элементы за пределами видимой области */
    position: relative;
}

.wrapper_card .carousel { 
    display: flex;
    margin-top: 24px;
    gap: 2%;
    transition: transform 0.3s ease-out; 
    will-change: transform; 
    flex-wrap: nowrap; 
} 

.carousel .card { 
    min-width: calc((62% / 3) - 17px); /* Ширина элементов карусели */
    margin-right: 17px; /* Отступ между элементами */
    scroll-snap-align: start; 
    height: 583px; 
    list-style: none; 
    background: #fff; 
    border-radius: 8px; 
    display: flex; 
    gap: 19px;
    align-items: center; 
    /* justify-content: center;  */
    flex-direction: column; 
    padding: 0px 0px 20px 0px;
} 

/* .card .img { 

    border-radius: 50%; 
    width: 100%;
}  */
.card .img { 
    border-radius: 24px; 
    width: 100%;
    max-width: 100%;
    /* background: green; */
    border-radius: 97px;
    /* height: 48%; */

} 

.card .img img { 
    /* width: max-content; 
    height: 257px;  */
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    object-fit: cover; 
    /* margin-bottom: 10px; */
    /* border-radius: 50%;  */
    /* border: 4px solid #fff;  */
} 

.card h2 { 
    font-weight: 500; 
    color: #09132E;
    font-size: 22px; 
    /* margin: 30px 0 5px;  */
} 

.card span { 
    color: #000000; 
    font-size: 16px; 
} 

.card span { 
    color: #000000; 
    font-size: 16px; 
} 

.card p { 
    color: #6D6D6D; 
    font-size: 16px; 
} 

@media screen and (max-width: 900px) { 
    .wrapper_card .carousel .card { 
        /* min-width: calc((100% / 2) - 9px);  */
        height: fit-content;
    } 
    
} 

@media screen and (max-width: 600px) { 
    .wrapper_card .carousel .card { 
        min-width: 100%; 
    } 
    .carousel .card {
        min-width: auto;
    }
}
@media (max-width: 624px) {

    .card .img img {
        width: 377px;
    }

    .wrapper_card .carousel .card {
        /* min-width: calc((100% / 2) - 9px); */
        height: fit-content;
        width: 381px;
    }
}

.info_addres {
    display: flex;
    flex-direction: column;
    font-family: 'Inter';
    gap: 9px;
}





.info_card {
    display: flex;
    flex-direction: column;
    gap: 19px;
    max-width: 100%;
    height: 100%;
}


.info_card h3 {
    /* max-width: 300px; */
}

#card_wrapper {
    /* flex-wrap: wrap; */
    justify-content: space-between;
    gap: 30px;
}

.card_block, .card_block_atlant {
    background-color: #FFFFFF;
    border-radius: 20px;
    /* max-width: 385px; */
    max-width: 421px;
    overflow: hidden;

    background: #BBEAF840;
}




.block_img {
    overflow: hidden;
    height: 296px;
    border-radius: 20px;
}

.block_img img {
    width: 100%;
    object-fit: cover;
    /* height: 452px; */
    height: 320px;
}

.block_card_items {
    padding: 30px 20px;
    /* height: 393px; */
    /* height: 324px; */
    /* height: 424px; */
    height: 359px;

}

.info_card h3 {
    font-size: 24px;
    color: #09132E;
}
.info_card p {
    /* max-width: 290px; */
} 

.info_status span {
    color: #070707;
}


.info_p_block_card p{
    color: #6D6D6D;
}

.info_status p {
    color: #6D6D6D;
    max-width: 300px;

}
.info_status {
    margin-top: auto;
}







/*  */


.blue_form input:focus {
    color: #000000;
}

#blue h2{
    color: #00667C;
}
#blue p{
    color: #00667C;
}

.blue_form input:focus::placeholder {
    color: #000000;
    /* background-color: #FFFFFF; */
  }




.blue_form input:active {
    background-color: #FFFFFF;
}

.blue_form input:active {
    color: #00667C;
}

.blue_form input{
    color: #00667C !important;
}

.blue_form:hover {
    color: #00667C;
}

.blue_form ::placeholder {
    color: #00667C;
  }

#blue_form_btn {
    background-color: #2D2D2D;
    /* opacity: 0.5;  */
}




/* foto_slider */






/* catalog */ 


.catalog .container {
    padding: 60px 48px;
}

.wrapper_catalog {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    /* text-align: center; */
}

#wrapper_catalog {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    /* grid-template-columns: auto 1fr 1fr */
}

.card_items {
    /* max-width: 420px; */
}

.info_catalog_price p {
    max-width: 608px;
    color: #803D00;
    line-height: 143%;
    font-size: 20px;
}

.items_catalog_block {
    display: flex;
    flex-direction: column;
    gap: 43px;
    /* gap: 14px; */
    margin-bottom: 43px;
}

.price {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.bl_price h3 {
    color: #803D00;
    font-weight: 400;
    font-size: 20px;
}

.bl_price {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #00000010;
    padding: 12px 20px 12px 20px;
    border-radius: 15px;
    max-height: 83px;
}

.bl_price p {
    color: #803D00B2;
}

.checkbox_catalog {
    display: flex;
    justify-content: center;
    gap: 48px;
}

.input_checkbox_items {
    display: flex;
    gap: 12px;
}

.input_checkbox_items span {
    font-size: 20px;
}

.input_checkbox_items {
    display: flex;
    align-items: center;
}

.input_checkbox_items {
    display: flex;
    align-items: center;
}

.input_checkbox_items {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Add some spacing between items */
}

.input_checkbox_items input[type="checkbox"] {
    display: none; /* Hide the default checkbox */
}

.input_checkbox_items label {
    display: flex;
    align-items: center;
    cursor: pointer; /* Ensure the cursor changes to a pointer when hovering */
}

.input_checkbox_items .custom-checkbox {
    width: 25px;
    height: 25px;
    border: 2px solid #803D00;
    border-radius: 6px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
}

.input_checkbox_items .custom-checkbox::after {
    border: none;
}

.custom-checkbox::after {
    background-color: #FBBC19 !important; /* Default background color */
}

.input_checkbox_items .custom-checkbox::after {
    content: '';
    background: url(/ico/tick.svg) center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.2s ease-in-out;
    border-radius: 6px;
    border: none;
}

.input_checkbox_items input[type="checkbox"]:checked + label .custom-checkbox::after {
    transform: translate(-50%, -50%) scale(1);
}

.input_checkbox_items p {
    font-size: 20px;
    color: rgb(128 61 0);
}





.form_counseling_blue .bl_img {
    padding-top: 30px;
    max-width: 570px;
}

.crycle {
    display: flex;
    justify-content: center;
    border-radius: 50%;
    background-color: #DADADA;
    padding: 7px;
    /* height: 107px; */
    width: 42px;
    position: absolute;
    right: 18px;
    top: 14px;
    z-index: 1;
}

.crycle img {
    height: 26px;
    filter: contrast(0.4);
}


.category_block p {
    color: #4B4B4B;
}


.card_items {
    padding: 30px;
    background-color: #FFFFFF;
    /* width: fit-content; */
    height: auto;
    border-radius: 22px;
    position: relative;
    cursor: pointer;
    min-height: 610px;
    /* max-width: 405px; */

    
}

/* думаю */

/*  */




.card_square {
    flex: 1; /* Равномерное распределение пространства между блоками */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    gap: 40px;
    width: 425px;
    overflow: hidden;
}

.block_card_items_square {
    display: flex;
    flex-direction: row; /* Выравнивание по горизонтали */
    justify-content: space-between; /* Пространство между блоками */
    height: 100%;
}

/* .img_card {
    max-width: min-content;
    min-height: 304px;
} */


.img_card {
    /* height: 314px; */
    overflow: hidden;
    margin-top: auto;
}

.img_card img {
    height: auto;
    /* width: 300px; */
    width: 298px;
    object-fit: contain;
    height: 300px;
}

.square-figures {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-weight: 400;
}
/*  */

.info_square {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 20px;
}

.square-figures span {
    font-family: "Inter";
    color: #09132E;
    font-size: 16px;
}

.square-figures p {
    color: #888888;
    font-weight: 400;
    font-size: 16px;
}

.price_card h4 {
    color: #09132E;
    font-weight: 500;
    font-size: 1.625em;
}

.btn_application {
    width: 100%;
    height: 49px;
    margin-top: auto;
}

.btn_application button{
    background-color: #00000000;
    border: none;
    color: #803D00;
    border: 1px solid #803D00;
    border-radius: 12px;
    width: 100%;
    height: 49px;
    cursor: pointer;
    transition: 0.2s;
}


.btn_application button:hover {
    background-color: #FCEA9A;
    border: none;
    color: #803D00;
}

.btn_application button:active {
    background: linear-gradient(
        rgba(0, 0, 0, 0.1),  /* Дополнительный цвет с прозрачностью 10% */
        rgba(0, 0, 0, 0.1)
      ), #FCEA9A;  /* Основной цвет */
    /* background-color: #FCEA9A; */
    border: none;
    color: #803D00;
}


.card_items {
    display: none; /* Hide all cards by default */
}

.card_items.show {
    display: block; /* Show cards with the 'show' class */
}


.btn_loadMore_items {
    display: flex;
    justify-content: center;
    padding: 48px 0px 0px 0px;
}

#loadMore {
    background-color: #9b5d01;
    color: #FFFFFF;
    border: none;
    padding: 15px 43px;
    border-radius: 12px;
    cursor: pointer;
}


#loadMore:hover {
    background-color: #814e00;
}


/*  */

.dark_form input {
    background-color: #4B4B4B;
    color: #fff;
}

.dark_form input:hover {
    background-color: #FFFFFF;
    color: #000;
}




.dark_form input:focus:active::after {
    background-color: #FFFFFF;
}

.dark_form input::placeholder {
    color: #A6A6A6;
}

#dark p {
    color: #FFFFFF;
}
#dark h2 {
    color: #FFFFFF;
}

/*  */

/* #pros_additionally {
    height: 467px;
} */


/*  */

.mortgage_program .wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.mortgage_program .container {
    padding-top: 60px;
    padding-right: 50px;
    padding-left: 50px;
}


.flex_block h3 {
    color: #803D00;
    font-size: 24px;
}

.flex_block {
    display: flex;
    flex-direction: column;
    gap: 34px;
    color: #803D00;
}

.block_items_mortgage_program {
    /* width: 871px; */
    /* max-width: 854px; */
    width: 100%;
    /* height: 268px; */
    background-color: #FFFFFF;
    border-radius: 30px;
    padding: 30px;
    /* min-height: 259px; */
    /* min-height: 346px; */
}

.block_items_mortgage_program:nth-child(1), 
.block_items_mortgage_program:nth-child(2) {
    min-height: 259px;
}

.block_items_mortgage_program:nth-child(2) .mortgage_info p {
    font-weight: 400;
}


.mortgage_info p {
    color: #803D00CC;
    /* color: #803D00; */
    font-size: 20px;
    font-family: "Inter";
}

.mortgage_info p:nth-child(1) {
    font-weight: 500;
    color: #803D00;


}

.mortgage_info p:nth-child(2) {
    font-weight: 400;
}

.mortgage_info {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mortgage_info ul,li {
    font-family: "Inter";
    font-weight: 400;
}

.mortgage_info ul {
    display: grid;
    gap: 10px;
    margin: 0;
}

.mortgage_info li {
    font-size: 20px;
    color: #803D00CC;
}

ul {
    padding-left: 22px;
}


/*  */



.container_contact {
    /* max-width: 1371px; */
    max-width: 1440px;
    /* background-color: #000000; */
    margin: auto;
    border-radius: 30px;
}



#contacts_wrapper {
    gap: 26px;
}

.block_contacts_items {
    padding: 40px 47px;
    /* height: 649px; */
    max-width: 913px;
    width: 100%;
}

#title_section_items {
    /* padding: 20px 20px 0px 20px; */
}

.contacts_h2{
    color: #00667C;
    font-style: normal;
}


.flex_block_contacts {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.flex_block_contacts .info p {
    color: #00000080;
    font-weight: 300;
    max-width: 507px;
    /* font-style: normal; */
}



.block_contacts {
    /* padding: 0px 20px 0px 20px; */
}
.contacts_tel_emal {
    display: flex;
    gap: 55px;

}

.contacts_tel_emal a:hover {
    color: #012128;
}

.contacts_tel_emal p {
    font-size: 16px;
    color: #000000;
    opacity: 0.5;
    margin-bottom: 9px;
}

.contacts_tel_emal a {
    color: #00667C;
    font-size: 20px;
}

.contacts_tel_emal {
    justify-content: space-between;
    max-width: 456px;
}

.mail a {
    /* text-decoration: underline; */
    /* margin-bottom: 10px; */
}

.address {
    /* padding: 0px 20px 0px 20px; */
}

.address a:hover {
    color: #012128;
}

.address p {
    color: #000000;
    opacity: 0.5;
    font-size: 16px;
    margin-bottom: 9px;
}

.address a {
    color: #00667C;
    font-size: 20px;
}


.social_network {
    /* padding: 0px 20px 0px 20px; */
}
.social_network p{
    color: #000000;
    opacity: 0.5;
    /* margin-bottom: 5px; */
}

.social_network_wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    /* max-width: 124px; */
    max-width: 88px;
    align-items: center;
}


.block_map iframe{
    border-radius: 30px;
    height: -webkit-fill-available;
    max-width: 707px;

}




/* footer */


footer a,
footer h3 {
    display: flex;
    /* justify-content: center; */
    color: #00667C;
    font-weight: 400;
    gap: 5px;
    text-align: center;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}


.footer-grid .info {
    margin-top: 16px;
    font-style: italic;
    line-height: 140%;
}

.purple {
    color: #8000FF;
}

.rights_protected .container {
    padding: 0px;
    margin-top: 16px;
}

.rights_protected footer {
    display: grid;
    grid-template-columns: 1fr auto;
}

/* modal */

.modal {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    padding: 30px;
    overflow-y: auto;
    display: none;
    z-index: 999999;
  }
  
  .modal__main {
    position: relative;
    background-color: #E4C17E;
    margin: auto;
    color: #000;
    border-radius: 16px;
    /* padding: 30px 60px 60px; */
    cursor: default;
    max-width: 1356px;
    height: 692px;
    overflow: hidden;
    padding: 0px 24px;
  }
  
  .modal__title {
    font-size: 60px;
    margin-bottom: 30px;
  }
  
  .modal__container {
    font-size: 30px;
    margin-bottom: 30px;
  }
  
  
  .modal__close {
    background-color: transparent;
    border: 1px solid #9e7a33;
    border-radius: 50%;
    cursor: pointer;
    font-size: 37px;
    position: absolute;
    top: 10px;
    right: 10px;
    outline: 1px solid transparent;
    /* outline-offset: 3px; */
    transition: outline-color .15s ease-in-out;
    /* border-radius: 3px; */
    padding: 29px;
    text-align: center;
    display: block;
    width: 45px;
    height: 45px;
    color: #000;
  }


.modal__close {
    content: "";
    background: url(/ico/icons8-close.svg) no-repeat center;
}







.image-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.image-modal-content {
    /* overflow: hidden; */
    position: relative;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 64%;
    max-width: 700px; /* Максимальная ширина модального окна */
    pointer-events: auto; /* Восстанавливает взаимодействие с остальными элементами внутри модального окна */
}

.image-modal-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 80vh; 
    height: auto; 
    /* user-select: none;  */
    /* -webkit-user-drag: none;  */
    /* pointer-events: none;  */

}
.image-modal-image.three_rooms{
    display: block;
    margin: 0 auto;
    max-width: 50% !important;
    height: auto; /* Сохраняет пропорции изображения */
}


.image-modal-content-items {
    overflow: hidden;
}




.image-close {
    color: #ffffff;
    position: absolute;
    top: -55px;
    right: -50px;
    font-size: 49px;
    font-weight: bold;
    width: 48px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #9b5d01; */
    border-radius: 50%;
    cursor: pointer;
}

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





@keyframes fade-in {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
   
  .animated {
    animation-name: fade-in;
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  
/*  */

    

@media (max-width: 1888px) {
    .block_items_mortgage_program {
        /* max-width: 44vw; */
    }

}



@media (max-width: 1898px) {
    .block_items_mortgage_program {
        /* max-width: 835px; */
        /* max-width: 43vw; */

    }
}


@media (max-width: 1895px) {
    .card_block, .card_block_atlant {
        /* max-width: 389px; */
    }
}

@media (max-width: 1895px) {
    .card_block, .card_block_atlant {
        /* max-width: 379px; */
    }
}

@media (max-width: 1865px) {
    .container_hd {
        /* padding: 0px 41px 0px 41px; */
    }
    #why_atlant_residential_complex_wrapper {
        gap: 35px !important;
    }
}


@media (max-width: 1800px) {
    .card_block, .card_block_atlant {
        /* max-width: 373px; */
    }
}



@media (max-width: 1780px) {
    .card_square {
        width: 35vw;
    }
    .scale_1_img {
        width: 96%;
    }
}


@media (max-width: 1780px) {
    .carousel .card {
        min-width: calc((70% / 3) - 17px);
    }
}

@media (max-width: 1700px) {
    .card_square {
        width: 35vw;
    }
}

@media (max-width: 1780px) {
    .scale img {
        height: 39vw;
    }

  
    .card_items {
        /* max-width: 305px; */
    }

    #wrapper_catalog {
        /* grid-template-columns: auto 1fr 1fr; */

        
    }

    #wrapper_catalog {
        /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));(max-width: 1740px) */
    }
}



@media (max-width: 1663px) {
    .menu__list {
        /* gap: 10px; */
    }
}


@media (max-width: 1624px) {
    .scale img {
        height: 37vw;
    }
    .card_block, .card_block_atlant {
        /* max-width: 330px; */
    }
}

@media (max-width: 1656px) {
    .carousel .card {
        min-width: calc((69% / 3) - 16px);
    }


    .list  {
        gap: 50px;
    }

}


@media (max-width: 1600px) {
    .bl img {
        /* height: 27vw; */
    }
    #wrapper_estet_stroy_company {
        /* max-width: 94% !important; */
    }
    #card_wrapper {
        gap: 0;
    }
    .bl_img {
        /* width: 38%; */
    }
    .block_slider {
        width: 58%;
    }
    .card_square {
        width: 23vw;
    }
    .block_img {
        height: 252px;
    }
    .block_img img {
        height: 304px;
    }
    .wrapper_rorm_counseling {
        /* padding: 0px 0px 0px 83px; */
    }
    
}

@media (max-width: 1593px) {
    .block_items_mortgage_program {
        /* max-width: 700px; */
    }
}

@media (max-width: 1591px) {
    .block_items_mortgage_program {
        /* max-width: 43vw; */
    }
}

@media (max-width: 1580px) {
    .block_items_mortgage_program {
        /* max-width: 42vw; */
    }
    .scale_1_img {
        /* width: 60vw; */
    }
}

@media (max-width: 1558px) {
    #iframe {
        width: 704px;
    }
    #card_wrapper {
        flex-wrap: wrap;
        justify-content: space-around;
    }
}
 

@media (max-width: 1520px) {
    .scale img {
        height: 48vw;
        object-fit: cover;

    }
    .scale {
        /* max-width: 720px; */
    }
}

@media (max-width: 1516px) {
    #wrapper_estet_stroy_company {
        width: 100% !important;
        max-width: 97% !important;
    }
}


@media (max-width: 1510px) {
    .card_block, .card_block_atlant {
        /* max-width: 437px; */
    }
}

@media (max-width: 1504px) {
    #card_wrapper {
        gap: 42px;
        /* flex-direction: column; */
        align-items: center;
    }
}

@media (max-width: 1600px) {
    .carousel .card {
        min-width: calc((82% / 3) - 17px);
    }

    .wrapper_rorm_counseling {
        /* padding: 0px 0px 0px 105px;   */
    }
    .bl_img {
        /* width: 42%; */
    }
    /* #wrapper_catalog {
        max-width: 1022px;
        margin: auto;
    } */
    /* .scale_1_img {
        width: 75% !important;
    } */
    .scale img {
        height: 80vh;
        width: 100%;
        object-fit: cover;
    }
    #iframe_map {
        width: 704px;
    }
}






/* @media (max-width: 1480px) {
    #wrapper_estet_stroy_company {
        max-width: 91% !important;
    }
} */

@media (max-width: 1470px) {
    .scale_1_img {
        width: 96% !important;
    }
}

@media (max-width: 1454px) {
    #wrapper_estet_stroy_company {
        max-width: 100% !important;
    }
}

@media (max-width: 1440px) {
    .container_hd {
        /* max-width: 1369px; */
        max-width: 1302px;
        margin: auto;
    }
    .fon_head {
        height: 51em;
    }
    /* .scale_1_img {
        max-width: 690px !important;
    } */
    .btn_bl_list {
        width: 447px;
    }
    .scale {
        /* max-width: 836px; */
    }

    .scale {
        /* max-width: 504px; */
    }

    .info_numbr {
        /* grid-template-columns: repeat(1, 1fr); */
    }
    .menu__link {
        /* margin-right: 30px;
        margin-left: 30px; */
        margin-right: 0px;
        margin-left: 0px;
        font-size: 18px;
    }
    
    .block_slider {
        width: 47%;
    }
    .menu__item:not(:last-child) {
        margin-right: 0px;
    }
    /* #wrapper_estet_stroy_company {
        max-width: 89% !important;
    } */

    #wrapper_estet_stroy_company {
        /* max-width: 91% !important; */
    }
    .carousel-indicators {
        display: block;
    }
    .bl {
        border-radius: 22px;
        max-width: 632px;
        /* height: 320px; */
        overflow: hidden;
    }
    .bl_img {
        /* width: 44%; */
        /* height: 33vw; */
    }
    .bl img {
        /* height: 541.18px; */
        /* position: relative; */
        right: 93px;
    }
    .scale img {
        width: auto;
        height: 48vw;
        position: relative;
        right: 30%;
    }
    .carousel .card {
        min-width: calc((86% / 3) - 17px);
    }
    .itc-slider-item img {
        height: 800px;
    }

    .img_card img {
        /* height: auto; */
        width: 272px;
    }

    #itc-slider-item_height {
        height: 800px !important;
    }
    /* #wrapper_catalog {
        max-width: 1013px;
        margin: auto;
    } */
    .wrapper_rorm_counseling {
        padding: 0;
    }
    #wrapper_rorm_counseling_modal {
        padding: 0px 0px 0px 40px ;
    }
    
    .card_square {
        width: 34vw;
    }
    .block_items_mortgage_program  {
        /* max-width: 624px; */
    }
    #iframe_map {
        width: 667px;
    }
    .contacts_tel_emal {
        flex-direction: column-reverse;
    }
    .text h2 {
        font-size: 24px;
    } 

}

@media (max-width: 1740px) {
    #wrapper_catalog {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }
}

@media (max-width: 1438px) {
    .block_items_mortgage_program {
        /* max-width: 42vw; */
    }
}




@media (max-width: 1377px) {
    .container_hd {
        max-width: 1232px;
    }

    .menu__list {
        gap: 40px;
    }

    .content-estet_stroy_company .wrapper {
        /* flex-direction: column; */
    }

    .bl {
        max-width: none !important;
    }

    #img_block-div {

    }
}

@media (max-width: 1361px) {
    .title_section h2 {
        font-size: 38px;
    }

    .why_atlant_residential_complex .title_section h2 {
        max-width: 500px;

    }
}



@media (max-width: 1350px) {
    .menu__link {
        /* margin-right: 20px;
        margin-left: 27px; */


        /* margin-right: 21px; */
        /* margin-left: 21px; */
        font-size: 18px;
    }
    .scale img {
        height: 55vw;
    } 
}

@media (max-width: 1348px) {
    .bl {
        max-width: 583px;
    }
    .menu__list {
        gap: 30px;
    }
    /* .container_hd { 
        max-width: 1256px;
    } */

    .container_hd {
        max-width: 1200px;
    }
}


@media (max-width: 1300px) {
    .scale img {
        width: 202%;
        height: 58vw;
    }

    .container_hd {
        max-width: 1200px;
        /* padding: 0px 20px; */
    }

    .menu__list {
        gap: 36px;
    }

}

@media (max-width: 1388px) {
    .bl {
        max-width: 599px;
    }
}
@media (max-width: 1368px) {
    .bl {
        max-width: 591px;
    }
}

@media (max-width: 1320px) {
    .bl {
        max-width: 571px;
    }

    #estet_stroy_is_also_container .wrapper {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    #estet_stroy_is_also_container .wrapper {
        grid-template-columns: 0.7fr 1fr;
    }

    #estet_stroy_is_also_container .wrapper .block_pros {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
}


@media (min-width: 1280px) and (max-width: 1680px) {
    #why_atlant_residential_complex .container_bg {
        top: 110px;
    }
}

@media (max-width: 1288px) {
    .bl {
        max-width: 552px ;
    }
}


@media (max-width: 1276px) {
    /* .scale_1_img {
        max-width: 730px !important;
    } */
    .scale img {
        height: 63vw;
    }
}

@media (max-width: 1268px) {
    .carousel .card {
        min-width: calc((100% / 3) - 17px);
    }
    .menu__link {
        /* margin-right: 15px;
        margin-left: 22px; */
        /* margin-right: 18px; */
        /* margin-left: 18px; */
        font-size: 18px;
    }

}


@media (max-width: 1250px) {
    .bl {
        /* max-width: 514px !important; */
    }
    .container_hd {
        max-width: 1100px;
    }
}

@media (max-width: 1223px) {
    #wrapper_estet_stroy_company {
        max-width: 93% !important;
    }
}

@media (max-width: 1200px) {
    .card .img img {
        height: 253px;
    }
    .header {
        top: 44px;
    }
    .logo {
        margin: auto;
    }
    .container_hd {
        max-width: 1017px;
        padding: 0px 20px;
    }
    .container {
        /* max-height: 644px; */
    }
    #why_atlant_residential_complex_container {
        /* max-height: 986px; */
    }
    #estet_stroy_company_container {
        /* min-height: 1100px; */
    }
    #estet_stroy_is_also_container {
        /* max-height: 707px; */
    }

    .block_counseling h2 {
        font-size: 24px;
    }

    .block_counseling button {
        height: 51px;
        width: 280px;
        padding: 0;
    }
    
    h2 {
        font-size: 42px;
    }

    /* .scale_1_img {
        border-radius: 20px;
        max-width: 600px;
        overflow: hidden;
    } */

    .scale_1_img {
        height: 700px;
    }
    
    .scale img {
        object-fit: cover;
        /* width: 100%; */
        /* height: min-content; */
        height: 700px;
    }
    .scale_1_img {
        width: 100% !important;
    }
    .info_numbr h3 {
        font-size: 30px;
    }
    .info_numbr p{
        font-size: 18px;
    }
    .info p {
        font-size: 18px;
    }
    #wrapper_estet_stroy_company {
        max-width: 91% !important;
    }
    #img_block {
        /* display: none; */
    }

    .bl {
        margin: auto;
        border-radius: 22px;
        /* max-width: max-content !important; */
        max-width: none !important;
        /* height: 320px; */
        overflow: hidden;
    }

    .bl img {
        object-fit: cover;
        width: 1052px;
        height: 541.18px;
        position: static;
        right: 93px;
    }

    .block_pros_info h4 {
        font-size: 24px;
    }

    .block_pros_info p {
        font-size: 18px;
    }

    #container_form {
        height: 600px;
        overflow: hidden;
    }

    .bl_img {
        /* width: 39%; */

    }
    .wrapper_rorm_counseling {
        gap: 34px;
    }
    .itc-slider-btn-prev {
        top: 85% !important; 
        left: 20px !important;
    }
    .itc-slider-btn-next {
        top: 85% !important;
        right: 20px !important; 
    }
    #wrapper_commercial_real_estate {
        gap: 19px;
    }

    .carousel .card {
        min-width: calc((106% / 3) - 17px);
        height: 578px;
    }
    .form h2 {
        font-size: 44px;
    }
    .form p {
        font-size: 18px;
    }

    .block_form {
        max-width: 485px;
    }
    #btn_slider_position {
        left: 43% !important;
        top: 90% !important;
    }
    #btn_slider_position_right {
        right: 43% !important; 
        top: 90% !important;
    }

    .itc-slider-item img {
        height: 650px;
    }
    #itc-slider-item_height {
        height: 650px !important;
    }
    .card_square {
        width: 35vw;
    }
    .btn_form {
        width: 210px;
        /* height: 60px; */
        height: 55px;
    }
    .block_items_mortgage_program {
        /* max-width: 41vw; */
        height: auto;
    } 
    .mortgage_info p {
        font-size: 18px;
    }
    #iframe_map {
        width: 544px;
    } 
    .carousel .card {
        /* min-width: calc((68% / 2) - 6px); */
        min-width: auto;
    }
    .commercial_real_estate_info h2 {
        font-size: 44px;
    }
    .commercial_real_estate_info p {
        font-size: 18px;
    }
    .modal__main {
        max-width: 924px;
        height: 538px;
    }
    .logo {
        /* right: 68px; */
        right: 7%;
        position: relative;
    }
    .mortgage_info {
        font-size: 18px;
    }


    .content-text {
        gap: 18px;
    }
}

@media (max-width: 1188px) {
    /* .card_square {
        width: 430px;
    } */
    #wrapper_estet_stroy_company {
        max-width: 100% !important;
    }

    #img_block-div {
        /* width: 81vh; */
        width: 100%;
    }

    .logo__img {

        left: -25px;
        /* bottom: -13px; */
        bottom: -45px;
    }


    .header.bg-active .header__container img {
        /* position: absolute; */
        /* transform: translateY(80px); */
        left: 19px;
    }


    #estet_stroy_company_container {
        min-height: auto;
    }
}


@media (max-width: 1144px) {
    .header.bg-active .header__container img {
        /* transform: translateY(73px); */
        /* position: absolute; */
        left: 0px;

    }

    #wrapper_block_pros {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }
}


@media (max-width: 1112px) {
    #wrapper_estet_stroy_company {
        flex-direction: column;
    }
    .info_numbr {
        grid-template-columns: repeat(3, 1fr);
    }
    /* .block {
        max-width: 752px;
    } */
    .block {
        max-width: 796px;
    }

    .content-estet_stroy_company .wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
}


@media (max-width: 1104px) {
    #company_estet .logo {
        display: none;
    }
    #wrapper_estet_stroy_company {
        align-items: flex-start !important;
    }


    .fon_head {
        height: 40em;
    }
    .container_hd { 
        padding: 0px 0px;
    }


    .contnet-bacgraund:nth-child(1) { 
        margin: auto 2em 15vh;
    }

    .header {
        /* padding: 0px 40px; */
    }

    .header {
        padding: 0px 70px;
    }
}


/* 
@media (max-width: 1132px) {
    #wrapper_estet_stroy_company {
        max-width: 97% !important;
    }
} */

@media (max-width: 1070px) {
    #wrapper_block_pros {
        flex-wrap: wrap;
        gap: 30px !important;
    }
     
    .block_items {
        width: 100%;
    }
    .block_pros_info p {
        max-width: 544px;
    }
    .block_pros {
        max-width: -webkit-fill-available;
        min-height: 315px;
    }


}


@media (max-width: 1064px) {
    .block {
        max-width: 744px;
    }
    
}

@media (max-width: 1062px) {
    #wrapper_estet_stroy_company {
        align-items: baseline !important;
    }
    #estet_stroy_company_info {
        margin-bottom: 0px;
    }
    .info_numbr {
        gap: 112px;
    }
    .block {
        max-width: 938px;
    }
    /* .info_numbr {
        gap: 81px;
    } */
    .info_numbr {
        gap: 4em;
    }
}

@media (max-width: 1060px) {
    .card_block, .card_block_atlant {
        /* max-width: 430px; */
    }
}


@media (max-width: 1058px) {
    .block_items_mortgage_program {
        /* max-width: 40vw; */
        height: auto;
    }

}


@media (max-width: 1036px) {
    .card_square {
        width: 34vw;
    }
}

@media (max-width: 1062px) {
    .card_block, .card_block_atlant {
        /* max-width: 408px; */
    }
}


@media (max-width: 1107px) {
    #iframe_map {
        width: 491px;
    }
}


@media (max-width: 1000px) {
    .fon_head {
        height: 37em;
    }
  
    .block_counseling h2 {
        font-size: 21px;
    }
    .scale_1_img {
        max-width: 403px !important;
    }
    #container_form {
        padding: 0px 20px 0px 20px;
    }
    .bl_img {
        /* width: 46%; */
    }
    
}


@media (max-width: 1000px) {
    #wrapper_catalog {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}




@media (max-width: 980px) {
    #iframe_map {
        width: 442px;
    }
    .card_square {
        width: 33vw;
    }
    .img_card img {
        width: 265px;
    }
    .bl_price {
        width: max-content;
    }
    .btn_bl_list {
        width: 367px;
    }


    #why_atlant_residential_complex_wrapper {
        gap: 34px !important;
        /* align-items: center; */
    }
    .commercial_real_estate_info p {
        font-size: 16px;
    }
    .commercial_real_estate_info h2 {
        font-size: 34px;
    }
    #itc-slider-item_img img {
        height: 454px !important;
    }
    .itc-slider-item {
        height: 100%;
    }
    .bl_img {
        /* width: 43%; */
    }
    #container_form {
        padding: 0px 20px 0px 20px !important; 
    }
    .bl {
        overflow: hidden;
        /* height: fit-content; */
    }
    .bl img {
        height: auto !important;
    }
    .card_block, .card_block_atlant {
        /* max-width: 373px; */
    }
    .block_img img {
        width: 100%;
        /* object-fit: fill; */
        /* height: auto; */
    }
    .block_img {
        overflow: hidden;
        height: 254px;
        border-radius: 20px;
    }
    .info_card h3 {
        font-size: 26px;
    }
    .info_numbr {
        /* gap: 59px; */
        gap: 49px;
    }




    .btn_bl_list svg {
        width: 120px;
        max-width: 30px;
    }



    .container_hd {
        max-width: 917px;
    }
}


@media (max-width: 950px) {

    .block_counseling h2 {
        font-size: 20px;
    }
    .block_counseling button {
        height: 46px;
        width: 215px;
        /* padding: 12px; */
        border-radius: 10px;
    }
    .block_counseling button {
        font-size: 16px;
    }

    .menu__link {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .container_hd {
        max-width: 926px;
    } 
    .logo {
        right: 43px;
        position: relative;
    }
    #container_bg_header {
        padding: 22px;
    }

    .container_bg {
        padding: 0px 22px 22px 22px;
    }
    .container {
        padding: 32px;
    }
    #wrapper_estet_stroy_company {
        max-width: max-content !important;
    }
    #estet_stroy_company_info {
        margin-bottom: 0px;
    }
    .block {
        max-width: max-content;
    }
    #estet_stroy_company_container {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    h2 {
        font-size: 34px;
    }
    #container_form {
        height: 507px;
    } 
    .form h2 {
        font-size: 34px;
        height: auto;
    }
    .form p {
        font-size: 16px;
        height: auto;
    }
    [type="text"], [type="phone"] {
        height: 54px;
    }
    .btn_form {
        height: 54px;
    }
    .bl_img {
        width: 100%;
    }
    .fon_head {
        height: 39em;
    }
    .info p {
        font-size: 16px;
    }
    .info_numbr h3 {
        font-size: 26px;
    }
    .info_numbr p {
        font-size: 16px;
    }
    .commercial_real_estate_info h2 {
        font-size: 34px;
    }
    .commercial_real_estate_info p {
        font-size: 16px;
    }
    #wrapper_commercial_real_estate {
        flex-wrap: wrap;
    }
    .block_slider {
        width: 100%;
    }
    .itc-slider-item {
        height: 564px;
    }
    #itc-slider-item_img img {
        height: -webkit-fill-available !important;
    }
    .info_catalog_price p {
        font-size: 16px;

    }
    .bl_price {
        width: 183px;
    }
    .block_items_mortgage_program {
        max-width: 100%;
    }
    #iframe_map {
        /* width: 435px; */
        width: 46vw;
    }
    .itc-slider-btn-prev {
        left: 36% !important;
    }
    .itc-slider-btn-next {
        right: 36% !important;
    }
    .info_square {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .square-figures p,
    .square-figures span {
        font-size: 14px;
    }
    .price_card h4 {
        font-size: 1.25em;
    }
    .img_card img {
        /* height: auto; */
        width: 206px;
    }
    .img_card {
        /* max-height: 235px; */
    }
    .card_square {
        width: 33vw;
        gap: 10px;
    }
    .image-modal-image {
        max-width: 73%;
    }
    .image-modal-content {
        border: none;
    }
    .image-close {
        right: 21px;
    }


}

@media (max-width: 950px) {
    .logo__img {
        left: -55px;
        bottom: -44px;
    }
    .container_hd {
        max-width: 826px;
    }
}

@media (max-width: 937px) {
    .content-pros {
        max-width: max-content;
        margin-right: inherit; 
        margin-left: inherit;
    }
}


@media (max-width: 900px) {

    h2 {
        /* font-size: 32px; */
        font-size: 42px;
    }
    /* .container_hd {
        max-width: 862px;
    } */
    .container_hd {
        max-width: 100%;
    }
    
    .fon_head {
        height: 37em;
    }

    #iframe_map {
        width: 385px;
    }
    .block_counseling h2 {
        font-size: 20px;
    }
    #wrapper_estet_stroy_company {
        flex-wrap: wrap;
    }
    .info_numbr {
        grid-template-columns: repeat(3, 1fr);
    }
    .info_numbr h3 {
        font-size: 26px;
    }
    .info_numbr p {
        font-size: 16px;
    }
    #estet_stroy_company_info{
        margin-bottom: 0px;
    } 
    #estet_stroy_company_container {
        display: flex;
        flex-direction: column;
        gap: 40px;

    }


    .content-estet_stroy_company {
        gap: 40px;

    }

    .content-estet_stroy_company .wrapper {
        gap: 40px;

    }
    #wrapper_estet_stroy_company {
        flex-direction: column;
        gap: 20px;
    }

    .bl_price {
        font-size: 16px;
    }
    .br_title_section {
        display: none;
    }

    .title_section h2{
        /* max-width: 500px; */
    }
    .br_title_section_for_phone {
        display: block;
    }


    .title_section h2 {
        font-size: 30px;
    }

}

@media (max-width: 896px) {
    .scale_1_img {
        max-width: 100% !important;
    }
}



@media (max-width: 891px) {
    .btn_bl_list {
        width: 345px;
    }
}


@media (max-width: 899px) {
    .card_block, .card_block_atlant {
        /* max-width: 343px; */
    }
    .block_img img{
        /* height: 236px; */
        width: 100%;
        object-fit: cover;
        height: 100%;

    }

    .block_img {
        height: 233px;
    }
}

@media (max-width: 860px) {
    .flex_block_projects_realized {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
}

@media (max-width: 834px) {
    #estet_stroy_is_also_container .wrapper {
        grid-template-columns: 1fr 1fr;
    }   
}

@media (max-width: 828px) {
    #estet_stroy_is_also_container .wrapper {
        grid-template-columns: 1fr;
    }
}




@media (max-width: 832px) {
    .scale_1_img {
        /* max-width: 10 !important; */
    }
    .commercial_real_estate_info {
        max-width: 100%;
    }
    .logo__img {
        height: 80px;
    }
    .card_block, .card_block_atlant {
        /* max-width: 39vw; */
        max-width: 100%;
        width: 68%;
    }
    .info_card h3 {
        font-size: 24px;
    }
    .info_p_block_card p {
        font-size: 15px;
    }



    #wrapper_catalog {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    } 
}


@media (max-width: 800px) {


    .content-pros {
        max-width: 100%;
    }
    .bl_img {
        /* width: 52%; */
    } 
    .wrapper_rorm_counseling {
        gap: 0px;
    }
    .mortgage_info p {
        font-size: 16px;
    }
    .mortgage_info ul {
        font-size: 16px;
    }
    #iframe_map {
        width: 360px;
    }

    footer h3 {
        font-size: 16px ;
    }

    .square-figures p {
        font-size: 14px
    }
    .square-figures span {
        font-size: 14px
    }
    .btn_application button {
        height: 44px;
    }
    .wrapper_catalog {
        gap: 34px;
    }
    .itc-slider-btn-next {
        right: 6% !important;
    } 
    .itc-slider-btn-prev {
        left: 6% !important;
    }
    #btn_slider_position_right  {
        right: 6% !important;
    }
    #btn_slider_position {
        left: 6% !important;
    }
    .card_square {
        width: 32vw;
    }
    .modal__main {
        max-width: 892px;
        height: 447px;
    }
    .modal__close {
        padding: 22px;
    }
    .block_pros_info p {
        font-size: 18px;
        line-height: 130%;
    }
    .itc-slider-item img {
        height: 564px;
    }
    #itc-slider-item_height {
        height: 564px !important;
    }
    .bl img {
        object-fit: contain;
        width: 692px;
        height: 541.18px;
        position: static;
        right: 93px;
    }
    .image-modal-image {
        max-width: 60% !important;
    }
    .why_atlant_residential_complex {
        /* display: none; */
    }


    .consultantion_form_text p {
        max-width: 234px;

    }
    #why_atlant_residential_complex_phone {
        display: block;
    }
}   



@media (max-width: 820px) {
    .info_numbr {
        grid-template-columns: repeat(2, 1fr);
    }
    .wrapper_rorm_counseling {
        gap: 11px;
    }


    .block_contacts_items {
        padding: 47px 30px;
    }

    .bl_info_numbr:nth-child(2),
    .bl_info_numbr:nth-child(4) {
        justify-content: end;
    }
}


@media (max-width: 768px) {
    .container {
        padding: 32px 18px;
    }
    .text h2 {
        font-size: 20px;
    }
    .text p {
        font-size: 16px;

    }
}



@media (max-width: 760px) {
    .card_square {
        width: 31vw;
    }
    .img_card img {
        /* height: auto; */
        width: 177px;
    }
    .wrapper_catalog{
        flex-wrap: wrap;
        /* text-align: center; */
    }
    .price {
        width: 100%;
        justify-content: space-evenly;
    }
    .checkbox_catalog {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 17px;
    }

    #contacts_wrapper {
        flex-wrap: wrap;
    }
    #iframe_map {
        /* width: 94vw; */
        width: 100vw;
        height: 500px;
    }
    .content-pros {
        max-width: 100%;
    }
    .why_atlant_residential_complex {
        /* display: none; */
    }
    .burger-menu {
        min-width: 354px;
    }
    .menu__link.burger {
        width: 326px;
    }
    .card_block, .card_block_atlant {
        max-width: 100%;
        width: 71%;
    }


    .mortgage_program .wrapper {
        grid-template-columns: 1fr;
    }


    .why_atlant_residential_complex .wrapper {
        /* display: flex; */
        /* flex-direction: column; */
    }




    .fon_head {
        height: 32em;
    }
    .contnet-bacgraund:nth-child(1) {
        margin: auto 2em 12vh;
    }

    h2 {
        /* font-size: 32px; */
        font-size: 28px;
    }
}

@media (max-width: 750px) {
    #iframe_map {
        width: 100% !important; 
    } 
    .block_map {
        min-width: 100%;
        overflow: hidden
    }

    .header.bg-active .header__container img {
        bottom: 0;
        left: -12px;
    }
}

@media (max-width: 740px) {
    .contnet-bacgraund:nth-child(1) {
        margin: auto 1em 12vh;
    }
}

@media (max-width: 710px) {
    .img_card {
        max-height: auto;
    }
    .img_card img {
        /* height: auto; */
        /* width: 158px; */
        width: 240px;
    }
    /* .card_square {
        width: 29vw;
    } */
    .card_square {
        /* margin: auto; */
        width: 54vw;
    }
    .card_items {
        margin: auto;
        min-height: auto;
    }
    .info_square {
        margin-bottom: 40px;
    }



    .scale {
        max-width: 100%;
    }

    .btn_bl_list {
        width: 100%;
    }

    #why_atlant_residential_complex {
        /* height: 500vh; */
    }

    #why_atlant_residential_complex .container_bg {
        top: 50px;
    }

    #why_atlant_residential_complex_container {
        max-height: none;
    }
}


@media (max-width: 700px) {
    .fon_head {
        height: 31em;
    }
    #iframe_map {
        width: 320px;
    }
    .bl_img {
        display: none;
    }
    .btn_form {
        height: 54px;
        width: 100%;
        max-width: 100%;
    }
    .form {
        max-width: 332px;
    }
    .img_card {
        /* max-height: 265px; */
        max-height: max-content !important;
        height: max-content;

    }

    .wrapper_rorm_counseling {
        grid-template-columns: 1fr;
    }
    .form {
        max-width: 100%;
    }
    .block_form {
        max-width: 100%;
        width: 100%;
    }

    .block_counseling h2 {
        font-size: 16px;
    }


    .contnet-bacgraund:nth-child(1) {
        margin: auto 0em 8vh;
    }

    .container_hd {
        padding: 0;

    }

    .main-content {
        align-items: center;
        gap: 18px;
    }
    .header {
        padding: 0px 50px;
    }


    .bl_list:hover {
        background: none;
    }

}

@media (max-width: 762px) {
    .card .img img { 
        height: 253px;
    }


}

@media (max-width: 750px) {
    .btn_bl_list {
        width: 100%;
    }
}

@media (max-width: 698px) {
    .scale_1_img {
        /* height: 300px !important; */
        height: 500px !important;
    }

    #why_atlant_residential_complex_wrapper {
        flex-direction: column;
    }

    .text h2 {
        font-size: 22px;
    }
}

@media (max-width: 695px) {
    .block_form {
        margin: 0;
    
    }

    .wrapper_rorm_counseling {
        align-content: center;
    }
    .image-modal-image {
        max-width: 100% !important;
    }


}

@media (max-width: 684px) {
    .img_card {
        max-height: 257px;
    }
    .block_counseling h2 {
        max-width: 439px;
    }


  

  
}

@media (max-width: 660px) {
    .container {
        padding: 24px !important;
    }
    #container_form {
        padding: 24px 24px 24px 24px !important;
    }
    .wrapper_rorm_counseling {
        flex-wrap: wrap-reverse;
    }
    #container_form {
        height: auto;
    }
    .bl_img {
        width: 62%;
    }
    .btn_form {
        width: 100%;
        height: 54px;
    }
    #wrapper_block_pros {
        gap: 24px !important;
    }
    #wrapper_rorm_counseling_modal {
        padding: 24px 24px 24px 24px;

    }
    .modal__main {
        height: auto;
    }
    #container_foto_slider {
        padding: 0 !important;
    }
    .img_card {
        /* max-height: 265px; */
        max-height: max-content !important;
        height: max-content;
    }

    #wrapper_estet_stroy_company {
        gap: 0;
    }

    .container_bg {
        padding: 0px 22px 40px 22px;
        /* padding: 0px 22px 0px 22px; */
    }

    #estet_stroy_is_also {
        padding-top: 26px;
        padding-bottom: 0px;
    }
    



}


@media (max-width: 650px) {
    .card_square {
        width: 53vw;
    }
    .img_card img {
        /* height: auto; */
        width: 256px;
    }
    .card_items {
        margin: auto;
    }
    .image-modal-image {
        max-width: 100% !important;
    }

    .image-modal-content {
        width: 90%;
    }


    .rights_protected footer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        justify-items: center;
    }

    .content-pros {
        max-width: 100%;
    }

    .list {
        gap: 40px;
    }
}

@media (max-width: 600px) {

    .wrapper_card .carousel .card {
        min-width: 77%;
    }
    /* .card .img img {
        width: auto;
    }  */
    .card .img img {
        height: auto;
        width: -webkit-fill-available;
    }
    .container_hd {
        /* padding: 0px 30px 0px 30px; */
        /* padding: 0px 23px 0px 20px; */
    }

    .burger-menu {
        min-width: 100%;
    }
    .burger-menu.active {
        justify-content: center;
    }
    .menu_list_burger_items_class_gap {
        gap: 24px;
    }
    .mb_burger {
        display: block;
    }
    .menu__link.burger {
        font-weight: 300;
        width: 100%;
    }
    .menu__list.burger {
        width: 100%;
        text-align: center;
        align-items: center;
        /* justify-content: center; */
    }

    .info_numbr {
        grid-template-columns: repeat(2, 1fr);
    }

    .image-close {
        right: -20px;
        top: -45px;
    }
   
}


@media (max-width: 589px) {
    
    .br {
        display: none;
    }

    .bl_info_numbr {
        max-width: 138px;
    }

    .consultantion_form_text p {
        max-width: 100% !important;
        width: 100%;
    }

    
    .block_pros_info li {
        /* font-size: 15px; */
    }

    .block_pros {
        gap: 30px;
    }

    .block_pros_info {
        gap: 20px;
    }

    #estet_stroy_is_also_container .wrapper .block_pros {
        padding: 30px 16px;
    }

    .block_pros {
        padding: 30px 16px;
    }
}

@media (max-width: 572px) {
    .card .img img {
        height: 275px;
    }

 

    h2 {
        font-size: 34px;
    } 
}


@media (max-width: 556px) {
    .info_numbr {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    .bl img {
        width: auto;
    }
    .title_section h2 {
        max-width: 390px;
    }

    .list {
        gap: 30px;
    }


    .info_card h3 {
        font-size: 20px;
    }

    .flex_block_contacts {
        gap: 55px;
    }

}


@media (max-width: 532px) {


    .block_form {
        padding: 7px;
    }
    .block_counseling h2 {
        font-size: 18px;
    }
    .info_numbr {
        grid-template-columns: repeat(2, 1fr);
        gap: 31px;
    }
    .logo__img {
        height: 65px;
    }
    .logo {
        /* right: 52px; */
        right: 9%;
        position: relative;
    }
    .burger-menu {
        min-width: 100%;
    }
    /* .menu__link.burger {
        width: 224px;
    } */
    .menu__link.burger {
        font-weight: 300;
        width: 100%;
    }
    .menu_list_burger_items_class_gap {
        /* gap: 24px; */
        gap: 19px;
    }
    
    .menu__list.burger {
        /* gap: 54px; */
        gap: 31px;
    }
    .menu__link.section__button1.burger {
        width: 100%;
    }
    #btn_menu_burger {
        width: 100%;
    }
    .menu__list.burger{
        width: 100%;
        text-align: center;
        align-items: center;
        /* justify-content: center; */
    }
    .block_counseling button {
        /* height: 55px; */
        /* width: 263px; */
        height: 48px;
        width: 211px;
        /* padding: 12px; */
        border-radius: 10px;
    }
    .itc-slider-item {
        height: 408px;
    }
    .wrapper_card .carousel .card {
        min-width: 100%;
        height: 626px;
    }
    .card .img img {
        height: 312px;
    }
    .itc-slider-item img {
        height: -webkit-fill-available;
    }
    #itc-slider-item_height {
        height: 420px !important;
    }
    .bl img {
        /* object-fit: contain; */
        object-fit: cover;
        width: 687px;
        height: 541.18px;
        /* position: static; */
        right: 93px;
    }
    /* .img_card img {
        width: 223px;
        height: auto;
    } */

    .img_card img {
        width: 314px;
        /* height: auto; */
    }
    .img_card {
        overflow: hidden;
    }
    .card_square {
        width: 66vw;
    }
    .bl_img {
        width: 84%;
    }
    .card h2 {
        font-weight: 500;
        color: #09132E;
        font-size: 20px;
        /* margin: 30px 0 5px; */
    }
    .card .img img {
        height: 241px;
    }
    .info_addres span,p {
        font-size: 14px;
    }
    .wrapper_card .carousel .card {
        min-width: 100%;
        height: min-content;
        padding: 0px 0px 20px 0px;
    }
    #btn_card_wrapper {
        /* position: absolute;
        top: 921%; */
    }
    .mortgage_info ul {
        font-size: 14px;
    }
    .mortgage_info p {
        font-size: 14px;
    }
    .mb_burger {
        display: block;
    }
    .burger-menu.active {
        justify-content: center;
    }
    #title_text_section_estet_stroy_company {
        max-width: 261px;
    }


    .content-pros {
        max-width: 100%;
    }


    .content-estet_stroy_company .wrapper {
        gap: 40px;
    }

    .content-estet_stroy_company {
        gap: 40px;
    }

    .container {
        /* padding: 40px 0px 0px !important; */
        padding: 18px 0px 0px !important;
        
    }

    .title_section h2 {
        line-height: 130%;
    }


    .content-text p {
        font-size: 16px;
        line-height: 130%;
    }

    .content-text {
        gap: 20px;
    }

    .form {
        max-width: 100%;
    }

    .wrapper_rorm_counseling {
        grid-template-columns: 1fr;
    }

    #layouts .container {
        padding: 40px 20px !important;
    }


    .card_items {
        min-height: auto;
        width: 100%;
    }

    #mortgage_program .container {
        padding: 40px 20px !important;
    }

    #contacts_wrapper iframe {
        height: 500px;
    }



    .social_network p {
        font-size: 16px;
    }
    



    h2 {
        font-size: 28px;
    }


    .footer-grid {
        gap: 20px;
    }


    .contacts_tel_emal {
        gap: 20px;
    }

    .block_pros_info h4 {
        font-size: 22px;
        max-width: 100%;
        line-height: 130%;
    }

    .contacts_tel_emal p {
        font-size: 16px;
    }


    .form h2 {
        font-size: 28px;
    }
}

@media (max-width: 524px) {
    .flex_bl_section {
        gap: 40px;
    }

    .mortgage_info li {
        font-size: 14px;
    }

    .mortgage_info li {
        font-size: 14px;
    }
    .flex_block h3 {
        font-size: 22px;
    }
    .flex_block {
        gap: 20px;
    }
    .block_items_mortgage_program {
        height: fit-content;
        min-height: fit-content !important;
    }

    .mortgage_program .title_section {
        margin-bottom: 40px !important;
    }

    .title_text_section h2 {
        line-height: 130%;
    }

    .input_checkbox_items p {
        font-size: 15px;
    }

    .rights_protected .container {
        padding: 0px;
        margin-top: 0px;
    }

    footer a {
        color: #2D2D2D;
        font-weight: 300;
    }
}

@media (max-width: 511px) {
    .bl_price h3 {
        font-size: 15px;
    }
    .bl_price p {
        font-size: 13px;
    }

    .flex_bl_section {
        gap: 40px;
    }

    .form div {
        gap: 10px;
    }
    form {
        gap: 18px;
    }
}


@media (max-width: 508) {
    #zoomControls {
        left: 42%;
    }
}

@media (max-width: 500px) {


    #img_block-div {
        background-position: 0px -94px;
        background-repeat: no-repeat;
        height: 192px;
    }

    .info_square {
        margin-bottom: 40px;
    }
   
    .card .img img {
        width: 408px;
        height: auto;
    }
    #iframe_map {
        width: 423px;
    }
    .bl_img {
        display: none;
    }
    #btn_card_wrapper {
        display: none;
    }
    .flex_block_projects_realized {
        /* text-align: center; */
        margin-bottom: 20px;
    }

    .block_form {
        padding: 14px 0px 0px;

    }

    #container_form {
        padding: 24px 20px 24px 20px !important;
    }

    .bl_price h3,p{
        font-size: 15px;
    }
    .block {
        padding: 0;
    }
    .items_catalog_block {
        gap: 27px;
    }
    .title_text_section {
        padding: 2px;
    }
    #wrapper_catalog {
        margin-top: 25px;
    }
    .bl_flex_projects_realized {
        gap: 0px;
    }
    .block_counseling button {
        height: 48px;
        width: 211px;
        /* padding: 12px; */
        border-radius: 10px;
    }
    .menu__list.burger {
        width: 100%;
        /* justify-content: center; */
        justify-content: space-around;
        text-align: center;
        align-items: center;
    }
    #btn_menu_burger {
        width: 100%;
    }
    .menu__link.section__button1.burger {
        width: 100%;
    }
    .menu__link.burger {
        width: 100%;
    }
    .header.bg-active .header__container img {
        height: 57px;
    }
    .card_block, .card_block_atlant {
        max-width: 100%;
        width: 100%;
    }
    .header {
        padding: 0px 11px;
    }

    .main-content {
        gap: 20px;
    }

    
}



@media (max-width: 500px) {
    /* .header.bg-active .header__container img {
        height: 90px;
        position: relative;
        left: -5px;
        transform: translateY(15px);
    } */

    .header.bg-active .header__container img {
        height: 54px;
        position: relative;
        left: -5px;
        /* transform: translateY(15px); */
    }


    .container_hd {
        /* padding: 0px 23px 0px 20px; */
    }

    #estet_stroy_is_also  {
        padding-top: 0px;
        padding-bottom: 0px;
    }


    .title_section h2 {
        font-size: 28px;
    }

 
}

@media (max-width: 508px) {
    .wrapper_card .carousel .card {
        min-width: 74vw;
    }
    .card .img img {
        height: auto;
        width: 100%;
    }
    .menu__link  {
        font-size: 16px;
    }

    .text h2 {
        font-size: 20px;
    }

    .text p {
        font-size: 15px;
    }


}


@media (max-width: 483px) {
    #wrapper_block_pros {
        grid-template-columns: 1fr;
    }

    .scale_1_img {
        /* height: 17vh; */
    }
    .bl_list {
        /* padding: 12px 23px; */
    }

    .btn_bl_list svg {
        width: 170px;
        max-width: 34px;
    }

    #mortgage_program .title_section {
        margin-bottom: 40px !important;
    }

    .scale_1_img {
        height: 30vh;
    }


    .container {
        padding: 30px 0px 0px !important;
        
    }

    .address a {
        font-size: 16px;
    }
    .contacts_tel_emal a {
        font-size: 16px;
    }


}


@media (max-width: 496px) {
    .block_pros_info li {
        font-size: 16px;
    }

    .block_pros {
        /* padding: 30px 40px 30px 40px; */
        padding: 30px 30px 40px 30px;
    }
}

@media (max-width: 499px) {
    #estet_stroy_is_also_container {
        padding-top: 50px !important;
    }

    .image-modal-content {
        /* width: 80%; */
        padding: 0;
    }
}

@media (max-width: 455px) {
    .header {
        padding: 0px 23px;
    }


}

@media (max-width: 443px) {
    .bl_price p {
        font-size: 12px;
    } 
}



@media (max-width: 438px) {
    h1 {
        width: 300px;
    }
    .img_card img {
        /* height: auto; */
        width: 223px;
    }
    .card_square {
        width: 66vw;
    }
    /* .bl_img {
        width: 84%;
    } */
    .bl_img {
        height: auto;
        width: 85%;
    }
    .card h2 {
        font-weight: 500;
        color: #09132E;
        font-size: 20px;
        /* margin: 30px 0 5px; */
    }
    .card .img img {
        height: 241px;
    }
    .info_addres span,p {
        /* font-size: 14px; */
    }
    .wrapper_card .carousel .card {
        min-width: 100%;
        height: min-content;
        padding: 0px 0px 20px 0px;
    }
    #btn_card_wrapper {
        /* position: absolute;
        top: 921%; */
    }

    .menu__link  {
        font-size: 16px;
    }
    .logo {
        right: 39px;
        position: relative;
    }
    

    .container {
        padding: 30px 0px 0px !important;
    }


    .list {
        gap: 30px;
    }

    .scale_1_img {
        height: 30vh;
    }

    h1 {
        font-size: 34px;
    }



    .info_addres span, p {
        font-size: 12px;
    }

    .bl_price h3, p {
        /* font-size: 14px; */
    }

}

@media (max-width: 434px) {
    .img_card img {
        width: 196px;
        /* height: auto; */
    }
    .card_square {
        width: 64vw ;
    }
    #iframe_map {
        width: 386px;
    }

    .bl_price h3 {
        font-size: 14px;
    }

    .bl_price p {
        font-size: 12px;
    }


    .scale_1_img {
        height: 400px !important;
    }
}


@media (max-width: 424px) {
    .bl_price p {
        font-size: 11px;
    }
}

@media (max-width: 416px) {
    .img_card img {
        /* height: auto; */
        width: 231px;
    }
    .card_square {
        width: 61vw ;
    }
    .image-modal-content {
        width: 100%;
    }
    .image-close {
        right: 2%;
    }
    #iframe_map {
        width: 358px;
    }
    .bl_price { 
        padding: 16px 15px 16px 15px;
    }


    .block_card_items {
        height: auto;
    }

    .block_pros {
        padding: 30px 16px 30px 16px;
    }
}

@media (max-width: 397px) {
    #wrapper_catalog {
        grid-template-columns: 1fr;
    }

    .price {
        display: grid;
        grid-template-columns: 1fr 1.1fr;
    }
    .bl_price {
        width: 100%;
    }
}


@media (max-width: 390px) {
    h1 {
        /* width: 322px; */
    }
    .menu__link {
        font-size: 14px;
    }
    .card .img img {
        height: 223px;
    }
    .info_card {
        display: flex;
        flex-direction: column;
        gap: 19px;
        max-width: 248px;
    }
    ul {
        padding: 15px !important;
    }
    .block {
        padding: 20px 0px 0px 0px;
    }

    .catalog .block {
        padding: 0;
    }
    .card_square {
        width: 60vw;
    }
    /* .img_card img {
        height: 180px;
    } */

    .img_card img {
        /* height: auto; */
        width: 231px;
    }
    footer h3 {
        font-size: 14px;
    }
    #iframe_map {
        width: 100%;
    }
/* на время */
    .flex_block_projects_realized {
        flex-flow: column;
    }

}

@media (max-width: 382px) {
    #wrapper_rorm_counseling_modal {
        padding: 24px 0px 24px 0px;
    }
}



@media (max-width: 380px) {
    .card .img img {
        height: 212px;
    }

    .bl_price h3 {
        font-size: 13px;
    } 
    .bl_price p {
        font-size: 10px;
    }
}


@media (max-width: 369px) {
    .price {
        display: grid
;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 366px) {
    .card_items {
        padding: 18px;
    }
    .card_square {
        width: 100%;
    }
    .bl_price h3, p {
        /* font-size: 13px; */
    }
    .info_addres span, p {
        font-size: 12px;
    }
    .block_form {
        /* padding: 24px; */
        padding: 0px;
    }
    #wrapper_rorm_counseling_modal {
        /* padding: 0; */
    }
    .form {
        max-width: 281px;
    }


    .block_counseling {
        gap: 20px;
    }
}

@media (max-width: 336px) {
    #header .menu__list{
        padding: 0 !important;
    }
    .header {
        padding: 0px 13px;
    }

    .fon_head {
        height: 24em;
    }

    .estet_stroy_company .container_bg {
        /* padding: 50px 0px; */

        padding: 40px 12px 40px 12px;
    }

    #container_form {
        padding: 24px 16px 24px 16px !important;
    }
}



@media (max-width: 327px) {
    .container_bg {
        padding: 0px 12px 40px 12px;
    }
}



@media (max-width: 320px) {
    h1 {
        width: 100%;
        font-size: 29px !important;
    }
    .block_counseling h2 {
        font-size: 17px;
    }
    .title_section h2 {
        max-width: 100%;
    }
    h2 {
        font-size: 26px;
    }
    #wrapper_rorm_counseling_modal {
        /* padding: 17px; */
    }
    .container {
        padding: 0px !important;
    }
    .block {
        padding: 0  !important;
    }
    .card_items {
        padding: 11px;
    }
    .img_card img {
        /* height: auto; */
        width: 207px;
    }
    .card_square {
        width: 71vw;
    }



    .modal { 
        padding: 13px;
    }

    .modal__main {
        padding: 0px 14px;
    }
}





@media (max-height: 630px) {
    .menu_list_burger_items_class_gap {
        /* gap: 24px; */
        gap: 16px;
    }
    .menu__list.burger {
        /* gap: 54px; */
        gap: 19px;
    }
}
@media (max-height: 610px) {
    .menu_list_burger_items_class_gap {
        /* gap: 24px; */
        gap: 14px;
    }
    .menu__list.burger {
        /* gap: 54px; */
        gap: 19px;
    }
}













/* libs */




.bumper {
    width: 100%;
    /* height: 1800px; */
    background-color: #f3f3f3;
  }
  .horizontal-section {
    /* padding: 100px 0; */
    /* background-color: pink; */
    /* height: 2000px !important; */
    min-height: 2000px;
  }
  .sticky-wrapper {
    position: sticky;
    top: 100px;
    width: 100%;
    overflow: hidden;
  }

  .sticky-wrapper  h2 {
    color: #803D00;
    font-size: 32px;
    text-align: center;
    font-weight: 500;
    margin: auto;
    margin-bottom: 20px;
  }

  .sticky-wrapper_h2 {
    max-width: 261px;
  }


  .element-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
  }
  .element {
    width: 500px;
    /* width: 415px; */
    /* height: 518px; */
    height: auto;



    /* background-color: purple; */
    /* margin: 0 20px 0 0; */
    flex-shrink: 0;
    text-align: center;
  }

  .wrp_element {
    display: flex;
    flex-direction: column;
    gap: 44px;
  }
  
  .block_center {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 20px;
    margin: auto;
  }

  .block_center h3{
    color: #803D00;
    font-size: 26px;
    font-weight: 500;
  }


  .block_center .info p {
    color: #803D00;
    font-weight: 500;
  }


  .img_element {
    overflow: hidden;
    border-radius: 20px;
    width: 80%;
    margin: auto;
    height: 359px;
  }

  .img_element img {
    width: 163%;
    height: 469px;
    object-fit: cover;
  }
  .fixed-element {
      width: 100%;
  z-index: 9999999;
  /* height: 250px; */
  /* margin: auto; */
  /* justify-content: center; */
  /* display: flex; */
  /* width: 84px; */
  position: absolute;
  top: 0%;
  left: 0%;
  /* transform: translate(-50%, -50%); */
  /* background-color: yellow; */
  /* padding: 10px; */
}



@media (max-width: 760px) {
    .element {
        height: auto;

    }

    .block_center {
        max-width: 398px;
    }
}


@media (max-width: 720px) {
    .img_card img {
        width: 204px;
    }
}


@media (max-width: 522px) {
    .element {
        width: 482px;
    }
    .block_center {
        width: 324px;
    }

    .checkbox_catalog {
        display: grid
;
        grid-template-columns: 1fr 1fr;
        /* justify-items: center; */
    }

    .input_checkbox_items:nth-child(2) {
        justify-content: end;
    }

}

@media (max-width: 510px) {
    .block_center {
        max-width: 371px;
    }
    .img_element {
        width: 70%;
    }
    .element {
        width: 431px;
    }
}




@media (max-width:460px) {
    .block_center {
        max-width: 312px;
    }
}

@media (max-width: 450px) {
    .block_center {
        /* max-width: 312px; */
        max-width: 70vw;

    }
    .img_element {
        width: 66%;
    }
}

@media (max-width: 430px) {
    .img_element {
        width: 71vw;
    }
    .element {
        width: 361px;
    }
}


@media (max-width: 429px) {
    .checkbox_catalog {
        display: grid
;
        grid-template-columns: 1fr 1fr;
    }

    h1 {
        font-size: 34px;
    }

    

}

@media (max-width: 376px) {
    .checkbox_catalog {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

@media (max-width: 365px) {
    .block_center {
        max-width: 398px;
    }
}

@media (max-width: 349px) {
    footer h3 {
        font-size: 13px;
    } 

    .form h2 {
        font-size: 24px;
    }
}


@media (max-width: 322px) {
    .block_form {
        padding: 0px;
    }
    .form h2 {
        font-size: 31px;
    }
    .block_pros_info h4 {
        font-size: 19px;
    } 
}





#show_more {
    display: none;
} 


@media (max-width: 868px) {
    #card_wrapper .card_block:nth-child(n+3) {
        display: none;
    }
    #card_wrapper .card_block_atlant:nth-child(n+3) {
        display: none;
    }
    #show_more, #show_more_btn_1 {
        display: block;
        margin: 20px auto;
        padding: 17px 20px;
        /* padding: 13px 20px; */
        /* background-color: #3d89db; */
        background-color: #64a3e7eb;
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 12px;
    }
    .hidden {
        /* display: none; */
    }
}



@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.card_block, .card_block_atlant {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 2s ease, transform 2s ease;
}

.card_block.visible {
    opacity: 1;
    transform: translateY(0);

    
    transition: 0.3s;
}

.card_block {
    width: 100%;
}
.card_block_atlant.visible {
    opacity: 1;
    transform: translateY(0);

    
    transition: 0.3s;
}



@media (max-width: 888px ) {
    .flashing {
        width: 13px;
        height: 13px;
    }
    .wp_widget_text a {
        font-size: 15px;
    }
    .wp_widget_text a{
        /* padding: 11px; */
        padding: 8px;
    }
}

@media (max-width: 400px) {
    .wp_widget {
        right: 14px;
    }
}