@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC:wght@400;700&family=Architects+Daughter&family=Asap:wght@400;700&family=Balsamiq+Sans:wght@400;700&family=Barlow:wght@400;700;900&family=Bebas+Neue&family=Bitter:wght@400;700;900&family=Cabin:wght@400;700&family=Cairo:wght@400;700&family=Cormorant+Garamond:wght@400;700&family=Crimson+Text:wght@400;700&family=Dancing+Script:wght@400;700&family=Fira+Sans:wght@400;700;900&family=Fjalla+One&family=Indie+Flower&family=Josefin+Sans:wght@400;700&family=Lato:wght@400;700;900&family=Libre+Baskerville:wght@400;700&family=Libre+Franklin:wght@400;700;900&family=Lobster&family=Lora:wght@400;700&family=Martel:wght@400;700;900&family=Merriweather:wght@400;700;900&family=Montserrat:wght@400;700;900&family=Mukta:wght@400;700&family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700;900&family=Noto+Sans:wght@400;700&family=Noto+Serif:wght@400;700&family=Nunito+Sans:wght@200;300;400;700;900&family=Nunito:wght@300;400;700;900&family=Old+Standard+TT:wght@400;700&family=Open+Sans+Condensed:wght@300;700&family=Open+Sans:wght@300;400;700&family=Oswald:wght@400;700&family=Overpass:wght@400;700;900&family=Oxygen:wght@300;400;700&family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:wght@400;700&family=PT+Serif:wght@400;700&family=Pacifico&family=Playfair+Display:wght@400;700;900&family=Poppins:ital,wght@0,400;0,700;1,900&family=Raleway:wght@400;700;900&family=Roboto+Condensed:wght@400;700&family=Roboto+Slab:wght@400;700;900&family=Roboto:ital,wght@0,700;0,900;1,400&family=Rubik:ital,wght@0,400;0,700;1,900&family=Shadows+Into+Light&family=Signika:wght@400;700&family=Slabo+27px&family=Source+Code+Pro:wght@400;700;900&family=Source+Sans+Pro:wght@400;700;900&family=Source+Serif+Pro:wght@400;700;900&family=Tajawal:wght@400;700;900&family=Titillium+Web:wght@400;700;900&family=Ubuntu:wght@400;700&family=Work+Sans:wght@400;700;900&display=swap);

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
}
html {
  scroll-behavior: smooth;
}
/* =============================================
 *
 *   FIXED RESPONSIVE NAV
 *
 *   Credit: 
 *   http://viljamis.com/ ( JS Plugin)
 *   http://www.adtile.me/ (Fixed example)
*    https://fortawesome.github.io/Font-Awesome/ (Icon font)
 *
 *   Free to use under the MIT License.
 *
 * ============================================= */

 body, div,
 h1, h2, h3, h4, h5, h6,
 p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
 fieldset, form, label, legend, th, td,
 article, aside, figure, footer, header, hgroup, menu, nav, section,
 summary, hgroup {
   margin: 0;
   padding: 0;
   border: 0;
 }
 
 a:active,
 a:hover {
   outline: 0;
 }
 
 @-webkit-viewport { width: device-width; }
 @-moz-viewport { width: device-width; }
 @-ms-viewport { width: device-width; }
 @-o-viewport { width: device-width; }
 @viewport { width: device-width; }
 
 
 /* ------------------------------------------
   RESPONSIVE NAV STYLES
 --------------------------------------------- */
 
 .nav-collapse ul {
   margin: 0;
   padding: 0;
   width: 100%;
   display: block;
   list-style: none;
 }
 .row.row-footer {
  display: flex;
  text-align: center;
  justify-content: space-around;
  align-items: center;}
 .nav-collapse li {
   width: 100%;
   display: block;
 }
 #footer{
  background-color: rgb(38, 58, 94);
  padding-top: 24px;
  color:white;
 }
 p.gp-component-id-tlMZgA5mEK7 {
  font-size: 14px;
}
 ul.footer-ul {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
  width: 100%;
}
.gp-text-container.gp-component.gp-component-id-ouplVxB2BKj.a {
  width: 100%;
}
.gp-text-container.gp-component.gp-component-id-kGWsNPuRIl.a {
  width: 100%;
}
ul.footer-ul li {
  margin-right: 1rem;
  margin-left: 1rem;
  font-size: 14px;
}
.gp-component-id-kGWsNPuRIl {
  
  font-weight: 300;
  font-size: 16px;
  margin-top: 0px;
  margin-right: 32px;
  margin-bottom: 16px;
  margin-left: 32px;
}
 .js .nav-collapse {
   clip: rect(0 0 0 0);
   max-height: 0;
   position: absolute;
   display: block;
   overflow: hidden;
   zoom: 1;
 }
 
 .nav-collapse.opened {
   max-height: 9999px;
 }
 
 .disable-pointer-events {
   pointer-events: none !important;
 }
 .forgot-wrapper>a {
  color: #007bff !important;
  text-decoration: none;
  font-weight: bolder;
  font-size: 15px;
  line-height: 25px;
  background-color: transparent;
  font-family: Roboto;
}
 .nav-toggle {
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
 }
 .icon{
    display: none;
 }
 ul#ul-links {
    display: block;
}
.col.consumer-imge {
    display: flex;
    align-items: center;
    }
    .row.col-how {
  
        box-shadow: rgb(0 0 0 / 11%) 0px 15px 30px 0px, rgb(0 0 0 / 8%) 0px 5px 15px 0px;
    }
    .row-subscription {
        text-align: center;
        flex-wrap: nowrap;
    }
    .row.row-subs {
      display: flex;
      flex-direction: column;
      min-height: 120px;
      height: 130px;
    }
    .row#row-subs {
      display: flex;
      flex-direction: column;
      min-height: 120px;
      height: 130px;
      background: url(/images/rtimages/rec.png) no-repeat top center;
      background-size: cover;
      justify-content: center;
      align-items: center;
    }
    .subs-name{
      margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-wrap: break-word;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    box-shadow: none;
    background-color: rgba(182, 223, 255, 0);
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-top-left-radius: 9999px;
    font-family: Roboto;
    letter-spacing: 0.05em;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 25px;
    }
    .subs-text{
      font-size: 20px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-align: center;
    letter-spacing: 0.05em;
    font-family: Roboto;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    background-color: rgba(182, 223, 255, 0);
    box-shadow: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow-wrap: break-word;
    }
    img.subs-image {
   
      height: 130px;
      min-height: 120px;
  }
  .col.col-desk {
    display: flex;
    align-items: center;
}
  .col-desk{
    display: flex;
    max-width: 100%;
    align-items: center;
  }
  div#add_subscription_modal {
    position: absolute;
    top: 0;
    padding-top: 8rem;
    width: 100%;
}
.register-col {
  align-self: flex-start;
}
.plan {
  margin-top: 3rem;
}
div#add_subscription_modal {
  
  z-index: 31;
}
.modal-dialog {
  max-width: 712px;
  margin: 1.75rem auto;
  /* position: absolute; */
  height: 100vh;
  z-index: 9999;
}
h4.text-green {
  font-weight: bolder;
  margin-bottom: 30px;
}
.modal-body {
  display: flex;
  padding: 50px;
  padding-top: 0 !important;
  justify-content: center;
  align-items: center;
  background-color: rgb(0 123 255 / 6%);
  flex-direction: column;
 
}
div#reset-password {
  display: flex;
  justify-content: center;
}
div#add_subscription_modal {
  display: flex;
  z-index: 31;
  top: 11rem;
  flex-direction: column;
  align-items: center;
}
form#forgot-password-form {
  width: 80%;
}
form#reset-password-form{
  width: 80%;
}
.overlauy {
  background-color: #0000003b;
  display: none;
  height: 100vh;
  width: 100%;
  z-index: 20;
  position: absolute;
  top: 0;
  opacity: 1;
}
.overlauy-reset {
  background-color: #0000003b;
  display: none;
  height: 100vh;
  width: 100%;
  z-index: 20;
  position: absolute;
  top: 0;
  opacity: 1;
}
.overlay {
  background-color: #0000003b;
  display: none;
  height: 100vh;
  width: 100%;
  z-index: 20;
  position: absolute;
  top: 0;
  opacity: 1;
}
div#forgot_password {
  z-index: 31;
  display: flex;
  top: 11rem;
  flex-direction: column;
  align-items: center;
}
.modal-dialog {
  max-width: 712px;
  margin: 1.75rem auto;
  position: absolute !important;
  height: 100vh;
  display: flex;
  z-index: 9999;
  top: 0;
  width: 100%;
  align-items: center;
  flex-direction: column;
}
.modal-dialog2 {
  max-width: 712px;
  margin: 1.75rem auto;
  position: absolute !important;
  height: 100vh;
  margin-top: 15rem;
  display: flex;
  z-index: 9999;
  top: 0;
  width: 100%;
  align-items: center;
  flex-direction: column;
}
/* .fade:not(.show) {
  opacity: 1 !important;
} */
.forgot-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 90%;
  align-self: center;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1pxsolidrgba(0,0,0,.2);
  border-radius: 0.3rem;
  outline: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
