/*include

- Header
- Footer
- comman title,section


*/
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap');
@import url('../fonts/satoshi/fonts.css');
@import url('../fonts/icons/fonts.css');
@import url('../fonts/fontawesome/font-awesome.min.css');
@import url('../css/uikit.css');
body{
    font-family: 'Satoshi', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    color: #000000;
    font-size: 14px;
    overflow-x: hidden !important;
    background-color: #F5F6F8;
}

.mb80{margin-bottom: 80px;}

/* Start : Header */
.header{background: #FFFFFF;border-bottom: 1px solid #E2E5E6;padding: 17px 0;position: sticky;top: 0;z-index: 99;}
.header .menu{display: flex;align-items: center;justify-content: flex-start;}
.header .menu .brand a{display: block;}
.header .menu .brand img{display: block;}
.header .menu ul{margin: 0;padding: 0;padding-left: 40px;list-style: none;display: flex;align-items: center;}
.header .menu ul li{margin-right: 48px;position: relative;}
.header .menu ul li:last-child{margin-right: 0px;}
.header .menu ul li a.nav-link{ padding: 0;color:#3E3E3E;font-weight: 500;line-height: 16.8px;letter-spacing: 0.2px;text-decoration: none;position: relative;}
.header .menu ul li a.nav-link:after{content: "";position: absolute;left: 0;height: 1px;background-color: #3E3E3E;bottom: -1px;transition: width 0.4s ease-in-out;right: 0;width: 0px;}
.header .menu ul li a.nav-link.active:after,
.header .menu ul li a.nav-link:hover:after{width: 100%;}
.header .menu ul li a.nav-link.active,
.header .menu ul li a.nav-link:hover{color:#000;}
.header .menu ul li a.nav-link.active{font-weight: 600;}
.header .header-action{display: flex;position: relative;align-items: center;justify-content: flex-end;}
.header .header-action .menu ul li:last-child{margin-right: 48px;}
.header .header-action .action-item{margin-right: 8px;}
.header .header-action .action-item:last-child{margin-right: 0px;}
.header .header-action .action-item .btn-link{padding:0px;margin: 0;border: 0;height: 32px;width: 32px;border-radius: 3px;display: flex;align-items: center;justify-content: center;text-decoration: none;color: #3E3E3E;background-color: #fff;transition: all 0.2s ease;}
.header .header-action .action-item .btn-link:hover{background-color: #F0F0F0;color:#000;}
.header .header-action .action-item .dropdown-toggle{display: flex;align-items: center;justify-content: flex-start;position: relative;text-decoration: none}
.header .header-action .action-item .dropdown-toggle:after{content: "\e902";font-family: 'k2k-automobile';background: none;height: 9px;width: 9px;font-size: 9px;margin-left: 7px;color: #242424;position: relative;top: -1px;}
.header .header-action .action-item .dropdown-toggle .profile-icon{height: 38px;width: 38px;border-radius: 100%;object-fit: cover;object-position: center;}
.header .header-action .action-item .dropdown-toggle p{font-size: 17px;line-height: 20.4px;letter-spacing: 0.2px;color:#000000;margin: 0 0 0 9px;}
.header .header-action .action-item .dropdown-menu{margin-top: 23px;padding: 14px 8px 8px 8px;width: 216px;}
.header .header-action .action-item .dropdown-menu .dropdown-item{font-size: 12px;font-weight: 300;font-family: 'Readex Pro';letter-spacing: 0.14px;color: #616161;padding: 8px;}
.header .header-action .action-item .dropdown-menu .dropdown-item:focus,
.header .header-action .action-item .dropdown-menu .dropdown-item:active,
.header .header-action .action-item .dropdown-menu .dropdown-item:hover{background: #F2F8FF;}
.profile-dropdown{display: flex;align-items: center;justify-content: space-between;position: relative;padding-bottom: 12px;}
.profile-dropdown .profile-avtar{height: 52px;width: 52px;border-radius: 100%;overflow: hidden;}
.profile-dropdown .profile-avtar img{height: 100%;width: 100%;object-fit: cover;}
.profile-dropdown .profile-txt{flex:0 0 calc(100% - 52px);max-width:calc(100% - 52px);padding-left: 12px;}
.profile-dropdown .profile-txt h4{color:#000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.profile-dropdown .profile-txt p{color:#000;font-size: 12px;font-weight: 300;font-family: 'Readex Pro';letter-spacing: 0.14px;margin:0; }

.icon-message{position: relative;}
.icon-message:after{content: "";height: 5px;width: 5px;border-radius: 100%;background-color: #EB3232;position: absolute;top: -1px;right: 0px;}
.icon-notification{position: relative;}
.icon-notification:after{content: "";height: 5px;width: 5px;border-radius: 100%;background-color: #F88A25;position: absolute;bottom: 2px;right: 0px;}
/* End : Header */


/* Start : Footer */
.footer{background-color: #282828;padding: 40px 0 20px;position: relative;}
.footer .footer-list{}
.footer .footer-list h4{font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;font-weight:700;color:#fff;margin-bottom: 20px;}
.footer .footer-list ul{margin: 0;padding: 0;list-style: none;}
.footer .footer-list ul li{display: block;position: relative;margin-bottom: 10px;}
.footer .footer-list ul li:last-child{margin-bottom: 0px;}
.footer .footer-list ul li a{font-weight: 300;font-size: 14px;color:#FFFFFF;line-height: 19.6px;letter-spacing: 0.14px;position: relative;}
.footer .footer-list ul li a:after{content: "";position: absolute;left: 0;height: 1px;background-color: #FFFFFF;bottom: -1px;transition: width 0.4s ease-in-out;right: 0;width: 0px;}
.footer .footer-list ul li a:hover{text-decoration: none;}
.footer .footer-list ul li a:hover:after{width: 100%;}
.footer .footer-bottom{margin-top: 60px;display: flex;border-top: 1px solid #D6D6D6;align-items: center;justify-content: space-between;padding: 20px 0 5px 0;}
.footer .footer-bottom .payment-text{}
.footer .footer-bottom .payment-text img{margin-right: 20px;}
.footer .footer-bottom .copyright b{font-weight: 400;}
.footer .footer-bottom .copyright,
.footer .footer-bottom .payment-text p{font-weight: 300;font-size: 14px;color:#6C757D;line-height: 19.6px;letter-spacing: 0.14px;}
.footer .footer-bottom .foot-link ul{margin: 0px;padding: 0px;list-style: none;}
.footer .footer-bottom .foot-link ul li{margin-right: 23px;}
.footer .footer-bottom .foot-link ul li:last-child{margin-right: 0px;}
.footer .footer-bottom .foot-link ul li a{text-decoration: underline; font-weight: 300;font-size: 14px;color:#6C757D;line-height: 19.6px;letter-spacing: 0.14px;}
.footer .footer-bottom .foot-link ul li a:hover{text-decoration: none;color:#fff;}

.auth-page .footer{padding: 12px 0;}
.auth-page .footer p{color: #9E9E9E;font-weight: 400;font-size: 12px;line-height: 20px;text-align: center;margin: 0;}
/* End : Footer */



/* Start : Title */
.title-wrap{position: relative;padding-bottom: 32px;display: flex;align-items: flex-end;justify-content: space-between;}
.title-wrap h4{font-weight: 500;font-size: 32px;line-height: 38.4px;letter-spacing: 0.21px;margin: 0;}
.title-wrap h4 span{font-weight: 300;font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;margin: 0;display: block;margin-top: 16px;}
.title-wrap .arrow-box{position: relative;width: 72px;display: flex;}
.title-wrap .arrow-box [class*="swiper-button"]{height: 36px;width: 36px;background-color: #F0F0F0;color:#000000;--swiper-navigation-size:12px;position: static;margin:0px;}
.title-wrap .arrow-box [class*="swiper-button"]:after{font-weight: bold;}
.title-wrap .arrow-box .swiper-button-next{border-radius: 0 4px 4px 0;}
.title-wrap .arrow-box .swiper-button-prev{border-radius: 4px 0 0 4px;}
.title-wrap .arrow-box .swiper-button-disabled{opacity: 1}
.title-wrap .arrow-box .swiper-button-disabled:after{color: #AAA9A9;}

.section-block{position: relative;padding: 122px 0 65px;}
.section-block .section-header{text-align: center;}
.section-block .section-header h1{font-size: 40px;letter-spacing: 0.21px;font-weight: 700;line-height: 48px;margin-bottom: 30px;}
.section-block .section-header-content{max-width: 743px;margin: 0 auto;}
.section-block .section-header-content p{font-weight: 300;font-size: 14px;line-height: 19.6px;letter-spacing: 0.14px;margin: 0;}
.section-block .section-header-content .section-button{margin-top: 30px;margin-bottom: 70px;}
.section-block .section-header-content .section-button .btn{font-size: 14px;text-decoration: underline;}
.section-block .section-subtitle{font-weight: 700;font-size: 24px;line-height: 28.8px;letter-spacing: 0.14px;margin-bottom: 42px;}
.section-block .section-header .section-come-funziona{max-width: 930px;margin: 0 auto;}
.section-block .section-header .card{padding: 30px 40px;text-align: left;color: #fff;height: 100%;}
.section-block .section-header .card h4{font-weight: 700;font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;margin-bottom: 10px;}
.section-block .section-header .card p{margin: 0;font-size: 14px;font-weight: 300;line-height: 19.6px;letter-spacing: 0.14px;}

.section-header.with-anchor{position: relative;}
.section-header.with-anchor a{position: absolute;left: 0;top: 12px;color:#282828;text-decoration: none;}
.section-header.with-anchor a:not(.right-head-link):after{content: "\e908";font-family: 'k2k-automobile';position: absolute;left: -0px;font-size: 10px;top: 5px;opacity: 0;transition: opacity 0.2s ,left 0.2s ease;}
.section-header.with-anchor a:hover:after{opacity: 1;left: -10px;}
.section-header.with-anchor a.right-head-link{left: inherit;right: 0;color: #DC3545;top: 6px;}
/* End : Title */


/* Start : Avtar block */
.avtar-block{display: flex;align-items: center;position: relative;}
.avtar-block .avtar-shap{width: 85px;height: 85px;border-radius: 100%;overflow: hidden;}
.avtar-block .avtar-shap img{height: 100%;width: 100%;object-fit: cover;}
.avtar-block .avtar-content{padding-left: 25px;position: relative;flex:1;max-width: 100%;}
.avtar-block .avtar-content h4{margin-bottom: 4px;}
.avtar-block .avtar-content p{}
/* End : Avtar block */


/* Start : password eye */
.pwd_eye .pwd_hide_show{position: absolute;top: 35px;right: 14px;font-size: 18px;color: #9E9E9E;text-decoration: none;}
.pwd_eye .pwd_hide_show i{color: #9E9E9E;text-decoration: none;}
/* End : password eye */


/* Start : color radio */
.vehicles-extra .filter-subtitle{font-weight: 500;}
.vehicles-extra .check-list,
.vehicles-extra .color-list{margin:28px 0px 0px 0px;padding: 0px;list-style: none;display: flex;flex-wrap: wrap;}
.vehicles-extra .check-list li,
.vehicles-extra .color-list li{flex: 0 0 50%;max-width: 50%;position: relative;margin-bottom: 18px;}

.vehicles-extra .color-list.single-col li,
.vehicles-extra .check-list.single-col li{flex: 0 0 100%;max-width: 100%;}
.vehicles-extra .color-list.four-col li,
.vehicles-extra .check-list.four-col li{flex: 0 0 calc(100%/4);max-width: calc(100%/4);}
.vehicles-extra .color-list.six-col li,
.vehicles-extra .check-list.six-col li{flex: 0 0 calc(100%/6);max-width: calc(100%/6);}
.vehicles-extra .color-list.seven-col li,
.vehicles-extra .check-list.seven-col li{flex: 0 0 calc(100%/7);max-width: calc(100%/7);}
.vehicles-extra .color-list li label{font-weight: 400;font-size: 14px;line-height: 24px;margin: 0;padding-left: 32px;cursor: pointer;user-select: none;}
.vehicles-extra .color-list li input{height: 0;width: 0;position: absolute;}
.vehicles-extra .color-list li label:before{content: "";height: 24px;width:24px;background: var(--color-bg);position: absolute;left: 0px;border-radius: 100%;filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.075));}
.vehicles-extra .color-list li label.custom-control-label,
.vehicles-extra .check-list li label.custom-control-label{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vehicles-extra .check-list li label.custom-control-label{color: #000;}
.vehicles-extra .color-list li input:checked + label:before{box-shadow: 0 0 0 2px inset rgba(0,0,0,0.8);}

.car-detail-divider{border-top:1px solid #A0A0A0;margin: 30px 0;}
/* End : color radio */


/* Start : empty */
.empty-wrap{position: relative;height: 250px;padding: 20px 0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.empty-wrap .icon-box{position: absolute;top: 50%;transform: translateY(-50%);z-index: 0;}
.empty-wrap .icon-box i{color:#F5F6F8;font-size: 200px;}
.empty-wrap p{color:#6C757D;font-weight: 400;}
.empty-wrap *:not(.icon-box){z-index: 1;}
/* End : empty */


/* Start : empty page*/
.empty-page-wrap{position: relative;padding: 120px 0 100px;}
.empty-page-wrap .icon-box{margin-bottom: 25px;text-align: center}
.empty-page-wrap .icon-box i{color:#282828;font-size: 70px;}
.empty-page-wrap .title{font-weight: 700;font-size: 32px;line-height: 38.4px;letter-spacing: 0.26px;color: #282828;margin: 0 0 28px 0;text-align: center;}
.empty-page-wrap .title-subtxt{max-width: 627px;margin: 0 auto;}
.empty-page-wrap .empty-button{margin-top: 50px;text-align: center;}
/* End : empty page*/


/* Start : Scroll */
.scoll-trans::-webkit-scrollbar {width: 0;display: none}
.scoll-trans::-webkit-scrollbar-track {box-shadow:none;display: none;}
.scoll-trans::-webkit-scrollbar-thumb {background-color: transparent;display: none;}

.scoll-small::-webkit-scrollbar {width: 4px;}
.scoll-small::-webkit-scrollbar-track {box-shadow:none;background-color:  #D9D9D9;}
.scoll-small::-webkit-scrollbar-thumb {background-color: #000;}
/* End : Scroll */


/* Start : Profile head common for all admin/myranger etc.. */
.profile-head{margin-bottom: 70px;display: flex;align-items: center;}
.profile-head .profile-avtar{height: 95px;width: 95px;border-radius: 95px;overflow: hidden;position: relative;}
.profile-head .profile-avtar img{height: 100%;width: 100%;object-fit: cover;}
.profile-head .btn-link{margin-left: 15px;letter-spacing: 0.14px;}
/* End : Profile head common for all admin/myranger etc.. */