.top{background:#fff;color:#000;text-align:center;padding:12px;font-weight:700;letter-spacing:2px}
.header{padding:0px 0;background:#82c7e4}
.logo{max-height:80px; max-width:80% !important}
.info i{color:#ef6c1c;font-size:28px;margin-right:10px}
.info{display:flex;align-items:flex-start;gap:10px;margin:10px 0}
.navbar{background:#82c7e4}
.navbar .nav-link{color:#fff!important;font-weight:bold;padding:16px 30px 16px 30px !important}
.quote{background:#ffd7c2;padding:10px 18px;border-radius:4px;text-decoration:none;color:#000;font-weight:bold}
.social a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:#ef6c1c;color:#fff;border-radius:50%;margin-right:6px;text-decoration:none}
@media(max-width:991px){
.header .row>div{text-align:left !important}
.info{justify-content:left}
.quote{display:block;text-align:center;}
}
.align-items-center{
	width:100%;
}
.top-bar{
background:#f36a21;
color:#fff;
text-align:center;
padding:18px;
font-size:22px;
font-weight:600;
letter-spacing:6px;
text-transform:uppercase;
}

/*=========================
HEADER
==========================*/

.header{
background:#82c7e4;
}

.header .container{
display:flex;
justify-content:space-between;
align-items:center;
/*padding:25px 0;*/
}

.logo img{
height:80px;
}

.header-right{
display:flex;
align-items:center;
}

.info{
display:flex;
align-items:center;
/*padding:0 35px;*/
border-right:1px solid #ddd;
}

.info:last-child{
border-right:none;
}

.info i{
font-size:20px;
color:#f36a21;
margin-right:15px;
}

.info h4{
font-size:18px;
color:#555;
margin-bottom:5px;
}

.info p{
font-size:17px;
color:#666;
line-height:28px;
}

.social{
/*display:flex;*/
flex-direction:column;
}

.social-icons{
margin-top:10px;
}

.social-icons a{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:50%;
background:#f36a21;
color:#fff;
text-decoration:none;
margin-right:8px;
transition:.3s;
}

.social-icons a:hover{
background:#222;
}
.navbar{
    --bs-navbar-padding-y:0rem !important;
}
/*=========================
MENU
==========================*/
.navbar .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
	
}
@media (min-width: 992px) {
.navbar-collapse{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    width:100%;
}
	@media (max-width: 991px) {
    /* Push the quote button clear of margins and center stack it */
    .quote {
        display: inline-block;
        margin: 15px auto !important;
        width: 90%;
        text-align: center;
    }
    /* Set the mobile slideout z-index above standard components but lower than social sticky handles */
    .navbar-collapse {
        z-index: 999;
    }
}
}
/* Fix mobile dropdown display when clicked */
@media (max-width: 991px) {
    /* Forces the menu to show up clearly when clicked on mobile */
    .navbar-nav .dropdown-menu.show {
        display: block !important;
        position: static !important;
        float: none !important;
        background-color: rgba(255, 255, 255, 0.9);
        margin-top: 5px;
        border-radius: 4px;
    }
    
    /* Adjust dropdown text color inside the mobile wrapper for readability */
    .dropdown-item {
        color: #000 !important;
        padding: 10px 20px !important;
    }
}
@media (max-width: 991px) {
    .navbar-collapse.show {
        display: block !important;
        background: #82c7e4;
        padding: 10px 0;
    }
    .navbar-nav .nav-item {
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.15);
    }
    .navbar-nav .nav-link {
        padding: 12px 20px !important;
    }
}

.navbar-nav{
    display:flex;
    justify-content:flex-start;
    flex:none;
}
 
.navbar-nav .nav-item:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.25);
}

.navbar-nav .nav-item{
    flex:1;
	
    text-align:center;
}

.navbar-nav .nav-link{
    display:block;
    /*padding:22px 10px;*/
    color:#000 !important;
    font-weight:bold;
    white-space:nowrap;
    transition:.3s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    background:#f36a21;
}

.quote-btn{
    margin-left:30px;
    white-space:nowrap;
}

/*=========================
RESPONSIVE
==========================*/

@media(max-width:1200px){

.header .container{
flex-direction:column;
}

.header-right{
flex-wrap:wrap;
justify-content:center;
margin-top:20px;
}

.info{
margin:10px;
border:none;
}

.nav-container{
flex-direction:column;
}

.menu{
flex-wrap:wrap;
justify-content:center;
}

.quote-btn{
margin:20px;
}

}

@media(max-width:768px){

.top-bar{
font-size:14px;
letter-spacing:2px;
}

.logo img{
height:60px;
}

.header-right{
flex-direction:column;
}

.menu{
flex-direction:column;
width:100%;
}

.menu li{
width:100%;
text-align:center;
border-bottom:1px solid rgba(255,255,255,.2);
}

.quote-btn{
width:90%;
text-align:center;
margin-bottom:20px;
}

}

/* Dropdown */

.dropdown-menu{
    border:none;
    border-radius:0;
    padding:0;
    margin-top:0;
    min-width:240px !important;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.dropdown-item{
    padding:14px 20px;
    font-size:16px !important;
    font-weight:bold !important;
    color:#333;
    border-bottom:1px solid #eee;
    transition:.3s;
}

.dropdown-item:last-child{
    border-bottom:none;
}

.dropdown-item:hover{
    background:#1f3d84 !important;
    color:#fff  !important;
}

.dropdown-toggle::after{
    margin-left:8px;
	
}
/* Desktop Hover */

@media (min-width:992px){

.dropdown:hover>.dropdown-menu{
    display:block;
}

.dropdown-menu{
    display:none;
}

}

/*Side Panel*/
.social-sidebar{
    position:fixed;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.social-sidebar a{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-size:20px;
    text-decoration:none;
    transition:all .3s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.2);
}
.social-sidebar a:hover{
    transform:translateX(-8px) scale(1.08);
}
.facebook{
    background:#1877F2;
}
.instagram{
    background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4);
}
.linkedin{
    background:#0077B5;
}
.youtube{
    background:#FF0000;
}

.whatsapp{
    background:#25D366;
}
.twitter{
	 background:#000;
}
@media(max-width:768px){
    .social-sidebar{
        right:10px;
    }

    .social-sidebar a{
        width:42px;
        height:42px;
        font-size:18px;
    }
}


/* Custom manual toggle for mobile dropdown menu views */
@media (max-width: 991px) {
    .dropdown-menu.show-mobile-menu {
        display: block !important;
        position: static !important;
        float: none !important;
        background-color: #ffffff !important;
        margin: 5px 10px !important;
        border-radius: 4px !important;
        box-shadow: none !important;
    }
    
    .dropdown-menu.show-mobile-menu .dropdown-item {
        color: #000000 !important;
        padding: 12px 20px !important;
        border-bottom: 1px solid #eeeeee;
    }
	.navbar-toggler{
		margin: 10px;
	}
}
/* Mobile and Tablet Styles (Up to 991.98px) */
@media (max-width: 991px) {
    /* Your mobile menu styles go here */
	.mobile{ display: block;}
	.request{display: none;}
}

/* Desktop Styles (Starts exactly at 992px) */
@media (min-width: 992px) {
    /* Your desktop row alignments go here */
	.mobile{
		display: none;
	}
}