form#login-form {
  width: 80%;
}
img.image-login {
  width: 100px;
  margin-top: -20px;
}
.loginimage-container {
  display: flex;
  justify-content: center;
}
  @media screen and (max-width: 1024px) {
  .col-4 {
     
      max-width: 31.6% !important;
  }  
   .lists {
    padding-bottom: 50px;
    padding-top: 0px;
    padding-right: 0px !important;
    padding-left: 0 !important;
  }
  .col.col-desk {
    display: flex;
    align-items: center;
  }
}

  ul.footer-ul li a ,.nameweb{
    color: white;
  }

.consumer-t {
  display: flex;
  justify-content: center;
}

@media (max-width: 639px){
 .work-text {
    font-size: 25px;
    color: rgb(38, 58, 94);
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
}
summary, .details-info {
  padding: 1rem;
  padding-left: 4rem !important;
  padding-right: 2rem !important;
  position: relative;
}
.consume-t{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.col-container,.card-container{
  padding-left: 20px !important;
  padding-right: 20px !important;

}
.text-container{
  padding-left: 20px !important;
  padding-right: 20px !important;
}
}

  @media screen and (max-width: 768px) {
        .image-containerss {
            margin-top: 9rem;
        }
        .col-4 {
          max-width: 30.91% !important;
      }
        .lists {
          padding-bottom: 50px;
          padding-top: 0px;
          padding-right: 0px !important;
          padding-left: 0 !important;
      }
        .consumer-t {
            padding-left: 0;
            padding-right: 0;
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .card-container {
            width: 100% !important;
        }
        .row.col-how {
            flex-direction: column;
            box-shadow: rgb(0 0 0 / 11%) 0px 15px 30px 0px, rgb(0 0 0 / 8%) 0px 5px 15px 0px;
        }
  }
  img.img-accordion {
    position: absolute;
    left: -30px;
    top: -15px;
}
  .gp-component-id-T5Oxo7GBWC {
    font-size: 30px;
    text-align: center;
    margin-left: 0px;
    color: rgb(182, 223, 255);
    margin-right: 0px;
    margin-top: 0px;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: 'Roboto';
    margin-bottom: 3rem;
}
summary {
  background-color: white;
  font-size: 20px;
  font-weight: 700;
  padding-left: 5rem !important;
  padding-top: 1.5rem !important;
  padding-right: 2rem !important;
  padding-bottom: 1.5rem !important;
}
summary {
  background-color: white;
  font-size: 20px;
  border-radius: 8px;
  font-weight: 700;
  font-weight: 700;
  margin-top: 2rem !important;

  
}
img.img-accordions {
  position: absolute;
  left: 34px !important;
  top: -15px;
}
img.img-accordions {
  position: absolute;
  left: -30px;
  top: -15px;
}
summary, .details-info {
  padding: 1rem;
  padding-left: 6rem !important;
  padding-right: 2rem !important;
  position: relative;
}
i.fa-solid.fa-chevron-right.accordion-arrow {
  position: absolute;
  align-self: flex-start;
  right: 2rem;
  top: 1rem;
}
.row.row-accordion {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    margin-right: -15px;
    margin-left: -15px;
}

i.fa-solid.fa-chevron-right.accordion-arrow.rotate1.down{
  transform: rotate(90deg) !important;
  background-color: rgb(11, 203, 141) !important;
}
i.fa-solid.fa-chevron-right.accordion-arrow.rotate2.down {
  transform: rotate(90deg) !important;
  background-color: rgb(11, 203, 141) !important;
}
i.fa-solid.fa-chevron-right.accordion-arrow.rotate3.down{
  transform: rotate(90deg) !important;
  background-color: rgb(11, 203, 141) !important;
}
.details-info {
  width: 89%;
  border-radius: 8px;
  margin: 3rem;
  margin: auto;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  margin-top: 2rem !important;
  margin-bottom: 2rem;
}
i.fa-solid.fa-chevron-right.accordion-arrow {
  background-color: rgb(199 199 199) !important;
  padding: 8px;
  color: white;
  border-radius: 100px;
  width: 35px;
  display: flex;
  justify-content: center;
}
section.accordion-wrapper {
  width: 70%;
  margin: auto;
  
  /* border-radius: 8px; */
}
summary {
  background-color: white;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  margin-top: 2rem;
}
    .row-card-text{
        text-align: center!important;
    display: flex;
    flex-direction: column;
    font-size: 30px;

    }
  .card2 {
        width: 90%;
        background-color: white;
        margin: auto;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        /* margin-top: 50px; */
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 50px;
  }
#banner-step{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: rgb(38, 58, 94);
}
#widget-banner{
        padding-top: 100px;
        padding-bottom: 0;
        background-color: white;
}
  .gp-component-id-cGmYN6nE0e {
      font-weight: 400;
      text-align: center;
      letter-spacing: 0.05em;
      font-family: Roboto;
      border-top-left-radius: 9999px;
      border-top-right-radius: 9999px;
      border-bottom-left-radius: 9999px;
      border-bottom-right-radius: 9999px;
      background-color: rgba(182, 223, 255, 0);
      box-shadow: none;
      margin-bottom: 30px;
      font-size: 20px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      overflow-wrap: break-word;
  }
    .gp-component-id-mixXq7kDUJ {
      font-size: 50px !important;
      font-weight: 900;
      color: rgb(38, 58, 94) !important;
      text-align: center;
      line-height: 1;
      font-family: Roboto;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 30px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      overflow-wrap: break-word;
      
  }
    .col-subscription{
        background-color: white;
        box-shadow: rgb(0 0 0 / 11%) 0px 15px 30px 0px, rgb(0 0 0 / 8%) 0px 5px 15px 0px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        margin-left: 8px;
        margin-right: 8px;
        padding-top: 20px;
    }
    #banner-subscription{
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: rgba(244, 247, 255, 1);}

    h2.global-style-ZNdZZa039.gp-component-id-pLdJpBP84J {
        text-align: center;
    }
    .gp-component-id-pLdJpBP84J {
        color: rgb(38, 58, 94);
        text-align: center;
        line-height: 1.5;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        font-size: 30px;
     font-weight: 700;
        margin-bottom: 20px;
        box-sizing: border-box;
        cursor: text;
        margin-bottom: 30px;
    }
    .imge{
        width: 80px;
        margin-bottom: 30px;
    }
    .widget-image-container{
        display: flex;
      justify-content: center;
    }
  .gp-component-id-Qg5r0Lr31h {
      margin-left: 0px;
      margin-bottom: 50px;
      margin-right: 0px;
      font-size: 20px;
      margin-top: 0px;
      overflow-wrap: break-word;
      padding-right: 80px;
      padding-left: 80px;
      font-family: Roboto;
      line-height: 1.5;
      text-align: center;
  }
    .gp-component-id-0jtD91x7x5 {
      margin-left: 0px;
      margin-bottom: 0px;
      margin-right: 0px;
      margin-top: 0px;
      overflow-wrap: break-word;
      font-family: Roboto;
      text-align: center;
      font-weight: 700;
  }
    .widget-image-containers {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }
  @media screen and (max-width: 668px) {
    .card-icon {
        margin-top: 60px !important;
        width: 80px;
    }
  }

  @media screen and (max-width: 425px) {
      .col-4 {
        max-width: 52.91% !important;
      }
  }
