@media (max-width: 1600px) {


 }

@media (max-width: 1366px) {


 }
 /* Responsive Design */
@media (max-width: 992px) {
    .main-title { font-size: 2.5rem; }
    .features-grid { grid-template-columns: repeat(2, 1fr); bottom: 20px; position: relative; transform: none; left: 0; margin-top: 40px;}
    .hero-section { height: auto; padding-top: 0px; padding-bottom: 60px; }
    .button-group { flex-direction: column; align-items: center; }
     .transparency-container { flex-direction: column; text-align: center; }
    .benefit-list li {  text-align: left;   }
}


@media (max-width: 768px) {
            
        }

@media only screen and (max-width:767px){
    .main_header.sticky {-webkit-animation: none;animation: none;}   
  
}

@media (max-width: 576px) {

}


@media only screen and (max-width:480px){

.topmain_section{ display: block;}
.top_left {justify-content: space-between;padding: 8px;}
.top_right{ display: none;}
.top_menu p{ display: none;}
.sign_main a p{ display: none;}
.header_mid_right { gap: 25px;}
}