:root {
  --primary-color: #ffffff;
  --Secondary-color: #D9013E;
  --Tertiary-color: #0E3952;
  --Quaternary-color: #4692BE;
  --color-1: #1b4d6a;
  --color-2: #002439;
  --color-3: #022336;
  --color-4: #174762;
  --color-5: #093149;
}
@media (max-width: 991px) {
  html {
    font-size: 2.777777777777778vw;
    font-size: 2.336448598130841vw;
  }
  .hide_mob {
    display: none !important;
  }
  .header1::after{
    display: none;
  }
  .sec1-content {
    width: auto;
  }
  .section1 {
    height: 100vh;
    height: auto;
    width: auto;
    padding: 9rem 0 14.4rem 0;
    display: block;
    min-height: initial;
  }
  .sec-container {
    width: 35.4rem;
  }
  .section1 .sec-container {
    width: 100%;
  }
  .sec1-container {
    height: auto;
    min-height: initial;
    background-image: url(../../images/img2_m.jpg);
    background-position: top left;
  }
  .sec1-content img {
    top: 1.3rem;
    right: 0.3rem;
    width: 34rem;
    height: auto;
    margin: 0 auto;
  }
  h1 {
    font-size: 3.5rem;
    line-height: 4rem;
    width: 26.7rem;
    padding: 19.7rem 0 11rem 0;
    margin: 0 0 0 auto;
  }
  .sec1-card {
    width: 39.4rem;
    height: auto;
    left: 1.7rem;
    bottom: -12.2rem;
  }
  .section1::after, .section3::after {
    background-repeat: no-repeat;
    background-position: top -4.1rem right -36.8rem;
    background-image: url(../../images/stare2.png);
  }
  header {
    height: 9rem;
  }
  .header-container {
    width: auto;
  }
  header .logo {
    margin: 0 auto;
    width: 21.9rem;
  }
  .btn-primary img {
    width: 3rem;
    margin-right: 1rem;
  }
  .btn-primary {
    font-size: 2.9rem;
    line-height: 2.9rem;
    padding: 0;
    border-radius: 1.5rem;
  }
  header .btn-primary {
    position: fixed;
    bottom: 2.3rem;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    max-width: 100rem;
  }
  header::after {
    content: ' ';
    width: 100%;
    height: 14.4rem;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #164561;
    background-color: transparent;
    z-index: 998;
  }
  .section2 {
    padding: 4.4rem 0 0 0;
  }
  .section2 .sec-container {
    display: block;
    padding-bottom: 0;
    margin-bottom: 4.4rem;
  }
  .sec2-1 {
    width: auto;
  }
  .sec2-2 {
    width: auto;
    height: auto;
    background-image: none;
  }
  .sec2-1 p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: 0.005rem;
    margin-bottom: 2.5rem;
  }
  .sec2-1 p:nth-child(3){
    margin-bottom: 3.5rem;
  }
  .sec2-1 .btn-primary {
    display: none;
  }
  .sec2-2-container{
    width: auto;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 14.3rem 2.7rem 2.8rem 2.7rem;
  }
  .sec2-2-container::after {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 12.6rem;
    background-image: url(../../images/img3_m.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
  }
  .sec2-2-container h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    margin: 0 auto 2.5rem auto;
  }
  .sec2-2-container .d-flex h3 {
    padding-left: 2.2rem;
    font-size: 5rem;
    line-height: 4.5rem;
  }
  .sec2-2-container .d-flex p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    width: 18.1rem;
  }
  .sec2-2-container .d-flex h3 sup {
    font-size: 2.5rem;
    top: -1.2rem;
  }
  .sec2-2-container .d-flex {
    margin-bottom: 2rem;
  }
  .sec2-2-container .btn-primary {
    width: 100%;
    margin-top: 3.5rem;
  }
  .bottom-bar {
    height: auto;
    padding: 3.7rem 0 3rem 0;
  }
  .bottom-bar .h2 {
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 2.5rem;
  }
  .bottom-bar .sec-container {
    width: 100%;
  }
  .hide_tab {
    display: none !important;
  }
  .bottom-bar-container {
    width: auto;
    display: block;
  }
  .bottom-bar-box {
    width: auto;
    margin-bottom: 3rem;
  }
  .bottom-bar-box .p1 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .bottom-bar-box .p1 span {
    font-size: 3rem;
  }
  .bottom-bar-box .p2 {
    font-size: 1.8rem;
    line-height: 2rem;
    margin-top: 0rem;
  }
  .bottom-bar-box:last-child{
    margin-bottom: 0;
  }
  .bottom-bar .sec-container {
    margin-bottom: 0;
  }
  .section3 {
    padding: 5rem 0 3.8rem 0;
  }
  .section3 .title {
    width: auto;
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 7rem;
  }
  .slick2,
  .slick-holder {
    height: auto;
  }
  .slick2 {
    position: initial;
  }
  .slick-box {
    position: initial;
    width: auto;
  }
  .slick1 {
    width: auto;
    padding: 5rem 3.5rem 10rem 3.5rem;
  }
  .slick1 h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 3.5rem;
  }
  .slick1 p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 0;
  }
  .slick1-slide {
    padding-bottom: 0;
  }
  .slick1 .slick-dots {
    bottom: 3.7rem;
    left: 50%;
    right: initial;
    transform: translateX(-50%);
  }
  .slick2-div {
    height: 29.7rem;
  }
  .section4 {
    display: block;
  }
  .sec4-zone1 {
    width: auto;
    padding: 6.3rem 3.7rem 0 3.7rem;
  }
  .sec4-zone1 .title {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 5.5rem;
    padding: 0;
  }
  .sec4-zone1 .text {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
  }
  .sec4-zone1 .text b {
    font-size: 2rem;
    line-height: 3rem;
  }
  .sec4-zone1-box {
    display: block;
  }
  .sec4-zone1-box img {
    width: 9.1rem;
    margin: 0 auto 1rem auto;
  }
  .sec4-zone1-box h3 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  .sec4-zone1-box h3 sub{
    display: block;
    font-size: 1.4rem;
    bottom: 0;
  }
  .sec4-zone1-box p {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  .box-slide-mob {
    padding-bottom: 11rem;
  }
  .sec4-zone2 {
    width: auto;
  }
  .sec4-zone2-box {
    position: initial;
    width: auto;
    padding: 31.5rem 3.9rem 5rem 3.9rem;
    position: relative;
    bottom: initial;
    left: initial;
  }
  .sec4-zone2-box::after {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    height: 26.1rem;
    background-image: url(../../images/img4_m.png);
    background-size: cover;
    z-index: 1;
    content: '';
  }
  .input-holder-1,
  .input-holder-2 {
    width: auto;
  }
  .form-holder {
    height: auto;
  }
  .circle {
    width: 24.8rem;
    z-index: 9;
    left: initial;
    right: -3.5rem;
    top: -22.2rem;
  }
  .sec4-zone2-box h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .input-holder-1 label {
    width: 16rem;
    font-size: 1.8rem;
    line-height: 1.8rem;
    height: 5.6rem;
    padding-bottom: 0;
    border-bottom: 1.4rem solid var(--Quaternary-color);
  }
  .input-holder-1 input:checked + label::after {
    background-image: url(../../images/triangle2.png);
    width: 1.835rem;
    height: 1.525rem;
    top: calc(100% + 1.1rem);
  }
  .input-holder-1 {
    margin-bottom: 4.6rem;
  }
  .input-holder-2 label {
    width: 16rem;
    font-size: 3.5rem;
    line-height: 3.5rem;
    padding: 2.6rem 0 4.2rem 0;
    margin-bottom: 2.5rem;
  }
  .input-holder-2 input[type="text"] {
    width: 100%;
    margin-bottom: 3.8rem;
    height: 7.5rem;
    font-size: 2.5rem;
  }
  .input-holder-2 .btn-primary {
    width: 100%;
    margin: 0 auto;
  }
  footer {
    padding: 3.5rem 0 14rem 0;
  }
  footer .sec-container {
    display: block;
  }
  footer .sec-container .logo {
    width: 28.3rem;
    margin: 0 auto 6rem auto;
  }
  .share-media {
    width: auto;
    margin-bottom: 7rem;
  }
  .share-media a {
    width: 5.4rem;
    height: 5.4rem;
  }
  .footer-url {
    float: initial;
    text-align: center;
    font-size: 1.6rem;
  }
  .share-media a:nth-child(1) img {
    width: 1.5rem;
  }
  .share-media a:nth-child(2) img {
    width: 2.88rem;
  }
  .share-media a:nth-child(3) img {
    width: 2.964rem;
  }
  .share-media a:nth-child(4) img {
    width: 3.841rem;
  }
  .share-media a:nth-child(5) img {
    width: 2.7rem;
  }
  .box-slide-mob .slick-arrow,
  .slick1 .slick-arrow{
    width: 2.6rem;
    height: 4.6rem;
    display: block;
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    font-size: 0;
    position: absolute;
    top: 2.3rem;
    z-index: 999;
  }
  .slick1 .slick-next{
    right: 2rem !important;
  }
  .slick1 .slick-prev{
    left: 2rem !important;
  }
  .slick1 .slick-prev,
  .box-slide-mob .slick-prev{
    background-image: url(../../images/arrow-l.svg);
    left: 0;
  }
  .slick1 .slick-next,
  .box-slide-mob .slick-next{
    background-image: url(../../images/arrow-r.svg);
    right: 0;
  }
  .close-popup-ml {
    right: 0.5rem;
    position: sticky;
    top: 0rem;
    left: 32rem;
  }
  .slick1 .slick-arrow {
    top: initial;
    bottom: 2.5rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  html {
    font-size: 0.5208333333333333vw;
  }
  .hide_desk {
    display: none !important;
  }
  .grow {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .btn-primary,
  .btn-primary .img {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .btn-primary:hover {
    background-color: var(--primary-color);
    color: var(--Secondary-color);
  }
  .btn-primary:hover img{
    filter: brightness(0) saturate(100%) invert(19%) sepia(97%) saturate(6543%) hue-rotate(337deg) brightness(83%) contrast(106%);
  }
  .sec2-2-container .btn-primary,
  .input-holder-2 .btn-primary{
    padding: 0 calc(3.8rem - 2px);
    border: 1px solid var(--Secondary-color);
  }
}