.table-owerflow {
   overflow-x: scroll;
}

table.price th {
   background:var(--color-background-grey)
}

table.price th,  table.price td {
   min-width:200px;
   padding:15px;
}

table.price th:first-child, table.price td:first-child {
   min-width:40px;
   width:40px
}

.table-middle {
   text-align:center;
   vertical-align:middle
}

.collapsible-text {
   cursor:pointer
}

.gender .active {
   border:var(--border-main) solid var(--color-accept);
}

.gender .card-inner {
   margin:0 7.5px 15px;
   flex:1;
   text-align:center;
   text-decoration:none!important
}

.header-4 {
  font-family:var(--font-family-text-bold);
}

.block-hr {
   border-top:var(--border-main) solid var(--color-border-main);
   margin-top:35px;
   padding-top:15px;
}

#how-it-works {
   border-bottom:var(--border-main) solid var(--color-border-main);
}

@media all and (min-width:1024px){
   #how-it-works {
      background:var(--color-background-grey);
      border-bottom:none;
      margin:0;
      padding:var(--padding-block-main)
   }
}


@media all and (min-width:1024px){
   #how-it-works .desktop-flex {
      margin:0 auto;
      width:1400px
   }
}



.how-it-works-block {
   border:none;
   margin:var(--margin-block-inner);
   text-align:center
}

@media all and (min-width:1024px){
   .how-it-works-block {
      font-size:20px;
      margin:var(--margin-block-inner);
      max-width:400px;
      padding:45px 90px;
      text-align:center
   }
}


@media all and (min-width:1024px){
   #how-it-works-block-first  {
      background: rgb(40,107,200);
      background: linear-gradient(90deg, rgba(40,107,200,1) 0%, rgba(40,107,200,1) 35%, rgba(34,116,231,1) 100%);
      color: #fff !important
   }
}

@media all and (min-width:1024px){
   #how-it-works-block-second  {
      background:var(--color-background-grey-medium)
   }
}

@media all and (min-width:1024px){
   #how-it-works-block-third  {
      background:var(--color-background-main)
   }
}

.how-it-works-block img {
   margin-bottom:15px
}

@media all and (min-width:1024px){
   .how-it-works-block img {
      width:200px
   }
}

@media all and (min-width:1024px){
   #how-it-works-block-third img {
      margin-top:59px
   }
}





@media all and (min-width:1024px){
   #how-it-works-block-first .text-dark {
      color: #fff !important
   }
}


#way-to-get-money {
   margin-bottom:0;
}

@media all and (min-width:1024px){
   #way-to-get-money {
      margin:0;
      padding:var(--padding-block-main)
   }
}

@media all and (min-width:1024px){
   #way-to-get-money .desktop-flex {
      margin:0 auto;
      max-width:1100px
   }
}

#way-to-get-money .card-inner{
   flex:1;
   margin:35px 7.5px 45px;
   min-height:120px;
   text-align:center
}

@media all and (min-width:1024px){
   #way-to-get-money .card-inner {
      padding: 45px 90px;
   }
}



#way-to-get-money .card-inner > img {
   margin-bottom:15px
}

#way-to-get-money-block-second.card-inner > img {
   margin-bottom:22.5px;
   margin-top:7.5px
}

@media all and (min-width:1024px){
   #way-to-get-money .card-inner > img {
      display:block
   }
}

#faq {
   background:var(--color-background-grey);
   padding:var(--padding-block-main)
}

@media all and (min-width:1024px){
   #faq .desktop-row {
      margin:0 auto;
      max-width:1400px
   }
}


.faq-block:first-child {
   margin-top:15px;
}

.faq-block:nth-child(2n) {
   margin:15px 0;
}

.faq-ask {
   color:var(--color-text-additional);
   width:85%
}

.faq-block > img {
   position:absolute;
   right:15px;
   top:15px
}

.faq-request {
   display:none;
}

p.faq-request {
   margin-bottom:0;
}

#articles {

  padding:var(--padding-block-main); 

}

#articles .desktop-flex {

   flex-wrap:wrap;

   margin:35px auto 0;

   max-width:1100px;

}

.article {

   background: var(--color-background-grey);
   
   border-radius:var(--border-radius-card);

   margin-bottom:15px;

   padding:var(--padding-card)

}

@media all and (max-width:639.98px) {

   .article {

      width: 100%;

   }

}

.article:nth-child(even) {

   background:var(--color-background-grey-medium);

}

.article a {

   color:var(--color-text-additional);

   text-decoration:none

}


#footer-main {

   background:var(--color-background-grey);

   border:var(--border-main) solid var(--color-border-main);

   border-radius:var(--border-radius-card);

   font-size:var(--font-size-text-additional);

   margin-bottom:15px;

   margin-top:0;

   padding:15px
   
}

@media all and (min-width:1024px){
   #footer-main {
      border-radius:var(--border-radius-card) var(--border-radius-card) 0 0;
      margin-bottom:0;
      padding:30px 30px 15px
   }
}

@media all and (min-width:1024px){
   #copyright-main {
      margin-right:90px
   }
}

#footer-menu .flex {
   justify-content:unset;
   margin-bottom:15px
}

#footer-menu .flex:last-child {
   margin-bottom:0
}

#footer-menu .flex > a {
   margin-left:15px
}


#info {
   display: flex;
   align-content: center;
   justify-content: center;
   align-items: center;
}

