body {
  font-family: 'Exo 2', sans-serif;
  color: #436075;
  margin: 0;
  padding: 0;
  font-weight: 300;
}

div {
  box-sizing:border-box;
}


.container {
  max-width: 1200px !important;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.hero {
  background: #C1DDF2;
  min-height: 90vh;

}



.help-box {
  margin-top:-1rem;
  background: linear-gradient(to bottom right, #DCEEFC, #F2F7FD);
  z-index:2;
  position: relative;
}

.help-box2 {
  margin-top:-1rem;
  background: linear-gradient(to bottom right, #1B2D52, #273E66);
  z-index:2;
  position: relative;
}

.help-box3 {
  margin-top:2rem;
}




h1, h2, h3, h5, h6 {
  color: #436075;
  font-weight: 700;
}

.body2 h1, .body2 h2, .body2 h3, .body2 h5, .body2 h6 {
  color: #6A80AD;
  font-weight: 700;
}

.help-box2 h2, .help-box2 h3, .help-box2 h5, .help-box2 h6 {
  color: #fff;
}

.what-do-box h2{
  color:#fff;
}

.hero2 {
  background: #6A80AD;
  min-height: 90vh;
  color:#fff;
}

.hero2 h1{
  color:#fff;
}

.btn-primary {
  background-color: #fff;
  border-color: #fff;
  color: #436075;
  border-radius:5rem;
  padding:0.5rem 2rem 0.6rem 2rem;
  margin-bottom:3rem;
}

.btn-primary:hover {
  background-color: #ffffffaa;
  border-color: #fff;
  color: #436075;
}

.btn-secondary {
  background-color: #436075;
  border-color: #436075;
  color: #fff;
  border-radius:5rem;
  padding:0.5rem 2rem 0.6rem 2rem;
  margin-bottom:3rem;
}

.btn-secondary:hover {
  background-color: #436075aa;
  border-color: #436075;
  color: #fff;
}

.body2 .btn-secondary {
  background-color: #6A80AD;
  border-color: #6A80AD;
  color: #fff;
}

.body2 .btn-secondary:hover {
  background-color: #6A80ADaa;
  border-color: #6A80AD;
  color: #fff;
}

.mfeat {
  background: linear-gradient(to top right, #DCEEFC, #F2F7FD55);
  border-radius: 10px;
  padding:2rem;
}

.mfeat2 {
  background: #F5F5F7;
  border-radius: 10px;
  padding:2rem;
  color:#233966;
}

section h5, section h6 {
  font-weight: 600;
}

.rounded-circle-img {
  
  width:100%;
  max-width:500px;
}



.nav-tabs {
  border-bottom: none;
  padding-bottom: 0.5rem;
  scrollbar-width: none; /* Firefox */
}

.nav-tabs::-webkit-scrollbar {
  display: none;
}

.nav-tabs .nav-link {
  white-space: nowrap;
  border: none;
  background: #DCEEFC;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  font-weight: 600;
  color: #436075;
  transition: background 0.3s;
}

.nav-tabs .nav-link.active {
  background: #436075;
  color: #DCEEFC;
}

.tab-content {
  background: #DCEEFC;
  color: #436075;
}

.body2 .tab-content {
background: none;
//color: #436075;
}

.sec3-mob {
  background: #436075;
  color: #DCEEFC;
}

.sec3-mob h2{
  color: #DCEEFC;
}


.what-i-do-section-m .nav-tabs .nav-link {
  white-space: nowrap;
  border: none;
  background: #DCEEFC;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  font-weight: 600;
  color: #6A80AD;
  transition: background 0.3s;
}

.what-i-do-section-m .nav-tabs .nav-link.active {
  background: #6A80AD;
  color: #DCEEFC;
}

.what-i-do-section-m .tab-content {
  background: #fff;
  color: #436075;
}

.what-i-do-section {
background: linear-gradient(to right, #3b4c70, #4c5b88);

}

.what-i-do-section h2, .what-i-do-section h5{
  color:#fff;
}

.what-i-do-section .accordion-button {
  font-size:0.8rem;
}

.what-i-do-section .accordion-body {
  color:#fff;
  font-size:0.8rem;
}

.what-i-do-section p{
color:#233966;

}

.what-i-do-section p{
color:#fff;
}

.what-i-do-section-m .accordion-button {
  color:#233966;
}

.hero {
    padding-bottom:2rem;
  }

.hero2 {
    padding-bottom:2rem;
    overflow: hidden;
    z-index: 0;
  }

.hero2:before {
  content: "";
  width: 40%;
  height: 1000px;
  position: absolute;
  background-image: url("./img/p-18.svg");
  background-repeat: no-repeat;
  z-index: 1;
  right: 0%;
  top: -10%;
  box-sizing: border-box;
}


.hero2 img {
  position:relative;
  z-index: 2;
}

.hero3 {
    padding-bottom:2rem;
    overflow: hidden;
    z-index: 0;
  }

.hero3:before {
  content: "";
  width: 30%;
  height: 1000px;
  position: absolute;
  background-image: url("img/p-17.svg");
  background-repeat: no-repeat;
  z-index: 1;
  right: 5%;
  top: 10%;
  box-sizing: border-box;
}


.hero3 img {
  position:relative;
  z-index: 2;
}


.myfeat-m  {
  background: linear-gradient(to right, #3b4c70, #4c5b88);
  color:#fff;
}

.myfeat-m h5 {
  color:#fff;
}

.myfeat-m p {
  color:#fff;
}

.myfeat-m .nav-tabs .active {
  background:none;
}

/* Только для мобильных устройств (экраны < 768px) */

@media (max-width: 1000px) {

.hero2:before {
  display: none;
}

.hero3:before {
  display: none;
}
}

@media (max-width: 767.98px) {
  .btn-primary {
    margin-bottom: 0;
  }

  .hero2 {
    padding-bottom:0rem;
  }

.hero {
    padding-bottom:2rem;
  }
}