@import url('../../css2-1');


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold-1.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium-1.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: url('../fonts/Gilroy-Light-1.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Light.woff') format('woff'),
        url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


body{
font-family: 'Gilroy';
font-weight: 300;
} 

h1, h2, h3, h4, h5, h6{
font-family: 'Exo', sans-serif;
font-weight: 700;
}

p{
color: rgb(0 0 0 / 60%);
font-weight: 400;
font-size: 15px;
}

.cabi-subline{
text-align: center;
margin: 10px 0px 0px;
}


/*----------- button -------------*/

.cabi-butn {
display: inline-block;
text-align: center;
padding: 12px 30px;
vertical-align: middle;
position: relative;
z-index: 1;
border: 1px solid #B8895F;
border-radius: 7px;
overflow: hidden;
color: #B8895F;
background: #fff;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.5px;
transition: 0.2s ease-out;
font-family: "Aller Bold";
background: #fff;
}

.cabi-butn:focus {
outline: none;
}

.cabi-butn > span {
vertical-align: middle;
}



.cabi-butn.button--tamaya::before, 
.cabi-butn.button--tamaya::after {
background: #B8895F;
color: #fff;
}

.cabi-butn.button--tamaya:hover > span {
color: #000;
}

/*------*/


.cabi-team{
margin-top: 50px;
}

.cabi-team .team-slider-item{
cursor: auto;
}

.cabi-team .team-slider-item:hover img {
transform: scale(1);
}



.cabinews-area{
margin-bottom: 80px;
}

.cabinews-area .heading{
margin-bottom: 40px;
}

.cabinews-box {
background: #fff;
border-bottom: 1px solid rgb(0 0 0 / 30%);
padding-bottom: 20px;
}

.cabinews-box h4 {
font-size: 22px;
color: #000000;
margin-bottom: 5px;
}

.cabinews-box label {
font-size: 13px;
color: #AE0000;
text-transform: uppercase;
display: block;
margin: 10px 0px 5px;
font-weight: 400;
}

.cabinews-view{
text-align: center;
margin-top: 30px;
}


.cabinews-right{
border-bottom: 1px solid rgb(0 0 0 / 30%);
padding-bottom: 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
}

.cabinews-right:last-child{
margin-bottom: 0px;
}

.cabinews-right img{
width: 214px;
margin-right: 15px;
}

.cabinews-right div label {
font-size: 13px;
color: #AE0000;
text-transform: uppercase;
display: block;
margin: 0px 0px 5px;
font-weight: 400;
}

.cabinews-right div h4 {
font-size: 18px;
color: #000000;
margin-bottom: 5px;
}


.cabinews-more {
color: rgb(0 0 0 / 40%);
font-family: "Aller Bold";
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.5px;
transition: 0.3s ease-out;
}

.cabinews-more .fa-angle-right {
transition: 0.2s ease-out;
margin-left: 3px;
}

.cabinews-more:hover{
color: #B8895F;
}

.cabinews-more:hover .fa-angle-right {
transform: translatex(2px);
color: #B8895F;
}



.cabi-menu{
display: flex;
align-items: center;
justify-content: end;
}



.cabitesti-head{
font-size: 36px;
color: #000000;
font-weight: 700;
line-height: 1.2;
text-transform: capitalize;
margin-bottom: 40px;
}

.cabitesti-slider-item{
border-right: 1px solid #7C7C7C;
padding-right: 30px;
margin-right: 30px;
min-height: 402px;
}

.cabitesti-slider-item h5{
color: #AE0000;
font-size: 18px;
margin-bottom: 2px;
}

.cabitesti-slider-item span{
font-size: 14px;
color: #AE0000;
text-transform: uppercase;
display: block;
margin: 0;
font-weight: 400;
}

.cabitesti-rating{
margin-bottom: 5px;
}

.cabitesti-rating .fa-star{
color: #B8895F;
font-size: 12px;
}


.cabitesti-slider{
margin-bottom: 0px;
padding-bottom: 40px;
}



.cabi-training{
margin: 80px 0px;
}

.cabi-training-box{
background: #fff;
padding: 100px 15px 60px;
margin-top: 110px;
box-shadow: 0 2px 16px 4px rgba(40,44,63,.04);
border-radius: 7px;
position: relative;
min-height: 380px;
}

.cabi-training-box:before{
position: absolute;
content: '';
width: 100px;
height: 3px;
border-radius: 50px;
background: #AE0000;
bottom: 15px;
right: 0;
left: 0;
margin: 0 auto;
}

.cabi-training-box:after{
position: absolute;
content: '';
width: 10px;
height: auto;
background: url(../img/cabi/training-arrow.png) no-repeat;
background-size: contain;
bottom: 0;
top: 50%;
right: -26px;
transform: translateX(-50%);
}

