@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap");

.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; margin-top: 15px !important; }







* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: 'Montserrat', sans-serif; margin: 0;

}

body {

  min-height: 100vh;

  width: 100%;

  background: #fff;

}



.container {

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 15px;

}



.main-header {

  padding: 0;

  border-bottom: 2px solid #E22D2D;

  position: sticky;

  top: 0;

  width: 100%;

  background: white;

  z-index: 1000;

}



.logo img {

  margin-top: 5px;



}



.nav-links {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 6px;

  flex-wrap: nowrap;

}

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

.header-left { display: flex; align-items: center; gap: 10px; }

.nav-links a { text-decoration: none; color: #333; margin: 0 3px; font-weight: 500; font-size: 0.75rem; white-space: nowrap; }

.nav-links a:hover { color: #ee0000; }



.cta-button { background: #E22D2D; color: white; padding: 10px 20px; border-radius: 30px; text-decoration: none; display: inline-flex; align-items: center; font-weight: 700; }

.cta-button:hover { filter: brightness(1.05); }



.hamburger { display: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 5px; }

.hamburger span { width: 25px; height: 3px; background: #333; transition: 0.3s; }



.contacts{

    background-color: #004c97; 

    color: white;        

    padding: 10px;   

    justify-content: center  ;

    text-align: center; 



    margin-top: 0%;

}



.cont {

    position: fixed;      

    top: 0;               

    left: 0;              

    width: 100%;          

    z-index: 1000;        

  

}



.cta-button { background: #E22D2D; color: white; padding: 15px 30px; border-radius: 30px; text-decoration: none; display: inline-block; font-weight: bold; }  

@media (max-width: 768px) {

    .cta-button { padding: 10px 20px; font-size: 0.9rem; margin-bottom: 30px;}}

.cta-button:hover {box-shadow:0 0 10px #e3001b;}

@media (max-width: 992px) {

    .header-flex { flex-direction: column; gap: 15px; }

    .nav-links { display: flex; flex-direction: column; gap: 15px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; width: 100%; }

    .nav-links a { margin: 0; text-align: center; }

    .hamburger { display: flex; }

    #menu-toggle:checked ~ .nav-links { max-height: 500px; }

    .logo img { margin-top: 40px;}

}



@media (max-width: 768px) {

    .wrapper { grid-template-columns: 1fr; height: auto; }

    .col-content { padding: 40px 20px; }

    .col-content h2 { font-size: 1.2rem; }

    .col-content p { font-size: 0.95rem; }

    .col-download { padding: 30px; }

    .download-btn { padding: 15px 20px; font-size: 0.8rem; }

}



@media (max-width: 480px) {

    .contacts { font-size: 0.8rem; padding: 8px; }

    .nav-links a { font-size: 0.8rem; }

    .cta-button { padding: 10px 20px; font-size: 0.9rem; }

    .col-content { padding: 20px 15px; }

    .col-content h2 { font-size: 1rem; }

    .col-download { padding: 20px; }

}