.body-wrapper {
    width: 100%;
    background-image: url('/images/WEB_BACKGROUND.png');
    background-repeat: no-repeat;
    background-position-y: 400px;
    background-size: cover;
}


.row {

}

/* navigation */
nav {
    width: 100%;
    height: 80px;
    background-color: white;
}

.nav-link {
    margin-left: 45px;
    height: 40px;
    color: #03214C;
    text-decoration: none !important;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}

#myScrollspy .nav-item {
    background-color: var(--mrAltDarkColor);
    margin-bottom: 5px;
    border-radius: .8rem;
}

    #myScrollspy .nav-item:hover {
        background-color: var(--mrAccentDarkColor);
    }

#myScrollspy .nav-link {
    color: var(--mrTextAccentLiter);
}

    #myScrollspy .nav-link:hover {
        color: var(--mrTextAccentLiter);
    }

#myScrollspy .active {
  /*  border-bottom: 5px solid #03214C; */
}

#myScrollspy .nav-link.active  {
/*    border-bottom: 5px solid #03214C; */
}


/* first section*/

#homeFirstButton {
    width: 202px;
    height: 43px;
    margin-top: 50px;
    background-color: #FBFCFE;
    border: 1px solid #CDD3DB;
    box-sizing: border-box;
    border-radius: 10px;
}

#homeSecondButton {
    padding:12px;
    margin-left: 0px;
    margin-top: 40px;
    background: #E6E9ED;
    border: 1px solid #CDD3DB;
    box-sizing: border-box;
    border-radius: 10px;
}

#homeExplanation {
    width: 630px;
    height: 90px;
    margin-top: 60px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 45px;
    color: #000000;
}


/* Section2*/
.green-got-time {

    height: 55px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 55px;
    color: #212529;
}

.green-got-time-2 {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.015em;
}

.green-got-time-3 {
    margin-left: 10px;
}

.main-explanation {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 55px;
    color: #000000;
}

.sub-explanation {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 55px;
    color: #000000;
}

.subber-explanation {
    width: 910px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.015em;
}

.weease-new-row {
    margin-top: 200px;
}

.easy-tracking-rectangle {
    padding-top: 5px;
    margin-bottom: 40px;
    width: 204px;
    height: 123px;
    border: 1.5px solid #03214C;
    box-sizing: border-box;
    border-radius: 15px;
}

.easy-tracking-rectangle-second {
    padding-top: 5px;
    margin-left: 40px;
    margin-bottom: 40px;
    width: 204px;
    height: 123px;
    border: 1.5px solid #03214C;
    box-sizing: border-box;
    border-radius: 15px;
}

.easy-tracking-rectangle-text {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.015em;
}

.easy-tracking-rectangle-ratio {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 68px;
    text-align: center;
    letter-spacing: -0.015em;
    color: #03214C
}

.easy-tracking-normal-style {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 40px;
    color: #03214C
}

.easy-tracking-bold-style {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 55px;
}

#weease {
    height: 91px;
    margin-top: 250px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 91px;
    letter-spacing: -0.015em;
    color: #03214C;
}

#responding {
    height: 51px;
    margin-left: 70px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 51px;
    letter-spacing: -0.015em;
    color: #000000;
}

#tracking {
    height: 51px;
    margin-left: 130px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 51px;
    letter-spacing: -0.015em;
    color: #000000;
}

#accessing {
    height: 51px;
    margin-left: 160px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 51px;
    letter-spacing: -0.015em;
    color: #000000;
}



.illustration1 {
    position: absolute;
    width: 1063px;
    height: 709px;
    left: 473px;
    top: 135px;
}

.weeaseStyle {
    position: absolute;
    width: 216px;
    height: 91px;
    left: 897px;
    top: 1145px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 91px;
    letter-spacing: -0.015em;
    color: #03214C;
}

.blog-card {
    background-color: red;
    text-decoration: none;
}

.blog-card {
    width: 383px;
    height: 405px;
    margin-bottom: 20px;
    background: #FFFFFF;
    border: 2px solid #03214C;
    box-sizing: border-box;
    border-radius: 15px;
    margin-left: 40px;
    border: 2px solid #CDD3DB;
}

.blog-card-place-holder {
    width: 381px;
    height: 243px;
    border-radius: 13px 13px 0px 0px;
    background-color: #C4C4C4;
}

.main-header {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 55px;
}