.training-noarrow.cabi-training-box:after{
display: none;
}

.cabi-training-box h4{
text-align: center;
color: #000;
font-size: 24px;
margin-bottom: 20px;
}

.cabi-training-box ul{
margin: 0;
padding-left: 15px;
}

.cabi-training-box ul li{
color: rgb(0 0 0 / 60%);
font-weight: 400;
font-size: 15px;
margin-bottom: 5px;
}

.cabi-training-box ul li strong{
color: #AE0000;
}

.cabi-training-box ul li::marker{
color: #B8895F;
}

.cabi-training-box img{
width: 200px;
margin: 0 auto;
display: block;
position: absolute;
top: -90px;
right: 0;
left: 0;
}



.cabi-chauffer{
margin: 80px 0px;
}

.cabi-chauffer-row{
display: flex;
justify-content: space-between;
}

.cabi-chauffer-box{
background: #B8895F;
padding: 80px 16px 20px;
margin-top: 70px;
box-shadow: 0 2px 16px 4px rgba(40,44,63,.06);
border-radius: 7px;
position: relative;
width: 15%;
}

.cabi-chauffer-box img{
width: 170px;
margin: 0 auto;
position: absolute;
top: -80px;
right: 0;
left: 0;
display: block;
max-width: 100%;
height: auto;
}

.cabi-chauffer-box h4{
text-align: center;
color: #fff;
font-size: 19px;
margin-bottom: 0px;
}



.cabi-solution{
margin: 80px 0px;
}

.cabi-solution-box{
margin-top: 30px;
position: relative;
}

.cabi-solution-box:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
background: linear-gradient(180deg, transparent , #AE0000);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0;
}

.cabi-solution-box:hover:before {
opacity: 1;
}

.cabi-solution-box div {
position: absolute;
bottom: 0;
z-index: 1;
padding: 0px 30px 30px;
width: 100%;
}

.cabi-solution-box div h3{
color: #fff;
font-size: 26px;
margin-bottom: 4px;
transition: all 0.3s ease;
transform: translateY(25px);
}

.cabi-solution-box:hover div h3 {
transform: translateY(0px);
}

.cabi-solution-box div p {
margin: 0;
color: #fff;
font-size: 14px;
opacity: 0;
transition: all 0.3s ease;
transform: translateY(25px);
}

.cabi-solution-box:hover p {
opacity: 1;
transform: translateY(0px);
}


.solution-item{
display: none;
}

.cabisolution-more{
text-align: center;
margin-top: 30px;
}



.cabi-why{
background: #EFE9DF;	
padding: 60px 0px;
}

.cabiwhy-box{
text-align: center;
}

.cabiwhy-box h5{
color: #000;
margin: 30px 0px 3px;
}

.cabiwhy-box ul{
list-style: none;
margin-bottom: 30px;
padding-left: 0;
}

.cabiwhy-box ul li{
color: rgb(0 0 0 / 60%);
font-weight: 400;
font-size: 15px;
}

.whycabi-iamge{
margin-top: 30px;
}

.whycabi-mobile{
margin-top: 30px;
display: none;
}



.cabi-implement{
background: #EFE9DF;
padding: 60px 0px;
}

.cabi-implement .heading span {
color: #AE0000;
}

.cabi-implement .img-responsive{
margin-top: 30px;
}



.cabi-presence{
margin: 80px 0px;
}

.cabi-presence .heading{
margin-bottom: 30px;
}

.cabi-presence-box{
background: #fff;
padding: 15px 10px;
margin-bottom: 30px;
border: 1px solid rgb(184 137 95 / 80%);
box-shadow: 0 2px 16px 4px rgba(40,44,63,.04);
border-radius: 8px;
text-align: center;
transition: all 0.2s ease-In;
position: relative;
z-index: 1;
}

.cabi-presence-active:before{
position: absolute;
content: '';
background: url(../img/cabi/presence-box-bg.webp) no-repeat;
background-size: cover;
top: 0;
width: 100%;
height: 100%;
right: 0;
left: 0;
border-radius: 8px;
z-index: -1;
transition: all .4s ease-in-out;
}

.cabi-presence-box:hover{
transform: translateY(-2px);
box-shadow: rgb(0 0 0 / 12%) 0px 5px 15px;
border-color: #AB0009;
}

.cabi-presence-box:last-child{
margin-bottom: 0px;
}

.cabi-presence-box label{
font-family: 'Exo', sans-serif;
font-size: 18px;
font-weight: 700;
display: block;
line-height: 1;
margin-bottom: 7px;
transition: all .3s ease-in-out;
}

