@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
* {
    padding: 0px;
    margin: 0px;
}
body {
    position: relative;
    font-family: 'Marcellus', serif;
    background: #333333;
}
h1,h2,h3,h4,h5,h6,span,p {
    color: #fff;
}
p, a {
    font-size: 16px;
    text-decoration: none !important;
    transition: all 0.3s ease;
}span.pac-item-query {
    color: #fff !important;
}
.pac-container.pac-logo {
    background: #000;
}
.pac-item:hover {
    background-color: #404040;
}
section.reserve_row {
    background: #000;
    padding: 80px 0;
}
.copy-quote p a {
    color: #eabd5c;
}
.row {
    display: flex;
    align-items: center;
}
ul.ul_content.tp_pooi {
    max-width: 54%;
}

ul.ul_content.tp_pooi li {
    display: inline-block;
}
.lng_para a {
    color: #eabd5c;
}

header.site_header {
    padding: 10px 0;
    background: #000;
}

header.site_header {
    position: sticky;
    top: 0;
    z-index: 1002; 
}


header.site_header img {
    width: 100%;
}

nav.navbar button.navbar-toggler {
    display: none;
}

nav.navbar {
    margin: 0 !important;
}

nav.navbar {
    background: transparent !important;
}
.number_click a:hover {
    color: #eabd5c !important;
}
ul.navbar-nav li.nav-item {
    margin: 0 10px;
    padding: 0 10px;
}

ul.navbar-nav li.nav-item a.nav-link {
    color: #fff;
}

.site_book {
    text-align: right;
}

.site_book a {
    border: 2px solid #eabd5c;
    padding: 10px 25px;
    border-radius: 10px;
    color: #fff;
    transition: all 0.3s ease;
    background: #eabd5c;
    font-weight: 700;
}

.na_zone {
    display: flex;
    justify-content: end;
}
div#output {
    display: none;
}
.na_zone li {
    list-style: none;
}
.site_book a:hover {
    background: #fff;
    color: #000;
}

.home_banner {
    background: url(../images/banner.jpg);
    background-size: cover;
    background-position: center bottom;
    position: relative;
    z-index: 0;
    padding: 240px 0;
}

.home_banner:after {
    content: '';
    background: #00000012;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.home_banner .banner_content h1 {
    font-size: 51px;
    color: #fff;
    text-align: center;
    margin: 0 0 50px 0;
}

.banner_content .banner_btns {
    text-align: center;
}
.tps_marg {
    margin: 20px auto -10px;
}
.banner_btns a {
    border: 2px solid #eabd5c;
    padding: 10px 25px;
    border-radius: 10px;
    color: #000;
    transition: all 0.3s ease;
    background: #eabd5c;
    font-weight: 800;
}

.banner_btns a:hover {
    background: #fff;
    color: #000;
}

  /* fix blank or flashing items on carousel */
  .owl-carousel .item {
    position: relative;
    z-index: 100; 
  }
  .owl-nav {
    text-align: center;
    margin: 20px 0 0 0;
}

.txt_cnter li {
    display: inline-block;
}
.owl-nav i {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 75px;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    display: inline;
    margin: 0 10px;
}

  .second_section .row {
    overflow: hidden;
}

.se_content img {
    width: 100%;
}
.form-box  .col-md-6 {
    padding: 0 12px;
}

.form-box  select {
    width: 100%;
    height: 55px;
    background: transparent;
    color: #fff;
    text-indent: 10px;
    border: 2px solid #fff;
}

.whatsapp_icon img {
    width: 50% !important;
}

.whatsapp_float {
    position: fixed;
    bottom: 20%;
    right: -6px;
    z-index: 100;
    text-align: center;
}

.form-box select option {
    color: #000;
}

.whl_colmun {
    position: relative;
    transition: all 0.3s ease;
}

.whl_colmun img {
    height: 450px;
    object-fit: cover;
    border-radius: 20px;
}

.whl_colmun .icon_box {
    position: absolute;
    z-index: 5;
    bottom: -8px;
    padding: 20px;
    height: 121px;
    transition: all 0.3s ease;
}

.whl_colmun:hover .icon_box {
    height: 96%;
}

.loop_btn a {
    color: #fff;
    text-decoration: underline !important;
}

