
/* Блок контактов */
section.contacts-block {
   margin: 2.5rem 0 6.25rem 0;
}
section.contacts-block .title {
   font-size: 3.75rem;
   font-weight: 700;
   line-height: normal;
   text-align: center;
}
section.contacts-block .wrap {
   display: flex;
   gap: 2.5rem;
   margin: 3.125rem 0 0 0;
}
section.contacts-block .right-container iframe {
   border-radius: 18px;
}
section.contacts-block .left-container {
   display: flex;
   width: 100%;
   gap: 3.313rem;
   border-radius: 18px;
   border: 3px solid #132;
   padding: 2.688rem;
}
section.contacts-block .right-container {
   width: 100%;
}
section.contacts-block.left-container .title2 {
   margin-bottom: 15px;
}
section.contacts-block .left-container p {
   font-size: 1.25rem;
   color: #132;
   margin: 10px 0 0 0;
}
section.contacts-block .title2 {
   font-size: 1.375rem;
   font-weight: 800;
   margin-bottom: 0.938rem;
}
section.contacts-block .info-container {
   display: flex;
   flex-direction: column;
   gap: 1.563rem;
}
section.contacts-block .social-container {
   display: flex;
   flex-direction: column;
   gap: 1.563rem;
}
.link-container img {
   width: 16.15%;
}


/*адаптив*/
@media (max-width:768px) {
   section.contacts-block {
      margin: 24px 0 32px 0;
   }
   section.contacts-block .wrap {
      flex-direction: column;
      gap: 8px;
      margin: 16px 0 0 0;
   }
   section.contacts-block .title {
      font-size: 32px;
   }
   section.contacts-block .left-container {
      display: block;
      width: auto;
      gap: 3.313rem;
      border-radius: 18px;
      border: 3px solid #132;
      padding: 32px;
   }
   section.contacts-block .title2 {
      font-size: 18px;
      margin-bottom: 8px;
   }
   section.contacts-block .left-container p {
      font-size: 16px;
   }
   .link-container img {
      width: 42px;
   }
   section.contacts-block .right-container iframe {
      border-radius: 18px;
      height: 450px;
   }
}



section.how-finde-block {
   position: relative;
   width: 100%;
   height: auto;
   background: rgb(17, 51, 34);
   border-radius: 18px;
   padding: 3.75rem 0 0 0;
}
section.how-finde-block .container {
   display: flex;
   gap: 2.5rem;
}
section.how-finde-block .left-container {
   width: 100%;
}
section.how-finde-block .right-container {
   position: relative;
   width: 100%;
}
section.how-finde-block .left-container img {
   width: 100%;
   margin: 2.5rem 0 0 0;
   height: 90%;
}
section.how-finde-block .title2 {
   font-size: 2.813rem;
   color: white;
   font-weight: 800;
   text-align: center;
}
section.how-finde-block .right-container img {
   width: 100%;

}
section.how-finde-block .form-container {
   border-radius: 18px;
   background: url(/assets/img/contact-form-background.png);
   background-size: cover;
   background-repeat: no-repeat;
}
section.how-finde-block .form-container form {
   display: flex;
   flex-direction: column;
   gap: 20px;
   padding: 37px 37px 40px 37px;
}
section.how-finde-block input, textarea {
   padding: 19px 0 19px 21px;
   font-size: 1.5rem;
   color: white;
   border: 1px solid white;
   border-radius: 18px;
   backdrop-filter: blur(20px);
   background: rgba(255, 255, 255, 0.02);
   font-family: 'Raleway';
   font-variant-numeric: lining-nums proportional-nums;
}
section.how-finde-block textarea {
   height: 12rem;
}
section.how-finde-block .custom-checkbox+label {
   display: inline-flex;
   color: white;
   align-items: center;
   user-select: none;
   font-family: 'Raleway';
   font-size: 1.125rem;
}
section.how-finde-block .checkbox-container .custom-checkbox {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 40px;
}
section.how-finde-block .checkbox-container {
   position: relative;
   display: flex;
   justify-content: center;
   margin: 4.438rem 0 0 0;
}
section.how-finde-block button {
   padding: 19px 80px;
   background-color: rgb(87, 214, 96);
   color: #132;
   font-weight: 600;
   font-size: 1.5rem;
   border: none;
   border-radius: 30px;
   margin: 2rem auto 0 auto;
   width: fit-content;
}

@media (min-width:768px) and (max-width: 992px){

   section.how-finde-block {
      position: relative;
      width: 100%;
      height: auto;
      background: rgb(17, 51, 34);
      border-radius: 18px;
      padding: 32px 0 0 0;
   }
   section.how-finde-block .left-container {
      display: none;
   }
   section.how-finde-block .title2 {
      font-size: 20px;
   }
   section.how-finde-block .form-container form {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 24px 0;
   }
   section.how-finde-block .form-container {
      background: none;
   }
   section.how-finde-block input, textarea {
      padding: 16px;
      font-size: 18px;
      backdrop-filter: none;
      background: none;
   }
   section.how-finde-block textarea {
      height: 8rem;
   }
   section.how-finde-block .checkbox-container {
      margin: 0px 0 0 0;
   }
   section.how-finde-block button {
      padding: 19px 56px;
      background-color: rgb(87, 214, 96);
      color: #132;
      font-weight: 600;
      flex-grow: 20px;
      border: none;
      border-radius: 30px;
      margin: 32px auto 0 auto;
   }
   section.how-finde-block .custom-checkbox+label {
      font-size: 14px;
   }
}

@media (max-width:768px){
   section.how-finde-block {
      position: relative;
      width: 100%;
      height: auto;
      background: rgb(17, 51, 34);
      border-radius: 18px;
      padding: 32px 0 0 0;
   }
   section.how-finde-block .left-container {
      display: none;
   }
   section.how-finde-block .title2 {
      font-size: 20px;
   }
   section.how-finde-block .form-container form {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 24px 0;
   }
   section.how-finde-block .form-container {
      background: none;
   }
   section.how-finde-block input, textarea {
      padding: 16px;
      font-size: 18px;
      backdrop-filter: none;
      background: none;
   }
   section.how-finde-block textarea {
      height: 8rem;
   }
   section.how-finde-block .checkbox-container {
      margin: 0px 0 0 0;
   }
   section.how-finde-block button {
      padding: 19px 56px;
      background-color: rgb(87, 214, 96);
      color: #132;
      font-weight: 600;
      flex-grow: 20px;
      border: none;
      border-radius: 30px;
      margin: 32px auto 0 auto;
   }
   section.how-finde-block .custom-checkbox+label {
      font-size: 14px;
   }
}

/* Блок КОНТАКТЫ Конец */

.video-block{
    display:flex;
    margin-bottom: 3rem;
}
.video-text p{
    margin-bottom:15px;
}
.video-text ol{
    margin-left:25px;
    display:flex;
    flex-direction:column;
    gap:15px;
}
.video-wrapper{
    display:flex;
    gap:120px;
    margin:0 auto;
}
@media(max-width:992px){
   .video-wrapper{
       gap:60px;
   }
   .video-wrapper video{
       height:300px;
   }
}
@media(max-width:768px){
    .video-block{
        flex-direction:column;
        gap:20px;
    }
   .video-wrapper{
       gap:60px;
   }
   .video-item{
       width:50%;
   }
   .video-wrapper video{
       height:auto;
       width: 100%;
   }
}