.cabi-presence-box span{
font-size: 14px;
color: #AE0000;
display: block;
font-weight: 400;
line-height: 1;
transition: all .3s ease-in-out;
}

.cabi-presence-active label,
.cabi-presence-active span{
color: #fff;
}

.presence-map{
width: 95%;
float: right;
}



.cabi-presence-slider {
margin-bottom: 0px;
margin-top: 40px;
}

.presence-slider-item div{
text-align: center;
border: 1px solid rgb(184 137 95 / 80%);
box-shadow: 0 2px 16px 4px rgba(40,44,63,.04);
border-radius: 100%;
width: 170px;
height: 170px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}

.presence-slider-item div h4,
.presence-slider-item div span{
margin: 0;
color: #AE0000;
line-height: 0;
font-size: 36px;
font-weight: 700;
}

.presence-slider-item p{
font-family: 'Exo', sans-serif;
font-weight: 700;
color: #000;
margin: 15px auto 0;
text-align: center;
width: 67%;
}




.cabi-comfort{
  margin: 80px 0px;
}

.comfort-head h4,
.comfort-head h3{
  font-size: 36px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.comfort-head h4 span,
.comfort-head h3 span{
  color: #00b4ec;
}

.comfort-head p{
  font-size: 14px;
  color: #80d02b;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  line-height: 1;
}

.comfort-icon-area{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin: 25px 0 0 0;
}

.comfort-icon-box{
  width: 48%;
  margin: 15px 0;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .comfort-icon-box {
    width: 100%;
  }
}

.comfort-icon-box img{
  width: 36px;
  height: 36px;
  object-fit: contain;
  margin-right: 14px;
  flex-shrink: 0;
}

.comfort-icon-box h5{
  color: #ffffff;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
}

.comfort-icon-box p{
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0px;
}


.cabivideo-box{
position: relative;
margin-top: 30px;
}

.cabivideo-click{
position: absolute;
bottom: 40px;
left: 40px;
}

.cabivideo-butn{
width: 100px;
height: 100px;
color: #fff;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
border: 1px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease-out;
position: relative;
z-index: 1;
}

.cabivideo-butn:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #fff;
border-radius: 50%;
animation: pulse-border 1800ms ease-out infinite;
z-index: -1;
}

.cabivideo-butn:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
transition: all 200ms;
z-index: -1;
}

.cabivideo-butn:hover:after {
background: #AE0000;
}

.cabivideo-butn:hover{
background: #AE0000;
color: #fff;
border-color: #AE0000;
}


.cabi-iframe{
margin-top: 30px;
}




.cabi-electric{
position: relative;
margin-top: 80px;
}

.cabi-electric-content{
position: absolute;
left: 0;
right: 0;
top: 0;
}

.cabi-electric-text{
text-align: right;
margin-top: 140px;
}

.cabi-electric-text h4{
font-size: 50px;
color: #fff;
font-weight: bold;
line-height: 1.1;
text-transform: capitalize;
margin-bottom: 12px;
}


/*----*/

.cabicar-booking{
display: flex;
flex-flow: column nowrap;
flex-direction: row;
margin-top: 30px;
}

.cabicar-box{
transition: flex 0.4s linear,-ms-flex 0.4s linear;
position: relative;
overflow: hidden;
height: 540px;
flex: 1 1 0px;
z-index: 1;
padding: 30px;
}

.cabicar-box:before{
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
z-index: -1;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.cabicar-box h4{
color: #fff;
font-size: 24px;
margin-bottom: 15px;
}

.cabicar-content{
visibility: hidden;
opacity: 0;
max-width: 350px;
}

.cabicar-content p{
color: #fff;
margin: 0px;
}

.cabicar-box:hover{
-ms-flex-positive: 2.5;
flex-grow: 2.5;
}

.cabicar-box:hover:before{
background-color: rgba(0,0,0,0.5);
}

.cabicar-box:hover .cabicar-content{
visibility: visible;
opacity: 1;
transition: visibility 0.3s linear 0.3s,opacity 0.3s linear 0.3s;
}


.cabicar-image-1{
background: url(../img/cabi/cabicar-img-2.webp) no-repeat;
background-size: cover;
}

.cabicar-image-2{
background: url(../img/cabi/cabicar-img-1.webp) no-repeat;
background-size: cover;
}

.cabicar-image-3{
background: url(../img/cabi/cabicar-img-3.webp) no-repeat;
background-size: cover;
}

.cabicar-image-4{
background: url(../img/cabi/cabicar-img-4.webp) no-repeat;
background-size: cover;
}

/*---*/



.slider-nav{
margin-bottom: 0px;
}

.banner-section{
position: relative;
overflow: hidden;
height: 100vh;
padding-top: 86px;
}


.cabislider-item{
position: relative;
}

.cabislider-item img{
width: 100%;
height: 100vh;
object-fit: cover;
}


.cabibanner-text{
display: flex;
justify-content: center;
flex-direction: column;
position: absolute;
bottom: 140px;
right: 0;
left: 0;
font-family: 'Exo', sans-serif;
font-weight: 700;
}

.cabibanner-head{
font-size: 48px;
color: #fff;
line-height: 1.2;
margin: 0;
width: 65%;
}




.banner-section .slider-dots-box {
position: absolute;
top: 50%;
right: 0px;
transform: translateX(-50%);
}


.banner-section .slider-dots {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
list-style: none;
padding: 0;
margin: 0;
}

.banner-section .slider-dots button {
width: 30px;
height: 30px;
border-radius: 50%;
display: block;
border: 0;
background-color: transparent;
margin: 0px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0;
position: relative;
z-index: 0;
}

.banner-section .slider-dots-box .slick-active button {
width: 40px;
height: 40px;
}

.banner-section .slider-dots button:after {
content: "";
display: block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #fff;
position: absolute;
}


.banner-section .slider-dots-box .slick-active button:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
border: 2px solid rgba(0, 0, 0, 0.05);
border-radius: 50%;
}

