/*--------------------------------------------------
    COLOR DECLARATION SECTION 
--------------------------------------------------*/
:root{
    --g-color-one: #2b86ff;
    --g-color-two: #ff3cac;
    --bg-sec-btn: #ffe7f4;
    --bs_btn_1: 0 0.5rem 1.125rem -0.5rem #2b86ff;
    --title: #0b0f19;
    --para: #565973;
    --bg-pink: #f3f6ff;
    --white: rgb(255 255 255);
    --green-color: #44ad79;

    /* --primary-color: ;
    --secondary-color: ;
    --black-color: rgb(0 0 0); */
}

/*--------------------------------------------------
    COLOR SECTION 
--------------------------------------------------*/

.g_c_1{
    color: var(--g-color-one) !important;
}
.g_c_2{
    color: var(--g-color-two) !important;
}
.title{
    color: var(--title) !important;
}
.para{
    color: var(--para) !important;
}
/* .text_gt{
    color: var(--g-color-two);
    background: linear-gradient(to right, var(--g-color-two), var(--g-color-one));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */




/*--------------------------------------------------
    BACKGROUND COLOR SECTION
--------------------------------------------------*/


.bg_sec{
    background-color: var(--bg-sec-btn) !important;
}
.bg_pink{
    background-color: var(--bg-pink) !important;
}
.bg_white{
    background-color: var(--white) !important;
}



/*--------------------------------------------------
    BELOW THE CODE IS BOX SHADOW
--------------------------------------------------*/

.bs_btn_1{
    box-shadow: var(--bs_btn_1);
}
.btn-sec{
    background-color: #ffe7f4 !important; 
    color: var(--title);
}

/*--------------------------------------------------
    BELOW THE CODE IS CUSTOM STYLE
--------------------------------------------------*/

/* Common Style */

.btn-lg{
    box-shadow: var(--bs_btn_1);
}

.btn.title:hover{
    color: var(--para) !important;
}



p a{
     font-family:"PJ-semiBold";
	 color:var(--secondaryColor);  ;
	 text-decoration: auto;
}
p a:hover,a.autolinks:hover{
    text-decoration: inherit;
	color:var(--primaryColor);

}
a.autolinks
{
    text-decoration: auto;
}

.dark-mode p a{color:var(--primaryColor)}

.blackBannerPattern
{
    filter: grayscale(1);
}


.dark-mode .step-number .step-number-inner{background:#fff !important}


.navbar-toggler-icon, 
.navbar-toggler-icon::after, 
.navbar-toggler-icon::before{
    background-color: var(--title) !important;
}

.dark-mode .navbar-toggler-icon, 
.dark-mode .navbar-toggler-icon::after, 
.dark-mode .navbar-toggler-icon::before{
    background-color: #fff !important;
}

.arealistall a{
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arealistall h3,
.arealistall h4{
    text-align: center !important;
}

/* Banner */

/* #hero_image  */


  @media only screen and (max-width: 1200px) {
    .arealistall a{
        width: 20%;
    }
  }
  @media only screen and (max-width: 1040px) {
    .arealistall a{
        width: 25%;
    }
  }
  @media only screen and (max-width: 860px) {
    .arealistall a{
        width: 46%;
    }
  }
  @media only screen and (max-width: 480px) {
    .arealistall a{
        width: 100%;
    }    
  }

/* Home page */
#hero__ {
    padding: 125px 0 65px !important;
}
#hero__ .bg__img {
    width: 95%;
    height: 100%;
    margin-left: auto;
    opacity: .1;
}
#hero__ .content__{
    width: 92%;
}
#hero__ h1{
    font-size: 3rem
}

@media only screen and (max-width: 567px) {
    #hero__ {
        padding: 85px 0 65px !important;
    }
}



