/*submeu*/
.partner-sub-menu-wrap{
    background-color: #000;
    margin-bottom: 00px;
}
@media screen and (min-width: 590px){
.partner-sub-menu-wrap{
    margin-bottom: 70px;
}
}
.partner-sub-menu-inner{
    padding-left: var(--sitepadding);
    padding-right: var(--sitepadding);
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap:15px;
    grid-column-gap:0%;
}

@media screen and (min-width: 590px){
.partner-sub-menu-inner{
    grid-template-columns: 65% 35%;
    grid-row-gap:20px;
    grid-column-gap:0%;
}
}
.partner-sub-menu-inner a{
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px 12px;
    transition: 0.3s;
    cursor: pointer;
    text-align: center;
}
@media screen and (min-width: 590px) and (max-width:654px){
.partner-sub-menu-inner a{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px 12px;
    transition: 0.3s;
    cursor: pointer;
}
}
@media screen and (min-width: 655px){
.partner-sub-menu-inner a{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 15px 20px;
    transition: 0.3s;
    cursor: pointer;
}
}
@media screen and (min-width: 590px){
.partner-sub-menu-inner a:first-child{
padding-left: 0px;
}
.partner-sub-menu-inner a:last-child{
    padding-right: 0px;
    }
}
.partner-sub-menu-inner a:hover{
    color: var(--mainColor);
}
.partner-sub-menu-inner a.active{
    color: var(--mainColor);
}
.p-menu-request{
    text-align: right;
}
.p-menu-request span{
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    background: var(--mainColor);
    padding: 5px 20px;
    margin-left: 10px;
    border-radius: 5px;
}
/*submeu END*/
/*Partner filter by date*/
.partner-filter-wrap{
padding-bottom: 20px;
padding-top: 20px;
}
.partner-filter-inner{
    padding-left: var(--sitepadding);
    padding-right: var(--sitepadding);
    text-align: right;
}
.partner-filter-inner input {
    width: 100%;
    max-width: 300px;
    padding: 10px 10px 10px 15px;
    margin-bottom: 15px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    margin-bottom: 0px!important;
}


/*Partner filter by date END*/
.partner-page-main-wrap{
    height: 100%;
    width: 100vw;
    background-image: url("/assets/images/web/partner-main.jpg");
    background-repeat: no-repeat;
    background-size: cover; 
}
.partner-page-inner{
    display: grid;
    grid-template-columns: 48% 48%;
    grid-row-gap:20px;
    grid-column-gap:4%;
}
.partner-page-inner .header-block-text-block{
    text-align: left;
}
.partner-page-inner h1{
    padding-bottom: 25px;
}
.become_form-wrap{
    padding-bottom: 70px;
}
.why__choose-wrap{
    padding-top: 70px;
    padding-bottom: 35px;
}
.why__choose-inner{
    display: grid;
    grid-template-columns: 48% 48%;
    grid-row-gap:20px;
    grid-column-gap:4%;
}
.why__choose-box ul {
    padding-left:12px;
}
.why__choose-box ul li{
    font-weight: 700;
}
.why__choose-box ul li::marker {
    color: var(--mainColor);
  }

  /*FORM*/
  .become_form-col{
    display: grid;
    grid-template-columns:100%;
    grid-row-gap:20px;
    grid-column-gap:0 ;
}
@media screen and (min-width: 460px) {
.become_form-col{
    display: grid;
    grid-template-columns:48% 48%;
    grid-row-gap:20px;
    grid-column-gap:4% ;
}
}
.become_form-col label{
    font-size: 14px;
}
.become_form-col input{
    width: 100%;
    padding: 10px 10px 10px 15px;
    margin-bottom: 15px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    margin-bottom: 0px!important;
}
.become_form-button{
    text-align: center;
    margin: auto;
    padding-top: 50px;
}
  /*Form END*/
  /*my-trasfer*/
  .vehicle-main-wrap{
    padding: 15px 15px 20px 15px;
    border: 1px solid #DBDBDB;
    border-radius: 10px;
    margin-bottom: 30px;
}
@media screen and (min-width: 900px) and (max-width:1099px) {
    .vehicle-main-wrap{
        padding: 20px;
        margin-bottom: 70px;
    }
    }
@media screen and (min-width: 1100px) {
.vehicle-main-wrap{
    padding: 30px;
    margin-bottom: 70px;
}
}
.vehicle-inner-wrap{
    display: grid;
    grid-template-columns:100%;
    grid-row-gap:20px;
    grid-column-gap:0% ;
}
@media screen and (min-width: 900px){
    .vehicle-inner-wrap{
        display: grid;
        grid-template-columns:50% 50%;
        grid-row-gap:20px;
        grid-column-gap:0% ;
    }
}
.vehicle-inner-wrap .tra-1{
    display: grid;
    grid-template-columns:100%;
    grid-row-gap:20px;
    grid-column-gap:0% ;
    padding-bottom: 20px;
}
@media screen and (min-width: 900px){
.vehicle-inner-wrap .tra-1{
    border-right: 1px solid #DBDBDB;
}
}
.vehicle-inner-wrap .tra-2{
    display: grid;
    grid-template-columns:100%;
    grid-row-gap:20px;
    grid-column-gap:0% ;
}

