/* FellowsDemi */
/* FellowsMedium */
/* FellowsLight */


.top__title--credit {
    font-family:'FellowsDemi', sans-serif;
    line-height: 100%;
}

.top__text--credit{
    font-family:'FellowsLight', sans-serif;
    line-height: 100%;
}


.benefits__credit h2, .leasing__conditions h2, .credit-programms h2 {
    font-family: 'FellowsMedium', sans-serif;
    font-weight: 500;
    font-style: Medium;

    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}

.benefits__credit__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:20px;
}

.benefits__credit__item--svg {
    position: relative;
    padding: 25px;
    background-color: #FF9447;
    border-radius:50%;
    width: fit-content;
    min-width: 80px;
}

.benefits__credit__item p, .leasing__conditions p {

    font-family: 'FellowsLight', sans-serif;
    font-weight: 300;
    font-style: Light;
    
    leading-trim: NONE;
    line-height: 135%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color:#FFFFFF;

}

.leasing__conditions p {
    max-width: 915px;
    margin: auto;
}


@media screen and (min-width:768px){
    .top__title--credit {
        font-size: 80px;
        letter-spacing: -2.4px;
    }
    .top__text--credit{
        font-size: 20px;
    }
    .benefits__credit {
        /* margin-top: 120px; */
        margin-bottom: 120px;
    }
    .benefits__credit h2, .leasing__conditions h2, .credit-programms h2 {
        font-size: 53px;        
    }
    
    
    
    .benefits__credit__item p {
        font-size: 18px;
    }
    
}

.lease-table {
    border-collapse: collapse; /* Убирает двойные рамки */
    width: 100%;
    margin-top: 60px;
    margin-bottom: 120px;
  }
  
.lease-table, .lease-table th, .lease-table td {
    border: 1px solid #FFFFFF80; 
    text-align: center;
 }
 
.lease-table th {
    padding: 15px 0;
}
 
.lease-table td {
    color: #FF9447;
    padding: 15px 0;
 }
 
.opened-form-container-leasing .kit-option{
    background-color: #191B1B;
    border-radius: 18px;
    padding: 20px;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}

.opened-form-container-leasing .kit-option p{
    color:#FFFFFF66;
    font-family: "FellowsLight", sans-serif;
font-weight: 300;
font-size: 30px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin-bottom: 24px;

}

.opened-form-container-leasing .form-group label{
font-family: "FellowsLight", sans-serif;
font-weight: 300;
font-style: Light;
font-size: 18px;
leading-trim: NONE;
line-height: 135%;
letter-spacing: 0%;
vertical-align: middle;
color: #FFFFFF ;
}

.kit-selector-compl.active {
    display: flex;
    gap:20px;
}

.kit-selector-compl {
    display: none;
}

.kit-selector-compl-item {
    padding: 17.5px 16px;
    position: relative;
    font-family: "FellowsMedium", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
    vertical-align: middle;
    cursor:pointer;
    background-color: #191B1B;
    border-radius:13px;
    min-width: 260px;
    border: 1px solid #191B1B;
}

.kit-selector-compl-item.choosed{
    border-color: #FF9447;
}

.kit-selector-compl-item.choosed::before{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 11.0801V12.0001C21.9988 14.1565 21.3005 16.2548 20.0093 17.9819C18.7182 19.7091 16.9033 20.9726 14.8354 21.584C12.7674 22.1954 10.5573 22.122 8.53447 21.3747C6.51168 20.6274 4.78465 19.2462 3.61096 17.4372C2.43727 15.6281 1.87979 13.4882 2.02168 11.3364C2.16356 9.18467 2.99721 7.13643 4.39828 5.49718C5.79935 3.85793 7.69279 2.71549 9.79619 2.24025C11.8996 1.76502 14.1003 1.98245 16.07 2.86011' stroke='%23FF9447' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 4L12 14.01L9 11.01' stroke='%23FF9447' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size:contain;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    top:14px;
    right:16px;
    
}

.contact-info-form-leasing {
    font-family: 'FellowsLight', sans-serif;
    font-weight: 300;
    font-style: Light;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 135%;
    letter-spacing: 0%;
    vertical-align: middle;

}

.opened-form-container.opened-form-container-leasing .form-group {
    position: relative;
}

.opened-form-container.opened-form-container-leasing .form-group {
    margin-bottom: 0;
}

.opened-form-container.opened-form-container-leasing .form-group input[type="text"], .opened-form-container.opened-form-container-leasing .form-group input[type="email"],.opened-form-container.opened-form-container-leasing .form-group input[type="tel"], .opened-form-container.opened-form-container-leasing .form-group textarea  {
    padding: 33px 20px 10px;
}

