* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
  }
  
  :root {
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 35);
    --duration: 60s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
    --bg-blue: #00335e;
    --bg-white: #FFFFFF;
    --bg-red: #EE2110;
    --text-color-red: #EE2110;
    --text-color-white: #FFFFFF;
    --text-color: #111111;
    --inter: 'Inter';
    --test-n-2: 'TestNational2';
    --bg-color-greywhite: #F4F4F4;
  }
  
  /* @font-face {
    font-family: 'TestNational2';
    src: url('/font/TestNational2/TestNational2-Bold-BF663c3f490c32f.otf') format('opentype');
    src: url('/font/TestNational2/TestNational2-Medium-BF663c3f4904b1a.otf') format('opentype');
    src: url('/font/TestNational2/TestNational2-Regular-BF663c3f4a23d54.otf') format('opentype');
  
  }
  
  @font-face {
    font-family: 'inter';
    src: url('/font/Inter/Inter-VariableFont_slnt,wght.ttf') format('opentype');
  } */
  
  
  @font-face {
    font-family: 'TestNational2';
    /* src: url('/font/TestNational2/TestNational2-Bold-BF663c3f490c32f.otf') format('opentype');
    src: url('/font/TestNational2/TestNational2-Medium-BF663c3f4904b1a.otf') format('opentype');
    src: url('/font/TestNational2/TestNational2-Regular-BF663c3f4a23d54.otf') format('opentype'); */
    src: url("../font/TestNational2-Medium.otf") format('opentype');
  }
  
  @font-face {
    font-family: 'inter';
    src: url('/font/Inter/Inter-VariableFont_slnt,wght.ttf') format('opentype');
  }
  
  
  a {
    text-decoration: none;
  }
  


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

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

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

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

@media only screen and (max-width:992px) {
    .explore-more {
        .banner-image img {
            float: right;
        }
    }
    .footer-ad {
        background-color: var(--bg-white);
        .container-fluid {
          min-height: 406px;
          padding: 2rem 1rem !important;
        }
    }
}

@media only screen and (max-width:768px) {
    .footer-ad {
        .set-info-ad {
            width:100%;
        }
    }
    .footer-ad {
        .associated-2 {
            display:block;
            flex-direction: column;
            align-items: center;
            text-align: left;
        }
    }
    .banner-image img {
        height: 279px !important;
        width: 446px !important;
    }
    .explore-more {
        .banner-content h1 {
            font-size: 40px !important;
            line-height: 50px !important;
        }
            .banner-content p {
                font-size: 16px !important;
                margin-bottom: 30px !important;
            }
    }
    /* .container-fluid {
        height:800px!important;
      } */
}

@media only screen and (max-width:576px) {
    .footer-ad {
        .set-info-ad {
            width: 100%;
        }
        .associated {
            margin-bottom: 10px;
        }
        .associated-2 {
            margin-bottom: 10px;
        }
    }
    .banner-image img {
        height: 230px !important;
        width: auto !important;
    }
    .explore-more {
        .banner-content h1 {
            font-size:25px !important;
            line-height: 38px !important;
        }
        .banner-content {
            padding: 30px 20px;
        }
        .explore-btn {
            padding: 11px 20px !important;
        }
    }
    
    .footer-ad {
        .footer-img {
            text-align: center !important;
            position: relative;
            top: -56px;
        }
    }
    .footer-ad {
        & .copyright {
            margin-bottom: 100px;
            .aligncopyright-left {
                justify-content: center;   
            }
        }
        p{
            /* font-size: 10px; */
        }
    }
    .aligncopyright {
       position: relative;
       top: 100px;
      }
      .aligncopyright p{
        font-family: var(--inter);
        font-size: 12px;
      }
}

@media only screen and (max-width:400px){
    .explore-more {
        .banner-content h1 {
            font-size:23px !important;
            line-height: 30px !important;
        }
    }
    .aligncopyright {
        position: relative;
        top: 114px;
       }
       .aligncopyright p{
        font-family: var(--inter);
        font-size: 10px;
      }
}