body { font-family: 'Satoshi', sans-serif;font-style: normal;}
a{text-decoration: none; color: inherit;}
img{max-width: 100%; height: auto;}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}
.navbar-light .navbar-toggler {color: rgb(0 0 0 / 0%);}
a:hover,.nav-link:focus, .nav-link:hover {color: initial;}
.nav-link{font-size: 16px;font-weight: 700;line-height: 16px;}
.background-url{background-position: center center;background-repeat: no-repeat;background-size: contain;}
h1,h2,h3,h4,h5,h6,p,.small-pera,.nav-link,.growth-pera,.inner-pera,.build-pera,.form-pera{font-family: 'Satoshi', sans-serif; font-style: normal;}
h1,
h1 span{text-shadow: 2px 2px 0px #FFF, -1px -2px 0px #FFF;font-size: 58px;font-weight: 900;line-height: 75.48px;}
h2,
h2 span
{font-size: 48px;font-weight: 700;line-height: normal;}
h3{font-size: 34px;font-weight: 700;line-height: 40px;}
p{font-size: 18px;font-weight: 500;line-height: 28px;}
.small-pera{font-size: 16px;line-height: 26px; }
.large-pera{font-size: 28px;line-height: 44px;}
.growth-pera{font-size: 20px;font-weight: 500;line-height: normal;max-width: 860px;margin: auto;}
.footer-link{font-weight: 400;opacity: .7;}
.values-top-pera{font-weight: 800;}
.bold-pera{font-weight: 700 !important;}
.new-pera-head{font-size: 24px;line-height: 34px;font-style: normal;font-weight: 500;}
.i-pera{font-size: 20px; font-weight: 500;line-height: 30px;font-style: italic;}
.breack-line{max-width: 180px;}
.theme-opacity{opacity: .8;}
.inner-pera{color: #0C070F;font-size: 24px;font-weight: 700;line-height: normal;}
.build-pera{color: #0E231C;font-size: 24px;font-weight: 500;line-height: 36px;}
.bold-span{font-size: 28px;}
.theme-mini-pera{font-size: 14px; line-height: 22px;}
.theme-mini-pera-inner{font-weight: 400;font-size: 18px;line-height: 28px;letter-spacing: -0.16px;color: #F5FDF9;}
.form-pera{
color: #0C070F;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.form-label{
color: #8D8D8D;
font-family: 'Satoshi', sans-serif; font-style: normal;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 166.667% */
}

/* ==========================  Theme text color  ========================== */
.theme-primary-text{color: #0C070F;}
.theme-secondary-text{color: #5C4F5C;}
.theme-primary-light{color: #fff;}
.theme-primary-light-white{color: #FCF8FE;}
.theme-primary-text-dark{color: #000;}
.theme-primary-text-inner{color: #000;}
.theme-form{color: #C9C9C9;}
.theme-need{color: #0E231C;}
/* ==========================  Theme Background color  ========================== */
.theme-primary-bg{background: #0E231C;}
.theme-secondary-bg{background: #EDF9F2;}
.theme-primary-light-primary{background: #F0F8FF;}
.theme-secondary-light-secondary{background: #F1EBFF;}
.theme-secondary-light-bg{background: #fff;}
.theme-primary-dark-bg{background: #F4F7F2;}
.theme-secondary-dark-bg{background: #F7FDFA;}
.theme-light-bg{background: #FBF6EF;}
.theme-light-inner-bg{background: #EEF9FE;}
.theme-light-dark-inner-bg{background: #F4EDFC;}
.theme-light-outer-bg{background: #F3F7FF;}

/* ==========================  Theme Button  ========================== */
.theme-primary-btn{color: #0C070F;text-align: right;font-family: 'Satoshi', sans-serif;font-size: 16px;font-style: normal;
font-weight: 700;line-height: 16px;text-transform: capitalize;border-radius: 50px;background: #FFF;
box-shadow: 0px 0px 18.8px -1px rgba(0, 0, 0, 0.10);display: inline-block;transition: all 0.2s ease-in-out;padding: 8px 16px !important}

.theme-light-btn {
    color: #0C070F;
    text-align: right;
    font-family: 'Satoshi', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-transform: capitalize;
    border-radius: 50px;
    background: #FFF;
    border: 3px solid #DBDADA;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    padding: 8px 16px !important
}



.theme-secondary-btn span{background: #fff;width: 38px;height: 38px;display: inline-block;line-height: 23px;
text-align: center;transition: all 0.2s ease-in-out;border-radius: 100px;padding-top: 6px;}
.theme-secondary-btn:hover span{background: #0E231C;}
.theme-secondary-btn:hover img{  filter: saturate(0%) brightness(190%);}
.theme-secondary-btn img,
.theme-primary-btn img{transition: all 0.2s ease-in-out;}
.theme-primary-btn:hover{color: #fff; background: #0E231C;}


.theme-light-btn:hover{color: #00C257; }
.theme-light-btn .button-icon{
    transition: all 0.2s ease-in-out;
}



.theme-light-btn:hover .button-icon

 {
    transform: rotate(45deg);
}


.theme-secondary-btn:hover{color: #0E231C; background: #fff;}
.theme-secondary-btn:hover .button-icon,
.theme-primary-btn:hover .button-icon {transform: rotate(45deg);}
.theme-secondary-btn{color: #fff;text-align: right;font-family: 'Satoshi', sans-serif;font-size: 16px;font-style: normal;
font-weight: 700;line-height: 16px;text-transform: capitalize;border-radius: 50px;background: #00C257;
box-shadow: 0px 0px 18.8px -1px rgba(0, 0, 0, 0.10);display: inline-block;transition: all 0.2s ease-in-out;padding: 8px 16px !important}
.theme-secondary-btn span img {
    width: 11px;
    height: 11px;
}
 /* ==========================  Theme Border Radius  ==========================  */
.theme-radius{border-radius: 20px;}
.theme-radius-large{border-radius: 32px;}
.theme-radius-small{border-radius: 12px;}
.theme-img-radius{border-radius: 16px;}

.progress-wrap {
    right: 20px;
    bottom: 20px;
    color: #00c2576e;
    position: fixed;
    height: 46px;
    width: 46px;
    cursor: pointer;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px #00c2576e;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  background: #fff;
    input {
        z-index: 10001;

        &:checked {
            &+html {
                scroll-snap-type: unset;
            }
        }
    }

    &.active-progress {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    &::after {
      position: absolute;
      content: "";
      text-align: center;
      line-height: 46px;
      font-size: 46px;
      color: gray;
      left: 0;
      top: -2px;
      height: 46px;
      width: 46px;
      cursor: pointer;
      display: block;
      z-index: 1;
      -webkit-transition: all 200ms linear;
      transition: all 200ms linear;
      background-image: url(../images/icons/go-to-top.svg);
      width: 15px;
      height: 15px;
      line-height: 0px;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      top: 15px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
    }

    &::before {
        position: absolute;
        content: '↑';
        text-align: center;
        line-height: 46px;
        font-size: 24px;
        opacity: 0;
        -webkit-text-fill-color: #00C257;
        left: 0;
        top: -2px;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        z-index: 2;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }
    svg {
        path {
            fill: none;
        }

        &.progress-circle {
            path {
                stroke: #00C257;
                stroke-width: 4;
                box-sizing: border-box;
                -webkit-transition: all 200ms linear;
                transition: all 200ms linear;
            }
        }
    }
  }

  /* The button styling */
  #toTopBtn {position: fixed;bottom: 20px;right: 20px;width: 50px;height: 50px;border: 3px solid transparent;border-radius: 50%;
    background-color: rgb(255, 255, 255);color: rgb(255, 255, 255);text-align: center;line-height: 44px;font-size: 18px;
    cursor: pointer;display: none;transition: border 0.3s, background-color 0.3s;z-index: 1000;}
  .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {box-shadow: none;}