@media screen and (max-width: 767px) {
   .col.col-subscription {
    margin-bottom: 1rem;
}
h3.consumer-text {
  font-size: 16px;
}
p.text-center {
  font-size: 14px;
}
.btn-card {
  margin-top: 30px;
  text-align: center;
}
.btn-card-step {
  margin-top: 1rem;
  text-align: center;
}
.btn-cardss {
  margin-top: 1rem;
  text-align: center;
}
.btn-cards {
  margin-top: 1rem;
  text-align: center;
}
.btn-cardsss {
  margin-top: 30px;
  text-align: center;
}
.gp-component-id-kGWsNPuRIl {
  font-weight: 300;
  font-size: 16px;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 16px;
  margin-left: 0;
}
.row.row-subscription {
      flex-direction: column;
      display: flex;
      align-items: center;
  
}
.col-4 {
  max-width: 90% !important;
}
.col-4.col-subscription {
  margin-bottom: 1rem;
}
ul.footer-ul {
  /* margin-bottom: 1rem; */
  flex-direction: column;
}
ul.footer-ul li {
  margin-bottom: 1rem; 
}

.lists {
    padding-bottom: 50px;
    padding-top: 0px;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
  .col.consumer-imge {
    display: flex;
    align-items: center;
  }

  .consume-text{
    font-size: 2em;
  }

.consumer-t {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 50px;
    padding-bottom: 50px;
}
   .row.consumer-container {
    flex-direction: column;
    }
    .row.widget-row {
        margin-top: 4rem;
    }
   .image-container {
    margin-top: 5rem;
    }

    .widget-container {
        margin-top: 50px;
        }

   .content-container{
    flex-direction: column;
   }
   .icon{
    display: block;
    }
    li.menu-item.active {
        margin-top: 5rem;
    }
    i.fa.fa-bars {
        font-size: 31px;
    }
    ul#ul-links {
        display: none;
    }
   
   .nav-toggle {
     display: none;
   }
   button.login-btn {
    position: relative;
    align-self: flex-start;
    }
    .nav-collapse, .nav-collapse ul {
        list-style: none;
        width: 100%;
        text-align: center;
        float: left;
    }
    
    li.menu-item {
        margin-bottom: 1rem;
    }
    .btnmenu {
        display: flex;
        align-items: center;
        align-self: start;
    }
    .container{
        max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    background-color: transparent;
    z-index: 1;
    }
 }
 
 
 /* ------------------------------------------
   FIXED HEADER
 --------------------------------------------- */
 
 header {

   padding-top: 20px;
   z-index: 3;
   width: 100%;
   left: 0;
   margin-bottom: 100px;
   top: 0;
 }
 
 .logo {
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   text-decoration: none;
   font-weight: bold;
   line-height: 55px;
   padding: 0;
   color: #000;
   float: left;
 }
 
 
 /* ------------------------------------------
   MASK
 --------------------------------------------- */
 
 .mask {
   -webkit-transition: opacity 300ms;
   -moz-transition: opacity 300ms;
   transition: opacity 300ms;
   background: rgba(0,0,0, .2);
   visibility: hidden;
   position: fixed;
   opacity: 0;
   z-index: 2;
   bottom: 0;
   right: 0;
   left: 0;
   top: 0;
 }
 
 .android .mask {
   -webkit-transition: none;
   transition: none;
 }
 
 .js-nav-active .mask {
   visibility: visible;
   opacity: 1;
 }
 
 @media screen and (min-width: 768px) {
   .mask {
     display: none !important;
     opacity: 0 !important;
   }
 }
 
 
 /* ------------------------------------------
   NAVIGATION STYLES
 --------------------------------------------- */
 
 .fixed {
   position: fixed;
   width: 100%;
   left: 0;
   top: 0;
 }
 
 .nav-collapse,
 .nav-collapse * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 .nav-collapse,
 .nav-collapse ul {
   list-style: none;
   width: 100%;
   float: left;
 }
 
 @media screen and (min-width: 768px) {
   .nav-collapse {
     float: right;
     width: auto;
   }
 }
 
 .nav-collapse li {
   float: left;
   width: 100%;
 }
 
 @media screen and (min-width: 768px) {
  .nav-collapse li {
    width: auto;
    font-size: 18px;
}
 }
 
 .nav-collapse a{
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   text-decoration: none;
   /* padding: 0.7em 1em 0.7em 0; */
   color: white;
   width: 100%;
   float: left;
   font-weight: 700;
 }
 
 
 .login-btn {
    font-weight: 700;
    color: white;
    font-size: 16px;
 }
 @media (max-width: 639px){

 }
 @media screen and (min-width: 768px) {
   .nav-collapse a {
     padding: 1.02em 2em;
     text-align: center;
     border-top: 0;
     float: left;
     margin: 0;
   }

   ul#ul-links>li a {
    display: block;
    font-size: 16px;
}
   .nav-collapse:last-child a {
     padding-right: 0;
   }
 }
 
 .nav-collapse ul ul a {
   background: #ca3716;
   padding-left: 2em;
 }
 
 @media screen and (min-width: 768px) {
   .nav-collapse ul ul a {
     display: none;
   }
 }
 
 button.login-btn {
    position: relative;

    }
 /* ------------------------------------------
   NAV TOGGLE STYLES
 --------------------------------------------- */
 
 .nav-toggle {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-decoration: none;
   text-indent: -300px;
   position: relative;
   overflow: hidden;
   width: 60px;
   height: 55px;
   float: right;
 }
 
 .nav-toggle:before {
   color: #000; /* Edit this to change the icon color */
   font: normal 28px/55px "FontAwesome"; /* Edit font-size (28px) to change the icon size */
   text-transform: none;
   text-align: right;
   position: absolute;
   content: "\f0c9"; /* Hamburger icon */
   text-indent: 0;
   speak: none;
   width: 100%;
   left: 0;
   top: 0;
 }
 
 .nav-toggle.active:before {
   font-size: 24px;
   content: "\f00d"; /* Close icon */
 }
 
 /* Demo style */
 
 body {
   font-family: 'Open Sans', sans-serif;
 }
 
 img {
   max-width: 100%;
   padding: 0 0 20px 0; 
 }
 .list {
  margin-top: 30px;
  margin-bottom: 30px;
}
.lists{
  padding-bottom: 50px;
    padding-top: 0px;
    padding-right: 50px;
    padding-left: 50px;
}
 .container {
    max-width: 1200px;
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;
   
 }
 img.gp-component.gp-component-id-PqekvMyDH {
    margin-top: -50px;
}
p.gp-component-id-M73_Q1D8av.global-style-TJQA6CPLi {
    font-size: 18px;
    line-height: 2;
    color: rgb(38, 58, 94);
}
 span.fas.fa-star {
    color: rgb(21, 140, 233);
}
.card1{
    width: 90%;
    background-color: white;
    margin: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
}
.simple{
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-align: center;
    margin-bottom: 50px;
    box-sizing: border-box;
    cursor: text;
}
 .container-main{
    max-width: 1200px;
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;
   margin-top: 10rem;
 }
 .container-brand{
    max-width: 1200px;
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;
   margin-top: -5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 100px;

 }
 .container-consumer{
    max-width: 1200px;
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;

  
 }
 .consumer-subtext{
    font-size: 18px;
    color: rgb(38, 58, 94);
   }
   
 