.opened-form-container.opened-form-container-leasing .form-group input[type="text"]::placeholder, .opened-form-container.opened-form-container-leasing .form-group input[type="email"]::placeholder,.opened-form-container.opened-form-container-leasing .form-group input[type="tel"]::placeholder, .opened-form-container.opened-form-container-leasing .form-group textarea::placeholder  {
    color: #fff;
}

.opened-form-container.opened-form-container-leasing .form-group .form-group-label-inside {
    position: absolute;
    
    font-family: 'FellowsLight', sans-serif;
    font-weight: 300;
    font-style: Light;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 22.5px;
    letter-spacing: 0%;
    color: #FFFFFF80;
    top:10px;
    left: 20px;
}

.opened-form-container.opened-form-container-leasing form#opened-form-footer {
    gap: 20px;
}

.contact-info-form-leasing {
    margin-top: 20px;
}

.form-group.form-group-questions {
    display: flex;
    gap:20px;
}

.form-group.form-group-questions button {
    min-width: 214px;
}


.form-group.form-group-questions .checkbox-group {
    font-family: 'FellowsLight', sans-serif;
    font-weight: 300;
    font-style: Light;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    padding-left: 25px;
    margin-bottom: 15px;
}

.form-group.form-group-questions .checkbox-group:last-child {
    margin-bottom: 0;
}