#text {
    background: linear-gradient(to right, #fe6e0d, #fe0c90);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3rem;
    display: none !important;
    min-height: 4rem;
    animation: blink .45s step-end infinite;
}
#cursor {
	width: 3px;
	height: 0;
	background-color: #533030;
	animation: blink .45s step-end infinite;
}
@keyframes blink {
	from, to {background-color: transparent;}
	50% {background-color: #fff;}
}
#hero__ img{
    transition: 900ms;
    /* visibility: hidden; */
}

#hero__ img.ani-1{
    transition: opacity 700ms !important;
    opacity: 1;
}
#hero__ img.ani-0{
    opacity: 0;
}

@media only screen and (max-width: 567px) {
   
    #hero__ h1{
        font-size: 2rem;
        line-height: 2.2rem;
        margin-bottom: 0;
    }
    #hero__ p.fs-lg{
        line-height: 1.6rem;
    }
    #text {
        font-size: 2rem;
        min-height: 3rem;
    }
}


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

#other__page_content a{
    color: var(--g-color-two);
    background: linear-gradient(to right, var(--g-color-two), var(--g-color-one));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
}
#other__page_content a:hover{
    text-decoration: underline;
    border-bottom: 1px solid;
    
}
#other__page_content a.btn{
    background: linear-gradient(to right, var(--g-color-two), var(--g-color-one));
    color: var(--white);
    -webkit-text-fill-color: unset; 
}
.bg_pink{
    background: var(--bg-pink) !important;
    color: var(--title) !important;
}
#other__page_content a.btn:hover{
    text-decoration: none;
}
#categories__page_content a{
    color: var(--g-color-two);
    background: linear-gradient(to right, var(--g-color-two), var(--g-color-one));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
}
#categories__page_content a:hover{
    text-decoration: underline;
    border-bottom: 1px solid;
}

#areas__page_content a{
    color: var(--g-color-two);
    background: linear-gradient(to right, var(--g-color-two), var(--g-color-one));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
}
#areas__page_content a:hover{
    text-decoration: underline;
    border-bottom: 1px solid;
}

/* About Page */
 
#other__page_content #operator__ a.btn{
    color: var(--para);
    background: var(--white);
    font-weight: 500;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
#other__page_content #operator__ a.btn:hover{
    text-decoration: unset;
    border-bottom: unset;
}

/* Service Page */

#service__box .card{
    background: var(--white);
    -webkit-text-fill-color: unset; 
}
#other__page_content .btn__white{
    background: rgba(255, 255, 255) !important;
    border: none !important; 
}
#other__page_content .call_us{
    color: #6366f1 !important;
}
#other__page_content .chat_us{
    color: #22c55e !important;
}
#other__page_content .btn__white:hover{
    border-bottom: none !important;
}
#other__page_content .btn_pink{
    background: var(--bg-pink) !important;
    color: var(--title) !important;
}
#other__page_content .btn_pink:hover{
    border: 0 !important;
    border: unset;
}

#other__page_content #title .btn_pink:hover{
    border: 1px solid var(--title) !important;
}


@media only screen and (max-width: 700px) {
    #car_type .swiper-slide{
        width: 90% !important;
    }
  }
@media only screen and (max-width: 567px) {
    #car_type .swiper-slide{
        width: 90% !important;
    }
}


/* Footer */




/* Header */

.offcanvas.offcanvas-end{
    left: 0 !important;
    transform: translateX(-100%);
}
/* #navbarNav .d-none, #navbarNav .d-lg-none ,#navbarNav .d-md-none{
    display: none !important;
}
#navbarNav .d-block, #navbarNav .d-lg-block ,#navbarNav .d-md-block{
    display: block !important;
} */

header .nav-item ul.dropdown-menu{
    display: none !important;
}
header .nav-item a::after{
    display: none;
}

@media only screen and (max-width: 992px) {
    #res_menu{
        display: none !important;
    }
    #dek_menu{
        display: block !important;
    }
}
@media only screen and (min-width: 992px) {
    #dek_menu{
        display: none !important;
    }
}

/* Footer Popup */

