/* Fonts */
@font-face {
  font-family: "FbAtzofen";
  font-display: auto;
  font-weight: 500;
  src: url(../fonts/FbAtzofen-Medium.otf) format('OpenType'),
  url(../fonts/FbAtzofen-Medium.ttf) format('truetype');
}


@font-face {
  font-family: "FbAtzofen";
  font-display: auto;
  font-weight: 400;
  src: url(../fonts/FbAtzofen-Regular.otf) format('OpenType'),
  url(../fonts/FbAtzofen-Regular.ttf) format('truetype');
}

/*accessibility start*/
#accessibility-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background-color: #000;
}
li.contrast.access-element:hover {
    background: transparent;
}
.accessibility-menu ul li.active, 
.accessibility-menu ul li:hover {
    background: #000;
}
li.contrast.access-element a {
    color: #000;
}
li.contrast.access-element:hover a {
    color: #000;
}
/*accessibility end*/

body {
    color: rgba(35, 31, 32, 1);
    line-height: initial;
    font-family: 'FbAtzofen', Verdana, Arial, sans-serif;
    background: rgba(255, 250, 240, 1);
    font-weight: 400;
}
.wrapper {
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.container {
    width: 100%;
    max-width: 1440px;
    padding-left: clamp(0.75rem, 0.6066rem + 0.5362vw, 1.25rem);
    padding-right: clamp(0.75rem, 0.6066rem + 0.5362vw, 1.25rem);
}
img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.section-accessibility {
    font-family: Arial;
}

.main {
    padding-top: 28px;
    padding-bottom: 175px;
    flex: 1;
    position: relative;
}
.logo {
    width: 174px;
    display: block;
    margin: 0 auto clamp(1.25rem, 0.8914rem + 1.3405vw, 2.5rem) auto;
}
.logo img {
    width: 100%;
}
b, strong {font-weight: 500;}
h1, .h1 {
    font-size: 96px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: clamp(0.625rem, 0.3561rem + 1.0054vw, 1.5625rem);
    font-size: clamp(2.5rem, 1.496rem + 3.7534vw, 6rem);
    text-align: center;
}
.section-accessibility b, .section-accessibility strong{
    font-weight: 700;
}
.h1-gradient {
  background: linear-gradient(to left, 
    rgba(237, 105, 71, 1),
    rgba(229, 98, 66, 1),
    rgba(208, 81, 55, 1),
    rgba(175, 54, 37, 1),
    rgba(171, 51, 35, 1)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  background-clip: text; /* Firefox */
  color: transparent;
  display: block;
}

.content {
    width: 902px;
    max-width: 100%;
    margin: 0 auto;
    font-size: clamp(1rem, 0.9641rem + 0.134vw, 1.125rem);
    padding-bottom: clamp(0.3125rem, 0.1332rem + 0.6702vw, 0.9375rem);
}
.content > * {
    margin-bottom: clamp(0.9375rem, 0.7582rem + 0.6702vw, 1.5625rem);
}
.content p {
    margin-bottom: 0;
    padding-bottom: 0;
}
.subtitle {
    font-size: clamp(1.25rem, 1.0349rem + 0.8043vw, 2rem);
    
}
.subtitle b {
    color: #ab3322;
}
.list {
   
}
.list ul {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
}
.text-l {
    font-size: clamp(1.25rem, 1.1783rem + 0.2681vw, 1.5rem);
    font-weight: 500;
}

.table {
    border-radius: 25px;
    overflow: hidden;
    width: 904px;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid rgba(35, 31, 32, 0.3);
    font-size: clamp(1rem, 0.9283rem + 0.2681vw, 1.25rem);
}
.table table {
    width: 100%;
    background: transparent;
    table-layout: fixed;
}
.table>:not(caption)>*>* {
    color: inherit;
    background-color: transparent;
    border-bottom-width: 0;
}
.table thead tr {
    border: none;
 background: linear-gradient(to left, 
    rgba(237, 105, 71, 1),
    rgba(229, 98, 66, 1),
    rgba(208, 81, 55, 1),
    rgba(175, 54, 37, 1),
    rgba(171, 51, 35, 1)
  );
}
.table thead th {
    color: #fff;
    padding: 10px;
    font-weight: 400;
    text-align: center;
    border: none;
}
.table tbody tr {
    border: none;
}
.table tbody td {
    text-align: center;
    width: 25%;
    padding: 5px 10px;
}
.table tbody td:first-child {
    text-align: inherit;
    padding-right: 6%;
}
.table tbody td:not(:last-child) {
    border-left: 1px solid rgba(0,0,0,.3);
}
.table tbody tr:first-child td {
    padding-top: 20px;
}
.table tbody tr:last-child td {
    padding-bottom: 20px;
}
.table-pin {
    display: inline-block;
    text-align: inherit;
    position: relative;
    padding-right: clamp(0.75rem, 0.6066rem + 0.5362vw, 1.25rem);
}
.table-pin:before {
    content: '';
    position: absolute;
    width: clamp(0.625rem, 0.5891rem + 0.134vw, 0.75rem);
    height: clamp(0.75rem, 0.6783rem + 0.2681vw, 1rem);
    right: 0;
    top: 30%;
    transform: translateY(-50%);
    background:url(../img/pin.svg) no-repeat center;
    background-size: contain;
}
.table-btn {
    text-align: center;
    padding: 5px 4px 2px;
    border: 1px solid rgba(35, 31, 32, 0.3);
    border-radius: 32px;
    width: clamp(7rem, 6.3904rem + 2.2788vw, 9.125rem);
    color: #000000;
    display: inline-block;
    text-decoration: none;
}
.table-btn:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
.table-sold {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    padding: 5px 5px 2px;
    white-space: nowrap;
    border-radius: 5px;
      background: linear-gradient(to left, 
    rgba(237, 105, 71, 1),
    rgba(229, 98, 66, 1),
    rgba(208, 81, 55, 1),
    rgba(175, 54, 37, 1),
    rgba(171, 51, 35, 1)
  );
  line-height: 0;
  color: #fff;
  margin-right: 12px;
}
.table tbody tr td:nth-child(3) {
    text-align: justify;
    padding-right: 5%;
}


.footer {
    margin-top: auto;
    padding-top: 16px;
    padding-bottom: 26px;
    background: rgba(35, 31, 32, 1);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}
.developer {
    font-family: Arial;
    margin-right: clamp(2.1875rem, 1.56rem + 2.3458vw, 4.375rem);
}
.developer a {
    color: #fff;
    text-decoration: none;
}
.developer a:hover {
    color: #fff;
    text-decoration: none;
}
.copyright {
    font-size: 14px;
    font-weight: 400;
}
.footer-text {
    text-align: center;
    margin: 0 auto 10px auto;
    width: 408px;
    max-width: 100%;
}
.footer-text a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}
.footer-text a:hover {
    color: #fff;
    text-decoration: underline;
}

.decor {
    position: absolute;
    pointer-events: none;
    max-height: 40vh;
}
.decor-tl {
    top: 0;
    left: 0;
      width: clamp(3.25rem, 2.1743rem + 4.0214vw, 7rem);
      object-position: top left;
}
.decor-tr {
    top: 0;
    right: 0;
    width: clamp(3.25rem, 2.1743rem + 4.0214vw, 7rem);
      object-position: top right;
}
.decor-br {
    bottom: 0;
    right: 0;
    width: clamp(10.125rem, 3.1327rem + 26.1394vw, 34.5rem);
    max-width: 50%;
      object-position: bottom right;
}
.decor-bl {
    bottom: 0;
    left: 0;
    width: clamp(13.625rem, 11.4377rem + 8.1769vw, 21.25rem);
    max-width: 50%;
      object-position: bottom left;
}




.wrap-form {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 16px;
}
.wrap-form .row {
    row-gap:clamp(1.375rem, 1.124rem + 0.9383vw, 2.25rem);
}
.btn-primary {
    color: #fff;
    font-size: 20px;
    height: clamp(3.375rem, 3.0523rem + 1.2064vw, 4.5rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 100px;
    border: none;
    width: 222px;
      background: linear-gradient(to left, 
    rgba(237, 105, 71, 1),
    rgba(229, 98, 66, 1),
    rgba(208, 81, 55, 1),
    rgba(175, 54, 37, 1),
    rgba(171, 51, 35, 1)
  );
}
.btn-primary:hover {
    box-shadow: 0 4px 12px 0 rgba(171, 51, 35, .4);
}
.form-check-label {
    padding-top: 4px;
}
.form-control {
    background: transparent;
    font-size: 20px;
    height: clamp(2.75rem, 2.5707rem + 0.6702vw, 3.375rem);
    padding: 24px;
    color: rgba(0, 0, 0, 1);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 1);
}
form input::-webkit-input-placeholder {color:rgba(0, 0, 0, 1);opacity: .45;}
form input::-moz-placeholder          {color:rgba(0, 0, 0, 1);opacity: .45;}
form input:-moz-placeholder           {color:rgba(0, 0, 0, 1);opacity: .45;}
form input:-ms-input-placeholder      {color:rgba(0, 0, 0, 1);opacity: .45;}







   .main-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
            .main-center .container {
                margin: auto;
            }



@media (min-width: 1200px) {
    .main-form {
        padding-bottom: 90px;
    }
}


@media (max-width: 1199px) {
    .decor-bl {
        max-height: 150px;
        object-position: left bottom;
    }
    
    .main-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
            .main-form .container {
                margin: auto;
            }
}

@media (max-width: 767px) {
    h1, .h1 {
        font-size: 40px;
        width: 204px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    h1 span.d-block {
        display: inline !important;
    }
    .table tbody tr td:last-child {
        width: 120px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .table tbody td {
        width: auto;
    }
    .table tbody td:first-child {
        padding-right: 20px;
    }
    .table-btn {
        width: 100px;
    }
    .table table {
        table-layout: auto;
    }
    .main {
        padding-bottom: 190px;
    }
    .decor-bl {
        max-height: 180px;
        object-position: left bottom;
    }

    .main-center .subtitle {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
    }

    .table tbody tr td:nth-child(3) {
    padding-right: 10px;
}
.table-sold {
    font-size: 12px;
}

}

.screen {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
    pointer-events: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }

  .screen.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    position: relative;
  }

[type=email], 
[type=tel]{
    direction: rtl;
}