.form-group.form-group-questions .form-group-checkboxes {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form-group.form-group-questions .checkbox-group .checkmark:after {
    left: 5px;
    top: 1px;
}

.form-group.form-group-questions .checkbox-group a {
    font-family: 'FellowsLight', sans-serif;
    font-weight: 300;
    font-style: Light;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color: #fff;

}

.form-group.form-group-questions .checkbox-group .checkmark{
    width: 16px;
    height: 16px;
}



@media screen and (min-width:1201px){
    .benefits__credit__row {
        margin-top: 60px;
        margin-bottom: 120px;
    }
    
    .benefits__credit__item{
        max-width: 447px ;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}

.credit-programms {
    display: flex;
    flex-wrap:wrap;
}
.credit-programms-content {
    display: flex;

    width: 100%;
    justify-content: space-between;
     margin-top: 60px;
}

@media screen and (min-width:768px){
    .credit-programms-content {
        gap: 118px;
    }
    .credit-programms-conditions .credit-programms-heading h3 {font-size: 40px;}
    .credit-programms-conditions .credit-programms-heading p {font-size: 28px;}
}

@media screen and (max-width:767px){
    .credit-programms-content {
        gap: 25px;
    }
        .credit-programms-conditions .credit-programms-heading h3 {font-size: 20px;}
        .credit-programms-conditions .credit-programms-heading p {font-size: 18px;}
}
@media screen and (max-width:1400px){
    .credit-programms-content {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (min-width:1201px) and (max-width:1500px){
    .benefits__credit.benefits__credit--page .benefits__credit__item {
        width: calc(50% - 20px);
        max-width: 100% !important;
    }
}

.credit-programms-conditions {
    width: 100%;
    max-width: 690px;
}

.credit-programms-conditions .credit-programms-heading h3 {
    font-family: 'FellowsMedium', sans-serif;
    font-weight: 500;
    font-style: Medium;
    
    leading-trim: NONE;
    line-height: 45px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;

}

.credit-programms-conditions .credit-programms-heading p {
    font-family: 'FellowsMedium', sans-serif;
    font-weight: 500;
    font-style: Medium;

    leading-trim: NONE;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FF9447;
    padding: 0;
}

.credit-programms-items {
    display: flex;
    justify-content: space-between;
    gap:20px;
}

.credit-programms-item p.credit-programms-item--name{
    font-family: 'FellowsMedium', sans-serif;
    font-weight: 500;
    font-style: Medium;

    leading-trim: NONE;
    line-height: 30px;
    letter-spacing: 0%;
    color: #CACACA;
    padding: 0;

}
.credit-programms-item p.credit-programms-item--numb{
    font-family: 'FellowsDemi', sans-serif;
    font-weight: 600;
    font-style: DemiBold;

    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    padding: 0;
}

.credit-programms-line {
    width: 100%;
    height: 1px;
    background-color: #FFFFFF1A;
    margin-top: 25px;
    margin-bottom: 25px;
}

.credit-programms-btns {
    display: flex;
    gap:20px;
}
@media screen and (min-width:768px){
    .credit-programms-item p.credit-programms-item--name{    font-size: 18px;}
    .credit-programms-item p.credit-programms-item--numb{    font-size: 40px;}
}
@media screen and (max-width:767px){
        .credit-programms-item p.credit-programms-item--name{    font-size: 16px;}
    .credit-programms-item p.credit-programms-item--numb{    font-size: 30px;}
    .credit-programms-btns {
        flex-direction: column;
    }
    .button.open_modal_btn.credit-programms-more {
        width: 100%;
        max-width: 100%;
    }
    .credit-programms-items {
        flex-direction: column;
    }
}
.credit-programms-btns .credit-programms-offer {
    width: 100%;
}
.credit-programms-btns .credit-programms-more {
    max-width: 214px;
    background-color: transparent;
    color:#fff;
    border:1px solid #FF9447;
}

.credit-programms .container {
    width: 100%;    
}

@media screen and (min-width:768px){
    .credit-programms {
        margin-top: 120px;
    }
    .credit-programms {
        gap:60px;
    }
    
    .benefits__credit.benefits__credit--page{
        margin-top: 120px;
    }
}

@media screen and (max-width:767px){
    .credit-programms , .benefits__credit.benefits__credit--page{
        margin-top: 80px;
    }   
    .credit-programms {
        gap:25px;
    }
}

.credit-programms , .benefits__credit.benefits__credit--page .benefits__credit__item p {
    padding: 0;
}

@media screen and (min-width:1201px){
   .swiper.heroSwiper-home.heroSwiper-leasing.heroSwiper-credit .swiper-wrapper{
          height: auto !important;
  }   
  
   .benefits__credit.benefits__credit--page .benefits__credit__item{
      max-width: 330px;
  }
}

@media screen and (max-width:1200px){
  .swiper.heroSwiper-home.heroSwiper-leasing{
      max-height: fit-content;
  }  
  

  
  .swiper.heroSwiper-home.heroSwiper-leasing .swiper-slide img {
    height: auto;
    width: 100%;
    object-fit: contain;
    object-position: top;
  }
  .benefits__credit, .leasing__conditions {
      margin-top: 80px;
  }
  .benefits__credit__item {
    display: flex;
    align-items: center;
    gap:10px;
    }

 .benefits__credit__row {
     margin-top: 25px;
 }
 .benefits__credit h2, .leasing__conditions h2, .opened-form-container.opened-form-container-leasing h2 { 
     text-align: left;
 }
 .benefits__credit__item p, .leasing__conditions p {
     text-align: left;
 }
    
}

@media screen and (max-width:767px){
    .benefits__credit h2, .leasing__conditions h2,.opened-form-container.opened-form-container-leasing h2, .credit-programms h2 {
        font-size: 24px;
    }
    
    .lease-table {
        margin-top: 40px;
    }
    
    .form-group.form-group-questions{
        flex-direction: column;
    }
    .form-group.form-group-questions button{
        width: 100%;
        max-width: 100%;
    }
    .opened-form-container-leasing .kit-option p {
        font-size: 16px;
    }
    .opened-form-container.opened-form-container-leasing .kit-selector .kit-option img {
       /*  min-height: auto !important;
       min-width: auto !important; */
    }
    .opened-form-container.opened-form-container-leasing .kit-selector .kit-option:not(:last-child){
        width: 48%;
    }
    
    
}

@media screen and (max-width:560px){
   /*  .opened-form-container.opened-form-container-leasing .kit-selector .kit-option img {
      min-height: 80px !important;
      min-width: 150px !important;
   } */
    .opened-form-container.opened-form-container-leasing .kit-selector{
        width: 100%;
    }
    .opened-form-container.opened-form-container-leasing .kit-selector {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
    .opened-form-container.opened-form-container-leasing .kit-selector .kit-option:not(:last-child){
        width: 100%;
    }
    

    /* .opened-form-container.opened-form-container-leasing .kit-selector .kit-option:last-child{
        grid-column: 1/3;
    } */
      .opened-form-container.opened-form-container-leasing .kit-selector .kit-option img {
    min-height: auto !important;
    min-width: auto !important;
  }
  
  .opened-form-container-leasing .kit-option {
        padding: 5px;
    }
}

/* @media screen and (max-width) */

.opened-form-container.opened-form-container-leasing{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media screen and (max-width: 940px){
    .lesing-table-wrap {
        width: 100%;
        overflow: auto;
    }
    .lesing-table-wrap .lease-table {
        width: 100%;
        min-width: 1040px;
        margin-bottom: 0;
    }
    
    .opened-form-container.opened-form-container-leasing{
        margin-top: 80px;
    }
    
    .opened-form-container.opened-form-container-leasing .kit-selector{
        flex-direction: row;
    }
}


.opened-form-container.opened-form-container-leasing .kit-selector {
    flex-wrap: wrap;
}

.opened-form-container.opened-form-container-leasing .kit-selector-compl{
    flex-wrap: wrap;
}

.opened-form-container.opened-form-container-leasing .kit-selector .kit-option img{
    min-height: 105px;
    min-width: 200px;
}


@media screen and (max-width: 360px){
    .kit-selector-compl-item {
        min-width: 220px;
    }
    

}

@media screen and (min-width: 768px) and (max-width:1500px){
    .benefits__credit__page__item--svg{
        min-width: 100px;   
    }
}
@media screen and (max-width: 767px) {
    .benefits__credit__page__item--svg{
        min-width: 50px;
        max-width: 51px;
    }
}