.consumer-text{
    font-size: 18px;
    font-weight: 700;
    color: rgb(21, 140, 233);
    letter-spacing: 0.05em;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    background-color: rgb(182, 223, 255);
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
 .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.firstcol{
        display: flex;
}
.button-getnow{
    text-decoration-color: initial;
    text-decoration-style: solid;
    text-decoration-line: none;
    align-items: center;
    cursor: pointer;
    background-color: rgb(11, 203, 141) !important;
    background-color: transparent;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 30px;
   color: white !important;
    width: fit-content;
    font-size: 18px;
    font-weight: 700;
}
    h1.banner-title {
        font-weight: 700;
    font-size: 45px;
    margin-bottom: 0px;
    color:white;
    }
    .banner-subtext{
        margin-top: 30px;
        font-size: 20px;
        color: rgb(255, 255, 255);
    }
 .star {
    background-color: rgb(182, 223, 255);
    width: fit-content;
    padding: 8px 16px;
    border-radius: 100px;
    margin-bottom: 30px;
}
.consume-text{
        color: rgb(38, 58, 94);
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}

.card-icon{
    margin-top: 20px;
    width: 80px;
}
.work-subtext{
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 0px;
}
.work-text{
    color: rgb(38, 58, 94);
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 700;
}
.card-icons{
    margin-top: -20px;
    width: 80px;
}

.card-text{
    font-size: 30px;
    font-weight: 700;
    color: rgb(182, 223, 255);
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}
ul {
    list-style-type: none;
}    
.list-text{
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    font-family: Roboto;
    margin-left: 4px;
    margin-bottom: 10px;
}
span.fas.fa-check-circle {
    margin-top: 3px;
    font-size: 18px;
    color: rgb(11, 203, 141);
    margin-right: 6px;
}

li.list-item {
    display: flex;
    
}
li.list-items {

    display: flex;
   margin-bottom: 10px;

}
.fa-check-circle:before {
    content: "\f058";
}
.widget-container {
    margin-top: 4rem;
}
.consumer-s{
  margin-top: 30px;
}
p.global-style-LqxaUr6Sm.gp-component-id-6I2mEOZ6Hx {
  font-size: 1.5rem !important;
}
p.list-texts {
  color: rgb(0, 0, 0);
  font-size: 1.5rem !important;
  text-align: left;
}
.footer-item a {
  color: white !important;
}
.global-style-uG3e1rLVZ {
  font-size: 40px;
  color: rgb(21, 140, 233);
  margin-bottom: 20px;
  box-sizing: border-box;
  cursor: text;
}
.global-style-uG3e1rLVZS {
  font-size: 40px;
  color: rgb(21, 140, 233);

  box-sizing: border-box;
  cursor: text;
}
.work-texts {
  color: rgb(38, 58, 94);
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 8px;
  font-weight: 700;
}
.gp-component-id-qEBo7DpWXB {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  overflow-wrap: break-word;
  padding-right: 0px;
  padding-left: 0px;
  font-family: Roboto;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: rgb(38, 58, 94);
  font-weight: 700;
  font-size: 18px;
}
.gp-component-id-awNU_7Chm6 {
  font-size: 18px;
  font-weight: 700;
  color: rgb(21, 140, 233);
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-family: Roboto;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  overflow-wrap: break-word;
}
.second-subs-ul{
  padding-bottom: 20px;
}
.btn-card {
    margin-top: 30px;
}
.btn-card-step {
  margin-top: 50px;
}
.btn-cardss {
    margin-top: 1rem;
}
.btn-cardsss {
  margin-top: 30px;

}

.btn-cards {
    margin-top: 50px;
}

.card-container {
    width: 66%;
    height: auto;
    padding-bottom: 50px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: rgb(38, 58, 94);
    box-shadow: rgb(0 0 0 / 11%) 0px 15px 30px 0px, rgb(0 0 0 / 8%) 0px 5px 15px 0px;
    margin-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0px;
}
.row.card-row {
    justify-content: center;
}
.consumer{
    background-color: rgb(182, 223, 255);
    width: fit-content;
    border-radius: 100px;
    margin-bottom: 30px;
}
 img.logo.horizontal-logo {
    width: 100px;
}
.col.work-col {
    display: flex;
    align-items: center;
    
  
    
}
 .container-bottom {
   margin-top: 80px;
 }
 
 section {
   padding-bottom: 30px;
 }
 

 .brand-text{
    color: rgb(38, 58, 94);
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
    margin-bottom: 0px;   
     font-size: 30px;
     box-sizing: border-box;
     font-weight: 700;
     cursor: text;
}

.brand-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
 #banner{
    background: url( /images/rtimages/Desk.png) no-repeat top center;
    background-size: cover;
     padding-top: 0px;
     padding-bottom: 0px;
     min-height: 80vh;
     width:100%;
     position: relative;
     z-index: 20 !important;
     background-position-x: 50%;
     background-position-y: 100%;
 }
 
 #banners{
  background-color: rgb(38, 58, 94);
  padding-bottom: 10px;
  padding-top: 10px;
}
 .col-how{
    margin-top: 50px;
background-color: white;
border-top-left-radius: 5.6px;
    border-top-right-radius: 5.6px;
    border-bottom-left-radius: 5.6px;
    border-bottom-right-radius: 5.6px;
 }
 .col-container{
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
 }
 #banner-2{
    background: url( /images/rtimages/1643349454_Deskto.webp) no-repeat top center;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 150px;
     min-height: 80vh;
     width:100%;
     position: relative;
     z-index: 20 !important;
     background-position-x: 50%;
     background-position-y: 100%;
 }
 .nav-container {
    display: flex;
    padding: 1rem;
    align-items: center;
    flex-direction: row-reverse;
}
.nav-collapse {
    float: right;
    display: flex;
    width: auto;
    align-items: center;
}
.login-btn{
    background-color:  rgb(11, 203, 141);
    border:none;
    box-shadow: rgb(0 0 0 / 12%) 0px 4px 8px 0px, rgb(0 0 0 / 8%) 0px 2px 4px 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}