@media screen and (min-width: 520px){
.vehicle-inner-wrap .tra-1{
    display: grid;
    grid-template-columns:48% 48%;
    grid-row-gap:20px;
    grid-column-gap:4% ;
}
.vehicle-inner-wrap .tra-2{
    display: grid;
    grid-template-columns:48% 48%;
    grid-row-gap:20px;
    grid-column-gap:4% ;
}
}
.vehicle-info-light-info p{
    padding: 15px 30px;
    background-color:#E0F4FF;
    font-size: 16px;
    font-weight: 500;
    width: fit-content;
    border-radius: 10px;
    margin-bottom: 40px;
}
@media screen and (min-width: 760px) {
.vehicle-car{
    padding-right: 20px;
}
}
.info__btn{
   padding-bottom: 15px;
}
.info__btn span{
    color: #fff;
    font-weight: 700;
    background: var(--mainColor);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}
.info__btn.accepted span{
    background: #81E0BE;
} 
.p-menu-request span{
    color: #fff;
    font-weight: 700;
    background: var(--mainColor);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}
.vehicle-car h4{
margin-bottom: 0px;
}
.transfer-info-box p{
    display: inline-block;
    padding-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
}
.info-detail-dark{
    color: #000;
    font-weight: 700;
}
.info-detail-light{
    color: #BBBBBB;
}
.vehicle-box{
    position: relative;
}
.vehicle-box img{
    width: 20px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}
.vehicle-box p{
    padding-left: 30px;
}
.vehicle-car img{
   max-width: 350px;
   width: 100%;
}
.tr__space-top{
    padding-top: 20px;
}
.ext__block p{
    display: inline-block;
    padding-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 0px;
}
.ext__block ul{
    margin-bottom: 0px;
}
.vehicle-info{
    padding-left: 0px;
    padding-right: 0px;
}
@media screen and (min-width: 520px) {
.vehicle-info{
    border-right: 1px solid #DBDBDB;
}
.vehicle-car{
    border-right: 1px solid #DBDBDB;
}
}
@media screen and (min-width: 900px) {
.vehicle-info{
    border-right: 1px solid #DBDBDB;
    padding-left: 20px;
    padding-right: 20px;
}
}
.vehicle-info-wrap{
    display: grid;
    grid-template-columns:100%;
    grid-row-gap:0px;
    grid-column-gap:0px;
}


.blue-bold{
    color: var(--mainColor);
}
.vehicle-continue{
    position: relative;
}
.vehicle-continue p{
font-size: 20px;
font-weight: 500;
margin-bottom: 0px;
}
.vehicle-continue span{
font-size: 25px;
font-weight: 700;
}