.whl_colmun .icon_box h3 {
    color: #fff;
    text-shadow: 0px 0px 2px #000;
    font-size: 22px;
}

.whl_colmun .icon_box p {
    color: #fff;
}

.whl_colmun:after {
    content: '';
    background-image: linear-gradient(to bottom, #0000002b, #0000002b, #0000002b, #0000009e, #00000096);
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 20px;
}

.whl_colmun:hover:after {
    opacity: 1;
}

.second_section {
    padding: 70px 0;
}

.second_section h2 {
    text-align: center;
    margin: 0 auto 50px;
    max-width: 46%;
    font-size: 45px;
}

.second_section  p.initial_para {
    margin: 0 auto 50px;
    text-align: center;
    max-width: 60%;
}

.icon_box i {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 42px;
    -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

section.section_three {
    background: #000;
    padding: 70px 0;
}

section.section_three h2 {
    text-align: center;
    margin: 0 auto 20px;
    max-width: 56%;
    font-size: 45px;
}

section.section_three h3 {
    text-align: center;
    margin: 0 0 70px 0;
}

.icons-box {
    text-align: center;
    background: #333;
    padding: 30px;
    box-shadow: 0px 0px 11px #eabd5cd9;
    outline: 2px solid #ccc;
    outline-offset: -10px;
    min-height: 280px;
}

.icons-box img {
    margin: 0 0 30px 0;
}

.icons-box .jp_content {
    font-size: 22px;
}

section.fourth_section {
    background: url(../images/limo1.jpg);
    background-size: cover;
    background-position: center center;
    padding: 100px 0;
    position: relative;
}

section.fourth_section:after {
    content: '';
    background: #0000009c;
    position: absolute;
    width: 54%;
    height: 100%;
    left: auto;
    top: 0;
    right: 0;
    z-index: 1;
}

.content_bxx {
    position: relative;
    z-index: 4;
}

.content_bxx h2 {
    color: #fff;
    font-size: 55px;
}

.content_bxx h3 {
    color: #fff;
    font-size: 35px;
}

.content_bxx .iner_content {
    border: 1px solid #000;
    padding: 20px;
    margin: 0 0 30px 0;
    background: #00000078;
    box-shadow: 0px 0px 11px #eabd5c94;
}
.content_bxx .iner_content i {
    color: #eabd5c;
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 22px;
}

.content_bxx .iner_content p {
    color: #fff;
}

section.five_section {
    padding: 80px 0;
}

section.five_section img {
    width: 100%;
}

.five_content h2 {
    margin: 0;
    font-size: 45px;
}

.five_content h3 {
    text-transform: capitalize;
    margin: 0 0 60px 0;
}

ul.style_icon {
    padding: 0;
}

ul.style_icon li {
    list-style: none;
    line-height: 40px;
    font-size: 19px;
    color: #fff;
}

ul.style_icon li i {
    font-family: 'FontAwesome';
    font-style: normal;
    margin: 0 10px 0 0;
    color:#fff;
}

section.sixth_section {
    padding: 90px 0;
    background: #2b2b2b;
    position: relative;
}

.sex_content {
    text-align: center;
}

.sex_content h2 {
    text-align: center;
    margin: 0 auto 20px;
    font-size: 41px;
}

.number_click {
    margin: 40px auto 0;
    max-width: 50%;
}

.number_click a {
    display: inline;
    font-size: 45px;
    color: #a3a3a3;
    transition: all 0.3s ease;
}

.number_click a:hover {
    color: #000;
}

.click_link {
    margin: 40px 0 0 0;
}


.click_link a {
    background: #eabd5c;
    padding: 15px 35px;
    display: inline-block;
    color: #000;
    border-radius: 10px;
    font-weight: 800;
}

.click_link a:hover {
    background: #a3a3a3;
}

section.sixth_section:after {
    content: '';
    background: url(../images/car.webp);
    background-size: cover;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    opacity: .1;
    background-attachment: fixed;
}

section.seveth_section {
    padding: 80px 0;
    background: url(../images/interior.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
}
section.seveth_section:after {
    content: '';
    background: #2b2b2b;
    position: absolute;
    width: 54%;
    height: 100%;
    left: auto;
    top: 0;
    right: 0;
    z-index: 1;
}

section.seveth_section .sevnth_content {
    position: relative;
    z-index: 4;
}

.sevnth_content h2 {
    font-size: 51px;
}

.sevnth_content h3 {
    font-size: 35px;
    margin: 0 0 40px 0;
}

.site_footer {
    background: #000;
    padding: 70px 0 20px;
}

.site_footer img {
    width: 100%;
}

.main_logo p {
    color: #fff;
    margin: 30px 0 0 0;
}

.site_footer ul li a {
    color: #fff;
}

.site_footer ul li {
    list-style: none;
    line-height: 39px;
    color: #fff;
}

.site_footer ul li a:hover {
    color: #acacac;
}

.use_links h3 {
    color: #fff;
    font-size: 24px;
    padding: 0 0 0 30px;
}

.copy-quote {
    text-align: center;
    margin: 60px 0 0 0;
}

.copy-quote p {
    color: #fff;
}

.sex_content {
    position: relative;
    z-index: 4;
}

.col-md-6 {
    padding: 0px 20px;
}

/*About Us Page*/
.inner_page_banner {
    padding: 350px 0 250px;
    background-size: cover !important;
    position: relative;
    background-position: center center !important;
}
section.inner_page_banner:after {
    content: '';
    background: #0000004f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

section.about_banner {
    background: url(../images/about_banner.jpg);
}

section.serviee_banner {
    background: url(../images/myserices.jpg);
}

section.area_banner {
    background: url(../images/areaswe.jpg);
}

section.conditions_banner {
    background: url(../images/termscondition.jpg);
    background-size: 100% 100% !important;
}

section.reserve_banner {
    background: url(../images/booknow.jpg);
}

section.inner_page_banner h1 {
    text-align: center;
    font-size: 60px;
    position: relative;
    z-index: 2;
    margin: 0 0 30px 0;
}
section.inner_page_banner p{
    text-align: center;
    max-width: 60%;
    margin: 0 auto;
}

section.cotnact_bgs {
    background: url(../images/contact-banner.jpg);
}

section.toronto_bgs {
    background: url(../images/corporate_bgs.jpg);
}

section.toronto1_bgs {
    background: url(../images/torontopearson.jpg);
}

section.wedding_bgs {
    background: url(../images/wedding1.jpg);
}

section.airports_bgs {
    background: url(../images/worldwideairport.jpg);
}

section.family_bgs {
    background: url(../images/family-transportation.jpg);
}

section.group_bgs {
    background: url(../images/grouptransportation.jpg);
    background-position: top center !important;
}

section.proms_bgs {
    background: url(../images/proms.jpg);
}

section.sightseeing_bgs {
    background: url(../images/sightseeing.jpg);
}

section.special_bgs {
    background: url(../images/specialoccasions.jpg);
}

section.policy_banner {
    background: url(../images/policies.jpg);
}

section.policy2_banner {
    background: url(../images/changepolice.jpg);
}

section.abt_sec_two {
    background: #000;
    padding: 80px 0;
}

section.abt_sec_two h2 {
    font-size: 55px;
}

section.abt_sec_two h3 {
    margin: 0 0 40px 0;
    color: #ccc;
}

section.lng_para {
    padding: 100px 0;
}

section.lng_para h3 {
    font-size: 45px;
    margin: 0 0 30px 0;
}

section.ab_section_three {
    padding: 80px 0;
}

section.ab_section_three h2 {
    text-align: center;
    font-size: 55px;
}

section.ab_section_three h3 {
    text-align: center;
    font-size: 35px;
    margin: 0 0 50px 0;
    color: #ccc;
}

section.contact_forms {
    padding: 110px 0;
    position: relative;
}

section.contact_forms:before {
    content: '';
    background: #000;
    position: absolute;
    width: 49%;
    height: 100%;
    top: 0;
    left: 0;
}
.ab_banner_heading {
    position: relative;
    z-index: 2;
}
.c_information {
    position: relative;
    z-index: 2;
}

.c_information p {
    padding: 0 80px 0 0;
    line-height: 35px;
}

section.contact_forms h2 {
    font-size: 50px;
}

section.contact_forms h3 {
    color: #ccc;
    margin: 0 0 40px 0;
}

.c_information form input {
    width: 100%;
    height: 50px;
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    text-indent: 10px;
}

.c_information form .row {
    margin: 20px 0 20px 0;
}

.c_information form textarea {
    background: transparent;
    border: 2px solid #fff;
    width: 100%;
    resize: none;
    text-indent: 10px;
    padding: 10px 0 0 0;
    color: #fff;
}

section.toranto_sec_two {
    padding: 80px 0;
}

section.als_servicesfl {
    padding: 100px 0;
    background: url(../images/legend-cover.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    background-attachment: fixed;
}

section.als_servicesfl:before {
    content: '';
    background: #00000082;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

section.als_servicesfl .container {
    position: relative;
    z-index: 2;
}

section.als_servicesfl h2 {
    font-size: 55px;
    text-align: center;
}

section.als_servicesfl h3 {
    text-align: center;
    margin: 0 0 50px 0;
    color: #ccc;
}

ul.ul_content {
    max-width: 80%;
    margin: 0 auto;
    column-count: 2;
    padding: 0;
}

ul.ul_content li {
    position: relative;
    line-height: 40px;
    color: #fff;
    list-style: none;
    padding: 0 0 0 20px;
    font-size: 13px;
}

ul.ul_content li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    color: #eabd5c;
}

.abts_sec .icons-box {
    min-height: 300px;
    display: flex;
    align-items: center;
}

.abts_sec .icons-box p.jp_content {
    font-size: 16px;
}

section.service_lasts {
    padding: 100px 0;
}

section.service_lasts h2 {
    font-size: 45px;
    margin: 0 0 30px 0;
}

ul.ls_uls li {
    color: #fff;
    line-height: 32px;
    list-style: none;
    position: relative;
    padding: 0 0 0 20px;
}

ul.ls_uls li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    color: #eabd5c;
}

ul.ls_uls li span {
    font-weight: bolder;
    font-size: 19px;
}

section.call_actions {
    padding: 150px 0;
    background: #000;
    border-bottom: 3px solid #333;
    position: relative;
}

section.call_actions h2 {
    font-size: 55px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 0 auto 50px;
    max-width: 60%;
    text-transform: capitalize;
}

.ct_nmber {
    text-align: center;
}

.ct_nmber a {
    border: 2px solid #eabd5c;
    padding: 10px 25px;
    border-radius: 10px;
    color: #000;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    background: #eabd5c;
    font-weight: 700;
}

.ct_nmber a:hover {
    background: #fff;
    color: #000;
}

section.call_actions:before {
    content: '';
    background: url(../images/toronto.webp);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: 0;
}

.tab button.tablinks {
    padding: 10px;
    background: transparent;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #fff;
}

.sec_imge img {
    width: 100%;
    height: 550px;
    object-fit: cover;
}

.wolds_ser {
    background: none !important;
    background-color: #000 !important;
}

section.content_alone {
    padding: 80px 0;
    text-align: center;
    margin: 0 auto;
}

section.content_alone p {
    font-size: 20px;
    max-width: 80%;
    margin: 0 auto 20px;
}

.cl_black {
    background: #000;
}

ul.ls_uls li a, .sec_content a {
    color: #ccc;
}

ul.ls_uls li a:hover, .sec_content a:hover {
    color: #fff;
}

.sec_imge1 img {
    width: 100%;
}

.colmns_heading img {
    width: 100%;
    min-height: 310px;
    object-fit: cover;
}

section.col_thress {
    padding: 100px 0;
}

.colmns_heading h4 {
    text-align: center;
    margin: 0 0  20px 0;
    min-height: 60px;
}

section.content_alone h3 {
    font-size: 45px;
    line-height: 75px;
}

.banner_content {
    position: relative;
    z-index: 10;
    top: 180px;
}

.ma-row {
    text-align: center;
    margin: 0 0 70px 0;
}

.ma-row h2 {
    font-size: 55px;
}

.special_pge h1 {
    font-size: 45px !important;
}

.ct_cons p.jp_content {
    font-size: 15px;
}

.ct_cons .icons-box {
    min-height: 300px;
}

.ct_cons .icons-box i {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 42px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #eabd5c;
}
.cont_same b {
    font-weight: 100;
}

.ct_cons a {
    color: #ccc;
    
}

.conit_dplu .mar_op {
    margin: 10px 0 -10px;
}

section.ser_dles {
    padding: 70px 0;
}

section.ser_dles img {
    width: 100%;
}

section.als_serv_loops {
    padding: 50px 0;
    text-align: center;
}

section.als_serv_loops h2 {
    font-size: 45px;
    text-transform: capitalize;
}

section.als_serv_loops h3 {
    text-transform: capitalize;
    color: #ccc;
    margin: 0 0 50px 0;
}

ul.lop_serviocs {
    padding: 0;
    column-count: 2;
    text-align: left;
    max-width: 750px;
    margin: 0px auto 0 200px;
}

ul.lop_serviocs li {
    list-style: none;
}

ul.lop_serviocs li a {
    color: #fff;
}

ul.lop_serviocs li a i {
    color: #eabd5c;
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 22px;
    margin: 0 10px 0 0px;
}
ul.lop_serviocs li {
    color: #fff;
    font-size: 22px;
}
.clps_disp {
    text-align: center !important;
    margin: 0 auto !important;
}

nav.navbar .my_logo {
    width: 27%;
}

div#navbarSupportedContent {
    justify-content: end;
}

.ols_mobiles {
        display: none;
    }
    

@media only screen and (max-width: 767px){
    nav.navbar button.navbar-toggler {
        display: block !important;
        background: #eabd5c;
    }
    nav.navbar .my_logo {
        width: 74%;
    }
    .site_book {
        display: none;
    }
    .site_book {
        display: none;
    }
    
    .home_banner {
        padding: 80px 0 60px;
    }
    
    .home_banner .banner_content h1 {
        font-size: 23px;
        margin-bottom: 17px;
    }
    
    .banner_content {
        top: 50px;
    }
    
    .second_section {
        padding: 40px 0;
    }
    
    .second_section h2 {
        max-width: 100%;
        font-size: 25px;
    }
    
    .second_section p.initial_para {
        max-width: 100%;
    }
    
    section.section_three h2 {
        max-width: 100%;
        font-size: 32px;
    }
    
    section.fourth_section {
        padding: 40px 0;
        background-position: left;
    }
    
    .content_bxx h2 {
        text-align: center;
        font-size: 26px;
    }
    
    .content_bxx h3 {
        text-align: center;
        margin: 0 0 30px 0;
    }
    
    section.fourth_section::after {
        display: none;
    }
    
    section.sixth_section {
        padding: 30px 0;
    }
    
    .sex_content h2 {
        font-size: 24px;
    }
    
    .number_click {
        max-width: 100%;
    }
    
    .sevnth_content h2 {
        text-align: center;
        font-size: 32px;
    }
    
    .sevnth_content h3 {
        text-align: center;
    }
    
    .sevnth_content p {
        text-align: center;
    }
    
    section.seveth_section::after {
        width: 100%;
        background: #00000087;
    }
    
    section.call_actions {
        padding: 30px 0;
    }
    
    section.call_actions h2 {
        max-width: 100%;
        font-size: 26px;
    }
    
    .ct_nmber a {
        font-size: 12px;
    }
    .site_footer {
        text-align: center;
    }
    
    .site_footer .use_links h3, .site_footer .use_links ul {
        padding: 0;
    }
    
    .site_footer .use_links h3 {
        margin: 30px 0 20px 0;
    }
    
    .copy-quote {
        margin: 20px 0 0 0;
    }
    .ols_mobiles {
        display: block;
    }
    .inner_page_banner {
        padding: 60px 0;
    }
    
    .inner_page_banner h1 {
        margin: 0 !important;
        font-size: 32px !important;
    }
    
    .sec_imge img {
        height: auto;
    }
    
    .sec_content {
        text-align: center;
    }
    
    section.abt_sec_two h2 {
        font-size: 32px;
        margin: 30px 0 0 0;
    }
    
    section.ab_section_three {
        padding: 30px 0;
    }
    
    section.ab_section_three h2 {
        font-size: 32px;
    }
    section.inner_page_banner p {
        max-width: 100%;
    }
    
    section.contact_forms {
        padding: 50px 0;
        text-align: center;
    }
    
    section.contact_forms h2 {
        font-size: 32px;
    }
    
    .c_information p {
        padding: 0;
    }
    
    section.contact_forms::before {
        display: none;
    }
    .sec_content h2 {
        margin: 20px 0 10px 0;
    }
    
    section.als_servicesfl {
        padding: 30px 0;
    }
    
    section.als_servicesfl h2 {
        font-size: 29px;
    }
    
    ul.ul_content.tp_pooi {
        max-width: 100%;
        column-count: 1;
        text-align: center;
    }
    
    ul.ul_content.tp_pooi li {
        font-size: 15px;
    }
    
    .display_para .offset-6 {
        margin: 0;
        text-align: center;
    }
    
    section.service_lasts h2 {
        font-size: 32px;
    }
    
    .tab button.tablinks {
        width: 100%;
        margin: 0 0 11px 0;
    }
    
    .tabcontent ul.ls_uls {
        padding: 0;
        margin: 20px 0 0 0;
    }
    
    section.service_lasts .offset-6 {
        margin: 30px 0 0 0;
        text-align: center;
    }
    section.als_serv_loops h2 {
        font-size: 32px;
    }
    
    ul.lop_serviocs li {
        font-size: 16px;
        line-height: 32px;
    }
    section.lng_para h3 {
        text-align: center;
        font-size: 32px;
    }
    
    section.lng_para p {
        text-align: center;
    }
    
    section.lng_para h4 {
        text-align: center;
        margin: 50px 0 20px 0;
    }
    section.col_thress {
        padding: 40px 0;
    }
    
    .ma-row h2 {
        font-size: 30px;
        margin: 0 0 30px 0;
    }
    
    .colmns_heading h4 {
        margin: 40px 0 20px 0;
    }
    .sec_content p {
        margin-top: 20px;
    }
    .sec_content ul.ls_uls {
        padding: 0;
        text-align: left;
    }
    ul.ul_content {
        max-width: 100%;
        column-count: 1;
    }
    
    ul.ul_content li {
        font-size: 15px;
    }
    section.content_alone h3 {
        font-size: 26px;
        line-height: 38px;
    }
    li.nav-item.dropdown.show {
        padding: 0 !important;
        margin: 0 !important;
    }
    .whl_colmun .icon_box {
        height: 111px;
        bottom: 0;
    }
    header.site_header img {
        width: 70%;
    }
    .banner_btns a {
        font-size: 14px;
        padding: 10px 20px;
    }
    .whatsapp_float {
        right: auto;
        left: -10px;
        bottom: 18px;
    }

}

@media only screen and (min-width: 767px) {
    li.nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
}

/* Header starts transparent */
header.site_header {
    background-color: transparent;
    transition: background-color 0.4s ease, box-shadow 0.3s ease;
}

/* Header becomes black after scrolling */
header.site_header.scrolled {
    background-color: #000000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}


/* blog stuff */
.blog-hero {
  text-align: center;
  background: #000;
  color: #fff;
  padding: 80px 20px 40px;
}
.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  padding: 60px 20px;
}
.blog-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  overflow: hidden;
  text-align: center;
  transition: transform 0.3s;
}
.blog-card:hover { transform: translateY(-5px); }
.blog-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.blog-card h2 { font-size: 1.2rem; margin: 15px 0 10px; padding: 0 10px; }
.blog-card p { color: #555; padding: 0 15px; }
.blog-card .btn {
  display: inline-block;
  margin: 15px 0 25px;
  background: #000;
  color: #fff;
  padding: 10px 22px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.3s;
}
.blog-card .btn:hover { background: #444; }


.blog-post {
  max-width: 800px;
  margin: 80px auto;
  line-height: 1.7;
  color: #333;
  padding: 0 20px;
}
.blog-post h1 { font-size: 2rem; margin-bottom: 10px; }
.blog-post .meta { color: #777; font-size: 0.9rem; margin-bottom: 25px; }
.blog-post img.post-banner {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 25px;
}
.blog-post h2 { margin-top: 35px; }
.blog-post .cta-box {
  margin: 40px 0;
  padding: 30px;
  background: #f5f5f5;
  border-radius: 10px;
  text-align: center;
}
.blog-post .cta-box .btn { background: #000; color: #fff; }



/* BLOG FIXES */
.blog-post {
    max-width: 900px;
    margin: 0 auto;
}

.blog-post p,
.blog-post h2,
.blog-post h3,
.blog-post ul {
    text-align: left;
}

.blog-post a {
    color: #eabd5c;
    font-weight: 600;
}

.blog-post a:hover {
    color: #ffffff;
    text-decoration: underline;
}