.blog-card-header-text {
    width: 272px;
    height: 34px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.blog-card-text {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.sub-header {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 55px;
}

.color-div-1 {
    width: 64px;
    height: 64px;
    margin-left: 85px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.015em;
    background: #8190A5;
    border: 5px solid #03214C;
    box-sizing: border-box;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    line-height: 50px;
}

.color-div-2 {
    width: 64px;
    height: 64px;
    margin-left: 85px;
    background: #97D3DB;
    border: 5px solid #2EA8B7;
    box-sizing: border-box;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    /* identical to box height, or 111% */
    letter-spacing: -0.015em;
    color: #2EA8B7;
    line-height: 50px;
}

.color-div-3 {
    margin-left: 85px;
    width: 64px;
    height: 64px;
    left: 688px;
    top: 4688px;
    background: #F5E3B3;
    border-radius: 10px;
}

.color-div-4 {
    margin-left: 85px;
    width: 64px;
    height: 64px;
    left: 834px;
    top: 4688px;
    background: #F7AFA5;
    border-radius: 10px;
}

.color-div-5 {
    margin-left: 85px;
    width: 64px;
    height: 64px;
    left: 980px;
    top: 4688px;
    background: #A7D4BD;
    border-radius: 10px;
}
/*Section3*/
.section-3-first-explanation-header {
    width: 572px;
    height: 110px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 55px;
    color: #000000;
}

.section-3-first-explanation {
    width: 553px;
    height: 160px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 40px;
    color: #000000;
}

#pricingExplanation {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #03214C;
}

#priceTable {
    width: 1237px;
    border-collapse: collapse;
}

    #priceTable td {
        height: 23px;
        font-family: Source Sans Pro;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
    }

    #priceTable thead {
        height: 50px;
    }


#priceTable-first-tr {
    background-color: white;
}

#priceTable tr th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#priceTable tr th:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

#priceTable tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#priceTable tr td:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

#priceTable #mainFeatures {
    background-color: white;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
}

#priceTable tr:nth-child(2n+1) {
    background-color: #E6E9ED;
}

#priceTable tr:nth-child(2n+0) {
    background-color: white;
}

.price-card {
    width: 370px;
    border-radius: 15px;
}

.price-card-header {
    width: 370px;
    height: 90px;
    background-color: #E6E9ED;
    background-image: url('/images/SUBSCRIPTION_BOX_MASK.png');
    background-repeat: no-repeat;
    border-radius: 15px 15px 0px 0px;
}

.price-card-header-explanation {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #03214C;
}

.price-card-body {
    padding-top: 10px;
}

.price-card-buy-button {
    width:350px;
    height: 59px;
    background: #E6E9ED;
    border: 2px solid #CDD3DB;
    box-sizing: border-box;
    border-radius: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #03214C;
    margin-bottom:10px;
}

.whyUsLastRectangle {
  margin-left: 35px;
  margin-bottom: 35px;
  padding-left: 20px;
  padding-bottom: 50px;
  padding-top: 20px;
  width: 530px;
  background: #FBFCFE;
  border: 1.5px solid #CDD3DB;
  border-radius: 15px;
  
}

  

.whyUsLastRectangleHeader {
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 55px;
  color: #212529;
}

.whyUsLastRectangleExplanation {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
}

#packagesDiv {
    margin-top: 50px;
}

.try-wease-free-for-month-button {
    width: 496px;
    height: 59px;
    background: #E6E9ED;
    border: 2px solid #CDD3DB;
    box-sizing: border-box;
    border-radius: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #03214C;
}

.blogSectionHeader {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 51px;
    padding-left: 90px;
}

#section6 {
    background-image: url('/images/WEB_FOOTER_BACKGROUND.png');
    background-repeat: no-repeat;
}

    #section6 button {
        width: 55%;
        height: 47px;
        border-radius: 10px;
        border-style: none;
    }

    #section6 a {
        margin-left: 32px;
        height: 26px;
        color: #03214C;
        text-decoration: none !important;
        font-family: Source Sans Pro;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
    }

#subscriptionButton {
    background-color: #8190A5;
    background-image: url('/images/CALL_PHONE_ICON.png');
    background-repeat: no-repeat;
}

#moreInfoButton {
    background-color: #97D3DB;
    background-image: url('/images/MORE_INFO_ICON.png');
    background-repeat: no-repeat;
}

#trialFormButton {
    background-position: 10px 5px !important;
    background-color: #97D3DB;
    background-image: url('/images/STORAGE_ICON.png');
    background-repeat: no-repeat;
}

#chatWithUsButton {
    background-color: #F5E3B3;
    background-image: url('/images/SMS_ICON.png');
    background-repeat: no-repeat;
}


.loginBox {
    background:white;
    display:none;
    box-sizing: border-box;
    position:absolute;
    border-radius: 10px;
    font-family: Source Sans Pro;
    font-size: 21px;
    right:0;
    top:60px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.015em;
}

    .loginBox.active {
        background: white;
        display: block;
    }

    .loginBox .upperDiv {
        background: white;
        padding-top: 10px;
        width: 134px;
        height: 50px;
        border: 1px solid #CDD3DB;
        border-radius: 10px 10px 0px 0px;
    }

    .loginBox .lowerDiv {
        background: white;
        padding-top: 10px;
        width: 134px;
        height: 50px;
        border: 1px solid #CDD3DB;
        border-radius: 0px 0px 10px 10px;
    }