@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 28px;
    color: #6a6a6a;
    font-size: 14px;
    background-color: #eff2f1; }

.we-help-section {
    padding: 7rem 0 4rem 0; }
    .we-help-section .imgs-grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[27];
      grid-template-columns: repeat(27, 1fr);
      position: relative; }
      .we-help-section .imgs-grid:before {
        position: absolute;
        content: "";
        width: 255px;
        height: 217px;
        background-image: url("../images/home/dots-green-0ca6a4dc4a41d815de52d89519c35ba3.svg");
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-transform: translate(-40%, -40%);
        -ms-transform: translate(-40%, -40%);
        transform: translate(-40%, -40%);
        z-index: -1; }
      .we-help-section .imgs-grid .grid {
        position: relative; }
        .we-help-section .imgs-grid .grid img {
          border-radius: 20px;
          max-width: 100%; }
        .we-help-section .imgs-grid .grid.grid-1 {
          -ms-grid-column: 1;
          -ms-grid-column-span: 18;
          grid-column: 1 / span 18;
          -ms-grid-row: 1;
          -ms-grid-row-span: 27;
          grid-row: 1 / span 27; }
        .we-help-section .imgs-grid .grid.grid-2 {
          -ms-grid-column: 19;
          -ms-grid-column-span: 27;
          grid-column: 19 / span 27;
          -ms-grid-row: 1;
          -ms-grid-row-span: 5;
          grid-row: 1 / span 5;
          padding-left: 20px; }
        .we-help-section .imgs-grid .grid.grid-3 {
          text-align: right;
          -ms-grid-column: 14;
          -ms-grid-column-span: 16;
          grid-column: 14 / span 16;
          -ms-grid-row: 6;
          -ms-grid-row-span: 27;
          grid-row: 6 / span 27;
          padding-top: 20px; }

.custom-list {
width: 100%; }
.custom-list li {
    display: inline-block;
    width: calc(50% - 20px);
    margin-bottom: 12px;
    line-height: 1.5;
    position: relative;
    padding-left: 20px; }
    .custom-list li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #3b5d50;
    position: absolute;
    left: 0;
    top: 8px; }

.btn1 {
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 30px;
    color: #ffffff;
    background: rgb(21, 106, 148);
    border-color: #2f2f2f; }
    .btn1:hover {
        color: #ffffff;
        background: rgb(0, 39, 61);
        border-color: rgb(0, 39, 61); }
    .btn:active, .btn:focus {
        outline: none !important;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .btn.btn-primary {
        background: rgb(21, 106, 148);
        border-color: rgb(21, 106, 148); }
        .btn.btn-primary:hover {
        background: rgb(0, 39, 61);
        border-color: rgb(0, 39, 61); }
    .btn.btn-secondary {
        color: #2f2f2f;
        background: #f9bf29;
        border-color: #f9bf29; }
        .btn.btn-secondary:hover {
        background: #f8b810;
        border-color: #f8b810; }
    .btn.btn-white-outline {
        background: transparent;
        border-width: 2px;
        border-color: rgba(255, 255, 255, 0.3); }
        .btn.btn-white-outline:hover {
        border-color: white;
        color: #ffffff; }

.a1 {
    text-decoration: none;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #ffffff; }
    .a1:hover {
        background-color: rgb(0, 39, 61);
        text-decoration: none; }
    .a1.more {
        font-weight: 600; }


.custom-shape-divider-bottom-1730453120 {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-bottom-1730453120 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 90px;
  transform: rotateY(180deg) ;
}

.custom-shape-divider-bottom-1730453120 .shape-fill {
  fill: #afcfff;
}


.custom-shape-divider-top-1730465172 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1730465172 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 49px;
  transform: rotateX(180deg) ;
}

.custom-shape-divider-top-1730465172 .shape-fill {
  fill: #7cb1ff;
}

.nav-link.active {
  background: #262626!important;
  color: white!important;
}

.nav-link {
  color:#212529!important;
}