.contact-left {display: inline-block;width: 23%;    padding: 10px;
}
.contact-center {display: inline-block;width: 26%;    padding: 10px;
}
.contact-right {display: inline-block;width: 20%;    padding: 10px;
}
.contact-right-img {display: inline-block;width: 29%;
}
.contact-right-img img {width: 80%;vertical-align: unset;margin: 0px auto;display: block;}
.footer p {font-size: 15px;font-weight: 500;color: #fff;text-align: justify;line-height: 26px;}


/*------------------- add css------------------------------*/

.event-content i.fa-solid.nwcs {font-size: 28px;border: 2px solid #fff;padding: 8px 6px;border-radius: 35px;width: 50px;height: 50px;color: #fff;}




@media only screen and (min-width:320px) and (max-width:767px) {
    section.features { height: auto;}
    .feature-box { display: block; width: 100%;border-bottom: 1px solid #d4a017;border-right: 0px;}
    .feature-box:last-child {border-bottom: 0px solid #d4a017;}
    .contact-banner {background: linear-gradient(to right, #0A0A0A, #1D1208, #4A2F11, #7a5417, #a5781c);height: auto; padding: 20px 0px;}
    .contact-left {display:block;width: 100%;}
    .contact-center {display:block;width: 100%;}
    .contact-right {display:block;width: 100%;}
    .contact-right-img {display: block;width: 100%;}
    .event-card img {height: 220px;}
    .event-content {background: unset;}
    .footer { padding: 40px 0 0px;height: auto; background: linear-gradient(to right, #000, #4A2F11, #000, #1D1208, #000);}
    .hero-section {background: url(/assets/images/mob-bg-banner.webp); background-size: cover; background-position: center;height: 623px;}
    .section-title h2 { font-size: 27px;}
   .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { display: contents;flex-wrap: inherit; align-items: center; justify-content: space-between;}
    

   button.navbar-toggler { background: #fff; margin-right: 12px;} 
    
    
    
   
}