.banner-section .circle-bg {
fill: rgba(255, 255, 255, 0);
stroke: rgba(0, 0, 0, 0.04);
stroke-width: 2;
stroke-linecap: butt;
}

.banner-section .circle-line {
fill: rgba(255, 255, 255, 0);
stroke: rgba(255, 255, 255, 0.4);
stroke-width: 1px;
stroke-linecap: round;
}

.banner-section .circle-go {
fill: rgba(255, 255, 255, 0);
stroke: #fff;
stroke-width: 1.5;
stroke-linecap: round;
animation: progress 40s;
stroke-dasharray: 360px;
stroke-dashoffset: 360;
}

.banner-section .circle-tx {
fill: #fff;
stroke-width: 1;
font: bold 14px 'Arial';
text-anchor: middle;
}

@keyframes progress {
from {
stroke-dashoffset: 360;
}
to {
stroke-dashoffset: 0;
}
}



.cabibook-area{
position: absolute;
bottom: 30px;
left: 0;
right: 0;
}

.cabi-slider-head{
font-size: 38px;
color: #fff;
line-height: 1.1;
margin: 0;
font-weight: 600;
width: 50%;
}

.cabi-slider-para{
color: #fff;
margin: 8px 0px 15px;
width: 50%;
}



.cabibook-form{
display: flex;
justify-content: space-between;
align-items: end;
}

.cabibook-feild{
width: 21%;
}

.cabibook-feild .form-control{
box-shadow: none;
height: 48px;
border: 0px;
border-bottom: 1px solid #fff;
font-size: 14px;
color: rgb(255 255 255 / 70%);
background: none;
border-radius: 0px;
padding: 0.375rem 0rem;
cursor: pointer;
}

.cabidate .input-group-addon {
display: flex;
align-items: center;
border-bottom: 1px solid #fff;
padding-left: 8px;
}

.cabidate .input-group-addon img {
width: 14px;
}

.cabibook-feild select option {
color: #000;
}



/*------------*/

.cabi-brand {
  padding: 80px 0px;
  background: var(--speedpro-dark);
  margin: 0 !important;
}

.cabi-brand .heading {
  color: #ffffff;
  margin-bottom: 35px;
}

.cabi-brand-box {
  background: var(--speedpro-card-bg) !important;
  border: 1px solid var(--speedpro-card-border) !important;
  border-radius: 18px !important;
  padding: 35px 25px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  position: relative !important;
  transform: none !important;
  margin-top: 20px !important;
  min-height: 260px !important;
  opacity: 1 !important;
  overflow: visible !important;
}

.cabi-brand-box::before {
  display: none !important;
}

.cabi-brand-box:hover {
  transform: translateY(-6px) !important;
  border-color: var(--speedpro-cyan) !important;
  box-shadow: 0 16px 40px rgba(0, 180, 236, 0.25) !important;
}