.vehicle-continue .light-blue-button {
    margin-top: 30px!important;
}

  /*my-trasfer*/
  /*Wallet*/
  .wallet-wrap{
    padding-bottom: 70px;
  }
  .wallet-list{
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap:30px;
    grid-column-gap:0%;
    padding-bottom: 30px;
  }
  @media screen and (min-width: 460px) and (max-width:991px){
  .wallet-list{
    display: grid;
    grid-template-columns: 48% 48%;
    grid-row-gap:30px;
    grid-column-gap:4%;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 992px){
    .wallet-list{
      display: grid;
      grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
      grid-row-gap:30px;
      grid-column-gap:2%;
      padding-bottom: 70px;
    }
  }
  .wallet-box{
    padding: 30px;
    margin-bottom: 0px;
    border: 1px solid #DBDBDB;
    border-radius: 10px;
  }
  .wallet-total{
    text-align: right;
    padding-top: 40px;
    border-top: 1px solid #D9D9D9;
  }
  .wallet-total-box p{
    display: inline-block;
  }
  .wallet-total-box span{
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    padding: 10px 25px;
  }
   /*Wallet ED*/ 
   .login-form-wrap{
    max-width: 520px!important;
    margin: auto;
    min-height: 70vh;
    padding-top: 40px;
   }
   .settings-form-col.login-form-col{
    display: grid;
    grid-template-columns:100%;
    grid-row-gap:20px;
    grid-column-gap:4% ;
   } 
   .forget-pass{
    margin-top: -10px;
   }
   .forget-pass a{
    font-size: 14px;
    cursor: pointer;
   }
   .signin-login{
    display: grid;
    grid-template-columns:48% 48%;
    grid-row-gap:20px;
    grid-column-gap:4% ;
   }
   .signin-btn a{
    width: 100%!important;
    text-align: center;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    display: block;
    color: #fff;
    background: var(--mainColor);
    padding: 12px 35px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s;
   }
   /*Settings*/
   .settings-wrap{
    padding-left: var(--sitepadding);
    padding-right: var(--sitepadding);
   }
   .settings-form {
    border-bottom: 1px solid #DFDFDF;
    padding-top: 20px;
    padding-bottom: 40px;
}
.settings-form.last-bl{
    border-bottom: none;
    margin-bottom: 70px;
}
.sm-title-drop {
    padding-top: 20px;
    padding-bottom: 15px;
}
.sm-title-drop label {
    font-size: 20px;
    font-weight: 700;
}
.add-more-btn-wrap{
    padding-top: 35px;
}
.settings-form-col {
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap: 20px;
    grid-column-gap: 0%;
}
@media screen and (min-width: 460px) and (max-width:991px){
    .settings-form-col{
        display: grid;
        grid-template-columns:48% 48%;
        grid-row-gap:20px;
        grid-column-gap:4% ;
    }
    }
@media screen and (min-width: 992px) {
.settings-form-col {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-row-gap: 20px;
    grid-column-gap: 2%;
}
}
.settings-form-col label {
    font-size: 14px;
}
.settings-form-col input {
    width: 100%;
    padding: 10px 10px 10px 15px;
    margin-bottom: 15px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    margin-bottom: 0px!important;
}
.checkbox-pos{
    position:relative;
}
.select-option{
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap: 20px;
    grid-column-gap: 0%; 
    margin-bottom: 30px;
}
@media screen and (min-width: 460px) and (max-width:991px){
    .select-option{
        display: grid;
        grid-template-columns:48% 48%;
        grid-row-gap:20px;
        grid-column-gap:4% ;
    }
    }
    @media screen and (min-width: 992px) {
    .select-option{
        display: grid;
        grid-template-columns: 32% 32% 32%;
        grid-row-gap: 20px;
        grid-column-gap: 2%; 
        margin-bottom: 30px;
    }
}
.select-option-day{
    display: grid;
    grid-template-columns:14.28% 14.28% 14.28% 14.28% 14.28% 14.28% 14.28% ;
    grid-row-gap:20px;
    grid-column-gap:0%; 
    margin-bottom: 30px;
}

.select-option label{
   padding-top: 3px;
}
/*quantity*/
.transfer-quantity-container{
    display: flex;
    align-items: center;
}

/* Style for the input field */
.transfer-quantity-input {
    width: 60%;
    text-align: center;
    margin: 0!important;
    padding: 10px 0px 10px 0px;
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    border-left:none!important;
    border-right:none!important;
    border-radius: 0px!important;
}
.transfer-quantity-container label{
    margin-left: 15px!important;
}
/* Style for the plus and minus buttons */

.transfer-quantity-btn.left{
    cursor: pointer;
    padding: 10px 12% 10px 12%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left:1px solid #D9D9D9;
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    border-right:none;
    background-color: #fff;
}
.transfer-quantity-btn.right{
    cursor: pointer;
    padding: 10px 12% 10px 12%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right:1px solid #D9D9D9;
    border-top:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;
    border-left:none;
    background-color: #fff;
}
.transfer-quantity-btn{
    transition: .3s;
}
.transfer-quantity-btn:hover{
    background-color: #D9D9D9;
}
.transfer-form-innput-for{
    width: 100%;
}
.transfer-details-vehicle{
    position: relative;
}
.vehicle-main-wrap-sm-box{
    padding: 20px 20px 30px 20px;
    border: 1px solid #DBDBDB;
    border-radius: 10px;
    margin-bottom: 30px;
}
@media screen and  (min-width: 800px) {
.vehicle-main-wrap-sm-box{
    position: sticky;
    top: 20px;
}
}
.transfer-quantity-container{
    display: grid;
    grid-template-columns:12% 12% 12% auto;
    grid-row-gap:0;
    grid-column-gap:0;
}
@media screen and (max-width:999px) {
    .transfer-quantity-container input{
      padding-left: 5px!important;
      padding-right: 5px!important;
    }
    }
@media screen and (min-width: 460px) and (max-width:999px) {
    .transfer-quantity-container input{
      padding-left: 5px!important;
      padding-right: 5px!important;
    }
    }
@media screen and (min-width: 800px) and (max-width:999px) {
    .transfer-quantity-container{
        display: grid;
        grid-template-columns:12% 24% 12% auto;
        grid-row-gap:0;
        grid-column-gap:0;
    }
    }
    
@media screen and (min-width: 1000px) {
.transfer-quantity-container{
    display: grid;
    grid-template-columns:12% 12% 12% auto;
    grid-row-gap:0;
    grid-column-gap:0;
}
}
.transfer-form-col input{
    width: 100%;
    padding: 10px 10px 10px 15px;
    margin-bottom: 15px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    margin-bottom: 0px!important;
}

/*quantity END*/


.phone-country-wide{
    display: grid;
    grid-template-columns:32% 68%;
    grid-row-gap:0;
    grid-column-gap:0%; 
}
.country__setting select{
    border: 1px solid #D9D9D9!important;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
}
@media screen and (min-width:800px) and (max-width:969px) {
    .phone-country-wide{
        display: grid;
        grid-template-columns:42% 58%; 
    }
    }
@media screen and (min-width:970px) {
.phone-country-wide{
    display: grid;
    grid-template-columns:32% 68%;
}
}
.phone-country-wide select{
    border:1px solid #D9D9D9!important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.phone-country-wide input{
    border:1px solid #D9D9D9!important;
    border-left: none!important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.form__comment{
    padding-top: 20px;
}
.submit-settings{
    padding-top: 20px;
}
    /*Settings END*/