@font-face {
  font-family: 'GellaDisplay-Light';
  src: url('fonts/Slava Antipov - GellaDisplay-Light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-UltraLight';
  src: url('fonts/Gilroy-UltraLight.eot'); /* для IE9- */
  src: url('fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gilroy-UltraLight.woff') format('woff'), /* современные браузеры */
       url('fonts/Gilroy-UltraLight.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Light';
  src: url('fonts/Gilroy-Light.eot'); /* для IE9- */
  src: url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gilroy-Light.woff') format('woff'), /* современные браузеры */
       url('fonts/Gilroy-Light.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Regular';
  src: url('fonts/Gilroy-Regular.eot'); /* для IE9- */
  src: url('fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gilroy-Regular.woff') format('woff'), /* современные браузеры */
       url('fonts/Gilroy-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-SemiBold';
  src: url('fonts/Gilroy-SemiBold.eot'); /* для IE9- */
  src: url('fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gilroy-SemiBold.woff') format('woff'), /* современные браузеры */
       url('fonts/Gilroy-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Bold';
  src: url('fonts/Gilroy-Bold.eot'); /* для IE9- */
  src: url('fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gilroy-Bold.woff') format('woff'), /* современные браузеры */
       url('fonts/Gilroy-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Medium';
  src: url('fonts/Gilroy-Medium.eot'); /* для IE9- */
  src: url('fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gilroy-Medium.woff') format('woff'), /* современные браузеры */
       url('fonts/Gilroy-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}

/* CSS RESET */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
		font-family: 'Gilroy-Regular';
      background-color:#EAF6FB;
      color: #222;
      line-height: 1.6;
    }
    ul {
      list-style: none;
    }
    a {
      text-decoration: none;
      color: inherit;
    }
    img {
      max-width: 100%;
      display: block;
    }

    /* Стили сайта */
    header.hero {
      background-image:url(./images/header-bg.webp);
	  background-repeat:no-repeat;
	  background-position:center center;
	  background-size:cover;
      color: white;
	  min-height:100vh;
	  display:flex;
	  flex-wrap:wrap;
    align-content: space-between;
	  justify-content:center;
      text-align: center;
      padding: 200px 0 0;
      position: relative;
    }
	.hero-content {
		text-align:left;
		margin-bottom:50px;
	}
	.hero-content h1 {
		font-size:48px;
		line-height:normal;
		font-weight:100;
		margin-bottom:50px;
		font-family: 'GellaDisplay-Light';
	}
	.hero-content p {
		  font-family: 'Gilroy-UltraLight';
		  font-size:40px;
		  margin-bottom:30px;
	}
	.hero-content-container {
		display:flex;
		align-items:flex-end;
    justify-content: space-between;
	}
	
	
	.hero-bottom-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
    width: 100%;
	}
	.hero-bottom {
		background-color:#EAF6FB;
		padding:15px;
		border-radius:25px 25px 0 0;
	}
	.hero-bottom-inner {
		display: flex;
		background: #587478;
		padding:15px;
		border-radius:25px;
	}
	.hero-bottom-image {
		margin-right:25px;
	}
	.logo-circle-wrap {
		background-color:#fff;
		border-radius:50%;
		width:130px;
	}
	.hero-bottom-content {
		text-align:left;
	}
	.hero-bottom-content h3 {
		font-weight:bold;
		font-size:22px;
	}
	.hero-bottom-content p {
		font-family: 'GellaDisplay-Light';
		font-size:24px;
	}
	
	.hero-record {
		margin-bottom:50px;
	}
	
	
    .navbar {
      padding: 20px;
      position: fixed;
    z-index: 10;
      top: 0;
      width: 100%;
	  background-color: #335E7266;
      transition: background-color 0.4s ease;

    }
    .navbar.scrolled {
      background-color: #335e72;
    }
    .navbar a {
		font-size:18px;
	}
	.navbar-container {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items: center;
	}
    .navbar .logo {
      font-weight: bold;
      font-size: 20px;
    }
    .nav-links {
      display: flex;
      gap: 40px;
    }
	
	
    .btn {
      padding: 10px 25px;
	  border:none;
      background-color: #fff;
      transition: background-color 0.4s ease;
	  font-size:18px;
      border-radius: 25px;
      cursor: pointer;
	  color: #587478;
	  display:inline-block;
	letter-spacing:1px;
    }
	.btn-arrow {
		background-image:url(./images/Arrow.png);
		width:14px;
		height:14px;
	  background-repeat:no-repeat;
	  background-position:center center;
	  background-size:cover;
    display: inline-block;
    margin-left: 15px;
	}
	.btn:hover {
      background-color: #D7E7ED;
    }

	
	.btn-transparent {
		background-color:transparent;
		border:1px solid #fff;
		color:#fff;
	}
	.btn-transparent .btn-arrow {
		background-image:url(./images/Arrow-white.png);
	}
	
	
	
	
	
	
	.container {
      max-width: 1240px;
	  width:100%;
	  margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
	}
    section.section {
      padding: 60px 15px;
      max-width: 1240px;
      margin: auto;
    }
	.section-title {
  font-family: 'GellaDisplay-Light';
  font-size:70px;
  line-height:normal;
    font-weight: 300;
	}
	.text-left {
		text-align:left;
	}
	.text-center {
		text-align:center;
	}
	.text-right {
		text-align:right;
	}
	.text-white {
		color:#fff;
	}
	.text-content {
		font-weight:300;
		font-size:20px;
	}
	
	
	.full-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
		position:relative;
		z-index:3;
	}

	#advantages-gallery {
		background-image:url(./images/bg.webp);
		background-size:cover;
		background-repeat:no-repeat;
		padding-top:300px;
		margin-top:-300px;
		border-radius: 45px;
		position:relative;
		z-index:2;
	}
	#gallery {
		max-width:100%;
		padding-left:0;
		padding-right:0;
	}
	.owl-dots {
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		margin:15px 0;
	}
	.owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    background-color: #fff !important;
    border-radius: 50%;
    margin: 0 5px;
    opacity: 0.15;
	}
	.owl-dots .owl-dot.active {
    opacity: 1;
	}
	
.cards {
	margin-top:30px;
}
    .cards, .plan-cards, .review-cards, .award-logos {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
      justify-content: center;
    }
	
	.card {
		background-image:url(./images/Subtract-white.webp);
    background-size: cover;
    width: 380px;
    height: 286px;
    padding: 119px 40px 42px 45px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
	}
	.card-title {
    font-size: 22px;
    letter-spacing: 0.5px;
    color: #fff;
    font-weight: bold;
	}
	.card-text {
		color:#fff;
		font-size:18px;
    line-height: normal;
	}
	.card-icon {    
	position: absolute;
    left: 39px;
    top: 28px;
	}
	
	#planning {
		background-image:url(./images/planning.webp);
		background-size:cover;
		background-repeat:no-repeat;
    background-position: center center;
		padding-top:30px;
		margin-top:-30px;
		position:relative;
		padding-bottom:80px;
		z-index:1;
	}
	
	.tab-menu {
		display:flex;
		flex-wrap:wrap;
    justify-content: center;
	margin-bottom:25px;
	}
	.tab-menu .tab-link {
		padding: 10px 25px;
    font-size: 18px;
    border-radius: 25px;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #000;
	margin:10px;
	}
	.tab-menu .tab-link:hover, .tab-menu .tab-link.active {
		background: #587478;
		color:#fff;
		border: 1px solid #587478;
	}
	
	.card-filters {
	margin-bottom:25px;
		padding:24px 24px 0;
		  background-color: rgba(255, 255, 255, 0.5); /* Полупрозрачный фон */
		  backdrop-filter: blur(10px); /* Размытие */
		  -webkit-backdrop-filter: blur(10px); /* Для Safari */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
		border-radius:25px;
	}
	.filter-group {
    display: flex;
    flex-wrap: wrap;
	}
	.filter-wrap {
	margin-right:30px;
		margin-bottom:24px;
		color:#8F8F8F;
		font-size:18px;
	}
	.bordered-select {
    background-color: transparent;
    font-size: 18px;
    border-radius: 25px;
    border: 1px solid #BFD2D9;
    padding: 12px 20px;
	margin-left:10px;
	letter-spacing:0.5px;
	outline:0;
	}
	.nobordered-select {
    background-color: transparent;
    font-size: 18px;
    border-radius: 25px;
    border: none;
    padding: 12px 12px;
	letter-spacing:0.5px;
	outline:0;
	}
	
	.plan-cards {
		grid-template-columns: repeat(4, 1fr); /* 4 колонки */
    display: grid;
	margin-bottom:25px;
	}
	.plan-card {
		background-color:#fff;
		padding:32px 32px 20px;
		border-radius:25px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
	}
	.flat-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
	margin-bottom:10px;
	}
	.flat-section {
    font-size: 18px;
	letter-spacing:0.5px;
	}
	
	.flat-tags {
    display: flex;
    flex-wrap: wrap;
	justify-content:center;
	}
	.flat-tag {
    font-size: 14px;
	letter-spacing:0.5px;
    border-radius: 15px;
    border: 1px solid #BFD2D9;
    padding: 4px 7px;
	margin:10px 4px 4px;
	
	}
	
	.plans .section-title {
		margin-bottom:15px;
	}
	
	.flat-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
	}
	.flat-bottom-group {
		text-align:center;
		margin:5px;
	}
	.flat-bigchars {
		font-size:32px;
	letter-spacing:0.5px;
	}
	.flat-minchars {
		font-size:18px;
	letter-spacing:0.5px;
	color:#8F8F8F;
	}
	
	.section-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: center;
	}
	.text-section {
		font-size:20px;
		font-weight:100;
		color:#352926;
	}
	
	.map-container {
		display:flex;
		flex-wrap:wrap;
		margin-top:30px;
	}
	.map-block {
		width:75%;
		padding-right:25px;
	}
	.map-block iframe {
		height:100%;
	}
	.map-details {
		width:25%;
	}
	.map-detail-block {
		background-color:#fff;
		border-radius:15px;
		padding:24px;
		margin-bottom:5px;
	}
	.mdb-icon {
		text-align:right;
	}
	.mdb-icon img {
		display:inline-block;
	}
	.mdb-bigtext {
		font-size:32px;
	letter-spacing:0.5px;
    line-height: normal;
	}
	.mdb-smalltext {
		font-size:18px;
	letter-spacing:0.5px;
    line-height: normal;
	}
	
	#conditions {
		background-color:#fff;
		border-radius:25px;
		position:relative;
		z-index:2;
		padding:30px 0;
		margin-top:-40px;
	}
	.condition-list {
		margin-top:40px;
	}
	
	.condition-list .condition-block:last-child {
		margin-bottom:0;
	}
	.condition-block {
		background-color:#275D65;
		  background-color: rgba(39, 93, 101, 0.1); /* Полупрозрачный фон */
		padding:24px;
    display: flex;
	border-radius:100px;
    align-items: center;
	color:#275D65;
	letter-spacing:0.5px;
	font-size:22px;
	margin-bottom:25px;
	}
	.condition-block img {
		margin-right:10px;
	}
	.timer-column {
    background-image: url(./images/pillow2.webp);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    align-content: space-between;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
	}
	.action-button {
		background-color:#587478;
		border-radius:25px;
		width:100%;
		padding:24px;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.action-button span {
		color: rgba(255, 255, 255, 0.5); 
		font-size:18px;
		letter-spacing:1px;
	}
	.action-button a {
		color:#fff; 
		text-decoration:underline;
		font-size:18px;
		letter-spacing:1px;
	}
	
	
	
    .timer      { display:flex; gap:1.5rem; font-size:3rem; text-align:center;margin-bottom:15px; }
    .timer div  { min-width:4.5rem; }
    .timer-label      { font-size:.45em; display:block; }
	
	.timer-value {
		font-size:32px;
		line-height:normal;
  font-family: 'Gilroy-Medium';
	}
	.timer-label {
		line-height:normal;
		font-size:18px;
		color: rgba(0, 0, 0, 0.5); 
	}
	.timer-block {
		background-color:#D7E7ED;
		border-radius:25px;
    padding: 36px 47px;
    width: 130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	}
	
	
	
    .carousel {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 20px;
    }
    .carousel img {
      scroll-snap-align: center;
      flex-shrink: 0;
      width: 100%;
      max-width: 400px;
      border-radius: 8px;
    }
    .socials a img {
      width: 32px;
      margin: 0 10px;
    }
    form {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
      margin: 20px 0;
    }
    form input {
      padding: 10px;
    width: 100%;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    @media (max-width: 768px) {
      .nav-links {
        display: none;
      }
      .cards, .plan-cards, .review-cards, .award-logos {
        flex-direction: column;
        align-items: center;
      }
      .carousel img {
        max-width: 90%;
      }
      .footer-map img {
        width: 100%;
        margin-top: 20px;
      }
    }
	

	
	



#bg2 {
    background-image: url(./images/bg2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
    margin-top: -60px;
    padding-bottom: 350px;
    border-radius: 45px;
    position: relative;
    z-index: 1;
} 
.review-cards {
	margin-top:30px;
}
.review-cards .review {
	border-radius:25px;
	background: rgba(255, 255, 255, 0.1); /* полупрозрачный фон */
  backdrop-filter: blur(5px);          /* размытие заднего фона */
  -webkit-backdrop-filter: blur(5px); 
	padding:32px;
	height:100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.review-cards .review .review-quote {
	margin-bottom:25px;
}
.review-cards .review .review-quote img {
	width:auto;
}
.review-cards .review .review-title {
	font-size:22px;
	color:#fff;
	margin-bottom:10px;
  font-family: 'Gilroy-SemiBold';
}
.review-cards .review .review-content {
	font-size:18px;
	color:#fff;
}
.review-cards .review .review-content p {
	margin-bottom:5px;
}

.review-cards .owl-stage {
	display:flex;
}


.review-author {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.ra-icon {
	width:64px;
	margin-right:10px;
}
.ra-icon img {
	width:100%;
}
.ra-name {
	color:#fff;
	font-size:18px;
  font-family: 'Gilroy-Bold';
}
.ra-rating {
	display:flex;
	flex-wrap:wrap;
}
.review-cards .review .ra-rating img {
	width:14px;
	height:14px;
}

.review-top {
	margin-bottom:25px;
}




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

.partners-logos {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}*/
.partners .section-title {
	margin-bottom:15px;
}
.partner-slide {
	background-color:#D7E7ED;
	padding:32px;
	border-radius:24px;
    display: flex;
	height:100%;
    flex-wrap: wrap;
    justify-content: center;
    align-content: baseline;
}
.partner-slide-icon {
	margin-bottom:32px;
}
.partner-slide-icon img {
	max-width:85px;
}
.partner-slide-content {
	font-size:18px;
}
.partner-slide-content p {
	margin-bottom:5px;
}
.partners-logos .owl-stage {
	display:flex;
	flex-wrap:wrap;
}
.partners-logos .owl-stage .owl-item {
}

.awards {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}





.numbers-container {
	width:70%;
}
.numbers-row.width30 {
	margin-bottom:15px;
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);
}
.numbers-row.width50 {
	margin-bottom:15px;
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}
.number-block {
	border-radius: 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 32px;
    min-width: 250px;
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
.number-title {
  font-family: 'Gilroy-Medium';
  font-size:18px;
    line-height: normal;
  color:#fff;
}
.number-count {
  font-family: 'GellaDisplay-Light';
  font-size:32px;
  line-height:32px;
    text-align: right;
    color: rgba(255, 255, 255, 0.3);
    text-align: right;
    width: 100%;
}











.awards-carousel {
	margin-top:30px;
}
.awards-carousel .award-card {
	border-radius:25px;
	background: rgba(255, 255, 255, 0.1); /* полупрозрачный фон */
  backdrop-filter: blur(5px);          /* размытие заднего фона */
  -webkit-backdrop-filter: blur(5px); 
	padding:32px;
	height:100%;
    display: flex;
    flex-wrap: wrap;
	justify-content:center;
	font-size:22px;
	color:#fff;
  font-family: 'Gilroy-SemiBold';
}

.awards-carousel .award-card img {
	margin-bottom:20px;
}


.section.want-more {
    border-radius: 45px;
    padding: 80px;
    background-color: #D7E7ED;
    background-image: url(./images/pillow.webp);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -230px;
    position: relative;
    z-index: 2;

}
.leave-request {
	font-size:22px;
  font-family: 'Gilroy-Light';
  margin-bottom:30px;
  margin-top:10px;
}

.want-more-socials {
	display:flex;
	flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
}
.want-more-socials ul {
	display:grid;
	gap:25px;
    grid-template-columns: repeat(3, 1fr);
}

.social-btn {
	display:inline-block;
	width:57px;
	height:57px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	
}
.social-btn.whatsapp {
	background-image:url(./images/logos_whatsapp-icon.png);
}
.social-btn.viber {
	background-image:url(./images/viber.png);
}
.social-btn.telegram {
	background-image:url(./images/logos_telegram.png);
}





.rotating-text-wrapper {
	background-image: url(./images/Arrow2.png);
    background-position: center center;
	background-repeat:no-repeat;
    width: 142px;
}
.rotating-text-wrapper.white-rotate {
	background-image: url(./images/arrow3.png);
}
.rotating-text-wrapper.white-rotate .rotating-text {
	background-image: url(./images/rotate2.png);
}
.rotating-text {
	background-image: url(./images/rotate.png);
    width: 142px;
    height: 139px;
    background-position: center center;
    background-size: cover;
  animation: rotation 5s infinite linear; 
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.section.contact {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.contact-section {
	width:60%;
	padding-right:15px;
}
.map-section {
	width:40%;
}
.contact-container {
	display:grid;
	gap:40px;
    grid-template-columns: repeat(2, 1fr);
	margin-top:40px;
	margin-bottom:40px;
}
.contact-block-label {
	font-size:18px;
	color:#373737;
	margin-bottom:15px;
}
.contact-block-value {
	font-size:18px;
	color:#373737;
  font-family: 'Gilroy-SemiBold';
}




.call-us {
    border-radius: 25px;
    padding: 45px;
    background-color: #D7E7ED;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	color:#373737;
	font-size:18px;
}
.call-us .social-btn {
	width:48px;
	height:48px;
}

.footer-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
	
}
.footer-title {
	color: rgba(255, 255, 255, 0.5); 
	font-size:14px;
	margin-bottom:20px;
	line-height:1.5em;
}

    footer.footer {
      background: #1A282A;
	  padding-top:60px;
	  padding-bottom:10px;
	  color:#fff;
    }
	.footer-menu li {
		margin-bottom:10px;
	}
.footer-menu li a {
	font-size:18px;
	color:#fff;
	line-height:1.5em;
}
.footer-line {
	margin-bottom:20px;
}
.footer-social {
	margin-top:30px;
	display:grid;
	gap:10px;
    grid-template-columns: repeat(5, 1fr);
}
.footer-social-btn {
	width:35px;
	height:35px;
}
.footer-social-btn.fb {
	background-image:url(./images/1.png);
}
.footer-social-btn.instagram {
	background-image:url(./images/2.png);
}
.footer-social-btn.whatsapp {
	background-image:url(./images/5.png);
}
.footer-social-btn.telegram {
	background-image:url(./images/7.png);
}
.footer-social-btn.viber {
	background-image:url(./images/6.png);
}


.footer-bottom {
	margin-top:15px;
	background-color: rgba(255, 255, 255, 0.1);
	padding:12px 15px;
	font-size:18px;
	color:#fff;
	text-align:center;
	border-radius:12px;
}











    /* ===== общие стили для всех модалок ===== */
    .modal-overlay {
      position: fixed;
      inset: 0;
      display: grid;
      place-items: center;
      background: rgba(0,0,0,.55);
      visibility: hidden;
      opacity: 0;
      transition: opacity .25s ease;
      z-index: 100;
    }
    .modal-overlay.show {
      visibility: visible;
      opacity: 1;
    }
    .modal {
      width: 90%;
      max-width: 420px;
      background: #fff;
      border-radius: 1rem;
      padding: 2rem 1.5rem;
      text-align: center;
      position: relative;
      animation: pop .3s ease;
    }
    @keyframes pop {
      from { transform: scale(.85); opacity: 0; }
      to   { transform: scale(1);   opacity: 1; }
    }
    .modal h2   { margin-top: 0; }
    .modal .close-btn {
      position: absolute;
      top: .6rem; right: .6rem;
      border: none;
      background: none;
      font-size: 1.4rem;
      cursor: pointer;
      color: #7f8ea3;
    }
    .modal .close-btn:hover { color: #00387a; }
	
	.mobile-menu-btn {
		display:none;
    width: 40px;
    height: 29px;
    background-size: cover;
		background-image:url(./images/menu.webp);
	}
	.mobile-menu {
		display:none;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #fff;
	}
	
@media(max-width:1200px) {
	.hero-content h1 {
		font-size: 32px;
	}
	.hero-content p {
		font-size: 28px;
	}
	.timer-block {
		width:80px;
	}
	.section.partners {justify-content:center;}
	.section.partners .section-title {
		width:100%;
		text-align:center;
		margin-bottom:25px;
	}
	.section.advantages .section-title {text-align:center;}
	
	.section.map .section-columns{
		display: flex;
		flex-wrap: wrap;
	}
	.map-block {
		width:100%;
		min-height:400px;
		margin-bottom: 15px;
	}
	.map-details {
		
    width: 100%;
    display: grid;
	gap: 15px;
    grid-template-columns: repeat(3, 1fr);
	}
	
	.awards .section-title {
		width:100%;
		text-align:center;
		margin-bottom:15px;
	}
	.awards .section-title br {display:none;}
	.awards .numbers-container {
		width:100%;
	}
	
}

@media(max-width:1024px) {
	.nav-links {
		display:none;
	}
	
	.mobile-menu-btn {
		display:block;
	}
}


@media(max-width:992px) {
	.plan-cards {
		grid-template-columns: repeat(2, 1fr);
	}
	.contact-section {
		width: 100%;
		margin-bottom:15px;
		padding-right:0;
	}
	.map-section {
		width: 100%;
        height: 400px;
	}
	#conditions .section-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
		
	}
	#conditions .rotating-text-wrapper {
		display:none;
	}
	.number-block {min-width:initial;}
}

@media(max-width:768px) {
	.hero-content-container {
		flex-wrap: wrap;
	}
	.footer-block {
		width:100%;
		margin-bottom:30px;
	}
	.map-details {
        display: flex;
        flex-wrap: wrap;
	}
	.map-detail-block {
		width:100%;
	}
	.contact-container {
    display: flex;
    flex-wrap: wrap;
	}
	.contact-container .contact-block {
		width:100%;
	}
	.section-title {
		font-size:54px;
	}
	#advantages-gallery {
    padding-top: 0;
    margin-top: 40px;
	}
	.numbers-row.width30, .numbers-row.width50 {
		display:flex;
		grid-template-columns: auto;
        flex-wrap: wrap;
	}
	.number-block {
        width: 100%;
	}
}

@media(max-width:600px) {
	.plan-cards {
        display: flex;
        flex-wrap: wrap;
	}
	.plan-card {
		width:100%;
	}
	.section-title {
		font-size:47px;
	}
	.timer-block {
		padding:15px;
    display: flex;
    flex-direction: column;
	}
	.timer-label {font-size:14px;}
	.section.want-more {
		padding:15px;
	}
	.logo img {width:80px;}
	.navbar {
		padding:15px;
	}
	.navbar-container {
		padding:0;
	}
}


@media(max-width:450px) {
	.timer-block {
		padding:9px;
		width:auto;
	}
	.timer {
		gap:5px;
	}
	#bg2 .section-columns {
        display: flex;
        flex-wrap: wrap;
	}
	#bg2 .section-column {
		width:100%;
        text-align: center;
	}
	.section-title {
        font-size: 35px;
    }
	.card {
    width: 268px;
    height: 202px;
        padding: 65px 21px 28px 45px;
	}
	.card-icon {
    left: 26px;
    top: 14px;
	}
	.card-title {
		font-size: 18px;
	}
	.card-text {
		font-size: 14px;
	}
	.hero-bottom-image {
		margin-right: 0;
		width: 100%;
	}
	.hero-bottom-inner {
    flex-wrap: wrap;
    display: flex;
	}
	.logo-circle-wrap {
    margin: 0 auto;
	}
	.navbar-container .btn {display:none;}
	.btn {font-size:15px;}
}


@media(max-width:400px) {
	.hero-content h1 {
        font-size: 24px;
    }
    .hero-content p {
        font-size: 14px;
    }
}


.phone-btn {
    font-size: 18px;
    color: #373737;
    font-family: 'Gilroy-SemiBold';
}
.header-buttons {
	display:flex;
    flex-direction: column;

}
.header-buttons .btn {
	margin-bottom:10px;
	padding:3px 10px;
}
.header-buttons .phone-btn {
	color:#fff;
}