@charset "UTF-8";

@font-face {
  font-family: 'SFProDisplay-Regular';
  src: url('../fonts/SFProDisplay-Regular.woff');
  src: local('SFProDisplay-Regular'),
      url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
      url('../fonts/SFProDisplay-Regular.woff') format('woff'),
      url('../fonts/SFProDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SFProDisplay-Medium';
  src: url('../fonts/SFProDisplay-Medium.woff');
  src: local('SFProDisplay-Medium'),
      url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
      url('../fonts/SFProDisplay-Medium.woff') format('woff'),
      url('../fonts/SFProDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'SFProDisplay-Semibold';
  src: url('../fonts/SFProDisplay-Semibold.woff');
  src: local('SFProDisplay-Semibold'),
      url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
      url('../fonts/SFProDisplay-Semibold.woff') format('woff'),
      url('../fonts/SFProDisplay-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'SFProDisplay-Bold';
  src: url('../fonts/SFProDisplay-Bold.woff');
  src: local('SFProDisplay-Bold'),
      url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
      url('../fonts/SFProDisplay-Bold.woff') format('woff'),
      url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

:root {
  --font: 'SFProDisplay-Regular';
  --font-medium: 'SFProDisplay-Medium';
  --font-semibold: 'SFProDisplay-Semibold';
  --font-bold: 'SFProDisplay-Bold';
}

body {
  font-family: var(--font);
  background-color: #F8F9F9;
  overflow-x: hidden;
}
main {
  overflow-x: hidden;
}
section {
  margin: 80px 0;
}
h1 {
  font-family: var(--font-semibold);
  font-weight: 600;
  font-size: 46px;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 22px;
  max-width: 890px;
}
@media(max-width: 992px) {
  h1 {
    font-size: 32px;
  }
}
@media(max-width: 768px) {
  h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.sub_h2 {
  font-family: var(--font);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: #263238CC;
  margin: 0 0 30px;
}
@media (max-width: 992px) {
  .sub_h2 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .sub_h2 {
    font-size: 16px;
    margin: 0 0 20px;
  }
}

.btn {
  display: block;
  padding: 19.2px 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  text-decoration: none;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  color: #fff;
  background-color: #FF501B;
  box-shadow: 0px 4px 4px 0px #FFD7C754;
  margin: 0;
}
.btn:visited,
.btn:hover {
  color: #fff;
  background-color: #F83A00;
  opacity: 1;
}
.btn:focus {
  color: #fff;
  background-color: #FF501B80;
  opacity: 1;
}
.btn3 {
    display: block;
    padding: 17px 5px 18px;
    margin: 5px auto 0;
    width: 100%;
    max-width: 300px;
    font: 17px/1 var(--font);
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #009ce8;
    border: 2px solid #009ce8;
    border-radius: 5px;
    text-decoration: none;
}
.btn2 {
  display: block;
  padding: 12.9px 16px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #FF501B80;
  text-decoration: none;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  color: #FF501B;
}
.btn2:visited,
.btn2:hover {
  color: #fff;
  background-color: #FF501B;
  border: 2px solid #FF501B;
  text-decoration: none;
  opacity: 1;
}
.btn2:focus {
  color: #fff;
  background-color: #FF501B80;
  border: 2px solid transparent;
  text-decoration: none;
  opacity: 1;
}
.header .btn2 {
  min-width: 156px;
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-stop {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-action {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.header-mob-btn {
  display: none;
  margin: 15px;
}
@media (max-width: 767px) {
  .header-mob-btn {
    display: block;
  }
  .btn,
  .btn3 {
      font-size: 16px;
      line-height: 1;
      font-family: var(--font-bold);
  }
}
@media (max-width: 375px) {
    .btn,
    .btn3 {
      font-size: 15px;
    }
}
.btn3:visited {
    color: #009ce8;
    background: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn:visited {

}
.btn:focus,
.btn:hover {
  color: #fff;
  box-shadow: none;
}
.btn3:focus,
.btn3:hover {
    color: #009ce8;
    background: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn3,
.btn3:visited {
    background: #fff;
    color: #009ce8;
    border: 2px solid #009ce8;
}
.btn3:focus,
.btn3:hover {
    background: #009ce8;
    color: #fff;
    border: 2px solid #009ce8;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1155px;
  }
}
.header {
    position: fixed;
    z-index: 50;
    left: 0;
    right: 0;
    top: 0;
    padding: 10.5px 0;
    z-index: 50;
    min-height: 65px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0 0 5px transparent;
    box-shadow: 0 0 5px transparent;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
}
.phone_block {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 auto;
  text-align: right;
  max-width: 190px;
}
.phone_block p {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  color: #263238CC;
  margin: 5px 0 0 0;
}
@media (max-width: 991px) {
  .phone_block {
      display: none;
  }
  .header .btn2 {
    display: none;
  }
  .header .container {
    justify-content: space-between;
  }
  .header-stop {
    display: none;
  }
}
.phone {
  font-family: var(--font-semibold);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.1;
  text-decoration: none;
  color: #FF501B;
  border-bottom: 1px solid #FF501B80;
}
.phone:hover {
  color: #F83A00;
  border-color: #F83A00;
}
.phone:focus {
  color: #FF501B80;
  border-color: #FF501B80;
}
.phone-wrap {
  display: flex;
  min-height: 24px;
  padding: 0 0 0 27px;
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.6292 15.391L16.0852 14.938L15.0262 13.874L14.5722 14.327L15.6292 15.391ZM17.6142 14.748L19.5252 15.787L20.2402 14.469L18.3302 13.431L17.6142 14.748ZM19.8922 17.851L18.4722 19.264L19.5292 20.327L20.9492 18.915L19.8922 17.851ZM17.6062 19.718C16.1562 19.854 12.4062 19.733 8.34417 15.695L7.28617 16.758C11.7182 21.165 15.9372 21.381 17.7462 21.212L17.6062 19.718ZM8.34417 15.695C4.47317 11.845 3.83117 8.60799 3.75117 7.20299L2.25317 7.28799C2.35317 9.05599 3.14817 12.644 7.28617 16.758L8.34417 15.695ZM9.71917 9.51499L10.0062 9.22899L8.95017 8.16599L8.66317 8.45099L9.71917 9.51499ZM10.2342 5.59399L8.97417 3.90999L7.77317 4.80999L9.03317 6.49299L10.2342 5.59399ZM4.73317 3.54299L3.16317 5.10299L4.22117 6.16699L5.79017 4.60699L4.73317 3.54299ZM9.19117 8.98299C8.66117 8.45099 8.66117 8.45099 8.66117 8.45299H8.65917L8.65617 8.45699C8.60865 8.5049 8.5661 8.55751 8.52917 8.61399C8.47517 8.69399 8.41617 8.79899 8.36617 8.93199C8.24445 9.27532 8.21412 9.6444 8.27817 10.003C8.41217 10.868 9.00817 12.011 10.5342 13.529L11.5922 12.465C10.1632 11.045 9.82317 10.181 9.76017 9.77299C9.73017 9.57899 9.76117 9.48299 9.77017 9.46099C9.77617 9.44766 9.77617 9.44566 9.77017 9.45499C9.76126 9.46879 9.75122 9.48183 9.74017 9.49399L9.73017 9.50399L9.72017 9.51299L9.19117 8.98299ZM10.5342 13.529C12.0612 15.047 13.2102 15.639 14.0762 15.771C14.5192 15.839 14.8762 15.785 15.1472 15.684C15.299 15.6285 15.4408 15.5488 15.5672 15.448L15.6172 15.403L15.6242 15.397L15.6272 15.394L15.6282 15.392C15.6282 15.392 15.6292 15.391 15.1002 14.859C14.5702 14.327 14.5732 14.326 14.5732 14.326L14.5752 14.324L14.5772 14.322L14.5832 14.317L14.5932 14.307L14.6312 14.277C14.6405 14.271 14.6382 14.2717 14.6242 14.279C14.5992 14.288 14.5012 14.319 14.3042 14.289C13.8902 14.225 13.0202 13.885 11.5922 12.465L10.5342 13.529ZM8.97417 3.90899C7.95417 2.54899 5.95017 2.33299 4.73317 3.54299L5.79017 4.60699C6.32217 4.07799 7.26617 4.13299 7.77317 4.80999L8.97417 3.90899ZM3.75217 7.20399C3.73217 6.85799 3.89117 6.49599 4.22117 6.16799L3.16217 5.10399C2.62517 5.63799 2.20217 6.39399 2.25317 7.28799L3.75217 7.20399ZM18.4722 19.264C18.1982 19.538 17.9022 19.692 17.6072 19.719L17.7462 21.212C18.4812 21.143 19.0822 20.773 19.5302 20.328L18.4722 19.264ZM10.0062 9.22899C10.9912 8.24999 11.0642 6.70299 10.2352 5.59499L9.03417 6.49399C9.43717 7.03299 9.37717 7.73999 8.94917 8.16699L10.0062 9.22899ZM19.5262 15.788C20.3432 16.232 20.4702 17.278 19.8932 17.852L20.9512 18.915C22.2912 17.582 21.8782 15.359 20.2412 14.47L19.5262 15.788ZM16.0852 14.939C16.4692 14.557 17.0872 14.463 17.6152 14.749L18.3312 13.432C17.2472 12.842 15.9032 13.005 15.0272 13.875L16.0852 14.939Z" fill="%23FF501B"/></svg>');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  margin: 0 0 0 auto;
}
.phone-mob {
  display: none;
  width: 44px;
  height: 44px;
  border: 2px solid #FF501B80;
  border-radius: 4px;
  font-size: 0;
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.6292 15.391L16.0852 14.938L15.0262 13.874L14.5722 14.327L15.6292 15.391ZM17.6142 14.748L19.5252 15.787L20.2402 14.469L18.3302 13.431L17.6142 14.748ZM19.8922 17.851L18.4722 19.264L19.5292 20.327L20.9492 18.915L19.8922 17.851ZM17.6062 19.718C16.1562 19.854 12.4062 19.733 8.34417 15.695L7.28617 16.758C11.7182 21.165 15.9372 21.381 17.7462 21.212L17.6062 19.718ZM8.34417 15.695C4.47317 11.845 3.83117 8.60799 3.75117 7.20299L2.25317 7.28799C2.35317 9.05599 3.14817 12.644 7.28617 16.758L8.34417 15.695ZM9.71917 9.51499L10.0062 9.22899L8.95017 8.16599L8.66317 8.45099L9.71917 9.51499ZM10.2342 5.59399L8.97417 3.90999L7.77317 4.80999L9.03317 6.49299L10.2342 5.59399ZM4.73317 3.54299L3.16317 5.10299L4.22117 6.16699L5.79017 4.60699L4.73317 3.54299ZM9.19117 8.98299C8.66117 8.45099 8.66117 8.45099 8.66117 8.45299H8.65917L8.65617 8.45699C8.60865 8.5049 8.5661 8.55751 8.52917 8.61399C8.47517 8.69399 8.41617 8.79899 8.36617 8.93199C8.24445 9.27532 8.21412 9.6444 8.27817 10.003C8.41217 10.868 9.00817 12.011 10.5342 13.529L11.5922 12.465C10.1632 11.045 9.82317 10.181 9.76017 9.77299C9.73017 9.57899 9.76117 9.48299 9.77017 9.46099C9.77617 9.44766 9.77617 9.44566 9.77017 9.45499C9.76126 9.46879 9.75122 9.48183 9.74017 9.49399L9.73017 9.50399L9.72017 9.51299L9.19117 8.98299ZM10.5342 13.529C12.0612 15.047 13.2102 15.639 14.0762 15.771C14.5192 15.839 14.8762 15.785 15.1472 15.684C15.299 15.6285 15.4408 15.5488 15.5672 15.448L15.6172 15.403L15.6242 15.397L15.6272 15.394L15.6282 15.392C15.6282 15.392 15.6292 15.391 15.1002 14.859C14.5702 14.327 14.5732 14.326 14.5732 14.326L14.5752 14.324L14.5772 14.322L14.5832 14.317L14.5932 14.307L14.6312 14.277C14.6405 14.271 14.6382 14.2717 14.6242 14.279C14.5992 14.288 14.5012 14.319 14.3042 14.289C13.8902 14.225 13.0202 13.885 11.5922 12.465L10.5342 13.529ZM8.97417 3.90899C7.95417 2.54899 5.95017 2.33299 4.73317 3.54299L5.79017 4.60699C6.32217 4.07799 7.26617 4.13299 7.77317 4.80999L8.97417 3.90899ZM3.75217 7.20399C3.73217 6.85799 3.89117 6.49599 4.22117 6.16799L3.16217 5.10399C2.62517 5.63799 2.20217 6.39399 2.25317 7.28799L3.75217 7.20399ZM18.4722 19.264C18.1982 19.538 17.9022 19.692 17.6072 19.719L17.7462 21.212C18.4812 21.143 19.0822 20.773 19.5302 20.328L18.4722 19.264ZM10.0062 9.22899C10.9912 8.24999 11.0642 6.70299 10.2352 5.59499L9.03417 6.49399C9.43717 7.03299 9.37717 7.73999 8.94917 8.16699L10.0062 9.22899ZM19.5262 15.788C20.3432 16.232 20.4702 17.278 19.8932 17.852L20.9512 18.915C22.2912 17.582 21.8782 15.359 20.2412 14.47L19.5262 15.788ZM16.0852 14.939C16.4692 14.557 17.0872 14.463 17.6152 14.749L18.3312 13.432C17.2472 12.842 15.9032 13.005 15.0272 13.875L16.0852 14.939Z" fill="%23FF501B"/></svg>');
  background-repeat: no-repeat;
  background-size: 26px 26px;
  background-position: center;
}
.header-bottom.container {
  display: none;
}
.header-calc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  padding: 11px 0;
  margin: 8px 0 0;
  width: 100%;
  color: #fff;
  background-color: #263238E5;
  box-shadow: 1px 1px 10px 0px #00000021;
  border-radius: 5px;
  border: none;
  outline: none;
}
@media(max-width: 991px) {
  .phone-mob {
    display: block;
  }
}
@media(max-width: 768px) {
  .logo img {
    width: 240px;
  }
  .header-bottom.container {
    display: block;
  }
}
@media(max-width: 350px) {
  .logo img {
    width: 180px;
  }
}
#menu {
  margin: 10px 0 0;
}
@media (max-width: 991px) {
  #menu {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    top: calc(100% - 2px);
    margin: 0;
  }
}
.navbar {
  padding: 0;
  position: initial;
}
.navbar-nav {
  column-gap: 15px;
  justify-content: center;
  width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: #263238CC;
  font-family: var(--font-medium);
  font-size: 14px;
  font-weight: 500;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #FF501B80;
}
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link:focus {
  color: #FF501B;
}
@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .nav-link {
      padding: 10px 10px;
      border-bottom: 0;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .navbar-expand-lg .navbar-nav .nav-link.active,
    .navbar-expand-lg .navbar-nav .nav-link:focus,
    .navbar-expand-lg .navbar-nav .nav-link:hover {
      border-bottom: 0;
    }
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xmlcharset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler {
  border: 2px solid #26323833;
  border-radius: 4px;
  width: 44px;
  height: 44px;
  padding: 10px;
  background: 0 0;
  margin: -40px 0 0 auto;
}
.navbar-toggler:focus {
    background: 0 0;
    outline: 0;
}
.navbar-toggler .icon-bar {
    background-color: #263238;
    -webkit-transform: rotate(0) translate(0, 0);
    -ms-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
    -webkit-transition: ease all 0.2s;
    -o-transition: ease all 0.2s;
    transition: ease all 0.2s;
    display: block;
    width: 20px;
    height: 2px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
.navbar-toggler .icon-bar:nth-child(2) {
    -webkit-transition: ease all 0.2s;
    -o-transition: ease all 0.2s;
    transition: ease all 0.2s;
}
.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-toggler:active > .icon-bar:nth-child(2) {
    width: 18px;
    -webkit-transition: ease all 0.2s;
    -o-transition: ease all 0.2s;
    transition: ease all 0.2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 4px);
    -ms-transform: rotate(45deg) translate(5px, 4px);
    transform: rotate(45deg) translate(5px, 4px);
    -webkit-transition: ease all 0.2s;
    -o-transition: ease all 0.2s;
    transition: ease all 0.2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    -webkit-transition: ease all 0.2s;
    -o-transition: ease all 0.2s;
    transition: ease all 0.2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
    -ms-transform: rotate(-45deg) translate(4px, -4px);
    transform: rotate(-45deg) translate(4px, -4px);
    -webkit-transition: ease all 0.2s;
    -o-transition: ease all 0.2s;
    transition: ease all 0.2s;
}
.calc_item-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.calc_item-wrap .clc-checkbox {
  width: calc(50% - 4px);
}
@media(max-width: 768px) {
  .calc_item-wrap .clc-checkbox {
    width: 100%;
  }
}
.calc_flex-wrap {
  flex-wrap: wrap;
  row-gap: 10px;
}
.calc .custom-control {
  width: calc(50% - 4px);
}
@media (max-width: 991px) {
    .footer_item {
        margin-top: 20px;
    }
}
.calc {
    max-width: 430px;
    margin: 0 0 0 auto;
    border-radius: 5px;
    background: #fff;
    padding: 40px 40px 0;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
@media (max-width: 767px) {
    .calc {
        padding: 15px 15px 0;
    }
}
.calc .calc_item {
    margin: 20px 0 0;
}
input[type="text"].input_range_value {
  width: 100%;
  height: 36px;
  background: #F8F9F9;
  border: 1.5px solid #26323833;
  font: 14px var(--font);
  margin: 0;
  text-align: center;
  border-radius: 5px;
  outline: none;
}
.calc_sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calc_sub span {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
  color: #26323880;
  margin: 5px 0 0;
}
.noUi-base, .noUi-connects {
  background-color: #26323808;
}
.noUi-connect {
  background-color: #FF5F43;
}
.noUi-horizontal {
  margin-top: -1px;
  width: calc(100% - 10px);
  left: 5px;
}
.noUi-horizontal .noUi-handle {
  top: -8px;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="9.1" fill="white" stroke="%23FF5F43" stroke-width="1.8"/><circle cx="10" cy="10" r="6" fill="%23FF5F43"/></svg>');
  background-size: contain;
  background-position: center;
}
.noUi-horizontal .noUi-handle:hover,
.noUi-horizontal .noUi-handle:focus {
  background: #FF5F43;
  outline: 6px solid #FF5F434A;
}
@media (max-width: 767px) {
    #slider_range_value {
        max-width: 100% !important;
        text-align: center;
    }
}
.calc_room_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.calc_room_btn a,
.calc_room_btn a:visited {
    width: 40px;
    height: 40px;
    padding: 10px 10px;
    font: 16px/1 var(--font);
    border: 1px solid #dbe2e9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #576570;
    text-align: center;
    text-decoration: none;
}
.calc_room_btn a.active,
.calc_room_btn a:focus,
.calc_room_btn a:hover,
.calc_room_btn a:visited.active,
.calc_room_btn a:visited:focus,
.calc_room_btn a:visited:hover {
    color: #fff;
    background: #009ce8;
}
.calc_rem_block .calc_rem_item {
    display: none;
}
.calc_rem_block .calc_rem_item.active {
    display: block;
}
.calc .btn {
    max-width: 100%;
    margin: 0 auto;
}
.calc_footer {
  padding: 20px 25px 0;
  margin: 20px -25px 0;
  border-top: 1px solid #DBE2E9;
  border-top: 1px solid #DBE2E9;
}
@media (max-width: 767px) {
    .calc_footer {
      padding: 15px 15px 0;
      margin: 15px -15px 0;
    }
}
.range-input {
    margin-right: 15px;
    color: #6b6966;
    text-align: center;
}
.calc-full {
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  background-image: url(../img/bg-calc.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding: 50px 0;
  margin: 65px 0 50px;
}
.section-first__calc {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    overflow: hidden;
}
.calc-img {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    width: calc(100% - 525px);
    max-width: 590px;
}
.calc-img p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}
@media (max-width: 992px) {
    .calc-img p {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .calc-img p {
        font-size: 14px;
    }
}
.calc_fs {
  position: relative;
  padding: 25px 25px 20px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(22, 33, 54, 0.08);
}
.calc_fs::before {
    position: absolute;
    top: 20px;
    left: -120px;
    content: "";
    background-image: url(data:image/svg+xml,SVG_REPLACED);
    background-repeat: no-repeat;
    background-size: contain;
    width: 75px;
    height: 57px;
}
.calc_fs h2 {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 26px;
  text-align: center;
  color: #263238;
  margin: 0 0 25px;
}
.calc_fs h2 span {
  color: #FF5F43;
}
.calc_divider {
  height: 1px;
  width: calc(100% + 50px);
  background-color: #DBE2E9;
  margin: 0 -25px;
}
@media(max-width: 768px) {
  .calc_divider {
    margin: 0 -16px;
    width: calc(100% + 32px);
  }
}
.calc h3 {
  font-family: var(--font);
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #263238;
  padding: 0;
  margin: 0 0 8px;
}
@media (min-width: 1100.1px) {
    .calc-img p {
        max-width: 545px;
        margin: 0;
    }
}
@media (max-width: 1100px) {
    .calc-full {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .section-first__calc {
        flex-direction: column;
        gap: 15px;
    }
    .calc-img {
        width: 100%;
    }
    .calc_fs {
        width: 100%;
        max-width: 525px;
        align-self: center;
    }
}
@media (max-width: 768px) {
    .calc-full {
        background-image: url(../img/bg-calc-mob.webp);
        padding-top: 30px;
        padding-bottom: 15px;
        background-size: cover;
        margin: 118px 7px 50px;
        border-radius: 5px;
    }
    .section-first__calc {
        flex-direction: column;
        overflow: visible;
    }
    .calc_fs {
        width: calc(100% + 6px);
        margin-left: -3px;
        margin-right: -3px;
        padding: 18px 15px 16px;
    }
    .calc-img {
        width: 100%;
    }
    .calc_fs h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
}
.calc_fs p {
    margin: 0;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #16213680;
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.section-first__calc {
    position: relative;
}
.rating-list {
  display: flex;
  align-items: center;
  gap: 7px;
  list-style: none;
  margin: 15px 0 50px;
  padding: 0;
}
.rating-list__item {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #ffffff4d;
  border-radius: 5px;
  padding: 0 5px;
  height: 32px;
  margin: 0;
}
.rating-list__item span {
    font-family: var(--font-semibold);
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}
@media (max-width: 768px) {
  .rating-list__item {
    gap: 3px;
    padding: 0 3px;
  }
  .rating-list__item span {
    font-size: 14px;
  }
  .rating-list {
    margin: 0 0 20px;
  }
}
.designer-description {
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 0 0 40px;
}
.designer-description > span {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    font-family: var(--font);
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: #FFFFFFE5;
}
.designer-description__img {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    flex-shrink: 0;
}
.designer-description__img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.designer-description__img::after {
    position: absolute;
    content: "";
    right: 4px;
    bottom: 4px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #00cf08;
    border: 3px solid #fff;
}
@media (max-width: 768px) {
    .designer-description__img {
        width: 50px;
        height: 50px;
    }
    .designer-description > span {
        font-size: 15px;
        line-height: 1.4;
    }
    .designer-description {
        margin-bottom: 5px;
    }
}
.advantage-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: auto 0 0;
}
.advantage-list__item {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5209 3.12402C10.7083 2.91811 10.9367 2.75361 11.1914 2.64104C11.4461 2.52848 11.7215 2.47034 11.9999 2.47034C12.2783 2.47034 12.5537 2.52848 12.8084 2.64104C13.0631 2.75361 13.2915 2.91811 13.4789 3.12402L14.4989 4.24402C14.6969 4.46144 14.9405 4.6325 15.2122 4.74503C15.4839 4.85755 15.7771 4.90877 16.0709 4.89502L17.5839 4.82502C17.8619 4.81192 18.1396 4.857 18.3992 4.95737C18.6589 5.05774 18.8947 5.2112 19.0916 5.40792C19.2885 5.60464 19.4422 5.84029 19.5428 6.09981C19.6434 6.35932 19.6887 6.63698 19.6759 6.91502L19.6049 8.42902C19.5912 8.7228 19.6424 9.01599 19.7549 9.2877C19.8674 9.55942 20.0385 9.80298 20.2559 10.001L21.3759 11.021C21.5818 11.2085 21.7463 11.4368 21.8589 11.6915C21.9714 11.9462 22.0296 12.2216 22.0296 12.5C22.0296 12.7785 21.9714 13.0539 21.8589 13.3085C21.7463 13.5632 21.5818 13.7916 21.3759 13.979L20.2559 14.999C20.0385 15.1971 19.8674 15.4406 19.7549 15.7123C19.6424 15.9841 19.5912 16.2772 19.6049 16.571L19.6749 18.084C19.688 18.3621 19.6429 18.6398 19.5426 18.8994C19.4422 19.159 19.2887 19.3948 19.092 19.5917C18.8953 19.7886 18.6596 19.9423 18.4001 20.0429C18.1406 20.1435 17.8629 20.1889 17.5849 20.176L16.0709 20.105C15.7771 20.0913 15.4839 20.1425 15.2122 20.255C14.9405 20.3675 14.6969 20.5386 14.4989 20.756L13.4789 21.876C13.2915 22.0819 13.0631 22.2464 12.8084 22.359C12.5537 22.4716 12.2783 22.5297 11.9999 22.5297C11.7215 22.5297 11.4461 22.4716 11.1914 22.359C10.9367 22.2464 10.7083 22.0819 10.5209 21.876L9.5009 20.756C9.30286 20.5386 9.0593 20.3675 8.78758 20.255C8.51586 20.1425 8.22268 20.0913 7.9289 20.105L6.4159 20.175C6.13787 20.1881 5.86017 20.143 5.60056 20.0427C5.34095 19.9423 5.10515 19.7888 4.90824 19.5921C4.71133 19.3954 4.55765 19.1598 4.45703 18.9002C4.35641 18.6407 4.31107 18.3631 4.3239 18.085L4.3949 16.571C4.40864 16.2772 4.35743 15.9841 4.24491 15.7123C4.13238 15.4406 3.96132 15.1971 3.7439 14.999L2.6239 13.979C2.41799 13.7916 2.25349 13.5632 2.14092 13.3085C2.02836 13.0539 1.97021 12.7785 1.97021 12.5C1.97021 12.2216 2.02836 11.9462 2.14092 11.6915C2.25349 11.4368 2.41799 11.2085 2.6239 11.021L3.7439 10.001C3.96132 9.80298 4.13238 9.55942 4.24491 9.2877C4.35743 9.01599 4.40864 8.7228 4.3949 8.42902L4.3249 6.91602C4.3118 6.63799 4.35688 6.36029 4.45725 6.10068C4.55762 5.84107 4.71108 5.60527 4.9078 5.40836C5.10452 5.21145 5.34017 5.05777 5.59969 4.95715C5.8592 4.85653 6.13686 4.81119 6.4149 4.82402L7.9289 4.89502C8.22268 4.90877 8.51586 4.85755 8.78758 4.74503C9.0593 4.6325 9.30286 4.46144 9.5009 4.24402L10.5209 3.12402Z" stroke="%23E0E0E0" stroke-width="1.5"/><path d="M9 12.5L11 14.5L15 10.5" stroke="%23E0E0E0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: top left;
    margin: 0;
    padding: 0 0 0 32px;
}
.advantage-list__item > span {
    display: inline-block;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 5px;
}
.advantage-list__item > p {
    font-family: var(--font);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: #ffffffe5;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .advantage-list {
        margin-top: 25px;
        gap: 20px;
    }
    .advantage-list__item > span {
        font-size: 18px;
        margin: 0 0 8px;
    }
    .advantage-list__item > p {
        font-size: 14px;
        line-height: 1.4;
    }
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.clc-checkbox {
  margin: 0;
}
.clc-checkbox input {
    display: none;
}
.clc-checkbox__warp {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1.8px solid #F8F9FB;
  border-radius: 6px;
  padding: 0 5px;
  background: #F8F9FB;
  cursor: pointer;
  align-items: center;
  height: 30px;
}
.clc-checkbox__label {
  font-family: var(--font);
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #263238;
  text-shadow: none;
}
/* .clc-checkbox input:checked~.clc-checkbox__warp .clc-checkbox__label,
.clc-checkbox input:hover~.clc-checkbox__warp .clc-checkbox__label {
  font-family: var(--font-medium);
  font-weight: 500;
} */
.clc-checkbox__checkbox {
  position: relative;
  border: 1.8px solid #26323826;
  background: #fff;
  border-radius: 3px;
  width: 18px;
  height: 18px;
}
.clc-checkbox input:checked~.clc-checkbox__warp {
/* .clc-checkbox input:hover~.clc-checkbox__warp { */
  border: 1.8px solid #FF5F4333;
  background: #FF5F431A;
}
.clc-checkbox input:checked~.clc-checkbox__warp .clc-checkbox__checkbox {
  box-shadow: 1px 1px 6px 0px #9D7E0057;
  background: #FF5F43;
  border-color: #FF5F43;
}
.clc-checkbox input:checked~.clc-checkbox__warp .clc-checkbox__checkbox::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 13px;
    height: 13px;
    margin: auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MTY4MiAwLjE3MzYzM0M3Ljc2Mzg4IDAuMTE4NjIgNy43MDA5MiAwLjA3NDk0NjggNy42MzE1OSAwLjA0NTEzOTFDNy41NjIxNCAwLjAxNTM0MzIgNy40ODc4IDAgNy40MTI2NiAwQzcuMzM3NTIgMCA3LjI2MzA2IDAuMDE1MzQzMiA3LjE5MzczIDAuMDQ1MTM5MUM3LjEyNDM5IDAuMDc0OTQ2OCA3LjA2MTQzIDAuMTE4NjIgNy4wMDg0OSAwLjE3MzYzM0wyLjc2NzYxIDQuNTUyNTlMMC45ODU4NzggMi43MDk0MkMwLjkzMDkzNSAyLjY1NDcxIDAuODY2MDc1IDIuNjExNzQgMC43OTUwMTEgMi41ODI4NkMwLjcyMzkzNSAyLjU1Mzk4IDAuNjQ4MDQ0IDIuNTM5NzggMC41NzE2NjMgMi41NDEwN0MwLjQ5NTI4MiAyLjU0MjQ4IDAuNDE5OTAzIDIuNTU5MzggMC4zNDk4NDEgMi41OTA3M0MwLjI3OTc3OCAyLjYyMjE5IDAuMjE2Mzk5IDIuNjY3NTEgMC4xNjMzMjMgMi43MjQwOUMwLjExMDI1OCAyLjc4MDggMC4wNjg1MjEzIDIuODQ3NzIgMC4wNDA1MTQ2IDIuOTIwOTdDMC4wMTI0OTY1IDIuOTk0MjMgLTAuMDAxMjMzNjcgMy4wNzI1NCA4LjY5NzQ3ZS0wNSAzLjE1MTMxQzAuMDAxNDA3NjIgMy4yMzAwOSAwLjAxNzc1NjUgMy4zMDc4IDAuMDQ4MjEwOSAzLjM4QzAuMDc4NjY1NCAzLjQ1MjIgMC4xMjI2MTEgMy41MTc2IDAuMTc3NTU0IDMuNTcyM0wyLjM2MzQ0IDUuODI2MzdDMi40MTYzNyA1Ljg4MTQzIDIuNDc5MzMgNS45MjUxIDIuNTQ4NyA1Ljk1NDkyQzIuNjE4MDcgNS45ODQ3NCAyLjY5MjQ3IDYgMi43Njc2MSA2QzIuODQyNzYgNiAyLjkxNzEyIDUuOTg0NzQgMi45ODY1NyA1Ljk1NDkyQzMuMDU1OSA1LjkyNTEgMy4xMTg4NiA1Ljg4MTQzIDMuMTcxOCA1LjgyNjM3TDcuODE2ODIgMS4wMzY0OEM3Ljg3NDU0IDAuOTgxNTM5IDcuOTIwNjUgMC45MTQ4NTYgNy45NTIxOCAwLjg0MDU0M0M3Ljk4MzcyIDAuNzY2MzQ3IDggMC42ODYxNjMgOCAwLjYwNTA3NUM4IDAuNTI0MDExIDcuOTgzNzIgMC40NDM4MjcgNy45NTIxOCAwLjM2OTU3MkM3LjkyMDY1IDAuMjk1MzE3IDcuODc0NTQgMC4yMjg1OTkgNy44MTY4MiAwLjE3MzYzM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    background-size: 10px 8px;
    background-position: center;
    background-repeat: no-repeat;
}
.marquiz__container_inline {
  max-width: 100% !important;
}
.btn__container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-accent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-family: var(--font-medium);
    font-size: 16px;
    line-height: 1.0585;
    color: var(--color-white);
    text-align: center;
    border: 1px solid var(--btn-bg);
    outline: 0;
    background: var(--btn-bg);
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 50px;
    padding: 0 5px;
    max-width: 533px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.btn-accent:hover {
    background: var(--btn-bg-hover);
    border-color: var(--btn-bg-hover);
    text-decoration: none;
    box-shadow: 0 4px 20px 0 rgba(213, 50, 29, 0.4);
}
.btn-accent-border {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    height: 50px;
    font-weight: 600;
    font-family: var(--font-accent-semibold);
    font-size: 16px;
    color: var(--btn-bg);
    text-align: center;
    border: 1px solid var(--btn-bg);
    border-radius: 4px;
    outline: 0;
    background: 0 0;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    max-width: 288px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.btn-accent-border:hover {
    background-color: var(--btn-bg);
    text-decoration: none;
    color: #fff;
    box-shadow: 0 4px 4px 0 rgba(213, 50, 29, 0.4);
}
@media (max-width: 767px) {
    .btn-accent-border {
        font-size: 14px;
    }
}
.swiper-button-next,
.swiper-button-prev {
    border-radius: 50%;
    width: 37.5px;
    height: 37.5px;
    background: rgba(255, 255, 255, 1);
    color: rgba(196, 196, 196, 1);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.15);
}
.swiper-button-next {
    right: 6px;
}
.swiper-button-prev {
    left: 6px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-weight: 700;
    font-size: 14px;
}
@media (max-width: 450px) {
    .project__list {
        grid-template-columns: repeat(1, minmax(290px, 1fr));
    }
}
section.nav-section {
    padding: 20px 0;
}
.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 2px;
    bottom: 1.5px;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #fff;
    box-shadow: 2px 2px 4.5px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 992px) {
    .main-descr-top {
        max-width: 100%;
        width: 100%;
    }
}
.main-descr-top {
    padding: 14px 20px;
    margin-top: 105px;
}
@media (max-width: 1200px) {
    .main-descr-top {
        margin-top: 30px;
    }
}
@media (max-width: 992px) {
    .main-descr-top {
        margin: 0;
    }
    .main-descr-top {
        border-radius: 8px;
        background: 0 0;
        backdrop-filter: none;
        padding: 15px 20px;
        color: #fff;
    }
}
@media (max-width: 768px) {
    .main-descr-top {
        padding: 0;
        font-size: 14px;
    }
}
.btn_descr {
    color: rgba(22, 33, 54, 0.5);
    font: 500 14px/1.1 var(--font-medium);
    margin: 0 0 10px 0;
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
@media (max-width: 767px) {
    .btn_descr {
        font: 500 12px/1.1 var(--font-medium);
        margin: 0 0 10px 0;
    }
}
.item-link1 {
    position: relative;
}
.item-descr {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(22, 33, 54, 0.6);
    backdrop-filter: blur(3.25px);
    height: 21px;
    padding: 0 5px;
    color: #fff;
    font: 500 12px/1.1 var(--font-medium);
}
.portfolio-nav__container {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.portfolio-main-nav__container {
    margin-bottom: 30px;
}
.portfolio-nav__container .portfolio-nav.nav-tabs {
    margin: 0;
}
.portfolio-nav__container p {
    font-family: var(--font-medium);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    color: rgba(22, 33, 54, 0.5019607843);
    text-align: left;
    width: 50px;
    flex-shrink: 0;
    margin: 0;
}
.portfolio-nav--min.portfolio-nav.nav-tabs {
    gap: 5px;
    flex-wrap: nowrap;
}
.works__list {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(360px, 1fr));
    gap: 20px;
}
@media (max-width: 1200px) {
    .works__list {
        grid-template-columns: repeat(3, minmax(312px, 1fr));
    }
}
@media (max-width: 991px) {
    .portfolio-nav--min.portfolio-nav.nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
    }
}
@media (max-width: 767px) {
    .portfolio-main-nav__container {
        margin-bottom: 16px;
    }
    .works__list {
        display: flex;
        flex-flow: column;
        gap: 15px;
    }
    .portfolio-nav--min.portfolio-nav.nav-tabs {
        margin: 12px 0 16px;
    }
}
.works__item {
    border: 1px solid rgba(246, 246, 246, 1);
    border-radius: 8px;
    margin: 0;
    background: rgba(246, 246, 246, 1);
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100%;
}
.works__item .btn-accent-border {
    font-size: 14px;
}
@media (max-width: 992px) {
    .works__list {
        gap: 10px;
        grid-template-columns: repeat(3, minmax(200px, 1fr));
    }
}
.portfolio-slider-main .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.portfolio-slider-main {
    position: relative;
    padding-bottom: 19px;
}
.portfolio-slider-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 768px) {
    .portfolio-slider-main .swiper-slide img {
        max-height: 260px;
    }
}
.portfolio-slider-main .swiper-slide {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.portfolio-slider-main .swiper-wrapper {
    height: 248px;
    width: 100%;
}
.portfolio-slider-main .swiper-button-next {
    right: 12.5px;
}
.portfolio-slider-main .swiper-button-prev {
    left: 12.5px;
}
.btn__container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
}
.works__d-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
}
.works__d-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.works__d-content h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 3px;
}
.works__d-content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(22, 33, 54, 0.6980392157);
    margin: 0;
}
@media (max-width: 768px) {
    .portfolio-nav.nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        gap: 10px;
        margin: 12px 0 20px;
    }
    .portfolio-nav.nav-tabs::-webkit-scrollbar {
        width: 0;
    }
}
.portfolio-nav.nav-tabs {
    border: none;
    gap: 20px;
    margin: 25px 0 15px;
    padding: 0 !important;
}
@media (max-width: 576px) {
    .portfolio-nav.nav-tabs {
        gap: 4px;
    }
}
@media (max-width: 767.98px) {
    .portfolio-nav.nav-tabs {
        width: calc(100% + (100vw - 540px) / 2 + var(--bs-gutter-x) * 0.5);
    }
}
@media (max-width: 575.98px) {
    .portfolio-nav.nav-tabs {
        width: calc(100% + 15px);
    }
}
.portfolio-nav .nav-item {
    flex-shrink: 0;
    margin: 0 0 1px 0;
    padding: 0;
}
@media (max-width: 768px) {
    .portfolio-nav.portfolio-nav-top .nav-item {
        height: 41px;
    }
}
.project__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(550px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.project__item {
    max-width: 550px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.js-project-slider {
    display: flex;
    gap: 5px;
    height: 324px;
}
.project-slider-main-wrp {
    position: relative;
    width: 86.5%;
    border-radius: 4px;
    overflow: hidden;
}
.project-slider-main .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #FFFFFF66;
  opacity: 1;
}
.project-slider-main .swiper-pagination-bullet-active {
  background-color: #FFD7C7;
}
.project-slider-thumbs-wrp {
    width: 13.5%;
}
.project-slider-main.swiper,
.project-slider-thumbs.swiper {
    width: 100%;
    height: 100%;
    position: relative;
    user-select: none;
}
.project-slider-main.swiper .swiper-slide::after {
  position: absolute;
  content: 'Посмотреть';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.project-slider-main.swiper .swiper-slide:hover::after {
  opacity: 1;
}
.project-slider-main.swiper .swiper-slide img {
  transition: filter 0.3s ease-in-out;
}
.project-slider-main.swiper .swiper-slide:hover img {
  filter: brightness(80%);
}
.project-slider-thumbs.swiper {
    height: 100%;
    width: 75px;
    margin-left: -1px;
    margin-right: -1px;
}
.portfolio-descr-items {
    margin: 0 0 15px;
}
.portfolio-descr-items .icon-descr {
  display: flex;
  align-items: center;
  gap: 5px;
}
.icon-descrs {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 0 10px;
}
.icon-descr {
  font-size: 14px;
  line-height: 1;
  color: #263238;
  margin: 0;
  padding: 0;
}
.portfolio-descr-items h3 {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: #263238;
  margin: 0 0 5px;
  padding: 0;
}
.project__action .portfolio-descr-items p {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #26323899;
  margin: 0;
  padding: 0;
}
.portfolio-descr-items .icon-descr:before {
    content: "";
    display: inline-flex;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.portfolio-descr-items .icon-descr.metr:before {
    background-image: url('data:image/svg+xml,<svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.83366 8.58342V10.2084M8.08366 10.2084V8.58342H9.70866M8.08366 5.33342H9.70866M12.417 2.40842V12.5917C12.417 12.6779 12.3828 12.7606 12.3218 12.8216C12.2609 12.8825 12.1782 12.9167 12.092 12.9167H1.90866C1.82246 12.9167 1.7398 12.8825 1.67885 12.8216C1.6179 12.7606 1.58366 12.6779 1.58366 12.5917V8.90842C1.58366 8.82222 1.6179 8.73955 1.67885 8.67861C1.7398 8.61766 1.82246 8.58342 1.90866 8.58342H7.75866C7.84485 8.58342 7.92752 8.54917 7.98847 8.48822C8.04942 8.42728 8.08366 8.34461 8.08366 8.25841V2.40842C8.08366 2.36574 8.09207 2.32347 8.1084 2.28404C8.12473 2.24461 8.14867 2.20878 8.17885 2.17861C8.20903 2.14843 8.24486 2.12449 8.28429 2.10815C8.32372 2.09182 8.36598 2.08342 8.40866 2.08342H12.092C12.1347 2.08342 12.1769 2.09182 12.2164 2.10815C12.2558 2.12449 12.2916 2.14843 12.3218 2.17861C12.352 2.20878 12.3759 2.24461 12.3923 2.28404C12.4086 2.32347 12.417 2.36574 12.417 2.40842Z" stroke="%23FF501B" stroke-opacity="0.7" stroke-width="1.0625" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.portfolio-descr-items .icon-descr.time:before {
    background-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0.25C11.4519 0.25 14.25 3.04812 14.25 6.5C14.25 9.95187 11.4519 12.75 8 12.75C4.54812 12.75 1.75 9.95187 1.75 6.5C1.75 3.04812 4.54812 0.25 8 0.25ZM8 1.5C6.67392 1.5 5.40215 2.02678 4.46447 2.96447C3.52678 3.90215 3 5.17392 3 6.5C3 7.82608 3.52678 9.09785 4.46447 10.0355C5.40215 10.9732 6.67392 11.5 8 11.5C9.32608 11.5 10.5979 10.9732 11.5355 10.0355C12.4732 9.09785 13 7.82608 13 6.5C13 5.17392 12.4732 3.90215 11.5355 2.96447C10.5979 2.02678 9.32608 1.5 8 1.5ZM8 2.75C8.15308 2.75002 8.30084 2.80622 8.41523 2.90795C8.52963 3.00967 8.60271 3.14984 8.62062 3.30187L8.625 3.375V6.24125L10.3169 7.93312C10.429 8.0456 10.494 8.19652 10.4989 8.35524C10.5037 8.51396 10.448 8.66857 10.343 8.78767C10.2379 8.90678 10.0915 8.98144 9.93345 8.9965C9.77538 9.01156 9.61749 8.96588 9.49187 8.86875L9.43312 8.81687L7.55812 6.94187C7.46099 6.84465 7.3986 6.71813 7.38062 6.58187L7.375 6.5V3.375C7.375 3.20924 7.44085 3.05027 7.55806 2.93306C7.67527 2.81585 7.83424 2.75 8 2.75Z" fill="%23FF501B" fill-opacity="0.7"/></svg>');
}
.section-portfolio h2 {
    display: flex;
    gap: 10px;
    align-items: center;
}
.section-portfolio .swiper-button-next,
.section-portfolio .swiper-button-prev {
    width: 30px;
    height: 35px;
    border-radius: 5px;
    background: #FFFFFFB2;
    color: #FF501B;
}
.section-portfolio .swiper-button-next.swiper-button-disabled,
.section-portfolio .swiper-button-prev.swiper-button-disabled {
  color: #fff;
}
.section-portfolio .swiper-button-next {
    right: 10px;
}
.section-portfolio .swiper-button-prev {
    left: 10px;
}
.section-portfolio .swiper-button-next:after,
.section-portfolio .swiper-button-prev:after {
    font-weight: 900;
    font-size: 7px;
}
@media (max-width: 1200px) {
    .project__list {
        grid-template-columns: repeat(2, minmax(360px, 1fr));
    }
}
@media (max-width: 768px) {
    .project-slider-thumbs.swiper {
        height: 70px;
    }
    .project__list {
        grid-template-columns: repeat(2, minmax(340px, 1fr));
    }
}
@media (max-width: 767px) {
    .project__list {
        grid-template-columns: repeat(1, minmax(360px, 1fr));
    }
}
@media (max-width: 450px) {
    .project__list {
        grid-template-columns: repeat(1, minmax(290px, 1fr));
    }
}
.project-slider-main .swiper-slide,
.project-slider-thumbs .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.project-slider-main .swiper-slide:hover,
.project-slider-thumbs .swiper-slide:hover {
  opacity: 1;
}
.project-slider-main .swiper-slide {
    border-radius: 4px;
    overflow: hidden;
    max-height: 500px;
}
.portfolio-btns-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}
.portfolio-btns-items > span {
  color: #26323899;
  font-size: 12px;
}
.portfolio-descr-items {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
    .project-slider-main .swiper-slide {
        height: 250px !important;
    }
}
.project-slider-thumbs .swiper-slide {
    border-radius: 4px;
    overflow: hidden;
}
.project-slider-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-slider-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-slider-main .swiper-slide img {
    border-radius: 8px 8px 0 0;
}
.project-slider-thumbs .swiper-slide img {
    border-radius: 8px;
}
.project-slider-main .swiper-slide,
.project-slider-thumbs .swiper-slide {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.project-slider-main {
    height: 80%;
    width: 100%;
}
.project-slider-thumbs {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.project-slider-thumbs .swiper-slide {
    opacity: 0.4;
    height: 71px !important;
}
.project__action {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
}
.portfolio-descr-items,
.portfolio-btns-items {
  width: calc(50% - 7.5px);
}
.btn.btn_portfolio {
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
}
.project__action p {
    font-family: var(--font-medium);
    font-size: 18px;
    font-weight: 500;
    color: rgba(22, 33, 54, 0.8980392157);
    margin-bottom: 5px;
}
.project__action .btn-accent,
.project__action .btn-accent-border {
    max-width: 100%;
}
@media (max-width: 992px) {
    .project__action {
        gap: 5px;
        padding: 15px 15px 15px;
    }
    .project-slider-thumbs.swiper {
        width: 50px;
    }
    .project-slider-thumbs .swiper-slide {
        opacity: 0.4;
        height: 50px !important;
    }
    .js-project-slider {
        height: 270px;
    }
}
@media (max-width: 768px) {
  .btn.btn_portfolio {
    width: 100%;
  }
  .portfolio-descr-items {
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 12px;
    row-gap: 7px;
  }
  .icon-descrs {
    gap: 12px;
    margin: 0;
  }
  .portfolio-descr-items h3 {
    order: -1;
    margin: 0;
  }
  .portfolio-descr-items, .portfolio-btns-items {
    width: 100%;
  }
  .project__action {
    flex-direction: column;
  }
  .project-slider-thumbs-wrp {
      width: 100%;
      height: 66px;
  }
  .project-slider-thumbs.swiper {
      height: 60px;
      padding: 0;
  }
  .project-slider-main-wrp {
      position: relative;
      width: 86.5%;
      border-radius: 4px;
      overflow: hidden;
      order: -1;
      width: 100%;
      height: 248px;
  }
  .js-project-slider {
      height: 315px;
      flex-wrap: wrap;
      flex-flow: column;
  }
  .project-slider-thumbs.swiper {
      width: 100%;
  }
  .project-slider-thumbs .swiper-slide {
      opacity: 0.4;
      height: 60px !important;
  }
  .project__list {
      grid-row-gap: 10px;
  }
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0 40px 40px 40px;
}
.modal-body h3 {
    font: 700 26px/1.1 var(--font-accent-bold);
    text-align: left;
    margin-bottom: 10px;
}
.modal-body p {
    font: 400 18px/1.1 var(--font-family);
    text-align: left;
    margin-bottom: 25px;
}
.modal-body p.form_descr {
    text-align: center;
    font: 300 12px/1.2 var(--font-family);
    color: rgba(22, 33, 54, 0.6);
    margin: 15px 0 0;
}
.modal-body ul {
    padding-left: 0;
}
.modal-body ul li {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    list-style: none;
    margin: 0 0 10px 0;
}
.modal-body ul li:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.form_list_title {
    font: 500 18px/1.1 var(--font-medium);
    margin: 0 0 10px 0;
}
.modal-body .btn-accent {
    height: 58px;
}
@media (max-width: 768px) {
    .modal-body {
        padding: 0 20px 30px 20px;
    }
    .modal-body h3 {
        font: 700 22px/1.1 var(--font-accent-bold);
        margin-bottom: 10px;
    }
    .modal-body p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .modal-body p.form_descr {
        font: 300 10px/1.2 var(--font-light);
        margin: 10px 0 0;
    }
}
.modal-body .btn-accent {
    width: 100%;
    max-width: 100%;
}
.js-modal-slider {
    height: 100%;
}
.modal-content {
    overflow: hidden;
}
.list_item1 {
    font: 500 18px/1.2 var(--font-medium);
}
.list_item2 {
    font: 17px/1.2 var(--font-family);
    margin: 0;
}
.list_item2 .strong1 {
    font: 600 17px/1.2 var(--font-accent-semibold);
}
.list_item2 .strong2 {
    font-weight: 500;
    font-family: var(--font-medium);
}
@media (max-width: 992px) {
    .list_item2 {
        font: 400 16px/1.2 var(--font-family);
    }
}
@media (max-width: 767px) {
    .list_item2 .strong2 {
        font-weight: 700;
        font-family: var(--font-accent-bold);
    }
}
.section-portfolio .project__list .project__item:nth-child(n + 5) {
    display: none;
}
.tab_descr {
    scrollbar-width: thin;
    scrollbar-color: #bfbcbc transparent;
}
.section-portfolio ul {
    scrollbar-width: thin;
    scrollbar-color: #bfbcbc transparent;
}
.tab_descr::-webkit-scrollbar {
    width: 2px;
}
.section-portfolio ul::-webkit-scrollbar {
    height: 1px;
}
.section-portfolio ul::-webkit-scrollbar-thumb,
.tab_descr::-webkit-scrollbar-thumb {
    background-color: #d3cdcd;
    border-radius: 10px;
}
.tab_descr::-webkit-scrollbar-track .section-portfolio ul::-webkit-scrollbar-track {
    background-color: transparent;
}
@media (max-width: 1200px) {
    .section-portfolio ul {
        overflow-x: auto;
        overflow-y: hidden;
    }
}
.btn-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 13px;
    color: #263238CC;
    height: 40px;
    background: #2632380D;
    border-radius: 4px;
    max-width: 155px;
    margin: 25px auto 0;
}
.btn-more:hover {
    cursor: pointer;
}
.list_title {
    font: 600 18px/1.2 var(--font-accent-semibold);
    margin: 0 0 10px 0;
}
@media (max-width: 767px) {
    .list_title {
        font: 600 16px/1.2 var(--font-accent-semibold);
        margin: 0 0 7px 0;
    }
}
.btn__container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-accent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    outline: 0;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    height: 50px;
    padding: 0 5px;
    max-width: 533px;
    width: 100%;
    gap: 7px;
    font: 600 16px/1.0585 var(--font-family-semibold);
    color: var(--color-white);
    border: 1px solid var(--color-accent);
    background: var(--color-accent);
    box-shadow: 1px 1px 16.2px 0 rgba(91, 18, 35, 0.12);
    transition: all 0.3s ease;
}
.btn-accent svg path {
    transition: all 0.3s ease;
}
.btn-accent svg {
    transition: all 0.3s ease;
}
.btn-accent:hover {
    text-decoration: none;
    border-color: #980b2d;
    background: #980b2d;
    box-shadow: 1px 1px 16.2px 0 rgba(91, 18, 35, 0.12);
}
.btn-accent:active {
    border-radius: 8px;
    background: #d7486a;
    border-color: #d7486a;
    box-shadow: 1px 1px 16.2px 0 rgba(91, 18, 35, 0.12);
}
.btn-accent:active svg,
.btn-accent:hover svg {
    transform: translate(2px, 0);
}
.btn-accent-border {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    height: 50px;
    padding: 0 10px;
    gap: 7px;
    font: 600 16px/1.2 var(--font-family-semibold);
    color: var(--color-accent);
    border-radius: 7px;
    border: 1px solid rgba(174, 27, 62, 0.5);
    outline: 0;
    background: 0 0;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
}
.btn-accent-border svg path {
    transition: all 0.3s ease;
}
.btn-accent-border svg {
    transition: all 0.3s ease;
}
.btn-accent-border:hover {
    opacity: 1;
    text-decoration: none;
    border-radius: 7px;
    border: 1px solid rgba(174, 27, 62, 0.5);
    background: #980b2d;
    box-shadow: 1px 1px 16.2px 0 rgba(91, 18, 35, 0.12);
    color: var(--color-white);
}
.btn-accent-border:hover svg {
    transform: translate(2px, 0);
}
.btn-accent-border:hover svg path {
    fill: var(--color-white);
}
.btn-accent-border:active {
    border-radius: 7px;
    background: #d7486a;
    border-color: #d7486a;
    box-shadow: 1px 1px 16.2px 0 rgba(91, 18, 35, 0.12);
    color: var(--color-white);
}
.btn-accent-border:active svg path {
    fill: var(--color-white);
}
@media (max-width: 767px) {
    .btn-accent,
    .btn-accent-border {
        font-size: 15px;
    }
}
.link,
a {
    color: inherit;
    font-family: var(--font-family);
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: underline;
    border: none;
    background: 0 0;
    padding: 0;
    cursor: pointer;
}
.link:focus,
.link:hover,
a:focus,
a:hover {
    opacity: 0.8;
}
.swiper-button-next,
.swiper-button-prev {
    width: 25px;
    height: 35px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.4);
}
.swiper-button-next::after,
.swiper-button-prev::after {
    color: #5568c0;
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-weight: 900;
    font-size: 16px;
}
header {
    background: #f8f9fb;
    max-height: 101px;
    padding: 0;
}
header nav .container {
    padding: 0 15px 0 15px;
}
@media (max-width: 1100px) {
    header .container {
        padding: 0 15px 0 15px;
    }
}
@media (max-width: 992px) {
    header {
        background: #fff;
        border-bottom: 1px solid #f0f3f6;
    }
    header .container {
        padding: 0 15px;
    }
}
@media (max-width: 767px) {
    header {
        max-height: 62px;
        padding: 0;
    }
}
.slider {
    position: relative;
    width: 42px;
    height: 24px;
    cursor: pointer;
    border-radius: 100px;
    border: 1px solid rgba(34, 51, 129, 0.3);
    background-color: transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 2px;
    bottom: 1.5px;
    border-radius: 50%;
    background-color: rgba(34, 51, 129, 0.3);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.portfolio-slider-main .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
}
.portfolio-slider-main .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
}
.portfolio-slider-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 768px) {
    .portfolio-slider-main .swiper-slide img {
        object-position: center;
    }
}
.portfolio-slider-main .swiper-slide img {
    border-radius: 8px;
}
.portfolio-slider-main .swiper-slide {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.portfolio-slider-main {
    height: 100%;
    width: 100%;
}
.portfolio-slider-main .swiper-button-next {
    right: 12.5px;
}
.portfolio-slider-main .swiper-button-prev {
    left: 12.5px;
}
.btn-m {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-medium);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.215;
    color: #586684;
    text-align: center;
    border: none;
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    background: rgba(22, 33, 54, 0.0509803922);
    padding: 14px 40px;
}
.btn__container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
}
.portfolio-nav.nav-tabs {
    border: none;
    gap: 20px;
    margin: 30px 0 25px;
    padding: 0 !important;
}
.portfolio-nav.nav-tabs {
    border: none;
    gap: 20px;
    margin: 30px 0 25px;
    padding: 0 !important;
}
@media (max-width: 576px) {
    .nav-tabs {
        gap: 4px;
    }
}
@media (max-width: 767.98px) {
    .portfolio-nav.nav-tabs {
        width: calc(100% + (100vw - 540px) / 2 + var(--bs-gutter-x) * 0.5);
    }
}
@media (max-width: 575.98px) {
    .portfolio-nav.nav-tabs {
        width: calc(100% + 15px);
    }
}
.portfolio-nav .nav-item {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}
@media (max-width: 768px) {
    .portfolio-nav .nav-item {
        height: 36px;
    }
}
.portfolio-nav .nav-link {
    border-radius: 5px;
    background: 0 0;
    padding: 10.5px 40px;
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 16px;
    color: #586684;
}
.portfolio-nav .nav-link:focus,
.portfolio-nav .nav-link:hover {
    border-color: transparent;
    color: #000;
}
.portfolio-nav .nav-link:focus span,
.portfolio-nav .nav-link:hover span {
    border-color: #000;
}
@media (max-width: 768px) {
    .portfolio-nav .nav-link {
        font-size: 14px;
        line-height: 1.029;
        padding: 8px;
    }
}
.portfolio-nav .nav-link.active {
    background: var(--bullet-active);
}
.portfolio-nav .nav-link.active span {
    border-bottom: none;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0 20px 20px 20px;
}
.modal-body h3 {
    text-align: center;
    margin-bottom: 15px;
}
.modal-body .btn-accent {
    width: 100%;
    max-width: 100%;
}
.modal-header {
    border-bottom: 1px solid transparent;
    padding: 7px;
}
.modal-content {
    overflow: hidden;
}
.content img {
    width: 50%;
    border-radius: 8px;
}
@media (max-width: 768px) {
    .content img {
        width: 100%;
    }
}
.worksobj__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 15px 0;
    margin: -15px 0;
}
.worksobj__item {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 24.4px 0px #00000012;
    background: #fff;
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
    padding: 0;
    height: auto;
}
.worksobj__btn.btn2,
.worksobj__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
}
.worksobj__item h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-semibold);
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  min-height: 90px;
  padding: 0 30px;
  margin: 0;
}
.worksobj__item img {
    height: 100%;
    max-height: 210px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.worksobj__desc {
    margin-top: 20px;
    padding: 0 30px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.worksobj__btns {
    display: flex;
    flex-flow: column;
    gap: 10px;
    margin: auto 0 0 0;
}
.worksobj__desc p {
    font-family: var(--font);
    font-size: 15px;
    line-height: 1.3;
    text-align: center;
    color: #263238CC;
    margin: 0 0 25px;
}
.worksobj__desc .btn-accent-border {
    width: 100%;
    max-width: 100%;
}
.worksobj .portfolio-slider-main.swiper {
    height: 275px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 4px 4px 31.3px 0 rgba(0, 0, 0, 0.05);
}
.worksobj .portfolio-slider-main .swiper-slide {
    border-radius: 0;
}
.worksobj .portfolio-slider-main .swiper-slide img {
    border-radius: 0;
}
@media (max-width: 1200px) {
    .worksobj {
        background-image: none;
    }
}
@media (max-width: 992px) {
    .worksobj h2::after {
        width: 113px;
    }
    .worksobj__list {
        gap: 10px;
    }
    .worksobj__desc {
        margin-top: 20px;
        padding: 0 5px 15px;
    }
    .worksobj .portfolio-slider-main.swiper .swiper-slide > a {
        display: flex;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .worksobj__item h3 {
      min-height: unset;
      padding-top: 15px;
      padding-bottom: 15px;
    }
    .worksobj__list {
        display: flex;
        flex-flow: column;
        margin-right: -15px;
        padding-bottom: 30px;
    }
    .nav.nav-tabs {
        overflow-x: scroll;
        flex-wrap: nowrap;
        gap: 10px;
        margin: 15px 0 5px;
    }
    .nav.nav-tabs .nav-item {
        padding-bottom: 2px;
    }
    .nav-tabs::-webkit-scrollbar {
        width: 0;
    }
    .worksobj .portfolio-slider-main.swiper {
        height: 220px;
    }
    .worksobj .portfolio-slider-main.swiper .swiper-slide > a {
        display: flex;
        overflow: hidden;
        height: 220px;
        width: 100%;
    }
    .worksobj__desc {
        padding: 0 10px 15px 10px;
    }
}
.portfolio-nav__container {
    overflow-x: auto;
}
.portfolio-nav.nav-tabs {
    border: none;
    gap: 20px;
    margin: 30px 0 25px;
    padding: 0 !important;
}
.portfolio-nav .nav-link.active {
    background: #e4e7f1;
    border-color: #e4e7f1;
}
.portfolio-nav .nav-link.active span {
    border-bottom: none;
}
.portfolio-nav .nav-link {
    border-radius: 5px;
    background: 0 0;
    padding: 10.5px 40px;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 16px;
    color: #586684;
}
.portfolio-nav .nav-item {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}
.portfolio-nav__container::-webkit-scrollbar {
    display: none;
}
.portfolio-nav__container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
@media (max-width: 850px) {
    .portfolio-nav__container {
        margin-right: -15px;
    }
    .portfolio-nav.nav-tabs {
        margin: 10px 0 15px;
    }
}
@media (max-width: 768px) {
    .portfolio-nav .nav-item {
        height: 36px;
    }
    .portfolio-nav .nav-link {
        font-size: 14px;
    }
}
@media (max-width: 576px) {
    .portfolio-nav.nav-tabs {
        width: calc(100% + 15px);
    }
}
.nav-tabs {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid transparent;
    margin: 25px 0;
}
.nav-tabs .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 45px;
    border-radius: 5px;
    background: #26323812;
    color: #263238CC;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover {
    border: 2px solid transparent;
    background: #FF5F4326;
    color: #FF501B;
}
.nav-tabs .nav-link:hover {
  color: #263238CC;
  background: #FF5F4326;
  border: 2px solid #FF501B80;
}
.portfolio-section {
    padding: 50px 0 24px;
}
.portfolio-nav__container {
    margin-top: 20px;
    display: flex;
    align-items: center;
    margin: 15px 0 0;
}
.portfolio-nav__container p {
    font: 500 14px/1.2 var(--font-family-medium);
    color: rgba(22, 33, 54, 0.5);
    text-align: left;
    width: 75px;
    flex-shrink: 0;
    margin: 0;
}
.portfolio-section .nav-tabs {
    margin: 0 0 15px;
}
.portfolio-section .nav-tabs .nav-link {
    gap: 5px;
    width: max-content;
}
@media (max-width: 991px) {
    .portfolio-section h2::after {
        width: 314px;
    }
}
@media (max-width: 800px) {
    .swiper-pagination-mob {
        bottom: 108px;
    }
    .portfolio-section .btn-accent {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .portfolio-section h2::after {
        width: 200px;
    }
    .portfolio-section {
        padding: 40px 0 24px;
    }
    .portfolio-section .nav-tabs {
        margin: 15px 0 0;
    }
    .portfolio-section .nav-tabs .nav-item {
        padding-bottom: 2px;
    }
    .portfolio-nav__container {
        margin: 15px 0 7px;
    }
}
.header-underline {
    padding: 0 0 15px;
    margin: 0 0 25px;
}
.underline-desk,
.underline-mob {
    position: relative;
    display: inline-block;
}
.underline-desk::after,
.underline-mob::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background: #5568c0;
    border-radius: 2px;
    width: 100%;
}
.underline-mob::after {
    display: none;
    bottom: -10px;
}
.underline-desk::after {
    bottom: -15px;
    display: block;
}
.header-underline::after {
    display: none;
}
@media (max-width: 768px) {
    .underline-desk::after {
        display: none;
    }
    .underline-mob::after {
        display: block;
    }
    .header-underline {
        padding: 0 0 10px;
        margin: 0 0 20px;
    }
    .nav.nav-tabs {
        padding-bottom: 0 !important;
        margin-bottom: 15px !important;
    }
    .portfolio-header,
    .worksobj-header {
        max-width: 280px;
    }
    .portfolio-nav__container {
        margin: 0 0 7px;
    }
}
.cals-header {
  width: 195px;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--font-medium);
  font-weight: 500;
  color: #26323880;
}
.btn-accent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    outline: 0;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    height: 50px;
    padding: 0 5px;
    max-width: 533px;
    width: 100%;
    gap: 7px;
    font: 600 16px/1.0585 var(--font-family-semibold);
    color: var(--color-white);
    border: 1px solid var(--color-accent);
    background: var(--color-accent);
    box-shadow: 1px 1px 16.2px 0 rgba(91, 18, 35, 0.12);
    transition: all 0.3s ease;
}
.btn-accent svg path {
    transition: all 0.3s ease;
}
.btn-accent svg {
    transition: all 0.3s ease;
}
.btn-accent:hover {
    text-decoration: none;
    border-color: #980b2d;
    background: #980b2d;
    box-shadow: 1px 1px 16.2px 0 rgba(91, 18, 35, 0.12);
}
.btn-accent:active {
    border-radius: 8px;
    background: #d7486a;
    border-color: #d7486a;
    box-shadow: 1px 1px 16.2px 0 rgba(91, 18, 35, 0.12);
}
.btn-accent:active svg,
.btn-accent:hover svg {
    transform: translate(2px, 0);
}
@media (max-width: 767px) {
    .btn-accent {
        font-size: 15px;
    }
}
a {
    color: inherit;
    font-family: var(--font-family);
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: underline;
    border: none;
    background: 0 0;
    padding: 0;
    cursor: pointer;
}
a:focus,
a:hover {
    opacity: 0.8;
}
.input {
    display: flex;
    align-items: center;
    font: 500 16px var(--font-family);
    color: #263238;
    border: 1px solid rgba(34, 51, 129, 0.15);
    background: #f8f9fb;
    outline: 0;
    width: 100%;
    margin: 0 0 10px;
    border-radius: 7px;
    height: 45px;
    padding: 0 12px 0 20px;
}
@media (max-width: 768px) {
    .input {
        margin: 0 0 15px;
        padding: 15px 20px;
    }
}
.input_rng_value {
    text-align: right;
    font-size: 14px;
    border: 1px solid rgba(34, 51, 129, 0.3);
    border-radius: 5px;
    padding: 8px 2px;
    max-width: 35px;
}
.clc_type__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 5px;
    margin: 5px 0 0;
}
.cals-m {
    margin: 0 0 100px;
}
@media (max-width: 768px) {
    .cals-m {
        margin: 0 0 50px;
    }
}
.cals-img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    width: calc(100% - 430px);
    max-width: 650px;
}
.cals-img p {
    font: 400 24px/1.2 var(--font-family);
    color: var(--color-white);
}
@media (max-width: 992px) {
    .cals-img p {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .cals-img p {
        font-size: 14px;
    }
}
.cals_fs {
    width: 500px;
    padding: 28px 21px 20px;
    background: var(--color-white);
    border-radius: 8px;
    border: 1px solid rgba(22, 33, 54, 0.08);
}
.cals_fs h2 {
    font-family: var(--font-family-medium);
    font-weight: 600;
    font-size: 32px;
    color: var(--font-dark);
    margin: 0 0 25px;
    text-align: center;
}
.cals_fs h2::after {
    display: none;
}
.cals_fs--flex {
    display: flex;
    flex-wrap: wrap;
    row-gap: 23px;
    column-gap: 29px;
}
@media (max-width: 1100px) {
    .cals_fs {
        width: 100%;
        max-width: 500px;
        align-self: center;
    }
    .cals_fs--flex {
        column-gap: 24px;
    }
}
@media (max-width: 992px) {
    .cals-img {
        width: 100%;
    }
    .cals_fs {
        width: 100%;
        max-width: 500px;
        align-self: center;
    }
}
@media (max-width: 768px) {
    .cals_fs {
        width: 100%;
    }
    .cals-img {
        width: 100%;
    }
    .cals-img h1 {
        text-transform: none;
    }
    .cals_fs h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.clc_area__ttl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 8px;
}
.clc_area__ttl p {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 14.5px;
    color: rgba(22, 33, 54, 0.5);
    margin: 0;
}
.clc_area__text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.cals_fs p {
    margin: 0;
    font: 500 14px/1.2 var(--font-family-medium);
    color: #16213680;
}
.cals_fs .clc-item p.clc_area__text {
    margin: 5px 0 0 0;
}
.cals_fs p.clc_area__text span {
    font: 500 12px/1.2 var(--font-family-medium);
    color: rgba(22, 33, 54, 0.5);
}
.cals_btns {
    background: rgba(84, 84, 84, 0.1);
    margin: 24px -25px -20px;
    padding: 21px 25px 19px;
}
.cals_btns__container {
    margin: 15px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
@media (max-width: 767px) {
    .cals_btns {
        margin: 10px -25px -20px;
        padding: 18px 25px 19px;
    }
}
select {
    display: flex;
    width: 100%;
    position: relative;
    height: 37px;
    border-radius: 7px;
    border: 1.5px solid #26323833;
    background: #F8F9F9;
    outline: 0;
    font: 400 14px/1.2 var(--font-family);
    color: #263238;
    width: 100%;
    margin-top: 5px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7138 0.267679C12.5306 0.0962844 12.282 0 12.0229 0C11.7637 0 11.5152 0.0962844 11.3319 0.267679L6.4941 4.7932L1.6563 0.267679C1.47197 0.101142 1.22509 0.00899124 0.96884 0.0110741C0.712586 0.0131569 0.467459 0.109307 0.286253 0.278816C0.105048 0.448325 0.00226307 0.67763 3.71933e-05 0.917343C-0.00218964 1.15706 0.0963192 1.388 0.274349 1.56042L5.80312 6.73232C5.9864 6.90372 6.23495 7 6.4941 7C6.75325 7 7.0018 6.90372 7.18507 6.73232L12.7138 1.56042C12.8971 1.38898 13 1.15648 13 0.914052C13 0.671627 12.8971 0.439126 12.7138 0.267679Z" fill="%23263238" fill-opacity="0.33"/></svg>');
    background-repeat: no-repeat;
    background-position: 97% center;
    padding: 0 24px 0 12px;
}
@media (max-width: 767px) {
    select {
        height: 37px;
        max-width: 100%;
    }
}
.btn-m {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-medium);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.215;
    color: #586684;
    text-align: center;
    border: none;
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    background: rgba(22, 33, 54, 0.0509803922);
    padding: 14px 40px;
}
@media (max-width: 767px) {
    .modal_sub_title {
        font-size: 14px;
        margin: 0 0 15px 0;
    }
}
.select-title {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 14px;
    color: rgba(22, 33, 54, 0.5);
    margin: 0 0 5px;
}
.__select {
    position: relative;
    height: 40px;
    margin: 7px 0 0;
}
.__select[data-state="active"] .__select__title::after {
    transform: translateY(7px) rotate(180deg);
}
.__select[data-state="active"] .__select__label + .__select__input + .__select__label {
    max-height: 50px;
    border-top-width: 1px;
}
.__select__title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 13px 12px;
    border-radius: 7px;
    border: 1px solid rgba(34, 51, 129, 0.15);
    background: #f8f9fb;
    cursor: pointer;
}
.__select__title::after {
    content: url(data:image/svg+xml,SVG_REPLACED);
    position: absolute;
    top: 15px;
    right: 12px;
    display: block;
    width: 13px;
    height: 7px;
    transition: all 0.3s ease-out;
    transform: translate(0, -50%);
}
.__select__input {
    display: none;
}
.__select__input:checked + label {
    background-color: #eef1f6;
    font: 500 16px/1.2 var(--font-medium);
}
.__select__input:disabled + label {
    opacity: 0.6;
    pointer-events: none;
}
.__select__label {
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    padding: 0 12px;
    transition: all 0.2s ease-out;
    cursor: pointer;
    overflow: hidden;
    font: 500 16px/1.2 var(--font-medium);
    flex-shrink: 0;
}
.__select__label + input + & {
    border-top: 0 solid #c7ccd160;
}
.__select__label:hover {
    background: #eef1f6;
}
.__select__label svg,
.__select__title svg {
    margin-right: 10px;
}
.__select__label svg path,
.__select__title svg path {
    stroke: #b8bed6;
}
@media (max-width: 767px) {
    .__select__input:checked + label,
    .__select__label,
    .__select__title {
        font: 500 14px/1.2 var(--font-family-medium);
    }
    .__select__label {
        height: 38px;
    }
}
.clc {
    padding: 0;
}
.clc-container {
  margin: 30px 0 0;
  border-radius: 12px;
  border: 1px solid #26323814;
  background: #fff;
  overflow: hidden;
  box-shadow: 2px 2px 76px 0 rgba(0, 0, 0, 0.15);
}
.clc_right {
  background: #FFFBFA;
  padding: 30px;
  width: 40%;
  max-width: 420px;
}
.clc_hero {
    display: flex;
    align-items: center;
    gap: 10px;
}
.clc_hero-img {
    position: relative;
}
.clc_hero-img::after {
    position: absolute;
    right: 5px;
    bottom: 5px;
    content: "";
    width: 13px;
    height: 13px;
    background-color: #00cf08;
    border-radius: 50%;
    border: 3px solid #fff;
}
.clc_hero-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.clc_hero-text h5 {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #162136;
    padding: 0;
    margin: 0 0 5px;
}
.clc_hero-text span {
  font-size: 14px;
  line-height: 1;
  color: #263238CC;
}
.clc_text-persona {
    position: relative;
    font-size: 16px;
    color: #263238CC;
    background-color: #fff;
    padding: 12px 15px 17px 15px;
    box-shadow: 2px 2px 7px 0 rgba(114, 113, 113, 0.15);
    border-radius: 8px;
    margin: 15px 0 0;
}
.clc_text-persona::before {
    position: absolute;
    top: -10px;
    left: 30px;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.clc_text-persona .sub_text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 3px 5px;
    border-radius: 4px;
    background: #FF5F431F;
    color: #FF5F43CC;
    font-family: var(--font-medium);
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
}
.clc-divider {
    margin: auto 0 15px;
    height: 1px;
    width: 100%;
    background-color: rgba(22, 33, 54, 0.08);
}
.clc_right-btn {
    margin: 0 0 7px;
}
.clc_subtext {
    font-family: var(--font-family-light);
    font-weight: 300;
    font-size: 10px;
    color: rgba(22, 33, 54, 0.75);
}
.clc-btn span {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #dee0ec;
    background: var(--color-white);
    border-radius: 32px;
    min-width: 34px;
    padding: 7px 12px;
    cursor: pointer;
}
.clc-btn svg path {
    stroke: #dee0ec;
    stroke-opacity: 1;
}
.clc-btn input {
    display: none;
}
.clc-btn input:checked ~ span {
    border: 1px solid rgba(174, 27, 62, 0.5);
    background: #fff2f5;
}
.clc-btn input:checked ~ span svg path {
    stroke: var(--color-accent);
    stroke-opacity: 0.3;
}
.clc-btns {
    display: flex;
    gap: 5px;
}
.cals_wide_room .clc-btns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
}
.cals_item {
    display: flex;
    align-items: center;
    gap: 27px;
    margin: 0 0 10px;
}
.cals_item .custom-control-label {
  width: min-content;
}
.cals_item .custom-control-label:last-child {
  width: 140px;
}
@media (max-width: 992px) {
    .cals_item {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
    .clc_text-persona .sub_text {
        font-size: 10px;
    }
    .clc h2::after {
        width: 356px;
    }
}
.clc_podskazka {
    font-size: 9px;
    color: #26323899;
    background: #2632380D;
    padding: 2px 7px;
    border-radius: 100px;
    max-width: max-content;
}
.clc-checkbox input {
    display: none;
}
.clc-checkbox__checkbox {
    position: relative;
    border: 1.8px solid #26323826;
    background: #fff;
    border-radius: 3px;
    width: 20px;
    height: 20px;
}
.clc-checkbox input:checked ~ .clc-checkbox__warp .clc-checkbox__checkbox::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 13px;
    height: 13px;
    margin: auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MTY4MiAwLjE3MzYzM0M3Ljc2Mzg4IDAuMTE4NjIgNy43MDA5MiAwLjA3NDk0NjggNy42MzE1OSAwLjA0NTEzOTFDNy41NjIxNCAwLjAxNTM0MzIgNy40ODc4IDAgNy40MTI2NiAwQzcuMzM3NTIgMCA3LjI2MzA2IDAuMDE1MzQzMiA3LjE5MzczIDAuMDQ1MTM5MUM3LjEyNDM5IDAuMDc0OTQ2OCA3LjA2MTQzIDAuMTE4NjIgNy4wMDg0OSAwLjE3MzYzM0wyLjc2NzYxIDQuNTUyNTlMMC45ODU4NzggMi43MDk0MkMwLjkzMDkzNSAyLjY1NDcxIDAuODY2MDc1IDIuNjExNzQgMC43OTUwMTEgMi41ODI4NkMwLjcyMzkzNSAyLjU1Mzk4IDAuNjQ4MDQ0IDIuNTM5NzggMC41NzE2NjMgMi41NDEwN0MwLjQ5NTI4MiAyLjU0MjQ4IDAuNDE5OTAzIDIuNTU5MzggMC4zNDk4NDEgMi41OTA3M0MwLjI3OTc3OCAyLjYyMjE5IDAuMjE2Mzk5IDIuNjY3NTEgMC4xNjMzMjMgMi43MjQwOUMwLjExMDI1OCAyLjc4MDggMC4wNjg1MjEzIDIuODQ3NzIgMC4wNDA1MTQ2IDIuOTIwOTdDMC4wMTI0OTY1IDIuOTk0MjMgLTAuMDAxMjMzNjcgMy4wNzI1NCA4LjY5NzQ3ZS0wNSAzLjE1MTMxQzAuMDAxNDA3NjIgMy4yMzAwOSAwLjAxNzc1NjUgMy4zMDc4IDAuMDQ4MjEwOSAzLjM4QzAuMDc4NjY1NCAzLjQ1MjIgMC4xMjI2MTEgMy41MTc2IDAuMTc3NTU0IDMuNTcyM0wyLjM2MzQ0IDUuODI2MzdDMi40MTYzNyA1Ljg4MTQzIDIuNDc5MzMgNS45MjUxIDIuNTQ4NyA1Ljk1NDkyQzIuNjE4MDcgNS45ODQ3NCAyLjY5MjQ3IDYgMi43Njc2MSA2QzIuODQyNzYgNiAyLjkxNzEyIDUuOTg0NzQgMi45ODY1NyA1Ljk1NDkyQzMuMDU1OSA1LjkyNTEgMy4xMTg4NiA1Ljg4MTQzIDMuMTcxOCA1LjgyNjM3TDcuODE2ODIgMS4wMzY0OEM3Ljg3NDU0IDAuOTgxNTM5IDcuOTIwNjUgMC45MTQ4NTYgNy45NTIxOCAwLjg0MDU0M0M3Ljk4MzcyIDAuNzY2MzQ3IDggMC42ODYxNjMgOCAwLjYwNTA3NUM4IDAuNTI0MDExIDcuOTgzNzIgMC40NDM4MjcgNy45NTIxOCAwLjM2OTU3MkM3LjkyMDY1IDAuMjk1MzE3IDcuODc0NTQgMC4yMjg1OTkgNy44MTY4MiAwLjE3MzYzM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    background-size: 10px 8px;
    background-position: center;
    background-repeat: no-repeat;
}
.clc-container h2 {
    margin-bottom: 25px;
}
.clc .custom-select {
    border: 1px solid #cdcdcd;
}
.clc-label {
    font-family: var(--font-accent-medium);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
    color: #1a1a1a;
    margin: 0 0 10px;
}
.clc_btns {
    display: flex;
    align-items: center;
    max-width: max-content;
    gap: 4px;
    margin: 0;
    background: #dbeef2;
    padding: 4px;
}
.clc_btns .btn2 {
    background: 0 0;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
}
.clc_btns .btn2 span {
    display: block;
    color: #1f1f1f;
    min-width: 209px;
    padding: 4px 0;
    border: none;
    border-radius: 0;
    margin: 0;
    background: 0 0;
}
.cals_item .__select {
    width: 90%;
    max-width: 266px;
}
.clc-btns-area {
  position: relative;
  width: 100%;
}
.clc-btns-area .btn-input.minus {
  top: 10px;
}
.clc-btns-area .btn-input.plus {
  top: 10px;
}
.cals_item.clc_area .clc_area__ttl {
    display: flex;
    justify-content: center;
    height: 37px;
    padding: 0 12px;
    border-radius: 7px 7px 5px 5px;
    border: 1.5px solid #26323833;
    background: #F8F9F9;
    margin: 0;
}
.cals_item.clc_area .clc_area__ttl input.input_rng_value {
    border: 1px solid transparent;
    background: 0 0;
}
.cals_item.clc_area .clc_area__text {
  margin: 3px 0 0 0;
  color: #2632384D;
  font-family: var(--font-medium);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
}
@media (max-width: 768px) {
    .clc-container h2 {
        margin-bottom: 20px;
    }
    .clc_btns {
        max-width: 100%;
    }
    .clc_btns .btn2 {
        flex-shrink: 1;
        max-width: unset !important;
    }
    .clc_btns .btn2 span {
        padding: 4px 2px;
        min-width: 60px;
    }
    .cals_obj .clc_btns .btn2 span {
        width: 100%;
        max-width: 100%;
    }
}
.clc_btns .btn2 input:checked ~ span {
    color: #1f1f1f;
    background: #fff;
    box-shadow: 0 3px 3px 0 #0000001a;
}
.cals_wide .row {
    margin-left: 0;
    margin-right: 0;
}
.cals_wide .btn,
.cals_wide .btn3 {
    max-width: 100%;
}
.cals_wide .btn2 {
    margin: 8px 15px 0 0;
    max-width: fit-content;
    padding: 11px 10px 12px;
    white-space: nowrap;
}
.cals_wide .btn2 input {
    display: none;
}
.cals_wide_left-container {
  padding: 30px;
  background: #fff;
  width: calc(100% - 420px);
  border-right: 1px solid #26323814;
}
.cals_wide_left {
  padding: 0 20px 0 0;
  height: 600px;
  max-width: 648px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.cals_wide_left::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
    background: #FF5F431A;
    box-shadow: 0 4px 4px 0 rgba(34, 51, 129, 0.05) inset;
}
.cals_wide_left::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #FF5F4380;
    box-shadow: 1px 2px 9.5px 0 rgba(34, 51, 129, 0.15);
}
.cals_obj_flex {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #dbeef2;
    border-radius: 2px;
    padding: 4px;
    height: 40px;
}
.cals_wide .input_range {
    margin: -1px 8px 0;
}
.cals_wide_rem_block {
    width: 100%;
}
.cals_wide_rem_block .cals_wide_rem_item {
    display: none;
}
.cals_wide_rem_block .cals_wide_rem_item.active {
    display: block;
}
@media (max-width: 1100px) {
    .cals_wide_left-container {
        width: 60%;
    }
}
@media (max-width: 992px) {
    .cals_wide_left-container,
    .clc_right {
      padding: 25px 15px 15px;
    }
}
@media (max-width: 768px) {
    .cals_wide_left {
      height: 800px;
    }
    .clc_right {
      width: 100%;
      padding: 15px 15px 20px;
      border-top: 1px solid #26323814;
    }
    .clc_hero,
    .clc_text-persona {
      display: none;
    }
    .cals_wide .row {
      flex-flow: column;
      box-shadow: 2px 2px 76.6px 0 rgba(22, 33, 54, 0.15);
    }
    .cals_wide_left-container {
      width: 100%;
    }
    .clc h2::after {
      width: 100px;
    }
    .clc-divider {
      display: none;
      margin: 0;
    }
}
.text-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
@media (max-width: 768px) {
    .text-section {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}
.cals-m {
    margin: 0;
}
.clc-item p {
    margin: 0 0 3px 0;
}
.clc-item p.clc_area__text {
    margin: 1px 0 0 0;
}
@media (max-width: 767px) {
    .cals_fs--flex {
        column-gap: 0;
        width: 100%;
        row-gap: 6px;
        flex-flow: column;
    }
    .cals_fs p {
        font-size: 12px;
        margin: 0 0 5px 0;
    }
    .cals_fs .clc_area {
        order: 1;
    }
    .cals_fs .clc_type {
        order: 0;
    }
    .cals_fs .__select {
        margin: 0;
    }
    .cals_fs .clc_flex_container {
        margin: 0;
    }
}
.clc_flex_container {
    display: grid;
    margin: 10px 0 0 0;
}
.btn-input {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}
.calc_item.calc_area {
  position: relative;
}
.btn-input.minus {
  position: absolute;
  top: 32px;
  left: 12px;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="%23576570" stroke-opacity="0.19"/><path d="M6.25 10H10H13.75" stroke="%23263238" stroke-opacity="0.5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.btn-input.plus {
  position: absolute;
  top: 32px;
  right: 12px;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="19" height="19" rx="2.5" stroke="%23576570" stroke-opacity="0.19"/><path d="M6.25 10H10M10 10H13.75M10 10V6.25M10 10V13.75" stroke="%23263238" stroke-opacity="0.5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.clc-item-50 {
    width: 47%;
}
.cals_img-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 7px 0;
}
.cals_img-wrap p {
    font: 600 22px/1.2 var(--font-family-semibold);
    color: rgba(22, 33, 54, 0.95);
    padding: 0;
    margin: 0;
}
.cals_img-wrap p span {
    font: 600 22px/1.2 var(--font-family-semibold);
    color: #ae1b3e;
}
.cals_fs-img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.cals_fs-img::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #00cf08;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 2;
    border: 3px solid #fff !important;
}
@media (max-width: 767px) {
    .cals_img-wrap p,
    .cals_img-wrap p span {
        font-size: 16px;
    }
}
.item_title {
    font: 600 24px/1.2 var(--font-family-semibold);
    margin: 0 0 15px 0;
}
.item_text {
    display: flex;
    gap: 5px;
    align-items: center;
    font: 500 16px/1.2 var(--font-family-medium);
    color: rgba(22, 33, 54, 0.9);
    position: relative;
    padding: 0 0 0 24px;
}
.item_text:before {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.item_text_time.item_text:before {
    background-image: url(data:image/svg+xml,SVG_REPLACED);
}
.item_text .ttl {
    color: rgba(22, 33, 54, 0.6);
    font: 500 14px/1.2 var(--font-family-medium);
}
@media (max-width: 767px) {
    .item_title {
        font-size: 16px;
        margin: 0 0 12px 0;
    }
    .item_text .ttl {
        font-size: 12px;
    }
    .item_text {
        font-size: 14px;
    }
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.btn-m {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-medium);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.215;
    color: #586684;
    text-align: center;
    border: none;
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    background: rgba(22, 33, 54, 0.0509803922);
    padding: 14px 40px;
}
.modal_sub_title {
    font: 500 20px/1.2 var(--font-family-medium);
    color: rgba(22, 33, 54, 0.7);
    margin: 0 0 30px 0;
}
.modal_title_list {
    font: 500 18px/1.2 var(--font-family-medium);
    margin: 0 0 15px 0;
}
.form_sub_title {
    font: 400 14px/1.2 var(--font-family);
    margin: 0 0 15px;
    color: rgba(22, 33, 54, 0.85);
}
@media (max-width: 767px) {
    .modal_sub_title {
        font-size: 14px;
        margin: 0 0 15px 0;
    }
    .modal_title_list {
        font-size: 16px;
    }
}
.bottom-form {
    border-radius: 0 0 8px 8px;
    background: #edeff4;
    padding: 20px 25px 18px;
    margin: 0 -25px 0;
}
@media (max-width: 767px) {
    .bottom-form {
        border-radius: 0 0 8px 8px;
        background: #edeff4;
        padding: 15px 15px 18px;
        margin: 0 -15px 0;
    }
}
.text-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
@media (max-width: 768px) {
    .text-section {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}
.tasks__list {
  position: relative;
  margin: 30px -62px 0;
  padding: 0 62px;
}
.tasks__list .swiper {
  padding: 0 0 40px;
}
@media (max-width: 768px) {
  .tasks__list {
    margin: 20px 0 0;
  }
  .tasks__list .swiper {
    padding: 0 0 10px;
    margin-right: -15px;
  }
  .tasks__list .swiper-button-next, 
  .tasks__list .swiper-button-prev {
    display: none;
  }
}
.tasks__list .swiper-wrapper {
    align-items: stretch;
}
.tasks__item {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    gap: 25px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #0000000A;
    border: 1px solid #EBEBEB;
    background: #fff;
    overflow: hidden;
    height: auto;
    margin: 0;
    padding: 0;
}
.tasks__item_content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 27.5px 25px;
}
.tasks__item_content h3 {
  font-family: var(--font-semibold);
  font-weight: 600;
  font-size: 21px;
  line-height: 1.2;
  color: #263238;
  margin: 0 0 16px;
}
.tasks__item_content .btn {
  margin-top: 10px;
}
.tasks__tag {
  margin-top: auto;
  font-size: 12px;
  line-height: 1.3;
  color: #263238;
  background-color: #FAFAFA;
  background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.07026 5.19992C3.08226 5.80712 2.75186 6.62792 2.32226 7.05672C1.92363 7.45574 1.69971 7.99669 1.69971 8.56072C1.69971 9.12475 1.92363 9.6657 2.32226 10.0647C2.74626 10.4871 3.05826 11.2199 3.07026 11.8183C3.08146 12.3479 3.28866 12.8743 3.69266 13.2775C4.06539 13.651 4.56401 13.8721 5.09106 13.8975C5.72386 13.9295 6.55266 14.2975 7.00066 14.7455C7.39965 15.1439 7.94043 15.3677 8.50426 15.3677C9.06809 15.3677 9.60888 15.1439 10.0079 14.7455C10.4559 14.2975 11.2847 13.9295 11.9175 13.8975C12.4445 13.8721 12.9431 13.651 13.3159 13.2775C13.7044 12.8895 13.9273 12.3658 13.9375 11.8167C13.9495 11.2199 14.2575 10.4919 14.6807 10.0695C15.0808 9.67063 15.3061 9.12912 15.307 8.56411C15.3079 7.99911 15.0843 7.45688 14.6855 7.05672C14.2567 6.62872 13.9255 5.80712 13.9383 5.20072C13.9443 4.91441 13.8922 4.62985 13.7853 4.36421C13.6783 4.09857 13.5186 3.85735 13.3159 3.65512C13.1057 3.44443 12.8536 3.28034 12.5759 3.17352C12.2981 3.0667 12.001 3.01954 11.7039 3.03512C11.1327 3.06392 10.4119 2.78712 10.0079 2.38232C9.60884 1.98368 9.06789 1.75977 8.50386 1.75977C7.93984 1.75977 7.39888 1.98368 6.99986 2.38232C6.59666 2.78632 5.87506 3.06392 5.30386 3.03512C5.00683 3.01966 4.70988 3.06687 4.43229 3.17369C4.15471 3.2805 3.9027 3.44453 3.69266 3.65512C3.49 3.85726 3.33038 4.09834 3.22341 4.36384C3.11644 4.62934 3.06435 4.91375 3.07026 5.19992ZM10.9327 5.86072C11.0246 5.91171 11.1055 5.9803 11.1709 6.06258C11.2362 6.14486 11.2848 6.23921 11.3137 6.34025C11.3426 6.44128 11.3513 6.54702 11.3393 6.65143C11.3273 6.75583 11.2949 6.85685 11.2439 6.94872L9.02946 10.9343C8.9721 11.0429 8.89053 11.1368 8.79106 11.2087C8.64652 11.3133 8.47116 11.3666 8.29287 11.36C8.11457 11.3535 7.94358 11.2876 7.80706 11.1727L5.59986 9.40712C5.51781 9.34146 5.4495 9.26028 5.39882 9.16822C5.34814 9.07616 5.3161 8.97501 5.30451 8.87057C5.29292 8.76612 5.30202 8.66041 5.33128 8.55948C5.36054 8.45855 5.4094 8.36437 5.47506 8.28232C5.54072 8.20027 5.6219 8.13196 5.71396 8.08128C5.80602 8.0306 5.90717 7.99855 6.01161 7.98697C6.11606 7.97538 6.22177 7.98447 6.3227 8.01374C6.42363 8.043 6.51781 8.09186 6.59986 8.15752L8.08226 9.34392L9.84466 6.17112C9.89572 6.0793 9.96436 5.99843 10.0467 5.93314C10.129 5.86784 10.2233 5.8194 10.3244 5.79058C10.4254 5.76175 10.5311 5.75311 10.6355 5.76515C10.7399 5.77718 10.8408 5.80966 10.9327 5.86072Z" fill="%23FF501B" fill-opacity="0.7"/></svg>');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 5px 5px;
  padding: 5px 5px 5px 24px;
  border-radius: 5px;
}
.tasks__item_img {
    height: 220px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.tasks__item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}
.tasks__item ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.tasks__item li {
  color: #263238CC;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  font-family: var(--font);
  position: relative;
  margin: 0 0 7px;
}
.tasks__item li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FF501B;
  left: -10px;
  top: 7px;
}
.tasks__item li:last-child {
  margin: 0;
}
.tasks__item .btn-accent-border {
    margin: auto auto 0;
    width: 100%;
    max-width: 327px;
}
@media (max-width: 767px) {
    .tasks__item_img {
        height: 220px;
    }
    .tasks__list {
        margin: 0;
        padding: 5px 0 24px;
    }
}
.sub_title_list ul {
    margin: 10px 0 19px;
}
.sub_title_list ul li {
    position: relative;
    list-style: none;
    padding-left: 21px;
    font: 400 16px/1.2 var(--font-family);
    color: rgba(22, 33, 54, 0.8);
    margin: 0 0 10px 0;
}
.sub_title_list ul li strong {
    font: 500 16px/1.2 var(--font-family-medium);
}
.sub_title_list ul li::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    background-size: contain;
    background-image: url(data:image/svg+xml,SVG_REPLACED);
    left: 0;
    top: 3px;
}
@media (max-width: 767px) {
    .sub_title_list ul li {
        font-size: 14px;
    }
    .sub_title_list ul {
        padding-left: 2px;
    }
}
.item_title {
    font: 600 24px/1.2 var(--font-family-semibold);
    margin: 0 0 15px 0;
}
.item_text {
    display: flex;
    gap: 5px;
    align-items: center;
    font: 500 16px/1.2 var(--font-family-medium);
    color: rgba(22, 33, 54, 0.9);
    position: relative;
    padding: 0 0 0 24px;
}
.item_text:before {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .item_title {
        font-size: 16px;
        margin: 0 0 12px 0;
    }
    .item_text {
        font-size: 14px;
    }
}
.section-ofice {
  margin: 80px 0 40px;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 7.6px;
  height: 13.4px;
}
.swiper-button-next,
.swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #26323899;
  color: #fff;
  width: 35px;
  height: 45px;
  border-radius: 8px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  background: #2632384D;
}
@media (max-width: 768px) {
    .tasks__item {
      gap: 20px;
    }
    .tasks__item_content {
      padding: 0 15px 15px;
    }
    .tasks__item_content h3 {
      font-size: 20px;
      margin-bottom: 10px;
      padding-left: 10px;
    }
    .tasks__item ul {
      padding-left: 10px;
    }
}
.timer {
  background-color: #263238;
  margin: 50px 0;
  padding: 50px 0;
}
.timer_grid {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) 370px;
  column-gap: 50px;
}
.timer__content {
  display: flex;
  flex-direction: column;
}
.timer h2 {
  color: #fff;
}
.timer__ath {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 0 30px;
}
.timer__ath p {
  color: #FFFFFFCC;
  margin: 0;
  max-width: 460px;
}
.timer__ath-img {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.timer__ath-img::after {
  position: absolute;
  content: "";
  right: -2px;
  bottom: 4px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #00cf08;
  border: 3px solid #fff;
}
.timer_form {
  background: #F8F9F9;
  box-shadow: 0px 0px 5px 0px #0000004D;
  border-radius: 5px;
  overflow: hidden;
  padding: 25px 30px;
  min-width: 370px;
  max-width: 100%;
  height: 100%;
}
.timer_form .btn {
  width: 100%;
}
@media (max-width: 767px) {
  .timer_grid {
    display: flex;
    flex-direction: column;
  }
  .timer_form {
      padding: 15px 20px;
      margin: 15px auto 0;
      min-height: max-content;
      min-width: 100%;
  }
}
.timer_form h3 {
  font-family: var(--font-bold);
  font-weight: 600;
  font-size: 26px;
  line-height: 1;
  text-align: center;
  color: #263238;
  margin: 0 0 10px;
}
.timer_form h3 span {
  color: #FF501B;
}
.timer_form > p {
  color: #263238CC;
  font-family: var(--font);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  margin: 0 0 23px;
  text-align: center;
}
.timer_form label {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  color: #26323899;
  margin: 0 0 8px;
}
.timer_container-wrap {
  background-color: #FFF0EA;
  padding: 16px 20px 20px;
  border-radius: 5px;
  margin: auto 0 0;
}
.timer_container {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .timer_container {
      padding: 20px 0 0;
  }
  .timer_form > p {
    margin-bottom: 15px;
  }
}
.timer_container div {
    padding: 0 10px;
    font: 16px/1.2 var(--font);
    display: block;
    text-align: center;
    color: #263238CC;
}
.timer_container span {
    font: 130px/1 var(--font);
    color: #FF501BB2;
    display: block;
    text-align: center;
}
@media (max-width: 991px) {
    .timer_container span {
        font: 80px/1.2 var(--font);
    }
}
@media (max-width: 768px) {
    .timer_container div {
        font: 12px/1.2 var(--font);
    }
    .timer_container span {
        font: 45px/1.2 var(--font-bold);
    }
}
.timer_footer {
  text-align: center;
  font-size: 14px;
  color: #263238CC;
  margin: 0;
}
.timer_footer span {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  background: #FF501B;
  color: #fff;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.input {
  font-family: var(--font);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  border: 1px solid #D6DAE1;
  padding: 15.5px 13px;
  border-radius: 5px;
  height: 50px;
  width: 100%;
  margin: 0 0 15px;
}
.timer_form .input {
  background-color: #fff;
}
@media (max-width: 768px) {
  .timer h2 {
    margin: 0 0 12px;
  }
  .timer__ath {
    align-items: flex-start;
    margin: 0 0 20px;
  }
  .timer__ath p {
    font-size: 16px;
    line-height: 1.15;
  }
}
.list {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.list li {
  position: relative;
  padding: 0 0 0 10px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.2;
  color: #263238CC;
  font-family: var(--font);
  font-weight: 400;
}
.list li:last-child {
  margin: 0;
}
.list li:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #FF501B;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 6px;
}
#design .btn {
    max-width: 100%;
}
.design-grid {
  display: grid;
  grid-template-columns: 370px 1fr;
  gap: 30px;
}
.design-grid-img {
  display: grid;
  grid-template-columns: 295px 370px;
  gap: 20px;
  margin-left: auto;
}
.design-grid-img img:first-child {
  grid-row: span 2;
  max-height: 500px;
}
.design-grid-img img {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  max-height: 240px;
}
.design-subtext {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
  color: #263238;
  margin: 0 0 10px;
}
.design-section .sub_h2 {
  display: none;
}
.design-slider {
  display: none;
}
.design-slider .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #FFFFFF66;
}
.design-slider .swiper-pagination-bullet-active {
  background: #FFD7C7;
}
.design-slider .swiper-button-next, 
.design-slider .swiper-button-prev {
  width: 30px;
  height: 35px;
  background-color: #FFFFFF66;
  color: #FF501B;
  border-radius: 5px;
}
.design-slider .swiper-button-next.swiper-button-disabled,
.design-slider .swiper-button-prev.swiper-button-disabled {
  color: #fff;
  opacity: 1;
}
.design-slider .swiper-button-next svg, 
.design-slider .swiper-button-prev svg {
  width: 7.6px;
  height: 13.4px;
}
.design-slider .swiper-button-prev {
  left: 7px;
}
.design-slider .swiper-button-next {
  right: 7px;
}
@media(max-width: 768px) {
  .design-slider {
    display: block;
    max-height: 260px;
    margin: 0 0 20px;
  }
  .design-slider .swiper {
    max-height: 260px;
  }
  .design-slider .swiper-slide {
    max-height: 260px;
    overflow: hidden;
    border-radius: 5px;
  }
  .design-slider img {
    width: 100%;
    height: 260px;
    object-fit: cover;
  }
  .design-section .sub_h2 {
    display: block;
  }
  .design-grid {
    grid-template-columns: minmax(200px, 1fr);
  }
  .design-grid-img {
    display: none;
    grid-template-columns: minmax(200px, 1fr);
  }
}
.pluses-how-slider {
  padding: 20px;
  margin: 0 -20px;
}
.pluses-how .sub_h2 {
  margin: 0 0 10px;
}
.pluses-how {
  margin: 80px 0 60px;
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.section-pluses {
    padding-top: 0;
}
.text-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
@media (max-width: 768px) {
    .text-section {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}
.pluses-how-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
}
.pluses-how-item {
  display: grid;
  gap: 18px;
  grid-template-columns: 220px 1fr;
  border-radius: 16px;
  border: 1px solid #EBEBEB;
  background: #fff;
  box-shadow: 0px 0px 20px 0px #0000000A;
  padding: 0;
  height: 100% !important;
  margin-top: 0 !important;
}
.pluses-item-img {
    width: 220px;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.pluses-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pluses-how-item .ttl {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: #263238;
  margin: 0 0 12px;
}
.pluses-how-item .descr {
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.2;
  color: #263238CC;
  padding: 0;
  margin: 0 0 25px;
  list-style: none;
}
.pluses-how-item .descr li {
  position: relative;
  margin: 0 0 7px;
}
.pluses-how-item .descr li:last-child {
  margin: 0;
}
.pluses-how-item .descr li::before {
  position: absolute;
  left: -12px;
  top: 6px;
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #FF501B;
}
.pluses-item-text {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: auto;
  padding: 20px 30px 20px 12px;
}
.pluses-item-text .btn2 {
  margin-top: auto;
}
@media (max-width: 768px) {
  .pluses-how-item .ttl {
    padding-left: 10px;
  }
  .pluses-how {
    margin: 80px 0 50px;
  }
  .pluses-how-slider {
    padding: 20px 15px 30px;
    margin: 0 -15px;
  }
  .pluses-how .sub_h2 {
    margin: 0;
  }
  .pluses-how-item .descr {
    font-size: 14px;
    margin: 0 0 20px;
    padding-left: 10px;
  }
  .pluses-item-text {
    flex-grow: 1;
    padding: 0 15px 15px;
  }
  .pluses-how-columns {
      display: flex;
      gap: 0;
  }
  .pluses-how-item {
      display: flex;
      flex-flow: column;
  }
  .pluses-item-img {
      max-width: 100%;
      width: 100%;
      height: 200px;
      border-radius: 5px 5px 0 0;
  }
  .pluses-how-item {
    height: auto !important;
  }
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination {
  bottom: 0;
}
.swiper-pagination-bullet {
  background-color: #FFD7C7;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: #FF501B;
}
.section-agreement {
  margin: 80px 0 -40px;
  padding: 0;
}
.section-agreement .container {
  padding-bottom: 40px;
}
.port__flex {
    display: grid;
    grid-template-columns: 480px 1fr;
    border-radius: 8px;
    border: 1px solid rgba(22, 33, 54, 0.05);
    background: #fff;
    padding: 10px;
    height: 528px;
    align-items: flex-start;
    box-shadow: 4px 4px 31.3px 0 rgba(0, 0, 0, 0.05);
}
.port__text {
    display: flex;
    flex-direction: column;
    padding: 25px 25px 25px 50px;
    height: 100%;
}
@media (max-width: 992px) {
    .port__flex {
        display: flex;
        flex-flow: column;
        height: auto;
    }
    .port__text {
        width: 100%;
    }
}
.port__text h3 {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 25px;
  line-height: 1.1;
  padding: 0;
  margin: 0 0 30px;
}
.port__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.port__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.port__item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #FFE8DF;
  border-radius: 7px;
  flex-shrink: 0;
}
.port__item-text {
  padding: 0 0 15px;
  border-bottom: 1px solid #2632381A;
}
.port__item-text h4 {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #162136E5;
  padding: 0;
  margin: 0 0 7px;
}
.port__item-text p {
  font-size: 15px;
  line-height: 1.2;
  color: #263238CC;
  padding: 0;
  margin: 0;
}
.text-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.section-agreement .port__flex {
    display: grid;
    grid-template-columns: 498px 1fr;
    border-radius: 16px;
    box-shadow: 4px 4px 31.3px 0px #0000000D;
    background: #fff;
    padding: 0;
    height: auto;
    align-items: flex-start;
    margin: 30px 0 0;
}
.section-agreement .port__image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 498px;
  height: 100%;
  background: #FFF7F5;
  border: 1px solid #00000014;
  border-radius: 4px;
  overflow: hidden;
}
.section-agreement .port__image picture {
  display: block;
  width: auto;
  height: 90%;
  margin: auto auto 0;
}
.section-agreement .port__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
.list-image {
    display: flex;
    flex-flow: column;
    gap: 7px;
}
@media (max-width: 992px) {
    .section-agreement .port__flex {
        display: flex;
        flex-flow: column;
    }
    .section-agreement .port__image {
      display: none;
    }
}
@media (max-width: 768px) {
  .text-section {
      grid-template-columns: 1fr;
      gap: 5px;
  }
  .section-agreement .port__flex {
    box-shadow: none;
    background: transparent;
    padding: 0;
    margin: 20px 0 0;
    border: none;
  }
  .port__text {
    padding: 0;
  }
  .port__item-text h4 {
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 16px;
  }
  .port__text h3 {
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 15px;
  }
}
h2 {
  font-family: var(--font-semibold);
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  color: #263238;
  margin: 0 0 20px;
}
@media(max-width: 992px) {
  h2 {
    font-size: 34px;
  }
}
@media(max-width: 768px) {
  h2 {
    font-size: 28px;
    margin: 0 0 10px;
  }
}
.map_block {
    margin: 28px 0 0;
    max-width: 260px;
}
@media (max-width: 767px) {
    .map_block {
        margin: 28px auto 0;
    }
}
.map_block a,
.map_block a:visited {
    color: #009ce8;
}
.map_block p {
    margin: 20px 0 0;
}
#map {
    max-width: 100%;
    width: 100%;
    height: 400px;
}
.contacts-section {
  margin: 80px 0 0;
}
@media(max-width: 768px) {
  .contacts-section {
    margin: 80px 0 20px;
  }
}
#contacts {
    position: relative;
}
#contacts .container {
    position: initial;
}
#contacts iframe {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media(max-width: 768px) {
    #contacts iframe {
        position: relative;
        height: 360px;
        margin: 0;
        border-radius: 0 0 5px 5px;
    }
}
.contacts__img {
  margin: 32px 0;
}
.contacts__img img {
  border-radius: 8px;
}
.contacts {
  font-size: 18px;
  max-width: 400px;
  min-height: 600px;
  margin: 0 auto 0 0;
  background-color: #ffffffe6;
  box-shadow: 0px 0px 20px 0px #0000000A;
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
}
@media(max-width: 768px) {
  .contacts {
    min-height: auto;
    padding: 25px 15px 20px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #26323814;
    box-shadow: none;
  }
  .contacts__img {
    margin: 15px 0;
  }
}
.contacts h4 {
  font-family: var(--font-semibold);
  font-size: 24px;
  line-height: 1.1;
  color: #263238;
  margin: 0 0 16px;
}
.contacts .btn {
  max-width: 100%;
}
.contacts img {
  width: 100%;
}
.contacts_phone {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #263238;
  margin: 0 0 10px;
}
.contacts_phone a,
.contacts_phone a:visited {
  text-decoration: none;
  border-bottom: 1px solid #26323880;
  color: #263238;
}
.contacts_phone a:hover {
  color: #263238;
  border: none;
}
.contacts_address a,
.contacts_address a:visited {
  text-decoration: none;
  border-bottom: 1px solid #26323880;
  color: #263238;
}
.contacts_address a:hover {
  color: #263238;
  border: none;
}
@media(max-width: 350px) {
  .contacts_phone,
  .contacts_address {
    font-size: 16px;
  }
}
.footer {
  color: #fff;
  background-color: #263238;
  padding: 35px 0;
}
@media (max-width: 768px) {
  .footer {
    padding: 30px 0;
  }
}
.footer-link {
  font-size: 12px;
  color: #fff;
  display: block;
  margin: 16px 0 0;
  transition: all 0.3s ease-in-out;
}
.footer-link:hover {
  color: #fff;
  text-decoration: none;
}
.footer-copy {
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 16px;
}
.footer .logo {
  /*display: block;*/
  margin-bottom: 16px;
  margin-left: -4px;
}
.item-cont {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.footer__wrap {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.item-cont .icon-wrp {
  background: #FFE8DF;
  width: 32px;
  height: 33px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.item-cont .icon-wrp.icon-map {
  background-image: url(../img/footer-map.webp);
  background-repeat: no-repeat;
  background-position: center;
}
.item-cont .contact1 {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.05;
  font-family: var(--font-medium);
  font-weight: 500;
  margin-bottom: 5px;
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF80;
  max-width: max-content;
}
.item-cont a.contact1:hover {
  color: #fff;
  border-bottom-color: transparent;
}
.item-cont .contact2 {
  display: block;
  font-size: 11px;
  color: #FFFFFFCC;
  font-family: var(--font);
  margin: 0;
}
.item-cont .descr {
    min-width: 220px;
}
.footer-column {
    max-width: 263px;
}
.footer-column-cont {
    max-width: 270px;
    margin-left: auto;
}
.footer-column-cont .title {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 15px;
}
.footer-text1 {
  color: #fff;
  font-size: 14px;
  line-height: 1.1;
  margin: 0 0 16px;
}
.footer2 {
    padding: 35px 0;
    background: #f0f3f6;
}
.footer-sub {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  color: #FFFFFFCC;
  margin: 0 0 8px;
  width: 100%;
}
@media (max-width: 992px) {
    .footer-column-cont {
        margin-left: 0;
        margin-top: 25px;
    }
}
@media (max-width: 768px) {
    .footer-column-cont {
        max-width: 100%;
    }
    .item-cont {
        margin-top: 10px;
    }
}
@media (max-width: 768px) {
    .footer .logo img {
      height: 35px;
      width: auto;
    }
}
.cont {
    margin: 50px 0;
}
@media (max-width: 768px) {
    .cont {
        margin: 40px 0;
    }
}
.custom-control-label {
  width: calc(50% - 4px);
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}
.custom-control-label span {
    margin: 0;
    font-family: var(--font-family-light);
    font-weight: 300;
    transition: text-shadow 0.3s ease;
    text-shadow: none;
    color: #263238;
}
.custom-control-label .custom-control-input:checked ~ span {
    text-shadow: 0 0 0.5px var(--font-dark);
}
.custom-control-input:checked::after {
    display: inline-block;
}
.custom-control-input:checked::before {
    background-color: var(--color-accent);
    box-shadow: 2px 2px 5px 0 rgba(132, 19, 46, 0.52);
}
.custom-control-input::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 3px;
    transition: all 0.2s ease;
    background: #ecf0f9;
}
@media (max-width: 768px) {
    .custom-control-input {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }
    .custom-control-input::before {
        width: 24px;
        height: 24px;
    }
}
.custom-control-input {
    position: relative;
    appearance: none;
    display: block;
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    flex-shrink: 0;
    margin-right: 5px;
    padding: 0;
    outline: 0;
    cursor: pointer;
    transition: all 0.2s ease;
    transition: backgraund 0.5s ease;
    border-radius: 50%;
    background: 0 0;
}
.custom-control-input:checked {
    transition: all 0.3s ease;
}
.custom-control-input:checked:hover {
    background: rgb(174 27 62 / 16%);
}
.custom-control-input:checked:active {
    background: rgb(174 27 62 / 2%);
}
.custom-control-input:hover {
    background: rgb(236 240 249 / 39%);
}
.custom-control-input[type="checkbox"]:checked::after {
    display: inline-block;
}
.custom-control-input[type="checkbox"]:checked::before {
    border-color: #ae1b3e;
    background-color: #ae1b3e;
}
.custom-control-input::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 2px;
    background-color: transparent;
    background-image: none;
    transition: all 0.2s ease;
}
.custom-control-input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border: 1.5px solid rgba(38, 50, 56, 0.2);
    border-radius: 50%;
    transition: all 0.2s ease;
    background-color: transparent;
}
.custom-control-input[type="radio"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 9px;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    transform: scale3d(0, 0, 0);
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.2s ease;
}
.custom-control-input[type="radio"]:checked::before {
    border: 2px solid #FF5F43;
    box-shadow: 2px 2px 6px #FF5F4324;
}
.custom-control-input[type="radio"]:checked:hover::before {
    border: 2px solid #FF5F43;
    box-shadow: 2px 2px 6px #FF5F4324;
}
.custom-control-input[type="radio"]:checked::after {
    transform: scale3d(1, 1, 1);
    background-color: #FF5F43;
}
.custom-control-input[type="radio"]:checked:hover::after {
    transform: scale3d(1, 1, 1);
    background-color: #FF5F43;
}
.custom-control-input[type="radio"]:hover::before {
    border: 2px solid #FF5F4324;
}
.custom-control-input[type="radio"]:hover::after {
    transform: scale3d(1, 1, 1);
    background-color: #FF5F4324;
}
.custom-control-input[type="radio"]:checked + span {
    text-shadow: 0 0 0.5px var(--font-dark);
}
.calc-btn-right {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 5px;
  right: -114px;
  top: calc(50% - 90px);
  transform: rotate(-90deg);
  color: #fff;
  text-decoration: none;
  background-color: #263238E5;
  box-shadow: 1px 1px 26.1px 0px #00000021;
  border-radius: 5px 5px 0 0;
  padding: 15px 50px;
}
.calc-btn-right:hover {
  color: #fff;
  background-color: #FF501B;
  opacity: 1;
}
.calc-btn-right:focus {
  color: #fff;
  background-color: #FF501B80;
  opacity: 1;
}
.calc_footer > span {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: #263238;
  margin: 0 0 15px;
}
.calc_footer-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.calc_footer-btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: calc(50% - 5px);
}
.btn_wt {
  background-color: #4DB32B;
}
.btn_wt:hover,
.btn_wt:focus {
  background-color: #4DB32B;
}
.navbar-toggler:focus {
  box-shadow: none;
}
@media(max-width: 768px) {
  .calc_footer-btns .btn {
    padding-left: 8px;
    padding-right: 8px;
  }
  .calc_footer > span {
    margin-bottom: 10px;
  }
  .calc-btn-right {
    display: none;
  }
}
.cookie-banner {
  position: sticky;
  bottom: 20px;
  left: 10px;
  right: 10px;
  background-color: #fff;
  border: 1px solid #F0F0F0;
  box-shadow: 1px 1px 22px 0px #0000001A;
  border-radius: 8px;
  padding: 15px 8px 15px 15px;
  width: calc(100% - 20px);
  max-width: max-content;
  z-index: 1000;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 auto;
}
.cookie-banner__progress {
  position: absolute;
  content: '';
  width: 0;
  height: 5px;
  background-color: #FF501B;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 2;
}
.cookie-banner__bar {
  position: absolute;
  content: '';
  width: 100%;
  height: 5px;
  background-color: #F5F5F5;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.cookie-btn {
  font-family: var(--font-accent-semibold);
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  padding: 4.2px 9px;
  border-radius: 4px;
  border: 1px solid #FF501B80;
  background-color: #fff;
  color: #FF501B;
}
.cookie-close {
  width: 20px;
  height: 20px;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 0;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.82812 5.83301L14.1615 14.1663M5.82812 14.1663L14.1615 5.83301" stroke="%23162136" stroke-opacity="0.4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.cookie-text {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #162136;
  margin: 0 5px 0 0;
}
.cookie-text a {
  font-family: var(--font-medium);
  color: #FF501B;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.agree {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.2;
  vertical-align: middle;
  color: rgba(45, 47, 51, 0.75);
}
.agree input {
  display: none;
}
.fancy-popup .agree label,
.agree label {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  line-height: 1;
}
.agree label::before {
  content: '';
  flex-shrink: 0;
  flex-basis: 18px;
  width: 18px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgMTUuNzVDMy4zMzc1IDE1Ljc1IDIuOTg0NSAxNS42MDMzIDIuNjkxIDE1LjMwOThDMi4zOTc1IDE1LjAxNjMgMi4yNTA1IDE0LjY2MyAyLjI1IDE0LjI1VjMuNzVDMi4yNSAzLjMzNzUgMi4zOTcgMi45ODQ1IDIuNjkxIDIuNjkxQzIuOTg1IDIuMzk3NSAzLjMzOCAyLjI1MDUgMy43NSAyLjI1SDE0LjI1QzE0LjY2MjUgMi4yNSAxNS4wMTU4IDIuMzk3IDE1LjMwOTggMi42OTFDMTUuNjAzOCAyLjk4NSAxNS43NTA1IDMuMzM4IDE1Ljc1IDMuNzVWMTQuMjVDMTUuNzUgMTQuNjYyNSAxNS42MDMzIDE1LjAxNTggMTUuMzA5OCAxNS4zMDk4QzE1LjAxNjMgMTUuNjAzOCAxNC42NjMgMTUuNzUwNSAxNC4yNSAxNS43NUgzLjc1WiIgZmlsbD0iIzJEMkYzMyIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.agree input:checked ~ label::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTUgMTIuMTVMMTMuMjM3NSA2Ljg2MjVMMTIuMTg3NSA1LjgxMjVMNy45NSAxMC4wNUw1LjgxMjUgNy45MTI1TDQuNzYyNSA4Ljk2MjVMNy45NSAxMi4xNVpNMy43NSAxNS43NUMzLjMzNzUgMTUuNzUgMi45ODQ1IDE1LjYwMzMgMi42OTEgMTUuMzA5OEMyLjM5NzUgMTUuMDE2MyAyLjI1MDUgMTQuNjYzIDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzM3NSAyLjM5NyAyLjk4NDUgMi42OTEgMi42OTFDMi45ODUgMi4zOTc1IDMuMzM4IDIuMjUwNSAzLjc1IDIuMjVIMTQuMjVDMTQuNjYyNSAyLjI1IDE1LjAxNTggMi4zOTcgMTUuMzA5OCAyLjY5MUMxNS42MDM4IDIuOTg1IDE1Ljc1MDUgMy4zMzggMTUuNzUgMy43NVYxNC4yNUMxNS43NSAxNC42NjI1IDE1LjYwMzMgMTUuMDE1OCAxNS4zMDk4IDE1LjMwOThDMTUuMDE2MyAxNS42MDM4IDE0LjY2MyAxNS43NTA1IDE0LjI1IDE1Ljc1SDMuNzVaIiBmaWxsPSIjMkQyRjMzIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
}
.agree a {
  font-style: inherit;
  color: #FF501B;
  text-decoration: underline;
}
button:disabled,
input:disabled,
input[type="submit"]:disabled {
  opacity: 0.8;
  pointer-events: none;
}
.fancy_contaner h3 {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  text-align: center;
  color: #263238;
  margin: 0 0 5px;
}
.fancy_contaner h3 span {
  color: #FF501B;
}
.fancy-popup .fancy_contaner p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  color: #263238D9;
  margin: 0 0 20px;
}
.fancy_contaner label {
  font-size: 14px;
  line-height: 1;
  color: #26323880;
  margin: 0 0 5px;
}
.fancy_contaner .spam {
  display: block;
  margin: -10px 0 20px;
  font-size: 12px;
  line-height: 1;
  color: #263238B2;
}
.fancy_contaner .btn {
  width: 100%;
}
.fancybox-content {
  padding: 25px 20px;
}
label.error {
  display: none !important;
}
input.error {
  border-color: red;
}
.fancy-popup.fancy-imgs-popup {
  max-width: 840px;
}
.fancy-imgs {
  display: flex;
}
.fancy-imgs .fancy_contaner {
  max-width: 380px;
}
.fancy-img {
  margin: -25px 20px -25px -20px;
}
.fancy-img img {
  height: 100%;
  object-fit: cover;
}
.portfolio-nav--min.portfolio-nav.nav-tabs { padding: 0 !important; }
@media(max-width: 768px) {
  .fancy-imgs {
    flex-direction: column;
  }
  .fancy-img {
    margin: -25px -20px 15px;
    max-height: 250px;
    overflow: hidden;
  }
  .fancy_contaner h3 {
    font-size: 26px;
  }
  .marquiz__modal {
    height: 100vh;
  }
  .portfolio-nav--min.portfolio-nav.nav-tabs::-webkit-scrollbar { display: none; }
  .portfolio-nav--min.portfolio-nav.nav-tabs { scrollbar-width: none; min-height: min-content; padding-bottom: 4px !important; }
}
.fancybox-button svg path {
  fill: #777;
}
.fancy-imgs-popup .fancybox-button svg path {
  fill: #ff501b;
}


.logo {
    display: flex;
}
.logo img {
    width: 50px;
}
.logo span {
    margin-left: 10px;
    line-height: 20px;
}