.cabi-brand-logo {
  position: static !important;
  width: auto !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-bottom: 20px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.cabi-brand-logo img {
  max-height: 42px !important;
  width: auto !important;
  object-fit: contain !important;
}

.cabi-brand-content {
  position: static !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  width: 100% !important;
}

.cabi-brand-content h4 {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

.cabi-brand-content p {
  color: var(--speedpro-text-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
  flex-grow: 1 !important;
}

.cabibrand-more {
  color: var(--speedpro-cyan) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: auto !important;
  transition: all 0.2s ease !important;
}

.cabibrand-more:hover {
  color: var(--speedpro-lime) !important;
  transform: translateX(4px) !important;
}

.cabibrand-more .fa-angle-right {
transition: 0.2s ease-out;
margin-left: 3px;
}

.cabibrand-more:hover{
color: #B8895F;
}

.cabibrand-more:hover .fa-angle-right {
transform: translatex(2px);
color: #B8895F;
}


.cabibook-feild input[type="time"]::-webkit-calendar-picker-indicator{
filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(228deg) brightness(101%) contrast(101%);
opacity: .6;
/*pointer-events: none;*/
}




.cabi-footer .what-footer-link ul li a {
font-weight: 400;
}

.cabi-footer .new-footer-address ul li a {
font-weight: 400;
}

.cabi-footer .footer-term li a {
font-weight: 400;
}

.cabi-footer .footer-copyright p {
font-weight: 400;
}

.cabi-footer .new-footer-address ul li p {
font-weight: 400;
}

.cabi-footer .footer-form .form-control {
font-weight: 400;
}


.cabi-footer .new-footer-address ul li .fa-phone, 
.cabi-footer .new-footer-address ul li .fa-envelope {
color: #B8895F;
}

.cabi-footer .new-footer-address ul li a:hover {
color: #B8895F;
}

.cabi-footer .what-footer-link ul li a:hover {
color: #B8895F;
}

.cabi-footer .footer-term li a:hover {
color: #B8895F;
}


.cabi-footer .footer-form form .butn-default{
display: none;
}

.cabi-footer .footer-form form .cabi-butn{
display: inline-block;
}



/*--- login popup ---*/

.cabi-login {
display: inline-block;
text-align: center;
padding: 8px 30px;
vertical-align: middle;
position: relative;
border: 1px solid #B8895F;
border-radius: 7px;
color: #B8895F;
background: #fff;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.5px;
transition: 0.3s ease-out;
font-family: "Aller Bold";
margin-right: 10px;
z-index: 1;
}

.cabi-login:before {
content: '';
position: absolute;
background: #B8895F;
top: 0px;
left: 0px;
right: 0;
width: 100%;
height: 0;
overflow: hidden;
transition: 0.3s ease-out;
z-index: -1;
border-radius: 6px;
}

.cabi-login:hover {
color: #fff;
}

.cabi-login:hover:before {
height: 100%;
}

.hidelogin-btn{
display: none;
}

.cabilogin-popup .modal-content, 
.cabilogin-content{
border-radius: 10px;
}

.cabilogin-popup .modal-dialog {
max-width: 400px;
}

.cabilogin-content{
padding: 30px;
background: #EFE9DF url(../img/cabilogin-bg.webp) no-repeat;
background-size: cover;
}

.cabilogin-content h4{
font-size: 34px;
color: #000000;
line-height: 1.1;
margin-bottom: 25px;
text-align: center;
}

.cabilogin-content p{
margin: 10px 0 0;
text-align: center;
}

.cabilogin-content p a{
color: rgb(0 0 0 / 60%);
font-weight: 400;
font-size: 14px;
transition: all 0.2s ease;
text-decoration: underline !important;
}

.cabilogin-content p a:hover{
color: #ae0000;
}

.cabilogin-content form label{
line-height: 1;
margin-bottom: 7px;
display: block;
color: rgb(0, 0, 0, .6);
font-size: 14px;
font-weight: 400;
}

.cabilogin-content form .form-control {
box-shadow: none;
height: 48px;
border: 1px solid rgb(0, 0, 0, .3);
font-size: 14px;
color: rgb(0 0 0 / 70%);
margin-bottom: 20px;
border-radius: 0px;
}

.cabiform-check{
display: flex !important;
align-items: center;
margin-bottom: 0 !important;
cursor: pointer;
width: 120px;
}

.cabiform-check.checkbox .checkmark {
margin-right: 5px;
}

.cabilogin-content form .butn-default{
width: 100%;
margin-top: 28px;
}

.signpop-close {
border: 0;
background: none;
position: absolute;
top: 14px;
right: 20px;
outline: none;
padding: 0;
}

.signpop-close .fa-xmark{
font-size: 20px;
transition: all 0.2s ease;
}

.signpop-close .fa-xmark:hover{
color: #AE0000;
}


/*------ popup form ---------*/

.allsite-popup{
display: none;
}

.cabipop-image{
display: block;
}


/*----------------------------*/

@media (min-width: 1920px) and (max-width: 2560px) {
.cabicar-box { height: 830px;}
.cabi-electric-text { margin-top: 220px;}
.cabi-electric .img-responsive { width: 100%;}
}

@media (min-width:1801px) and (max-width:1919px){
.cabicar-box { height: 830px;}
.cabi-electric-text { margin-top: 210px;}
}


@media (min-width:1681px) and (max-width:1800px){
.cabicar-box { height: 780px;}
.cabi-electric-text { margin-top: 200px;}
}


@media (min-width: 1600px) and (max-width: 1680px){
 .cabicar-box { height: 720px;}
 .cabi-electric-text { margin-top: 170px;}
}


@media (min-width: 1441px) and (max-width: 1599px){
 .cabicar-box { height: 680px;}
}


@media (min-width: 1400px) and (max-width: 1440px){
 .cabicar-box { height: 610px;}
}


@media (min-width: 1300px) and (max-width: 1366px){
.cabicar-box { height: 580px;}
}


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

.cabi-slider-head { font-size: 32px; width: 52%;}
.cabi-slider-para { width: 52%;}
.cabi-solution-box div h3 { font-size: 24px; transform: translateY(47px);}
.cabi-solution-box div p { transform: translateY(47px); min-height: 42px;}
.comfort-icon-area { width: 100%;}
.cabicar-box { height: 500px;}

.cabi-chauffer-box img { top: -60px;}

.cabi-electric .img-responsive {object-fit: cover; width: 100%; height: 440px;}
.cabi-electric-text { margin-top: 100px;}

.cabi-training-box { min-height: 426px;}
.cabi-brand-content h4 { font-size: 22px;}
.cabi-brand-logo img { width: 180px;}

.cabinews-right div h4 { font-size: 16px;}
.cabinews-box h4 { font-size: 20px;}
.cabinews-right img { width: 185px;}

}


@media (min-width: 1200px) and (max-width: 1200px) {
.cabi-electric-text { margin-top: 90px;}
.cabi-training-box { min-height: 380px;}

.cabinews-right div h4 { font-size: 18px;}
.cabinews-box h4 { font-size: 22px;}
.cabinews-right img { width: 214px;}

}




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

.cabibanner-head { font-size: 34px; width: 75%;}
.cabibanner-text { bottom: 120px;}
.banner-section .slider-dots-box { top: 43%;}

.comfort-icon-area { width: 100%;}

.presence-map { width: auto;}

.cabi-electric .img-responsive {object-fit: cover; width: 100%; height: 360px;}
.cabi-electric-text { margin-top: 60px;}
.cabi-electric-text h4 { font-size: 38px;}

.cabi-chauffer {  margin: 20px 0px 80px;}
.cabi-chauffer-row { flex-wrap: wrap;}
.cabi-chauffer-box { margin-top: 100px; padding: 70px 16px 20px; width: 31%;}

}




@media (min-width: 601px) and (max-width: 767px) {

.cabibanner-head { font-size: 26px; width: 75%;}
.cabibanner-text { bottom: 120px;}
.banner-section .slider-dots-box { top: 40%;}

.cabi-solution { margin: 50px 0px;}
.cabi-solution-box div { padding: 0px 20px 20px;}
.cabi-solution-box div h3 { font-size: 24px;}

.cabi-why { padding: 50px 0px;}

.cabi-comfort { margin: 50px 0px;}
.comfort-head h4 {font-size: 32px;}
.comfort-head h3 {font-size: 32px;}
.comfort-head h4 br{display: none;}
.comfort-head h3 br{display: none;}
.comfort-icon-area { width: 100%; flex-direction: column;}
.comfort-icon-box { width: 100%; margin: 25px 0px 0px;}

.cabivideo-box img{ object-fit: cover; width: 100%; height: 400px;}
.cabi-iframe{height: 400px;}

.cabi-implement { padding: 50px 0px;}

.cabi-presence { margin: 50px 0px;}
.cabi-presence-box { margin-bottom: 22px;}
.presence-map { width: auto; float: none; margin-top: 30px;}

.cabicar-booking { flex-flow: row nowrap; flex-direction: column;}
.cabicar-box { flex: 1 1 auto;}

.cabi-electric { margin-top: 50px; padding-bottom: 50px;}
.cabi-electric .img-responsive {object-fit: cover; width: 100%; height: 280px;}
.cabi-electric-text { text-align: center; margin-top: 25px;}
.cabi-electric-text h4 { font-size: 32px; margin-bottom: 200px;}

.cabi-chauffer { margin: 20px 0px 50px;}
.cabi-chauffer-row { flex-wrap: wrap;}
.cabi-chauffer-box { padding: 70px 15px 20px; margin-top: 80px; width: 47%;}
.cabi-chauffer-box img { width: 140px; top: -60px;}
.cabi-chauffer-box h4 { font-size: 18px;}

}



@media(max-width:600px){
.banner-section { height: 100%; padding-top: 80px;}
.cabislider-item img { height: 420px;}
.cabibanner-head { font-size: 26px; width: 75%;}
.cabibanner-text { bottom: 30px;}
.banner-section .slider-dots-box { top: 40%;}

.cabi-solution { margin: 50px 0px;}
.cabi-solution-box div { padding: 0px 15px 15px;}
.cabi-solution-box div h3 { font-size: 19px;}
.cabi-solution-box div p { max-width: 300px;}

.cabi-why { padding: 50px 0px;}
.whycabi-iamge{display: none;}
.whycabi-mobile{display: block; width: 95%; margin: 30px auto 0px;}

.cabi-comfort { margin: 50px 0px;}
.comfort-head h4 {font-size: 32px;}
.comfort-head h4 br{display: none;}
.comfort-head h3 {font-size: 32px;}
.comfort-head h3 br{display: none;}
.comfort-icon-area { width: 100%; flex-direction: column;}
.comfort-icon-box { width: 100%; margin: 25px 0px 0px;}

.cabivideo-box img{ object-fit: cover; width: 100%; height: 350px;}
.cabi-iframe{height: 350px;}

.cabi-implement { padding: 50px 0px;}

.cabi-presence { margin: 50px 0px;}
.cabi-presence-box { margin-bottom: 22px;}
.presence-map { width: auto; float: none; margin-top: 30px;}

.cabicar-booking { flex-flow: row nowrap; flex-direction: column;}
.cabicar-box { height: auto; flex: 1 1 auto;}

.cabi-electric { margin-top: 50px; padding-bottom: 50px;}
.cabi-electric .img-responsive {object-fit: cover; width: 100%; height: 200px;}
.cabi-electric-text { text-align: center; margin-top: 25px;}
.cabi-electric-text h4 { font-size: 24px; margin-bottom: 130px;}

.cabi-chauffer { margin: 20px 0px 50px;}
.cabi-chauffer-row { flex-wrap: wrap;}
.cabi-chauffer-box { padding: 70px 15px 20px; margin-top: 80px; width: 47%;}
.cabi-chauffer-box img { width: 140px; top: -60px;}
.cabi-chauffer-box h4 { font-size: 18px;}

.cabi-brand { margin: 50px 0px;}

}


@media (min-width: 415px) and (max-width: 576px) {
.cabilogin-popup .modal-dialog { margin: 0.5rem auto;}
}

/*=============================================================
  SPEED PRO TRAVEL - CABI DARK THEME OVERRIDES
=============================================================*/

.cabi-page {
  background: var(--speedpro-dark);
}

.cabi-page .cabislider-item {
  position: relative;
}

.cabi-page .cabislider-item::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(180deg, rgba(19, 26, 30, 0.4) 0%, rgba(13, 18, 21, 0.85) 100%);
  pointer-events: none;
}

