*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
overflow-x:hidden;
}

/* HEADER */

.main-header{
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.05);
position:relative;
z-index:999;
}

.navbar-brand img{
    width:200px;
    height:auto;
}
@media (min-width:992px){
    .navbar-brand img{
        width:250px;
    }
}

.nav-link{
font-size:15px;
font-weight:600;
color:#333;
}

.nav-link.active{
color:#0d6efd;
}

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

.search-box input{
border:none;
border-bottom:1px solid #ccc;
padding:8px;
outline:none;
width:119px;
}

.call-btn{
background:#0b7c20;
padding:1px;
color:#fff;
text-decoration:none;
border-radius:2px;
}

/* HERO */

.hero{
position:relative;
min-height:550px;
background:url(images/banner.jpg);
background-size:cover;
background-position:center;
display:flex;
align-items:center;
}

.overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#4caf4f1f;
}

.hero-content{
position:relative;
z-index:2;
}

.hero-content h4{
font-size:15px;
font-weight:700;
color:#f5a032;
margin-bottom:20px;
}

.hero-content h1{
font-size:40px;
font-weight:700;
line-height:1.1;
color:#04ad56;
margin-bottom:35px;
}

.read-btn{
display:inline-block;
background:#f39a2d;
padding:5px 40px;
text-decoration:none;
color:#fff;
font-weight:600;
}

/* FORM */

.enquiry-form{
background:#fff;
padding:15px;
border-radius:10px;
position:relative;
z-index:2;
border:2px solid #e77455;
box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.enquiry-form h6{
text-align:center;
font-weight:700;
color:#0047ff;
}

.enquiry-form h2{
text-align:center;
font-size:32px;
font-weight:700;
/*margin-bottom:25px;*/
}

.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea{
width:100%;
padding:5px;
margin-bottom:10px;
border:1px solid #dcdcdc;
border-radius:5px;
outline:none;
}

.enquiry-form button{
width:100%;
padding:1px;
background:#c54b33;
border:none;
color:#fff;
font-size:22px;
font-weight:600;
border-radius:4px;
}

/* FLOATING TABS */
.left-tab,
.right-tab {
    position: fixed;
    right: 0;
    transform: translateY(-50%);
    color: #fff;
    padding: 15px 8px;
    writing-mode: vertical-rl;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    z-index: 9999;
    cursor: pointer;
    border-radius: 8px 0 0 8px;
    letter-spacing: 1px;
    white-space: nowrap;
}

.left-tab {
    top: 30%;
    background: #00a651;
}

.right-tab {
    top: 65%;
    background: #c54b33;
}

/* Tablet */
@media (max-width: 992px) {
    .left-tab,
    .right-tab {
        font-size: 12px;
        padding: 12px 6px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .left-tab,
    .right-tab {
        font-size: 11px;
        padding: 10px 5px;
        letter-spacing: 0.5px;
    }

    .left-tab {
        top: 30%;
    }

    .right-tab {
        top: 55%;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .left-tab,
    .right-tab {
      /*  display: none;*/
        font-size: 13px;
        padding: 8px 14px;
    }
}
@media (max-width: 480px) {    
.contact-info span{
    margin-right:20px;
    display: none;
}
}



/* MOBILE */

@media(max-width:991px){

.hero{
padding:25px 0;
}

.hero-content{
text-align:center;
margin-bottom:50px;
}

.hero-content h1{
font-size:42px;
}

.enquiry-form h2{
font-size:32px;
}
}

@media(max-width:576px){

.hero-content h4{
font-size:15px;
}

.hero-content h1{
font-size:25px;
}

.search-box{
display:none;
}

.call-btn{
font-size:13px;
}

}



/***top bar**/
.top-bar{
    background:#003ea8;
    padding:3px 0;
    color:#fff;
    font-size:14px;
}

.top-bar-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    
}

.contact-info span{
    margin-right:20px;
}



.social-icons{
    display:flex;
    align-items:center;
    gap:10px;
}

.social-icons a{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:17px;
    text-decoration:none;
    transition:all .3s ease;
    box-shadow:0 3px 10px rgba(0,0,0,.2);
}

.social-icons a:hover{
    transform:translateY(-4px) scale(1.1);
    box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.whatsapp{
    background:#25D366;
}

.facebook{
    background:#1877F2;
}

.youtube{
    background:#FF0000;
}

.linkedin{
    background:#0077B5;
}

.instagram{
    background:linear-gradient(
        45deg,
        #f09433,
        #e6683c,
        #dc2743,
        #cc2366,
        #bc1888
    );
}/**top bar end **/

/* Offcanvas container */
#mobileMenu {
    width: 280px;              /* Menu width */
    background-color: #ffffff;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.15);
}

/* Header */
#mobileMenu .offcanvas-header {
    background-color: #0d6efd;
    color: #fff;
    padding: 1rem 1.25rem;
}

/* Title */
#mobileMenu .offcanvas-title {
    font-size: 1.25rem;
    font-weight: 600;
}

/* Close button */
#mobileMenu .btn-close {
    filter: brightness(0) invert(1); /* Makes close icon white */
}

/* Body */
#mobileMenu .offcanvas-body {
    padding: 0;
}

/* Navigation list */
#mobileMenu .navbar-nav {
    width: 100%;
}

/* Navigation items */
#mobileMenu .nav-item {
    border-bottom: 1px solid #e9ecef;
}

/* Navigation links */
#mobileMenu .nav-link {
    padding: 14px 20px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Hover effect */
#mobileMenu .nav-link:hover {
    background-color: #f8f9fa;
    color: #0d6efd;
    padding-left: 28px;
}

/* Active link */
#mobileMenu .nav-link.active {
    background-color: #0d6efd;
    color: #fff;
}

/* Mobile adjustments */
@media (max-width: 576px) {
    #mobileMenu {
        width: 250px;
    }

    #mobileMenu .nav-link {
        font-size: 15px;
        padding: 12px 18px;
    }
}

@media (max-width:576px){

.top-bar-content{
    justify-content:center;
}

.contact-info{
    display:none;
}

.social-icons{
    gap:8px;
}

.social-icons a{
    width:32px;
    height:32px;
    font-size:14px;
}

}