@charset "utf-8";

/* CSS Document */
body {font-family: 'Inter', sans-serif; margin:0; padding:0; }
.clear {border: 0 none; clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0;}

.hero_section {padding:40px; background:#04223a url('../images/hero-bg.jpg') no-repeat; background-size:cover; min-height: 700px;}
.desk_nav {margin:20px 0 20px 0; padding:10px;}
.desk_nav nav {width:100%;}
.desk_nav ul {list-style:none; margin:0; padding:0; margin:20px 0;}
.desk_nav li {float:left;  text-align:center; margin-right:4px; padding:0 8px 0 8px;}
.desk_nav li:last-child {margin-right:0;}
.desk_nav li a {display:block; text-align:center; color:#4c5669; font-weight:700; font-size:14px; padding:5px; }
.desk_nav li a:hover, .desk_nav li a:active {color:#d0aa1c;text-decoration:none;}
.desk_nav .dropdown-menu li {padding:5px; float: none; display: block;  margin-right: 0;}
.desk_nav .dropdown-menu li  a {text-align: left;}
.desk_nav .dropdown-menu li:hover, .desk_nav .dropdown-menu li:active {padding:5px}
.mobile_nav {display:none;}
.navbar-dark .navbar-nav .nav-link {color:#fff;}
.cta_menu_bt {padding:15px 30px !important; background:#bc84a9; border-radius:50px; font-weight: 700; font-size:12px;}
.hero_block {padding:80px 0;}
.nav-link {font-size:14px !important; text-transform: uppercase; font-weight:700 !important;}



.hero_subline {font-size:22px; color:#fff;}
.hero_description {font-size:18px; color:#fff;}
.hero_bt {background:#7f5e8e; padding:15px 30px; color:#fff; font-size:16px; font-weight: 700; text-transform: uppercase; border-radius: 50px; text-decoration: none; margin:10px 0; display: inline-block;}
.hero_bt:hover {background:#bc84a9; color:#fff;}

.info_box_one h3 {padding:40px 0;}

.program_box {padding:40px 0;}
.program_row .accordion-item {background:#d9d4ef; padding:20px; margin:5px 0; border-radius:20px !important;}
.program_row h4 {font-size:18px;}
.program_row .accordion-item .accordion-button:not(.collapsed) {background:#bc84a9; color:#fff; box-shadow: none; border-radius:20px;}

.info_box_one {margin:80px 0;}
.info_box_two, .info_box_five {padding:80px 0; background: #d9d4ef;}
.why_block, .grid_section, .benefit_box, .scroll_box, .features_box, .faq_section {padding:80px 0;}
.info_box_three {padding:80px 0; background: #F4F4F4;}
.info_box_four, .info_box_six, .info_box_seven  {padding:80px 0;}
footer {padding:80px 0; background:#421b38; color:#f4f4f4;}
footer a {color:#B0275F; }

.grid_section .card {border-radius: 20px; background: #bc84a9; padding:20px; }

.benefit_box img {border-radius:20px;}

.benefit_box ul {list-style: none; padding:20px 0;}
.benefit_box li {font-size:18px; margin:10px 0;}
.benefit_box ul li::before {
  content: "•";
  color: #B0275F;
  font-weight: bold;
  display: inline-block;
  width: 30px;
}

.point_list li {font-size:18px;}

.features_box .card_active {background:#bc84a9; padding:30px;}
.features_box .card_default {background:#F9FAF7; padding:30px; border:1px solid #797979;}
.features_box .card_active .headline {font-size:24px; color:#fff; font-weight: 700;}
.features_box .headline {font-size:42px; color:#1E1E1E; font-weight: 700;}
.features_box .card_default p {font-size:24px; color:#1E1E1E; font-weight: 700;}
.scroll_box .nav-tabs .nav-link.active {font-size:22px; color:#B0275F !important; border-color:transparent !important; background-color: transparent !important; font-weight: 700;}
.scroll_box .nav-tabs .nav-link {font-size:22px; color:#1E1E1E !important; border-color:transparent !important; background-color: transparent !important; font-weight: 700;}

.cta_section {background:url('../images/bg-cta.jpg') no-repeat; background-size:cover; padding:80px 0;}
.cta_section h2, .cta_section h2 span {color:#fff;}
.price_section {padding:50px 0;}
.price_box {background:#fff; padding:50px; border-radius:20px;}



h1 {font-size:52px; color:#d9d4ef; font-weight: 900;}
h2 {font-size:42px !important; color:#1E1E1E; font-weight:900 !important;}
h2 span {font-size:32px !important;; color:#1E1E1E; font-weight: 900;}
h3 {font-size:32px; color:#7f5e8e; font-weight: 900;}
.info_box_one p.small_headline {font-size:20px; color:#1E1E1E; padding-bottom:20px; font-weight:700;}
.info_box_one p {color:#797979; font-size:18px; line-height:26px;}
.why_block p.small_headline {font-size:28px; color:#1E1E1E; padding-bottom:20px; font-weight:700;}
.why_block p {font-size:18px; line-height: 32px; color:#1e1e1e;}
.grid_section h4 {font-size:22px; color:#F0F0F0; padding:15px 0; font-weight: 700;}
.grid_section p {font-size:16px; color:#F0F0F0; }
.benefit_box .headline {font-size:20px; color:#1E1E1E; font-weight: 700;}
.benefit_box p {color:#797979; font-size:18px; }
.scroll_box_headline {font-size:20px; font-weight:700; color:#1E1E1E; }
.scroll_box_text {font-size:18px; color:#1E1E1E;}
.price_box .headline {font-size:24px; line-height: 30px; color:#1E1E1E; font-weight: 700;}
.price_box .price {font-size:52px; font-weight: 700; color:#1E1E1E; line-height:40px}
.price_box .price span {font-size:20px}
.accordion-button {font-size:20px; font-weight: 700; color:#1E1E1E;}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 50px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 2px 3px #17457a;
}
.fixed_button {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.my-float {
    margin-top: 16px;
}


@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav .nav-link {
      padding-right: 1rem;
      padding-left: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .hide_mobile {display: none !important;}
  .float {
      position: fixed;
      width: 50px;
      height: 50px;
      bottom: 50px;
      right: 20px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 32px;
      box-shadow: 2px 2px 3px #17457a;
  }
  .navbar>.container-fluid {justify-content: center !important;}
  .hero_section {padding:20px 0; background:#461f3c url('../images/hero-bg-mobile.jpg') no-repeat top; min-height: 90vh; background-size:contain;}
  .navbar-toggler-icon {
    background-image: ;
  }
  .hero_block {padding-top:240px;}
  .hero_block h1 {text-align: center; }
  .hero_subline {font-size:22px; line-height: 24px; text-align: center}
  .hero_description {font-size:18px; line-height: 20px; text-align: center}
  .hero_bt {display: block; width:100%; text-align: center;}
  .desk_nav, .mobile-remove {display:none; }
  .mobile_nav {display:inherit; margin:15px 0; padding:0px; }
	.mobile_nav button {border:none; background:transparent; margin:20px; color:#4c5669;}

  .video_section {padding:20px;}
  .info_box_one {margin:0;}
  .info_box_one, .info_box_two, .info_box_three, .info_box_four, .info_box_five, .info_box_six, .info_box_seven {padding:40px 20px;}
  .why_block, .grid_section, .benefit_box, .scroll_box, .features_box, .faq_section {padding:40px 20px;}

  h2 {font-size:32px !important; color:#1E1E1E; font-weight:900 !important;}
  h2 span {font-size:22px !important; color:#1E1E1E; font-weight: 900;}
  .why_block p.small_headline {font-size:22px;}

  .info_box_one h3 {padding:20px 0;}
  .info_box_one p.small_headline {padding-bottom:20px; padding-top:20px; font-weight:700;}

  .float {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 50px;
      right: 20px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 32px;
      box-shadow: 2px 2px 3px #17457a;
  }
  .fixed_button {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1030;
  }
  .my-float {
      margin-top: 16px;
  }

}