/*

Отступы в rem
1 - 0.25rem
2 - 0.5rem
3 - 1rem
4 - 1.5rem
5 - 3 rem
primary-color
background: #009ED0;

primary-gradient
background: linear-gradient(90deg, #009ED0 0%, #96DFF5 100%);

aditional1
background: #EF7900;

additional2
background: #FBBA00;

additiona3
background: #B4CC04;

*/

body {
   font-family: 'Manrope';
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 160%;
}

.h1 {
   font-size: 4.5rem;
   color:#C3C3C3;
}

.h2 {
   font-family: 'Manrope';
   font-style: normal;
   font-weight: 400;
   font-size: 40px;
   line-height: 130%;
   /* identical to box height, or 52px */

text-align: center;
}

.primary-color {
   background: #009ED0;
}

.bez-predoplati {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-size: 32px;
line-height: 120%;
color: #FFFFFF;
}

.bg-modal {
   background: linear-gradient(90deg, #009ED0 0%, #96DFF5 100%);
   border-radius: 8px 0px 0px 8px;
}

.additional_bg1 {
   background: #EF7900;
}
.btn-additional1 {
   background: #EF7900;
}
.additional_bg2 {
   background: #FBBA00;
}
.additional_bg3 {
   background: #B4CC04;
}

.bg-brand-primary {
   background: #009ED0;
   border: 1px solid #009ED0;
}

.light-mode-img {
   box-shadow: inset;
}

.btn-primary:hover:after {
   content: ">";
   position: absolute;
   font-size: 1.5rem;
   top: 1px;
   right: 30px;
   transition: all .35s;
}

.btn-primary:hover {
   background: #61CBED;
   border: 1px solid #61CBED;
   transition: 0.5s;
    padding-right: 55px;
 }

 .btn-additional1 {
   text-decoration: none;
}

 .btn-additional1:hover {
   background: #FE962B;
   transition: all .45s;
}
.btn-additional1:hover .light-mode-img {
   top: -45px !important;
   transition: all .45s;
}

.btn-outline-light:hover {
   background: none;
   border:1px solid #cbcbcb;
   color:#cbcbcb !important;
}


.bg-footer {
   background: linear-gradient(90deg, rgba(0, 158, 208, 0.2) 0%, rgba(150, 223, 245, 0.2) 100%);
}

.bg-help {
   background: linear-gradient(90deg, rgba(0, 158, 208, 0.2) 0%, rgba(150, 223, 245, 0.2) 100%);
   border-radius: 8px;
}

.btn-outline-light {
   border-color: rgba(255, 255, 255, 1);
}

.footer-tel {
   font-weight: 800;
   font-size: 4rem;
   line-height: 120%;
   text-align: center;
   color: #009ED0;
}

@media (max-width: 500px) {
   .h1 {
      font-size: 2.1rem;
      color:#C3C3C3;
   }
   .bez-predoplati {
      font-family: 'Manrope';
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 120%;
      color: #FFFFFF;
      }

   .h2 {
      font-family: 'Manrope';
      font-style: normal;
      font-weight: 400;
      font-size: 1.5rem;
      line-height: 130%;
      text-align: left;
   }
   .footer-tel {
      font-size: 2rem;
   }
   .jarallax {
      background-position: center;
      background-size: cover;
   }
 }