﻿/* Defensive responsive layer over exported Tilda markup */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
}

.t-container,
.t-container_100,
.t-col,
.t228__maincontainer,
.t280__container {
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .t396__artboard {
    overflow: hidden;
  }

  .t-cover,
  .t-cover__carrier,
  .t-bgimg {
    background-position: center center !important;
    background-size: cover !important;
  }
}

@media (max-width: 980px) {
  .t280__container,
  .t228__maincontainer,
  .t-container,
  .t-container_100 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .t280__logo__img,
  .t228__imglogo,
  .t228__imglogomobile {
    max-height: 44px !important;
    width: auto !important;
  }

  .t-form__inputsbox,
  .t-form {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  .t-title,
  .t-title_xl,
  .t-title_lg,
  .t-section__title {
    font-size: clamp(26px, 7vw, 36px) !important;
    line-height: 1.2 !important;
  }

  .t-descr,
  .t-text,
  .t-form__inputsbox,
  .t-form__submit {
    font-size: 15px !important;
  }

  .t-btn,
  .t-submit,
  .t-btnflex,
  .t-btnflex .t-btnflex__text {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .t-popup,
  .t-popup__container {
    max-width: calc(100vw - 24px) !important;
  }
}
