@media only screen and (min-width: 300px) and (max-width: 450px) {	
	html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-family: sans-serif;
      }
      
      body {
        margin: 0;
      }
    
    .maine{
        font-size: 20px;
        margin-top: 10px;
        font-weight: bold;
        text-transform: none;
        color: #111;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
      
      }
      .subheady{
        justify-content: center;
        display: flex;
        text-align: center;
      }

    li {
        font-size: 10px;
        margin-right: 0;
        margin-left: 180px;
        justify-content: center;
        display: flex;
        text-align: start;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }
    .rectangle{
        width: 20rem;
        height: 18rem;
        position: relative;
        margin-top: 20px;
        
        margin-left: 10px;
        margin-right: 10px;
        background-color: #040846;
      }

      .selection{
        margin-left: 410px;
        width: 60px;
        margin-top: 0px;
        height: 20px;
        margin-right: 0px;
        font-size: 10px;
      }
    
      .left-text {
        
            position: absolute;
            top: 5px;
            left: 10px;
       
      }
      .lefts{
        font-size: 10px;
        margin-left: 10px;
        margin-top: 40px;
        font-weight: bold;
        text-transform: none;
        color: #fff;
        text-align: start;
        font-family: Arial, Helvetica, sans-serif;
      }
      .rightu{
        font-size: 10px;
        margin-right: 60px;
        margin-top: 5px;
        font-weight: lighter;
        margin-left: 380px;
        text-transform: none;
        color: #fff;
        text-align: start;
        font-family: Arial;
      }
      .right {
        font-size: 10px;
        margin-right: 0px;
        margin-top: 10px;
        font-weight: bold;
        margin-left: 200px;
        text-transform: none;
        color: #fff;
        text-align: start;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    .pre{
        position: absolute;
    top: 5px;
    width: 80px;
    margin-left: 0;
    background: rgb(131, 223, 231);
    color: #05093f;
    text-transform: uppercase;
    z-index: 2;
    text-align: center;
    height: 20px;
    padding: 0.1px 0.1px 0.1px 0.1px;
    font-size: 8px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border-radius: 9px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    }
    .std{
        
        background: rgb(232, 248, 85);
        color: #222121;
        position: absolute;
        top: 5px;
        width: 80px;
        margin-left: 0;
       
        text-transform: uppercase;
        z-index: 2;
        text-align: center;
        height: 20px;
        padding: 0.1px 0.1px 0.1px 0.1px;
        font-size: 8px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        border-radius: 9px;
        margin-left: 10px;
        margin-top: 5px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    
      .rightty{
        font-size: 10px;
        margin-right: 0px;
        margin-top: 0px;
        font-weight: 100;
        text-transform: none;
        color: #fff;
        margin-left: 180px;
        text-align: start;
        font-family: Arial, Helvetica, sans-serif;
      }


      .para{
        font-size: 10px;
        margin-left: 10px;
        margin-top: 10px;
        font-weight: 500;
        text-transform: none;
        color: #fff;
        text-align: start;
        font-family: Arial, Helvetica, sans-serif;
      }
      .right-text {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 18px;
        margin-right: 40px;
        margin-top: 10px;
        
        text-transform: none;
        color: #080241;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
      }
      .btn {
        padding: 10px 0;
        /* width: 00px; */
        margin-right: 0px;
        margin-left: 21.5px;
        text-align: center;
      }
      
      .btn a {
        background: #ecebeb;
        padding: 1.5px 3.8px;
        color: #111;
        text-transform: uppercase;
        font-weight: 700;
        text-decoration: none;
    }
      .hidden{
        display: none;
        font-size: 10px;
        margin-left: 325px;
        margin-right: 0px;
        margin-top: 10px;
        font-weight: lighter;
        text-transform: none;
        color: #fff;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
    }
    .new{
        margin-left: 350px;
        padding: 1px 1px;
        font-size: 8px;
    }
      .button {
        background-color: #fff;
        border: none;
        color: #111;
        padding: 15px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        width: 200px;
        margin-left: 15px;
        margin-top: 15px;
      }
    
      .button4 {border-radius: 36px;}
    
      .vertical {
        border-left: 3px solid rgb(150, 231, 220);
        height: 18rem;
        position: absolute;
        left: 50%;
    }
    
    .hot {
        position: absolute;
        top: 5px;
        width: 80px;
        margin-left: 0;
        background: rgb(251, 252, 252);
        color: #05093f;
        text-transform: uppercase;
        z-index: 2;
        text-align: center;
        height: 20px;
        padding: 0.1px 0.1px 0.1px 0.1px;
        font-size: 8px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        border-radius: 9px;
        margin-left: 10px;
        margin-top: 5px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    
    ul {
        
        font-size: 13px;
        line-height: 1.5em;
        margin: 5px 0 15px;
        padding: 0;
        li {
            list-style: none;
            position: relative;
            padding: 0 0 0 20px;
        }
    }
    
    ul.circle-checkmark {
        li {
            &::before {
          content: ""; 
          position: absolute; 
          left: 0; 
          top: 2px; 
          border: solid 8px #ffff;
          border-radius: 8px ;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
            }
        &::after {
          content: ""; 
          position: absolute; 
          left: .25%;
          top: 5px;
          width: 3px;
          height: 6px;
          border: solid #06103b;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        }
    }
    
    .section-padding {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    
    .sectcontainer{
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
    }
    
    .row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
    }
    
    .text1 {
      text-transform: none;
      font-size: 22px;
      text-align: center;
      color: #fff;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bolder;
      
    }
    
    .accordion-button::after {
      flex-shrink: 0;
      width: var(--bs-accordion-btn-icon-width);
      height: var(--bs-accordion-btn-icon-width);
      margin-left: auto;
      content: "";
      background-image: var(--bs-accordion-btn-icon);
      background-repeat: no-repeat;
      background-size: var(--bs-accordion-btn-icon-width);
      transition: var(--bs-accordion-btn-icon-transition);
    }
    
    .text4{
      color: #111;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 500;
      font-size: 18px;
      text-align: start;
    }
    .text3 {
        font-size: 15px;
        color: #fff;
        margin-left: 30px;
        margin-right: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 100;
      
    }
    h2 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 15px;
        margin-right: 10px;
        margin-left: 10px;
        font-weight: 500;
        line-height: 36px;
    }
    
    .clearfix::after {
      display: block;
      clear: both;
      content: "";
    }
    
    .col-lg-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    
    .col-lg-5 {
      position: absolute;
      width: 100%;
      margin-top: 60px;
      margin-left: 0px;
      margin-right: 60px;
      padding-right: 100px;
      padding-left: 60px;
    }
    
    .img-fluid {
      max-width: 100%;
      height: auto;
    }
    
    .accordion {
      overflow-anchor: none;
    }
    
    .faq-section .accordion-item {
      border: 0;
    }
    
    .accordion-item:first-of-type {
      border-top-left-radius: var(--bs-accordion-border-radius);
      border-top-right-radius: var(--bs-accordion-border-radius);
    }
    
    .accordion-item {
      color: var(--bs-accordion-color);
      background-color: var(--bs-accordion-bg);
      border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    }
    
    .accordion {
      --bs-accordion-color: #212529;
      --bs-accordion-bg: #111;
      text-transform: none;
      font-size: 18px;
      font-family: Arial, Helvetica, sans-serif;
      --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, 
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
      --bs-accordion-border-color: #fff;
      --bs-accordion-border-width: 1px;
      --bs-accordion-border-radius: 0.375rem;
      --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
      --bs-accordion-btn-padding-x: 1.25rem;
      --bs-accordion-btn-padding-y: 1rem;
      --bs-accordion-btn-color: #fff;
      --bs-accordion-btn-bg: #fff;
      --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
      --bs-accordion-btn-icon-width: 1.25rem;
      --bs-accordion-btn-icon-transform: rotate(-180deg);
      --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
      --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
      --bs-accordion-btn-focus-border-color: #86b7fe;
      --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      --bs-accordion-body-padding-x: 1.25rem;
      --bs-accordion-body-padding-y: 1rem;
      --bs-accordion-active-color: #0c63e4;
      --bs-accordion-active-bg: #e7f1ff;
    }
    
    @media (min-width: 992px) {
      .sectcontainer, .container-lg, .container-md, .container-sm {
          max-width: 960px;
      }
    
      .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .col-lg-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    }

}