.modal-open{
   overflow-y:hidden
}

.modal-open *{
   cursor:pointer
}

.modal{bottom:0;display:none;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;transition:var(--transition-modal);z-index:1050;-moz-transition:var(--transition-modal);-o-transition:var(--transition-modal);-webkit-overflow-scrolling:touch;-webkit-transition:var(--transition-modal)}
.modal.in{display:block}
.modal-open .modal{background-color:var(--color-background-opacity-darkback);backdrop-filter:var(--filter-main);overflow-x:hidden;overflow-y:auto;-webkit-backdrop-filter:var(--filter-main)}

@media all and (max-width:639.98px){
   .modal-open .modal{
      background-color:var(--color-background-main);
      overflow-x:hidden;
      overflow-y:auto;
   }
}

.fade{opacity:0;transition:var(--transition-modal-fade);-o-transition:var(--transition-modal-fade);-webkit-transition:var(--transition-modal-fade)}
.fade.in {opacity:1}
#modal-dialog{
   margin:calc(var(--margin-block-main) + 4%) auto 0;
   position:relative;
   width:60vw
}

@media all and (min-width:1301px){
   #modal-dialog{
      width:40vw
   }
}

@media all and (max-width:639.98px){
   #modal-dialog{
      margin-top:0;
      height:100vh;
      width:100vw
   }
}

#modal-content{background:var(--color-background-main);border-radius:var(--border-radius-main);display:inline-block;padding:calc(var(--padding-block-main) + 3%) calc(var(--padding-block-main) + 5%);text-align:left;vertical-align:middle;width:100%;white-space:normal;z-index:9999}
#modal-content{position:relative}

#modal-close{
   background:transparent;
   border:none;
   float:right;
   margin:15px;
   outline:none!important
}

#modal-close:active,#modal-close span,#modal-close span:active{border:none;font-size:var(--font-size-header-main);transition:all .1s;transform:rotate(360deg);-moz-transition:all .1s;-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transition:all .1s;-o-transform:rotate(360deg);-webkit-transition:all .1s;-webkit-transform:rotate(360deg)}
.modal-body{margin-top:calc(var(--margin-block-main) + 2%);max-width:100%}
.modal-body .row{flex-wrap:wrap}


.modal-block {
   margin:30px;
}

.modal-menu {
   margin-top:35px;
}

.modal-menu a, .modal-menu .link {
   color:var(--color-link-blue-dark);
   display: block;
   margin:15px 0;
   text-decoration:none
}

.hidden {
   display: none;
}

@media (min-width: 1024px) and (max-width: 1500px) {
   #how-it-works .desktop-flex {
      width: 1200px;
      display: flex;
      justify-content: center;
      gap: 3%;
   }

   .how-it-works-block {
      font-size: 18px;
      padding: 30px 70px;
      max-width: 350px;
   }

   #way-to-get-money .desktop-flex {
      max-width: 900px;
   }

   #way-to-get-money .card-inner {
      padding: 25px 35px;
   }
}

@media (min-width: 1024px) and (max-width: 1200px) {
   #how-it-works .desktop-flex {
      width: 900px;
      gap: 3%;
   }

   .how-it-works-block {
      font-size: 16px;
      max-width: 300px;
      padding: 20px 50px;
      height: 350px;
   }
}

@media (max-width: 324px) {
   .non-flex {
      display: block;
   }
}

/*Setting the calculator slider to the center of label*/
#calculator-sum-option-third {
   margin-right: -1.5%;
}
#calculator-sum-option-second {
   margin-left: -1%;
}

@media (max-width: 1024px) {
   #calculator-sum-option-third {
      margin-right: -1%;
   }
}

@media (max-width: 576px) {
   #calculator-sum-option-third {
      margin-right: -3%;
   }
}

.fa{font-family:'Font Awesome 6 Free';font-weight:900}
.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering: auto}
.fa-arrow-left::before{content: "\f060"}
.fa-arrow-right-from-bracket::before{content:"\f08b"}
.fa-arrow-right-to-bracket::before{content:"\f090"}
.fa-at::before{content:"\40"}
.fa-bars::before{content:"\f0c9"}
.fa-calendar-days::before{content:"\f073"}
.fa-chevron-left::before{content: "\f053";}
.fa-chevron-right::before{content: "\f054";}
.fa-clock::before{content:"\f017"}
.fa-comment::before{content:"\f075"}
.fa-comment-sms::before{content:"\f7cd"}
.fa-eye::before{content:"\f06e"}
.fa-file-invoice::before{content:"\f570"}
.fa-gear::before{content:"\f013"}
.fa-key::before{content:"\f084"}
.fa-unlock-keyhole::before{content:"\f13e"}
.fa-list::before{content:"\f03a"}
.fa-location-dot::before{content:"\f3c5"}
.fa-lock-open::before{content:"\f3c1"}
.fa-person::before{content:"\f183"}
.fa-phone::before{content:"\f095"}
.fa-signature::before{content:"\f5b7"}
.fa-unlock::before{content:"\f09c"}
.fa-user::before{content:"\f007"}
.fa-user-doctor::before {content:"\f0f0"}
.fa-venus-mars::before{content:"\f228"}

@font-face {font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url(fa-solid-900.woff2) format("woff2"), url(fa-solid-900.ttf) format("truetype")}