.cabibanner-head {
  color: #ffffff !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8);
}

.cabi-solution {
  padding: 80px 0px;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
  margin: 0;
}

.cabi-solution .heading {
  color: #ffffff;
}

.cabi-subline {
  color: var(--speedpro-text-muted) !important;
  font-size: 15px;
  max-width: 650px;
  margin: 10px auto 35px;
}

.cabi-solution-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  margin-bottom: 24px;
}

.cabi-solution-box:hover {
  transform: translateY(-5px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 16px 40px rgba(0, 180, 236, 0.25);
}

.cabi-solution-box img {
  border-radius: 12px;
}

.cabi-solution-box div h3 {
  color: #ffffff !important;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.cabi-solution-box div p {
  color: var(--speedpro-text-muted) !important;
  font-size: 14px;
  line-height: 1.6;
}

.cabi-why {
  padding: 80px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
  margin: 0;
}

.cabiwhy-box .heading {
  color: #ffffff;
}

.cabi-comfort {
  padding: 80px 0px;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
  margin: 0;
}

.comfort-head h3 {
  color: #ffffff !important;
  font-size: 38px;
  line-height: 1.25;
}

.comfort-head h3 span {
  color: var(--speedpro-cyan);
}

.comfort-head p {
  color: var(--speedpro-lime) !important;
  letter-spacing: 2px;
  font-weight: 800;
}

.comfort-icon-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  transition: all 0.35s ease;
}

