.credit {
  max-width: var(--container);
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1021px) {
  .credit {
    margin: 148px auto 0;
  }
}
@media screen and (max-width: 1020px) and (min-width: 641px) {
  .credit {
    margin: 110px auto 0;
  }
}
@media screen and (max-width: 640px) {
  .credit {
    margin: 70px auto 0;
  }
}
@media screen and (max-width: 1520px) and (min-width: 641px) {
  .credit {
    padding: 0 36px 0 36px;
  }
}
@media screen and (max-width: 640px) {
  .credit {
    padding: 0 16px;
  }
}
.credit .section__header h2 {
  font-weight: 400;
}
@media screen and (max-width: 640px) and (min-width: 460px) {
  .credit .section__header h2 {
    max-width: 290px;
    text-align: center;
  }
}
@media screen and (max-width: 459px) and (min-width: 320px) {
  .credit .section__header h2 {
    max-width: 245px;
    text-align: center;
  }
}
@media screen and (min-width: 641px) {
  .credit .section__header .section__text {
    max-width: 976px;
    text-align: center;
    margin-top: 35px;
  }
}
@media screen and (max-width: 640px) {
  .credit .section__header .section__text {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.12px;
    text-align: center;
    margin-top: 20px;
  }
}
.credit__items {
  margin: 55px auto 0;
  display: grid;
  width: 100%;
  border-top: 1px solid #979797;
}
@media screen and (min-width: 1341px) {
  .credit__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 921px) and (max-width:1340px) {
  .credit__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 921px) {
  .credit__items {
    grid-template-columns: repeat(1, 1fr);
  }    
}
@media screen and (max-width: 640px) {
  .credit__items {
    grid-template-columns: 1fr;
    place-items: center;
  } 
  .credit__item {
      max-width: 232px;
      justify-content: flex-start;
  }
  .credit__item__single .credit__item__text ,
  .credit__item__list .credit__item__text {
      text-align:left;
  }
}
.credit__item {
  width: 100%;
  display: flex;
  /* flex-direction: column; */
  
  align-items: center;
  gap:24px;
}
@media screen and (min-width:641px){
    .credit__item {
        justify-content: center;
    }
    .credit__item__list {
        gap:4px;    
    }
}
.credit__item__list {
    display: flex;
    flex-direction: column;
    
    align-items: flex-start;
    justify-content: space-between;
}
@media screen and (min-width: 1100px) {
  .credit__item {
    padding: 58px 0 58px;
  }
}
@media screen and (max-width: 1099px) and (min-width: 641px) {
  .credit__item {
    padding: 58px 0 29px;
  }
}
@media screen and (max-width: 921px) and (min-width:641px){
  .credit__item {
    max-width: 388px;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  .credit__item__single .credit__item__text, .credit__item__list .credit__item__text {
      text-align: left;
  }
}
@media screen and (max-width: 640px) {
  .credit__item {
    padding: 20px 0;
  }
  .credit__item:nth-child(1) {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1341px) {
  .credit__item:nth-child(2) {
    border-left: 1px dashed #bababa;
    border-right: 1px dashed #bababa;
  }
}
@media screen and (max-width:1340px) and (min-width: 922px) {
  .credit__item:nth-child(2) {
    border-left: 1px dashed #bababa;
  }
  .credit__item:nth-child(3) {
    border-top: 1px dashed #bababa;
    grid-column: 1 / 3;
  }
}
/* @media screen and (max-width:921px){
    
} */
.credit__item__percent {
  font-family: var(--main-font);
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
@media screen and (min-width: 641px) {
    .credit__item__single .credit__item__text ,
    .credit__item__list  .credit__item__text {
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0.18px;
    }
}
@media screen and (min-width: 841px) {
  .credit__item__percent {
    font-size: 100px;
    line-height: 75px;
    letter-spacing: 0.7px;
  }
}
@media screen and (max-width: 840px) and (min-width: 641px) {
  .credit__item__percent {
/*     font-size: 55px;
line-height: 60px;
letter-spacing: 0.55px; */
    font-size: 100px;
    line-height: 75px;
    letter-spacing: 0.7px;
  }
}
@media screen and (max-width: 640px) {
  .credit__item__percent {
    font-size: 37px;
    line-height: 37px;
    letter-spacing: 0.37px;
  }
}
.credit__item__text {
  font-family: var(--extra-font);
  font-weight: 300;
  text-align: left;
}
@media screen and (max-width: 840px) and (min-width: 641px) {
  .credit__item__text {
/*     max-width: 150px;
height: 60px; */
  }
}
@media screen and (min-width: 641px) {
  .credit__item__text {
    font-size: 18px;
    line-height: 25px;
  }
  
}
@media screen and (max-width: 640px) {
  .credit__item__text {
    font-size: 12px;
    line-height: 18px;
  }
  .credit__item__icon {
      max-width: 37px;
  }
  .credit__item__icon img {
      width: 100%;
  }
}

.proposal {
  max-width: var(--container);
  width: 100%;
  display: flex;
  position: relative;
}
@media screen and (max-width: 1520px) and (min-width: 641px) {
  .proposal {
    padding: 0 36px 0 36px;
    overflow: hidden;
  }
}
@media screen and (min-width: 1281px) {
  .proposal {
    margin: 0 auto 0;
  }
}
@media screen and (max-width: 1280px) and (min-width: 941px) {
  .proposal {
    margin: 47px auto 0;
  }
}
@media screen and (min-width: 941px) {
  .proposal {
    height: 760px;
  }
}
@media screen and (max-width: 940px) and (min-width: 641px) {
  .proposal {
    height: 680px;
  }
}
@media screen and (max-width: 640px) {
  .proposal {
    height: 580px;
  }
}
@media screen and (max-width: 940px) and (min-width: 641px) {
  .proposal {
    margin: 110px auto 0;
  }
}
@media screen and (max-width: 640px) {
  .proposal {
    margin: 45px auto 0;
  }
}
.proposal__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1520px) and (min-width: 641px) {
  .proposal__background {
    padding: 0 36px 0 36px;
  }
}
.proposal__background img {
  max-width: 100%;
}
@media screen and (min-width: 941px) {
  .proposal__background img {
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
  }
}
@media screen and (max-width: 940px) and (min-width: 641px) {
  .proposal__background img {
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
  }
}
@media screen and (max-width: 640px) {
  .proposal__background img {
    height: 100%;
    object-fit: cover;
  }
}
.proposal__booking {
  display: flex;
  max-height: 535px;
  height: 100%;
  max-width: 1170px;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 1281px) {
  .proposal__booking {
    justify-content: space-between;
    margin: auto;
  }
}
@media screen and (max-width: 1280px) and (min-width: 941px) {
  .proposal__booking {
    justify-content: flex-end;
    margin: 70px auto 0;
  }
}
@media screen and (max-width: 940px) and (min-width: 641px) {
  .proposal__booking {
    justify-content: center;
    margin: 70px auto 82px;
  }
}
@media screen and (max-width: 640px) {
  .proposal__booking {
    justify-content: center;
    margin: 50px auto 0px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 641px) {
  .proposal__booking {
    padding: 0 44px 0 44px;
  }
}
.proposal__booking__form {
  height: fit-content;
}
@media screen and (max-width: 1280px) {
  .proposal__booking__form {
    max-width: 493px;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .proposal__booking__form .main__form {
    margin-top: 25px;
  }
}
@media screen and (max-width: 940px) {
  .proposal__booking__form .agreement {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}
.proposal__booking__form .section__header {
  justify-content: start;
  align-items: start;
}
@media screen and (min-width: 1281px) {
  .proposal__booking__form .section__header {
    max-width: 593px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 941px) {
  .proposal__booking__form .section__header {
    max-width: 370px;
    width: 100%;
  }
}
@media screen and (max-width: 940px) {
  .proposal__booking__form .section__header {
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 640px) {
  .proposal__booking__form .section__header {
    padding: 0 16px;
    text-align: center;
  }
}
.proposal__booking__form .section__header h2 {
  font-weight: 400;
}
.proposal__booking__form .section__header .section__text {
  max-width: 360px;
}
.proposal__booking .btn__gradient {
  text-decoration: none;
  gap: 33px;
  padding: 16px 24px;
  text-decoration: none;
  border-radius: 80px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: fit-content;
  max-width: 448px;
  z-index: 2;
  align-self: flex-end;
  backdrop-filter: blur(40px);
}
@media screen and (min-width: 1281px) {
  .proposal__booking .btn__gradient {
    display: flex;
  }
}
@media screen and (max-width: 1280px) {
  .proposal__booking .btn__gradient {
    display: none;
  }
}
.proposal__booking .btn__gradient:visited .btn__gradient__info__text {
  color: #2a2a2a;
}
.proposal__booking .btn__gradient:visited .btn__gradient__info__phone {
  color: #000000;
}
.proposal__booking .btn__gradient__info {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
  z-index: 2;
}
.proposal__booking .btn__gradient__info__text {
  font-family: var(--extra-font);
  font-weight: 300;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.2px;
  color: #2a2a2a;
}
.proposal__booking .btn__gradient__info__phone {
  font-family: var(--main-font);
  font-weight: 400;
  font-size: 35px;
  line-height: 25px;
  letter-spacing: 0.7px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
}
.proposal__booking .btn__gradient::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 80px;
  left: 0;
  top: 0;
  background-image: linear-gradient(90deg, rgba(236, 239, 243, 0.6) 0%, rgba(230, 238, 245, 0.6) 100%);
  transition: background-image 0.3s ease;
  z-index: 0;
}
.proposal__booking .btn__gradient::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 80px;
  right: -200%;
  top: 0;
  background-image: linear-gradient(90deg, rgba(236, 239, 243, 0.6) 0%, rgba(171, 198, 226, 0.6) 100%);
  transition: background-image 0.3s ease;
  z-index: 0;
  transition: right 0.3s ease;
}
.proposal__booking .btn__gradient:hover::after {
  right: 0;
  transition: right 0.3s ease;
}
.proposal__booking .btn__gradient .round {
  z-index: 2;
}

.container__footer {
  background-color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1281px) {
  .container__footer {
    margin: 173px auto 0;
  }
}
@media screen and (max-width: 1280px) and (min-width: 941px) {
  .container__footer {
    margin: 115px auto 0;
  }
}
@media screen and (max-width: 940px) and (min-width: 641px) {
  .container__footer {
    margin: 90px auto 0;
  }
}
@media screen and (max-width: 640px) {
  .container__footer {
    margin: 0 auto;
  }
}

footer {
  width: 100%;
  max-width: var(--container);
  background-color: transparent;
  display: grid;
  grid-template-columns: 168px 1fr 130px 1fr;
}
@media screen and (min-width: 1521px) {
  footer {
    padding: 43px 0 65px;
    column-gap: 101px;
    grid-template-columns: 168px 1fr 130px 1fr;
  }
}
@media screen and (max-width: 1520px) and (min-width: 1281px) {
  footer {
    grid-template-columns: 168px 1.5fr 130px 1fr;
    column-gap: 23px;
  }
}
@media screen and (max-width: 1520px) and (min-width: 1281px) {
  footer {
    padding: 43px 36px 65px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 941px) {
  footer {
    grid-template-columns: 1fr 1.5fr 130px;
    row-gap: 20px;
    column-gap: 43px;
    padding: 39px 36px 45px;
  }
}
@media screen and (max-width: 940px) and (min-width: 641px) {
  footer {
    grid-template-columns: 1fr;
    row-gap: 30px;
    padding: 63px 36px 80px;
  }
}
@media screen and (max-width: 640px) {
  footer {
    grid-template-columns: 1fr;
    row-gap: 30px;
    padding: 72px 16px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 941px) {
  .footer__logo {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 940px) {
  .footer__logo {
    margin: auto;
  }
}
.footer__logo img {
  mix-blend-mode: exclusion;
}
.footer__links {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 940px) {
  .footer__links {
    margin: auto;
    align-items: center;
  }
}
@media screen and (max-width: 640px) {
  .footer__links li {
    text-align: center;
  }
}
.footer__links li a {
  text-decoration: unset;
  font-family: var(--extra-font);
  font-weight: 300;
  color: #ffffff;
  transition: color 0.3s ease;
}
@media screen and (min-width: 641px) {
  .footer__links li a {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.18px;
  }
}
@media screen and (max-width: 640px) {
  .footer__links li a {
    font-size: 13px;
    line-height: 35px;
    letter-spacing: 0.13px;
  }
}
.footer__links li a:hover {
  color: #ffcda9;
}
.footer__socials {
  display: flex;
  list-style-type: none;
  align-items: flex-start;
  /* justify-content: space-between; */
  justify-content: flex-start;
    
}
@media screen and (min-width: 941px) {
  .footer__socials {
    gap: 8px;  
  }   
}
@media screen and (max-width: 940px) {
  .footer__socials {
    gap: 40px;
  }
}
.footer__socials__external {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) and (min-width: 941px) {
  .footer__socials__external {
    grid-column: 3/4;
  }
}
@media screen and (max-width: 940px) {
  .footer__socials__external {
    margin: auto;
    align-items: center;
    gap: 45px;
  }
}
.footer__socials__item {
  fill: #fbfbfb;
  transition: fill 0.3s ease;
}
.footer__socials__item:hover {
  fill: #f5c4a0;
}
.footer__company {
  display: flex;
  list-style-type: none;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (max-width: 1280px) and (min-width: 941px) {
  .footer__company {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 940px) {
  .footer__company {
    margin: auto;
    align-items: center;
    grid-row: 2/3;
  }
}
.footer__company li {
  font-family: var(--extra-font);
  font-weight: 300;
  color: #ffffff;
}
@media screen and (min-width: 641px) {
  .footer__company li {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.18px;
  }
}
@media screen and (max-width: 640px) {
  .footer__company li {
    font-size: 13px;
    line-height: 35px;
    letter-spacing: 0.13px;
  }
}
@media screen and (max-width: 640px) {
  .footer__company li {
    text-align: center;
  }
}
.footer__company li a {
  text-decoration: none;
  color: var(--white);
}
.footer__company li a:hover {
  color: #ffcda9;
}

.animate-item__block {
  opacity: 0.3;
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;
}
@media screen and (min-width: 1551px) {
  .animate-item__block {
    transform: translate(0, 200px);
  }
}
@media screen and (max-width: 1550px) {
  .animate-item__block {
    transform: translate(0, 100px);
  }
}
@media screen and (max-width: 1280px) and (min-width: 700px) {
  .animate-item__block.animate-item__block--footer {
    transform: translate(20px, 20px);
  }
}
.animate-item__block.visible {
  opacity: 1;
  transform: translate(0, 0px);
}
.animate-item__map {
  transition: transform 0.5s ease-in, scale 0.5s ease, left 0.5s ease;
}
@media screen and (min-width: 941px) {
  .animate-item__map {
    transform: translate(0, 100px);
  }
}
@media screen and (max-width: 940px) {
  .animate-item__map {
    transform: translate(-80px, 3px);
  }
}
.animate-item__map.visible {
  transform: translate(0, 0px);
}
.animate-item__button.visible {
  animation: buttonScale 0.9s 0s 1;
}
@keyframes buttonScale {
  from {
    scale: 1.1;
    transform: translate(-50px, 0);
  }
  to {
    scale: 1;
  }
}
@media screen and (min-width: 1000px) {
  .animate-item__distance--left:nth-child(2) {
    transform: translate(-50px, 0px);
    transition: transform 0.7s ease-in;
  }
}
@media screen and (min-width: 1000px) {
  .animate-item__distance--left:nth-child(3) {
    transform: translate(-50px, 0px);
    transition: transform 0.5s ease-in;
  }
}
@media screen and (min-width: 1000px) {
  .animate-item__distance--left:nth-child(4) {
    transform: translate(-50px, 0px);
    transition: transform 0.5s ease-in;
  }
}
.animate-item__distance--left.visible {
  transform: translate(0, 0px);
}
.animate-item__benefits {
  transform: translate(0, 200px);
  transition: transform 0.5s ease-in, scale 0.5s ease;
}
.animate-item__benefits img {
  scale: 1.4;
  transition: scale 0.5s ease 0.3s;
}
.animate-item__benefits.visible {
  transform: translate(0, 0px);
}
.animate-item__benefits.visible img {
  scale: 1;
}
.animate-item__safity {
  transform: translate(0, 200px);
}
@media screen and (min-width: 940px) {
  .animate-item__safity {
    filter: blur(4px);
  }
}
.animate-item__safity:nth-child(1) {
  transition: filter 0.5s ease-in 0.2s, transform 0.5s ease-in;
}
.animate-item__safity:nth-child(2) {
  transition: filter 0.5s ease-in 0.6s, transform 0.5s ease-in 0.4s;
}
.animate-item__safity:nth-child(3) {
  transition: filter 0.5s ease-in 0.8s, transform 0.5s ease-in 0.6s;
}
.animate-item__safity.visible {
  filter: blur(0px);
  transform: translate(0, 0px);
}

/* Overlay with smooth blur + dark tone */
.popup-overlay {
  position: fixed;
  inset: 0;
  background-image: rgb(0, 0, 0);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.popup-modal--hidden {
  display: none;
}

/* Neon-glass popup box */
.popup-box {
  background-image: url("../images/modal_bg.webp");
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  border-radius: 16px;
  max-width: 877px;
  width: 100%;
  padding: 0px;
  position: relative;
  animation: fadeInUp 0.4s ease;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup-box .main__form {
  width: 100%;
}

.popup-box .section__header {
  margin-top: 98px;
}

.popup-box .section__header h2 {
  max-width: 370px;
  color: var(--black);
  font-weight: 400;
}

.popup-box .main__form .agreement {
  margin: auto auto 80px;
}

.popup-box .main__form .agreement__container span.signature {
  color: var(--gray);
}

.popup-box .section__header .section__text {
  color: var(--black);
}

/* Close button styled with glow */
.close-popup {
  position: absolute;
  top: 42px;
  right: 42px;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  font-size: 30px;
  color: #000000;
  cursor: pointer;
  line-height: 0.5;
}

/* Popup title with neon glow */
.popup-title {
  font-size: 2rem;
  color: #0ff;
  text-shadow: 0 0 10px #0ff, 0 0 20px #0ff;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

/* Popup content with slight opacity */
.popup-content {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #ddd;
}

/* Button to trigger popup */
.trigger-popup {
  padding: 14px 30px;
  font-size: 1rem;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #0ff, #0aa);
  color: #000;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 0 10px #0ff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.trigger-popup:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px #0ff;
}

/* Fade-in animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Z-index wrapper */
.site-popups {
  position: relative;
  z-index: 999;
}/*# sourceMappingURL=ultimate.css.map */


/* Loader */
.modal__flat__image {
    position: relative;
}
.iframe-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
  transition: opacity 0.4s ease-in-out;
  gap: 20px;
}

.loader-logo {
  max-width: 100px;

  animation: pulse-animation 2s ease-in-out infinite alternate;
}

@keyframes pulse-animation {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}

.loader-text-container {
  font-family: sans-serif;
  font-size: 16px;
  color: #555;
}

.loading-text {
  position: relative;
}

.loading-text::after {
  content: ".";
  position: absolute;
  left: 100%;
  top: 0;
  animation: dots-animation 1.5s linear infinite;
}

@keyframes dots-animation {
  0% {
    content: ".";
  }
  33% {
    content: "..";
  }
  66% {
    content: "...";
  }
  100% {
    content: ".";
  }
}

.iframe-loader.hidden {
  opacity: 0;
  pointer-events: none;
}