#information{
    /* display: none; */
    position: fixed;
    bottom: 0;
    width: 55%;
    transition: all 0.8s ease 0s;
    transform: translate(-50%, 150%);
    background: var(--white);
    z-index: 999999;
    margin: 24px auto;
    left: 50%;
    /* transform: translateX(-100%) !important; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 0 16px;
}
#information svg{
    position: absolute;
    top: -20px;
    left: 100%;
    border: 1px solid;
    border-radius: 100%;
    transform: rotate(45deg);
    width: 32px;
    height: 32px;
    color: var(--g-color-one);
    fill: var(--g-color-one) !important;
    cursor: pointer;
    background: white;
}
@media only screen and (max-width: 992px) {
    #information{
        width: 80%;
    }
}
@media only screen and (max-width: 768px) {
    #information{
        width: 92%;
    }
    #information button{
        width: 100% !important;
    }
}
@media only screen and (max-width: 567px) {
    #information{
        width: 92%;
    }

}

#dek_menu{
    padding: 12px 0 12px 20px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#dek_menu h3{
    font-size: 17px !important;
    margin-bottom: 5px;
}
#dek_menu a{
    font-size: 15px;
    padding: 7px 24px!important;
}
#dek_menu a img{
    width: 26px;
}
#dek_menu hr{
    margin-bottom: 15px;
}
.bread_crums{
    margin-bottom: 0 !important;
    padding-left: 15px !important;
    list-style: none;
}
ol.bread_crums {
    list-style: none;
    display: flex;
    padding: 0;
    color: var(--para);
    opacity: .4;
    align-items: center;
}
ol.bread_crums span{
    display: flex;
}
.bread_crums ol{
    list-style: none;
    display: flex;
    padding: 0;
    color: var(--para);
    opacity: .4;
}
ol.bread_crums li{
    padding-right: 3px;
    margin: 0;
    padding: 0 8px; 
}
.bread_crums li{
    padding-right: 3px;
    margin: 0;
    padding: 0 3px; 
}
.bread_crums a{
    text-decoration: none;
    color: var(--para);
    /* opacity: .4; */
    transition: 800ms;
}
.bread_crums a:hover{
    opacity: 1;
    transition: 800ms;
}
.bread_crums .brand-red{
    opacity: .4 !important;
    padding-left: 3px;
}
.bread_crums li .brand-red{
    opacity: 1 !important;
}
.bread_crums a.home:first-child{
    color: var(--para);
    opacity: .4;
    transition: 800ms;
}
.bread_crums a.home:hover{
    color: var(--para);
    /* opacity: 1; */
    transition: 800ms;
}
.bread_crums li:last-child .brand-red {
    display: none !important;
}
@media (min-width: 768px){
    .offset-md-1 {
        margin-left: 3% !important;
    }
}
@media (min-width: 1200px){
    .bread_crums{
        margin-bottom: -35px !important;
    }
}
@media only screen and (max-width: 567px) {
    #information{
        width: 92%;
    }
    .bread_crums a{
        font-size: 12px !important;
        margin-top: 3px !important;
    }
    ol.bread_crums{
        padding-bottom: 10px;
    }
}

/* Operator Section */

.bg__green{
    background: var(--green-color) !important;
}
.border__green{
    border-color: transparent !important;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
}

.border__green .btn{
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(68, 173, 121, .9) !important;
}