button.login-btn {
    margin-left: 16px;
}
.consumer-col{
    display: flex;
}
h2.global-style-ZNdZZa039.gp-component-id-Oe__RSN9Rg {
    font-weight: 700;
}
section#banner-consumer {
    background-color: rgb(244, 247, 255);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 150px;
    padding-bottom: 150px;
}
h2.finance-text.gp-component-id-kKagqNj45.global-style-ZNdZZa039 {
    font-weight: 700;
}
section#banner-finance {
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 150px;
    padding-bottom: 150px;
}

.login-col {
  width: 70%;
}
@media (min-width: 996px) {
    h1.banner-title  {
        margin-left: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 0px;
        font-size: 45px;
    }
    img.gp-component.gp-component-id-PqekvMyDH {
        margin-top: -37px;
    }
}
@media (max-width: 996px) {
  
    img.gp-component.gp-component-id-PqekvMyDH {
        margin-top: -107px;
    }
    summary, .details-info {
      padding: 1rem;
      padding-left: 4rem !important;
      padding-right: 2rem !important;
      position: relative;
  }
  img.img-accordions {
    position: absolute;
    left: -25px !important;
    top: -15px;
}
}
@media (max-width:618px) {
    .col.brand-image {
        display: none;
    }
    img.gp-component.gp-component-id-PqekvMyDH {
        margin-top: -111px;
    }
}