.comfort-icon-box:hover {
  transform: translateY(-4px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 12px 30px rgba(0, 180, 236, 0.2);
}

.comfort-icon-box h5 {
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}

.comfort-icon-box p {
  color: var(--speedpro-text-muted) !important;
  font-size: 13.5px;
  line-height: 1.6;
}

.cabi-implement {
  padding: 80px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
}

.cabi-implement .heading {
  color: #ffffff;
}

.cabi-implement .heading span {
  color: var(--speedpro-lime);
}

.cabi-presence {
  padding: 80px 0px;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
  margin: 0;
}

.cabi-presence .heading {
  color: #ffffff;
}

.cabi-presence-slider .slick-track {
  display: flex !important;
}

.cabi-presence-slider .slick-slide {
  height: auto !important;
  display: flex !important;
}

.presence-slider-item {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 14px;
  padding: 24px 16px;
  margin: 0 10px;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  height: 280px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}

.presence-slider-item h4 {
  color: var(--speedpro-lime) !important;
  font-size: 32px;
  font-weight: 800;
}

.presence-slider-item span {
  color: var(--speedpro-cyan) !important;
  font-size: 24px;
  font-weight: 700;
}

.presence-slider-item p {
  color: var(--speedpro-text-light) !important;
  font-size: 13px;
  margin-top: 14px;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.35;
  width: 100%;
}

.cabicar-booking {
  background: var(--speedpro-darker);
}

.cabicar-box {
  border-right: 1px solid rgba(0, 180, 236, 0.15);
}

.cabicar-box h4 {
  color: #ffffff !important;
}

.cabicar-content p {
  color: rgba(255, 255, 255, 0.9) !important;
}

.cabi-electric {
  background: var(--speedpro-dark);
  padding: 60px 0px;
  margin: 0;
}

.cabi-electric-text h4 {
  color: #ffffff !important;
  font-size: 32px;
}

.cabi-chauffer {
  padding: 80px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
  margin: 0;
}

.cabi-chauffer-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  transition: all 0.3s ease;
}

