body{
font-family: 'Poppins', sans-serif;
}

.whatsapp-icon-fixed a:hover{
    color: #fff;
}

.whats-app-fixed {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 88px;
    right: 25px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px grey;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}

html {
  scroll-behavior: smooth;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #4285f4;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 5px;
}

#myBtn:hover {
  background-color: #555;
}

/*navbar-section-start*/
.navbar-nav {
    padding-right: 20px;
}

.navbar-brand img{
    width: 50%;
}
.navbar-nav .nav-item.active a{
    color: #fff !important;
    background: #4285f4;
    margin-left: 25px !important;
    text-align: center !important;
    padding: 7px 20px;
    border-radius: 5px;
    font-weight: bold;
     border-bottom: 3px solid #fff; 
}

.navbar-nav .nav-item.active a:hover{
     border-bottom: 3px solid #fff; 
}

.navbar-nav .nav-item a{
    margin-left: 25px;
    text-align: center;
    font-weight: bold;
     border-bottom: 3px solid #fff; 
}



.navbar-nav .nav-item a:hover{
    margin-left: 25px;
    text-align: center;
    font-weight: bold;
    border-bottom: 3px solid #4285f4;
}

/*navbar-section-start*/

/*slider-section-start*/
.slider-content {
  color: #fff;
    margin-top: -350px;
    font-size: 50px;
}
.slider-content-bottom {
  color: #fff;
    font-size: 35px;
}
/*slider-section-start*/

/*about-us-section-start*/
.home-about-cover h1{
    margin-bottom: 15px;
}
.home-about-cover{
    text-align: center;
    padding: 30px;
}

.page-center-main-cont{
    padding: 0px 50px;
    color: grey;
}
/*about-us-section-end*/

/*facility-box-start*/
.facility-box-para{
        color: grey;
    }
.facility-box-wraper{
    padding: 35px 28px;
    margin-bottom: 15px;
}

.facility-box-icon{
    font-size: 50px;
    color: #4285F4;
}
.facility-box-title{
    font-weight: bold;
}

