@charset "UTF-8";
/*===== Pre CSS =====*/
body{ font-size: 16px; font-weight: 400;font-family: "Outfit", sans-serif;line-height: 1.5; color:#000000}
p,a, span, table, th, tr, td, h1, h2, h3, h4, h5, h6, img, ul, ol, li{ margin: 0; padding: 0; font-family: "Outfit", sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: "Outfit", sans-serif; }
a[href^=tel],a[href^=mailto] { text-decoration:inherit; color: inherit; }
[class*="col-"] { margin-bottom: 30px;}
p,a {font-size: 16px; font-weight: 400;line-height: 30px;font-family: "Outfit", sans-serif;}
img{height: 100%; width: 100%; object-fit: cover;}
.ms-flex { display: flex; align-items: center; justify-content: center;}
.bg-default,::after,::before{background-size: cover;background-position: center; background-repeat: no-repeat;}
a:hover{text-decoration: none;}
ol{font-weight: 400;font-size: 16px;}
/*===== Go To Top Section =====*/
#back-top{ display: block; position: fixed; bottom: 140px; right: 10px; bottom: 10px; text-align: center;  z-index: 99999; }
#back-top a{ display: block; text-decoration: none; }
#back-top a .fa{ width: 40px; height: 40px; padding-top: 8px; font-size: 20px; border-radius: 5px; opacity: 1; color: #fff; background: #2c2c2c; border: #fff solid 2px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
#back-top a .fa:hover{ background: #2f9fd1; color: #000; }

/* Modal Body */
.modal-body .close{ position: absolute; top: 8px; right: -4px; transform: translate(-50%,-50%); opacity: 1; color: #000; }
.modal-body img{ width: 100%; }

/* Wrapper */
.wrapper{ position: relative; margin: 0; padding: 0; overflow: hidden; }
.transition{ -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }

/* Dropdown Menu */
.navbar .navbar-nav li .serv_dropdown_menu{ display: none; position: absolute; z-index: 999999; border-top: transparent solid 25px; background: transparent; top: 20px; margin-left: 0; width: 235px; overflow-x: hidden; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.navbar .navbar-nav li .serv_dropdown_menu ul{ width: 100%; }
.navbar .navbar-nav li .serv_dropdown_menu ul li{ display: block; width: 100%; list-style: none; text-align: left; margin: 0; }
.navbar .navbar-nav li .serv_dropdown_menu ul li a{ display: block; padding: 10px 15px; text-align: left; font-size: 14px; font-weight: 400; text-decoration: none; background: #03016f; color: #fff; border-top: #fff solid 1px; border-radius: 3px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.navbar .navbar-nav li .serv_dropdown_menu ul li a:hover{ padding-left: 20px; color: #000; border-top: #fff solid 1px; background: #F3E723; }
.navbar .navbar-nav li .serv_dropdown_menu ul li a .fa{ float: right; margin-left: 5px; }

/* My Own Custom Dropdown Animation */
.navbar .navbar-nav li:hover .serv_dropdown_menu{ display: block; -webkit-animation: slide-up .5s ease-out; -moz-animation: slide-up .5s ease-out; }
@keyframes slide-up {
      0% { opacity: 0; -moz-transform: translateY(15%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

/*===== Mobile Menu =====*/
.mobile_menu.active{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9999999999; }
.menu_icon_box{ position: fixed; top: 0; left: 0; z-index: 9999999999; display: block; width: 100%; background: #191919; padding: 5px 0;}
.tab_button{ float: left; }
.tab_button a{ display: inline-block; padding: 7px 10px; font-size: 10px; text-align: center; text-transform: uppercase; color: #fff; background: transparent; border: #fff solid 1px; border-radius: 5px; box-sizing: border-box; text-decoration: none; }
.tab_button a:hover{ background: #FBBE01; border: #FBBE01 solid 1px; }
.tab_button1{ margin-left: 15px; margin-right: 5px; }

.menu_icon{ position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; padding: 1px 5px; background: transparent; box-sizing: border-box; cursor: pointer; z-index: 999; }
.menu_icon span{ width: 100%; height: 2px; display: block; background: #fff; margin: 5px 0; border-radius: 5px; transition: all linear 0.3s; }
.menu_icon.active{ color: #fff; padding: 8px 3px 0; }
.menu_icon.active span{ position: absolute;     width: 85%; }
.menu_icon.active span:nth-child(1){ transform: rotate(45deg); }
.menu_icon.active span:nth-child(3){ transform: rotate(-45deg); }
.menu_icon.active span:nth-child(2){ display: none; }

.mobile_slideLogo{ display: block; text-align: center; }
.mobile_slideLogo img{ display: inline-block; float: none; background: #ffffff; padding: 15px; margin-bottom: 15px; border-radius: 5px; width: 180px; height: auto; }
.sidebar{ padding: 65px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 100%; height: 100%; background: #191919; text-align: center; box-sizing: border-box; z-index: 999999; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.sidebar.active{ left: 0; }
.sidebar ul li{ list-style: none; }
.sidebar ul li a{ position: relative; display: block; padding: 10px 15px; border: #FBBE01 solid 1px; text-align: left; color: #fff; margin-bottom: 1px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 400; border-radius: 5px; }
.sidebar ul li a::before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; padding: 12px 0; height: 100%; width: 0%; background: #FBBE01; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li.active{ background: #FBBE01; border-radius: 5px; }

/*===== Responsive Mobile Dropdown =====*/
.accordion{ list-style: none;  padding: 0; margin: 0; }
.accordion_headline{ background: transparent; padding: 10px; border: #666 solid 1px; color: #fff; text-align: left; text-transform: uppercase; font-size: 14px; border-radius: 5px; font-weight: 400; transition: .3s ease; position: relative; }
.accordion_headline::before,
.accordion_headline::after{ content: ""; width: 15px; height: 2px; background: #ffffff; position: absolute; display: block; top: 50%; right: 15px; transform: translate(-50%, -50%) rotate(0deg); transition: .3s ease; }
.accordion_headline::after{ transform: translate(-50%, -50%) rotate(90deg); }
.accordion_headline:hover{ cursor: pointer; background: transparent; }
.open > .accordion_headline::before{ transform: translate(-50%, -50%) rotate(180deg);     }
.open > .accordion_headline::after{ transform: translate(-50%, -50%) rotate(360deg); }
.accordion_content{ display: none; background: transparent; padding: 0; border-top: 0; }
.accordion li{ margin-bottom: 1px; }
.accordion_headline h5{ font-size: 16px; margin: 0; padding-right: 30px; }
.accordion_content p{ font-size: 14px; margin: 0; }

/*-- Modern Social Media Icon Display --*/
.social_media_block{ display: block; position: fixed; top: 0; left: 0; z-index: 99; height: 100%; background: transparent; }
.share_icon .fa{ position: absolute; left: 10px; bottom: 10px; z-index: 2; cursor: pointer; width: 40px; height: 40px; border-radius: 5px; background: #2c2c2c; color: #fff; border: #fff solid 1px; font-size: 16px; text-align: center; padding: 12px 5px 0 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.share_icon .fa:hover{ transform: rotate(360deg); background: #2f9fd1; border-color: #2f9fd1; color: #000; }
.social_icon ul{ display: block; text-align: center; }
.social_icon ul li{ list-style: none; display: inline-block; }
.social_icon ul li .fa{ position: absolute; left: 10px; bottom: 10px; z-index: 1; width: 40px; height: 40px; border-radius: 5px; border: none; background: #6f729a; color: #fff; font-size: 16px; text-align: center; padding: 13px 0px 0 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
.social_icon ul li .fa:hover{ transform: rotate(360deg); }
.social_icon.active ul li:nth-child(1) .fa{ bottom: 50px; background: #3b5998; color: #fff; }
/*.social_icon.active ul li:nth-child(2) .fa{ bottom: 90px; background: #59adec; color: #fff; }*/
/*.social_icon.active ul li:nth-child(3) .fa{ bottom: 50px; background: #f23ece; color: #fff; }*/




/*===== Common Section====  */
.btn-custom{padding: 13px 53px; background: #FBBE01; color: #fff; transition: .4s; border: 2px solid #FBBE01;}
.btn-custom:hover{background: #fff; color:#FBBE01;border: 2px solid #FBBE01; transform: translateY(-2px);    }

.section-topic{margin-bottom: 60px;}
.section-sub{color:#000;font-size:20px; font-weight: 700; color:#FBBE01; line-height: 30px;}
.section-heading{font-size: 32px; line-height: 50px; font-weight: 600; margin: 12px 0 25px;}

.section-link{margin-top: 35px;}

.img-unset{height: unset; width: unset!important;}

/*===== Header Section =====*/
.header{padding: 60px 0; background: transparent; position: absolute; z-index: 2;width: 100%; color:#fff }
.phone-list li{font-weight: 700;font-size: 18px;line-height: 28px;}
.phone-list a{background: #FBBE01; border-radius: 5px;  padding: 14px 28px; color: #fff; font-weight: 600; line-height: 26px; text-decoration: none; margin-left: 20px; }


/*===== Banner Section =====*/
.banner{color:#fff; padding: 305px 0 290px; background: url('https://jasperusa.sfo3.cdn.digitaloceanspaces.com/RuggierosBlackandWhiteCab/banner.webp'); background-size: cover; background-repeat: no-repeat; background-position: bottom; position: relative; }
.banner-car{position: absolute;bottom: 22px;left: 0; filter: drop-shadow(3px 18px 4px rgba(0 0 0/ 43%));}
.banner-content h1{font-weight: 700;font-size: 58px;margin-bottom: 25px;}


/*===== Welcome Sections =====*/
.welcome{padding: 75px 0 55px; position: relative;}
.welcome-img{margin-right: -70px;}
/*===== Services Sections =====*/
.services{padding: 70px 0 100px; background:url('https://jasperusa.sfo3.cdn.digitaloceanspaces.com/RuggierosBlackandWhiteCab/service-bg.webp') ; background-size: cover; }
.service-card{box-shadow: 3px 3px 39px 0px #00000026; background: hsl(0, 0%, 100%); color:#000; padding: 40px 40px 30px; text-align: center; border-radius: 10px; transition: .4s; }
.section-content .row .col-md-4:first-child .service-card{background: #c99802; color:#fff; }
.sevice-desc h5{font-size: 22px;font-weight: 600;line-height: 32px;  }
.service-desc p{margin: 25px 0;}

.service-card:hover{ background: #c99802; color:#fff;transform: translateY(-4px);}
/*===== why choose us ==== */
.why-choose-us{padding: 100px 0 ; color:#fff}
.wcu-card{background: #000000; padding: 60px 30px 0; border-radius: 10px;}
.wcu-list li{display: flex;align-items: center;margin-bottom: 30px;}
.wcu-list iconify-icon{font-size: 25px;color:#FBBE01; margin-right: 20px;}
/*===== Footer Section =====*/
.footer{background: #252525;color:#fff; padding: 65px 0 0px;}
.footer-list h5{margin-bottom: 40px; font-size: 20px;line-height: 30px;font-weight: 600;}
.icon-box{height: 38px; width: 38px; font-size: 24px; display: flex;align-items: center;justify-content: center; background: #FBBE01; border-radius: 2px; margin-right: 20px; }
.footer-list li{margin-bottom: 40px;}
.footer-list a{font-size: 16px;font-weight: 400;line-height: 20px;}
.footer-list a span{font-size: 12px;line-height: 13px;font-weight: 400;}
/*===== copyright Section =====*/
.copyright{ padding: 15px 0; border-top: #ffffff solid 2px;}
.copyright p{ color: #ffffff; font-size: 16px; text-align: center; }
.copyright p a{ color: #ffffff; text-decoration: none; font-weight: 600; }








/*========== Responsive ==========*/

@media(max-width:1399px)  {
  .welcome br,.commitment br{display: none;}

}

@media (max-width: 1199px){

}
@media (max-width: 991px){
 
}
@media (max-width: 767px){

  /*===== Header-section==== */
  .header{padding-top: 75px; background: #0f141a!important;}
  .header.home{ position: relative; padding-top: 20px;}
  .header .logo{margin-right: 0;}
  p{font-size: 14px;}
  .section-topic{margin-bottom: 30px;}
  .banner{ margin-top: 0; padding: 120px 0 ; background-position: left; }
  .banner-content h1, .banner-content h1 span {font-size: 30px;line-height: unset;}
  .banner-content p {font-size: 18px;}
  .banner br{display: none;}
  .banner-car{bottom: -90px;}


    /*===== Go To Top =====*/
    #back-top{ right: 10px; bottom: 10px; }
    #back-top a .fa{ font-size: 16px; width: 40px; height: 40px; padding-top: 10px; }
  
    /*===== Left Social Icon =====*/
    .share_icon .fa{ left: 9px; bottom: 9px; width: 42px; height: 42px; font-size: 20px; padding: 10px 2px 0 0; }
    .social_icon ul li .fa{ left: 10px; bottom: 10px; width: 40px; height: 40px; font-size: 20px; text-align: center; padding: 10px 0px 0 0; }
    .social_icon.active ul li:nth-child(3) .fa{ bottom: 130px; }
    .social_icon.active ul li:nth-child(2) .fa{ bottom: 90px; }
    .social_icon.active ul li:nth-child(1) .fa{ bottom: 50px; }
  
    /*===== Body Section =====*/
   
        br,.home-free-estimate::before{display: none;}
        .content br{display:block;}
        .section-heading { font-size: 24px!important; margin-top: 20px;line-height: unset;}
        .section-sub{font-size: 18px;}
        .section-heading p{ font-size: 16px; line-height: 30px; }
        .banner-content h5{font-size: 16px;}


        .welcome{ padding:120px 0 50px; }
        .welcome-img{position: relative; top: 0;}
        .welcome .section-heading{ padding-right: 0;margin: 15px 0; }
        .welcome .section-heading p{ font-size: 16px; line-height: 30px;  }
        .responsive{flex-direction: column-reverse;}
         
        .service-card{min-height: unset;}
        .owl-theme .owl-nav{transform: translateY(-80px);}
       .test-item{padding:10px 30px;}

  

  
  


        .footer, .footer.home{margin-top: 0;padding: 60px 0 0;}
        .footer-banner{padding: 25px;}
        .footer br{display: block;}
        .free-estimate-card .form-control{margin-bottom: 10px;}
        .footer-content h4{ margin-bottom: 15px; }
        .footer-content ul li,
        .footer-content p{ line-height: 30px; font-size: 14px; }
        .footer-content h3 span{ display: block;  margin-bottom: 5px; }
        .copyright-content{ padding: 0 30px; }


        /*===== Slider Section =====*/
        #owl-demo .owl-pagination{ width: 100%; top: 95%; }
        #owl-demo2 .owl-buttons .owl-prev{ left: -15px; }
        #owl-demo2 .owl-buttons .owl-next{ right: -15px; }
  
  }