/* ================================
   HEADER LOGO SIZE
================================ */

/* Normal logo */
.navbar-brand {
    display: flex;
    align-items: center;
    height: 90px;
}

.navbar-brand .logo-display {
    width: 210px;
    height: auto;
    max-height: 150px;
    object-fit: contain;
}
.navbar-brand .logo-scrolled{
    width: 152px;
    height: auto;
    max-height: 90px;
    object-fit: contain;
}
/* Sticky/Scrolled header */
.header.fixed .navbar-brand,
.header.sticky .navbar-brand {
    height: 80px;
}
.call-corner-btn {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

.header.scrolled .call-corner-btn {
    color: #000000 !important;
}
.header.fixed .navbar-brand .logo-display,
.header.fixed .navbar-brand .logo-scrolled,
.header.sticky .navbar-brand .logo-display,
.header.sticky .navbar-brand .logo-scrolled {
    width: 170px;
    max-height: 65px;
}


/* ================================
   DESKTOP NAVBAR ALIGNMENT
================================ */

@media (min-width: 992px) {

    .main-navigation .navbar {
        min-height: 90px;
    }

    .navbar-nav {
        align-items: center;
    }

    .header-nav-right {
        align-items: center;
    }

    .navbar-brand {
        margin-right: 30px;
    }
}


/* ================================
   MOBILE LOGO
================================ */

@media (max-width: 991px) {

    .navbar-brand {
        height: 70px;
    }

    .navbar-brand .logo-display,
    .navbar-brand .logo-scrolled {
        width: 155px;
        max-height: 100px;
    }
    
    .navbar-brand .logo-scrolled {
        width: 117px;
    }

    .main-navigation .navbar {
        min-height: 70px;
    }
}


  .residential-menu-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .residential-menu-item > a.dropdown-item {
            flex: 1;
        }
        
        .submenu-arrow {
            padding: 8px 15px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .submenu-arrow i {
            transition: transform 0.25s ease;
            font-size: 12px;
        }
        
            .navbar .nav-item .dropdown-menu .dropdown-item:hover .submenu-arrow i {
            transform: rotate(-90deg);
        }
        
        .dropdown-submenu.show > .residential-menu-item .submenu-arrow i {
            transform: rotate(180deg);
        }
        .mobilecontacticon{
            position: relative;
                z-index: 100001;
                pointer-events: auto;
                cursor: pointer;
                color:#ffffff;
        }
        .header:has(.navbar.fixed-top) .mobilecontacticon {
            color: #000000 !important;
        }
        .header:has(.navbar.fixed-top) .mobile-contact-icon.whatsapp {
            color: #000000 !important;
            border: 1px solid #000000;
        }
        
        
        
.ftr_fix_cta{
	width:100%;
	position:fixed;
	bottom:-150px;
	z-index:999;
	background:#000;
	padding: 10px 20px;
	box-shadow: 0px -10px 10px rgba(0,0,0,0.15);
}
   #callBack{display:none;}
.ftr_fix_cta .ctaFrm .inptBx{
	display:inline-block;
	position:relative;
	height:40px;
	background:#ffffff;
	border-radius:5px;
	padding:0px 8px;
	margin-right:10px;
	border:1px solid #666;
	color:#000000;
	letter-spacing:0.5px;
}
.ftr_fix_cta .ctaFrm .inptBx.ctPhn{width:140px;}
.ftr_fix_cta .ctaFrm .ctaAct{
    height:40px;
    width:25%;
    background:#fabd14;
    color:#000;
    display:inline-block;
    line-height:40px;
    font-size:22px;
    border-radius:5px;
    position:relative;
    text-align:center;
    overflow:hidden;
    border:none;
	display: inline-block;
	vertical-align: middle;
	border-radius:50px 0px;
	transition:all linear .2s;
}
.ftr_fix_cta .ctaFrm .ctaAct:hover{
	border-radius:10px 20px;
	background:#f2bf5b;
}
.ftr_fix_cta .ctaFrm .ctaAct:active{
	transform:scale(0.95);
}


.m_hero_txt_h{background:rgba(0,0,0,0.75);padding:30px;border-radius: 15px;
    margin-bottom: 30px;backdrop-filter: blur(7px);max-width:100%;width:480px;}
.m_hero_txt_h h2{font-size:28px;color:#faa452;margin-bottom:10px;}
.m_hero_txt_h p{color:#fff;font-size:18px;    line-height: 26px;}

@media (max-width: 1140px)
{
    .ftr_fix_cta .ctaFrm .inptBx.ctNm{ width: 170px;}
    
}

@media (max-width: 1067px)
{
    .ftr_fix_cta .ctaFrm .inptBx.ctEm{width:200px;}
    .ftr_fix_cta .ctaFrm .ctaAct{width: auto;font-size: 20px;padding: 0px 10px;border-radius: 15px;}
}

@media (max-width: 980px)
{
    #callBack{font-size:0;}
    .ftr_fix_cta .ctaFrm .inptBx, .ftr_fix_cta .ctaFrm .inptBx.ctNm,.ftr_fix_cta .ctaFrm .inptBx.ctPhn{width:30%;margin-right:3.2%;margin-top: 10px;}
    .ftr_fix_cta .ctaFrm .inptBx.ctEm{width: 63.3%;}
   .ftr_fix_cta .ctaFrm .ctaAct {    width: 29.7%; vertical-align: bottom;border-radius: 5px;}
}

 .mob_btm_q_cl_h{display:none;}
 
 @media (max-width: 667px)
{
    .ftr_fix_cta{padding:10px 0px;bottom:0;}
 
    .vdCtaSec  #callBack{display:block;}
    .mob_btm_q_cl_h{display:flex;}
    .mob_btm_q_cl{margin: 5px 10px;position:relative;}
    #s_btm_clbk_form{flex:1;cursor:pointer;}
    .mob_btm_q_cl span{display:block;font-size:12px;color:#ddd;}
    .mob_btm_q_cl a{display:block;font-size:20px;color:#fff;}
    .mob_btm_q_cl h6{display:block;font-size:20px;color:#fa0;}
    .ftr_fix_cta{background:#0c1422;}

}
@media (max-width: 480px)
{
    .mobilecontacticon{display:none;}
    
}

@media (max-width: 360px)
{
    .mob_btm_q_cl a,.mob_btm_q_cl h6{display:block;font-size:16px;}
    
}