@import url('variables.css');
@import url('fonts.css');
body{font-family: 'Switzer', sans-serif;font-size: var(--fs-xs);color: var(--text);line-height: var(--lh-xs);}
* {outline: none !important;}
.heading{
    font-size: 43px;
    font-weight: 700;
}
.contentpara {
    font-size: 24px;
    font-weight: 600;
    line-height: 37.2px;
}
.bg_main {
    background: linear-gradient(to right, var(--primary), var(--secondary));
}
.bannerwidth{
    max-width: 600px;
   }
@media (max-width: 460px) {
    /* Your CSS rules go here */
  
   .bannerwidth{
    max-width: 260px;
   }
  
    /* Add more responsive styles as needed */
  }