.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}
.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:center}
.info{justify-content:center}
.quote{display:block;text-align:center;margin:10px}
}
.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:42px;
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;
	
}

.navbar-collapse{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    width:100%;
}

.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;
    }
}