.cabi-chauffer-box:hover {
  transform: translateY(-5px);
  border-color: var(--speedpro-cyan);
  box-shadow: var(--speedpro-glow-cyan);
}

.cabi-chauffer-box h4 {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 700;
}

.cabi-brand {
  padding: 80px 0px;
  background: var(--speedpro-dark);
  margin: 0;
}

.cabi-brand .heading {
  color: #ffffff;
}

.cabi-brand-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  transition: all 0.35s ease;
}

.cabi-brand-box:hover {
  transform: translateY(-6px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 16px 40px rgba(0, 180, 236, 0.25);
}

.cabi-brand-content h4 {
  color: #ffffff !important;
}

.cabi-brand-content p {
  color: var(--speedpro-text-muted) !important;
}

.cabi-brand-content .cabibrand-more {
  color: var(--speedpro-cyan) !important;
}

.cabi-butn {
  background: var(--speedpro-gradient) !important;
  color: #131a1e !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 30px !important;
  box-shadow: var(--speedpro-glow-cyan) !important;
}

.cabi-butn:hover {
  box-shadow: var(--speedpro-glow-lime) !important;
  transform: translateY(-2px);
}

.cabi-bulk-heading {
  padding: 80px 0px 40px;
  background: var(--speedpro-darker);
  border-top: 1px solid rgba(0, 180, 236, 0.12);
  border-bottom: 1px solid rgba(0, 180, 236, 0.12);
}

.cabi-bulk-heading .heading {
  color: #ffffff !important;
  font-size: 36px;
  margin-bottom: 12px;
}

.cabi-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  margin-bottom: 14px;
  background: rgba(128, 208, 43, 0.12);
  border: 1px solid rgba(128, 208, 43, 0.35);
  padding: 6px 18px;
  border-radius: 30px;
  box-shadow: var(--speedpro-glow-lime);
}

.cabi-team {
  padding: 80px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
}

.cabi-team .heading {
  color: #ffffff;
}

.team-slider-item {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 16px;
  padding: 24px;
  margin: 0 10px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.team-slider-item h5 {
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  margin-top: 14px;
}

.team-slider-item p {
  color: var(--speedpro-cyan) !important;
  font-size: 13px;
  margin: 4px 0 0;
}

.testimonial-area {
  padding: 80px 0px;
  background: var(--speedpro-dark);
}

.testimonial-area .heading {
  color: #ffffff;
}

.story-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 16px;
  padding: 30px 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.story-box h4 {
  color: #ffffff !important;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.story-box p {
  color: var(--speedpro-text-muted) !important;
  font-size: 14px;
  line-height: 1.7;
}

.story-box strong,
.story-box .bold-text {
  color: var(--speedpro-lime) !important;
  font-size: 13px;
  display: block;
  margin-top: 14px;
}

.cabi-solution,
.cabi-why,
.cabi-comfort,
.cabi-implement,
.cabi-presence,
.cabi-bulk-heading,
.cabicar-booking,
.cabi-electric,
.cabi-chauffer,
.cabi-team,
.testimonial-area,
.cabi-brand {
  margin: 0 !important;
}