.facility-box-inner{
    padding: 25px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

.facility-box-inner:hover{
    -webkit-box-shadow: -1px 25px 22px -25px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 25px 22px -25px rgba(0,0,0,0.75);
box-shadow: -1px 25px 22px -25px rgba(0,0,0,0.75);
    transform: 3s ease;
    background: #f4f4f4;
    margin-top: -1px;
}

.facility-box-outer{
    padding: 0px 50px;
}

.facility-box-outer a{
    text-decoration: none;
    color: #000;
}
/*facility-box-end*/

/*service-section-start*/
.home-facility-list-img{
    margin-bottom: 15px;
}

.home-facility-wraper{
    padding: 35px 28px; 
    background: #4285F4;
    color: #fff;
}

.home-facility-bootom-slant{
    background: #4285F4;
    height: 44px;
    transform: rotate(1.5deg);
    margin-top: -25px;
}

.home-facility-list-cover h1{
    margin-bottom: 25px;
}

.home-facility-list-cover h3{
    margin-bottom: 25px;
    font-weight: bold;
}

.home-facility-list-cover p{
    font-size: 18px;
}

/*service-section-end*/

/*home-facility-list-cover-start*/
.home-facility-list-cover{
    padding-top: 37px;
    padding-bottom: 15px;
}

.home-facility-list-cover ul{
    padding: 0px;
}

.home-facility-list-cover li{
    list-style: none;
    font-size: 17px;
    margin-bottom: 11px;  
}

.home-facility-list-cover .fa-arrow-circle-right{
    color: #4285F4;
    margin-right: 8px;
    font-size: 22px;
}

/*home-facility-list-cover-end*/

/*contact-us-section-start*/
.form-address .fa{
    color: #4285F4;
    margin-right: 8px;
    font-size: 25px;
   
}
.form-address li{
    list-style: none;
    margin-bottom: 10px;
    
}

.form-address li .fa{
    color: #4285F4;
    margin-right: 5px;
    font-size: 22px;
}

.contact-form-title{
    font-weight: bold;
    font-size: 20px;
    padding: 15px 0px;
    color: #4285F4;
}

.contact-wraper{
    padding: 30px;
}
.contact-wraper h1{
    text-align: center;
}
.contact-form-outer-cover{
    padding-top: 20px;
}
/*contact-us-section-start*/

/*car-rental-service*/
.car-rental-wraper{
background-image: url('../images/wagon-rent-desktop.jpg') !important;
padding: 20px 50px;
background-attachment: fixed;
background-size: cover !important;
background: #f0f1f3;
background-repeat: no-repeat !important;
background-position: top !important;
background-size: cover !important;
height: 310px;
}

.car-rental-text-cover{
    font-size: 40px;
    padding: 30px 50px;
    color: #fff;
}



.car-rental-outer-wraper{
    
    padding: 15px 0px;
}

.car-rental-small{
font-size: 15px;
    color: #fff;
    margin-top: 95px;
}

/*car-rental-service*/


/*fotter-section-start*/

.footer-main-wraper{
background: black;
color: #fff;
padding: 20px 40px;
}

.footer-social-icons li{
    list-style: none;
    float: left;
    margin-right: 10px;
}
.footer-social-icons ul{
padding: 0px;
    margin: 0px;
    margin-top: 12px;
}

.footer-social-icons .fa {
  padding: 7px 14px;
  font-size: 17px;
  text-align: center;
  text-decoration: none;
border-radius: 5px;    
}

.footer-social-icons .fa:hover {
    opacity: 0.7;
    color: #fff;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}
/*fotter-section-end*/


/* TABLET LANDSCAPE & iPads (portrait and landscape) */
@media only screen and (min-width: 768px) and (max-width: 992px){
    .facility-box-outer {
    padding: 0px 0px;
}
    .facility-box-inner{
    padding: 35px 0px;
    padding-top: 10px;
} 
        .car-rental-small{
    margin-top: 7px;
}
    
    .carousel-caption-own {
    color: #fff;
    margin-top: -200px !important;
    font-size: 35px;
}
    
    .car-rental-text-cover {
    font-size: 29px;
    padding: 0px 0px;
    color: #fff;
}
    .facility-box-outer {
    padding: 0px 14px;
}
    
    .facility-box-para {
    padding: 0px 5px;
}
    .car-rental-wraper{
       height: 189px; 
    }
}

/* SMARTPHONES LANDSCAPE & TABLETS PORTRAIT */
@media only screen and (min-width: 480px) and (max-width: 767px){    

}

/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 320px) and (max-width: 479px){ 
    
    .services-image-cover .col-6{
        padding: 10px;
    }
    .home-facility-list-img{
        margin-bottom: 0px;
    }
    
    .home-facility-list-img img{
        width: 100% !important;
    }
    
    .navbar{
        padding: 5px 15px;
    }
    
    .navbar-nav{
        margin-top: 25px;
    }
    
    .navbar-nav .nav-item.active a{
     padding: 12px 20px;   
    }
    
    .navbar-brand img{
    width: 90%;
        margin-left: 30px;
  
}
    .navbar-brand{
         width: 70%; 
    }
    
    .home-about-cover {
    text-align: center;
    padding: 20px 0px;
    padding-top: 30px;  
}

.page-center-main-cont {
    padding: 0px 10px;
}    
    
    .facility-box-outer {
    padding: 0px 20px;
        margin-bottom: 15px;
}
    
.facility-box-inner{
    padding: 35px 0px;
    padding-top: 10px;
}    

.home-facility-wraper {
    padding: 20px 15px;
}    
    
.home-facility-list-cover h1 {
    margin-bottom: 17px;
}    
    
    .home-facility-list-cover {
    padding-top: 20px;
    padding-bottom: 20px;
}
    .home-facility-list-cover h3{
    font-size: 20px;
        margin-bottom: 12px;
}

    .facility-box-para{
       padding: 0px 10px;
        color: grey;
    }
    
    .facility-box-wraper{
        padding-top: 15px;
        margin-bottom: 15px;
    }

.footer-main-wraper{
padding: 20px 10px;
   
}
.contact-wraper{
    padding: 10px;
    margin-bottom: 25px;
}
.contact-form-title{
      margin-top: 15px;
}    
    .form-address li{
   margin-top: 15px;
}
   
/*slider-section-start*/
    .d-block.w-100 {
    height: 264px;
}
.slider-content {
  color: #fff;
    margin-top: -150px;
    font-size: 20px;
}
.slider-content-bottom {
  color: #fff;
    font-size: 20px;
}
/*slider-section-start*/
 .form-address .fa{

    margin-top: 14px;
}
    
    
    /*car-rental-service*/
.car-rental-wraper{
background-image: url('../images/wagon-rent-mob.jpg') !important;
padding: 20px 50px;
height: 216px;
}
    .car-rental-text-cover {
    font-size: 23px;
    padding: 20px 0px;
    color: #fff;
}
    .car-rental-wraper{
     padding: 24px 28px; 
        margin-bottom: 15px;
    }

    .car-rental-small{
    margin-top: 70px;
        font-size: 12px;
}
   /*car-rental-service*/
    
}