/* START MOBOT HEADER CSS */


    :root {
      --dj-white: #fff;
      --dj-gray: #d4d7e5;
      --dj-bg-gray: #f8f9fb;
      --dj-brand-color-one: #2b86ff;
      --dj-brand-color-two: #ff3cac;
      --dj-font-family: 'Red Hat Display', sans-serif;
    }

    :root {
      --si-font-sans-serif: var(--dj-font-family);
      --si-primary: var(--dj-brand-color-one);
    }

    .swiper-pagination-bullet-active {
      background: #757575;
    }

    .dropdown-item:hover,
    .dropdown-item:focus,
    .dropdown-menu li:hover>.dropdown-item {
      color: var(--dj-brand-color-two);
      background: linear-gradient(to right, var(--dj-brand-color-two), var(--dj-brand-color-one));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

 .dj-link-effort a {
    font-weight: 700;
    color: unset;
    text-decoration: none;
}

    .dj-link-effort a:hover,
     .dj-link-effort a:focus,
    .nav-link:hover,
    .nav-link:focus {
     color: var(--primaryColor);
    }

    .navbar .nav-item:hover>.nav-link:not(.disabled) {
      color: var(--primaryColor);
  
    }

    .navbar .dropdown:hover>.nav-link {
      color: var(--primaryColor);
    }

    .btn-primary {
      border: var(--primaryColor);
      background: var(--primaryColor);
    }
	
	.btn-primary:hover
	{
	  border: var(--primaryColor) !important;
      background: var(--primaryColor) !important;
	  opacity: 0.9;
	}


.page-item.active .page-link {
box-shadow: none;
}

.page-link:focus,
.page-link:hover {
    color: var(--dj-brand-color-one);
    background-color: var(--dj-bg-gray);
    outline: 0;
}

.active>.page-link,
 .page-link.active {
      border: linear-gradient(90deg, var(--dj-brand-color-two) 0%, var(--dj-brand-color-one) 100%);
      background: linear-gradient(90deg, var(--dj-brand-color-two) 0%, var(--dj-brand-color-one) 100%);
}

    .btn-outline-primary {
      color: var(--dj-brand-color-two);
      border: solid 2px transparent;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, var(--dj-brand-color-two), var(--dj-brand-color-one));
      background-origin: border-box;
      background-clip: content-box, border-box;
      box-shadow: 2px 1000px 1px var(--dj-white) inset;
    }

    .btn-outline-primary:hover {
      border: solid 2px transparent;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, var(--dj-brand-color-two), var(--dj-brand-color-one));
      background-origin: border-box;
      background-clip: content-box, border-box;
      box-shadow: 2px 1000px 1px var(--dj-white) inset;
   
    }

    :not(.btn-check)+.btn.btn-outline-primary:hover,
    .btn.btn-outline-primary:first-child:hover {
      background-color: transparent;
      border-color: transparent;
    }

    .text-gradient-primary {
      background: #fff;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
	
	.bg-pattern-1 img{filter:grayscale(1)}

/* .text-primary {
      background: linear-gradient(to right, var(--dj-brand-color-two), var(--dj-brand-color-one));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
} */

    .btn-outline-primary:hover .text-gradient-primary {
      background: var(--dj-white);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .btn-outline-secondary {
      color: var(--dj-gray);
    }

    .accordion-button:not(.collapsed)::after {
      background-color: transparent;
      box-shadow: none;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='rgba(254, 110, 13)' > <path d='M225.813 48.907L128 146.72 30.187 48.907 0 79.093l128 128 128-128z' /> </svg> ");
    }

    .accordion-header .accordion-button a {
      margin: 0 5px;
    }

    .accordion-header .accordion-button a:hover {
      color: var(--dj-brand-color-two);
      background: linear-gradient(to right, var(--dj-brand-color-two), var(--dj-brand-color-one));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .accordion-header .accordion-button a:empty {
      display: none;
    }

    .accordion-body p a {
      text-decoration: none;
    }

    .accordion-button::after {
      background-color: transparent;
    }


#quote_image {
    background-image: url(https://limorental.com/img/home/quote/bottom-image-m.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100vh;
    max-height: 370px;
}

@media (min-width: 768px) {
#quote_image {
 background-image: url(https://limorental.com/img/home/quote/bottom-image-t.webp);
 max-height: 480px;
}
}

@media (min-width: 992px) {
#quote_image {
 background-image: url(https://limorental.com/img/home/quote/bottom-image.webp);
 max-height: 380px;
}
}

.navbar-brand>img {
    width: 200px!important;
}

@media (max-width: 992px) {
.navbar-brand>img {
    width: 160px!important;
}
#navbarNav.bg-dark {
    background-color: #fff!important;
}
#navbarNav .text-white {
    color: #111!important;
}
#navbarNav  .btn-close-white {
    filter: none!important;
}

/* #navbarNav  .nav-link {
    color: rgb(0 0 0 / 85%)!important;
} */

#navbarNav .border-light {
    border-color: rgb(0 0 0 / 14%)!important;
}

#navbarNav .btn-outline-secondary {
    color: var(--si-btn-color)!important;
}
 }
.bg-primary {
    background: linear-gradient(to right, #ebebeb, #6c6c6c);
}

    .page-loading {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all .4s .2s ease-in-out;
      transition: all .4s .2s ease-in-out;
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
      z-index: 9999;
    }

    .dark-mode .page-loading {
      background-color: #0b0f19;
    }

    .page-loading.active {
      opacity: 1;
      visibility: visible;
    }

    .page-loading-inner {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      text-align: center;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: opacity .2s ease-in-out;
      transition: opacity .2s ease-in-out;
      opacity: 0;
    }

    .page-loading.active>.page-loading-inner {
      opacity: 1;
    }

    .page-loading-inner>span {
      display: block;
      font-size: 1rem;
      font-weight: normal;
      color: #9397ad;
    }

    .dark-mode .page-loading-inner>span {
      color: #fff;
      opacity: .6;
    }

    .page-spinner {
      display: inline-block;
      width: 2.75rem;
      height: 2.75rem;
      margin-bottom: .75rem;
      vertical-align: text-bottom;
      border: .15em solid #b4b7c9;
      border-right-color: transparent;
      border-radius: 50%;
      -webkit-animation: spinner .75s linear infinite;
      animation: spinner .75s linear infinite;
    }

    .dark-mode .page-spinner {
      border-color: rgba(255, 255, 255, .4);
      border-right-color: transparent;
    }

    @-webkit-keyframes spinner {
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }

    @keyframes spinner {
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }



/* END MOBOT HEADER CSS */


/* START CONTANT PARA CONTANT */

.para__contact p{
    font-size: 1.25rem;
}
.para__contact p span{
    font-size: 1.25rem !important; 
}


/* END CONTANT PARA CONTANT */

/* START CONTACT */

#contact .conatct__link{
    background: linear-gradient(to right, var(--dj-brand-color-two), var(--dj-brand-color-one)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
#contact .conatct__link:hover{
    border: 1px solid #f3f6ff;
}


/* END CONTACT */


#contact .conatct__link{
    font-size: 16px !important;
}

@media (max-width: 567px) {
    #hero__ .content__ {
        width: 100% !important;
        transform: none !important;
    }
    #hero__ .bg__img {
        margin-right: auto !important;
    }
}

/* STRAT LOADER */


  
  @-webkit-keyframes rotate {
    /* 100% keyframe for  clockwise. 
       use 0% instead for anticlockwise */
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @media (min-width: 567px){
    .btn__conatiner button{
        min-width: 175px;
        height: 50px;
    }
    .loading {
        height: 0;
        width: 0;
        padding: 7px;
        border: 3px solid #fff;
        border-right-color: transparent;
        border-radius: 29px;
        -webkit-animation: rotate 1s infinite linear;
        position: absolute;
        left: 90px;
        top: 33px;
        /* display: none; */
      }
  }
  @media (max-width: 567px){
    .btn__conatiner button{
        min-width: 100%;
        height: 50px;
    }
    .loading {
        height: 0;
        width: 0;
        padding: 7px;
        border: 3px solid #fff;
        border-right-color: transparent;
        border-radius: 29px;
        -webkit-animation: rotate 1s infinite linear;
        position: absolute;
        left: 50%;
        top: 46%;
        /* display: none; */
      }
  }


/* END LOADER */


/* Common theme updates */

#res_menu .navbar-nav{
    justify-content: center;
}

#mapLoad{
    display: none !important;
}

#mainav .nav-link:focus{    color: inherit;
    background-color: inherit;
    border: inherit;
	-webkit-background-clip:inherit;
	-webkit-text-fill-color:inherit;
	background:inherit;
	}