.error {
    color: red;
    display: block;
}



/* MR STYLES */

#fastResponseImgDiv img {
    margin-top:-24px;
}

.price1 .pricePriceYear button {
    color: white;
    background: #03214C;
}

.price2 .pricePriceYear button {
    color: white;
    background: #2EA8B7;
}

.price3 .pricePriceYear button {
    color: white;
    background: #EBC768;
}

.price4 .pricePriceYear button {
    color: white;
    background: #EE5F4C;
}

    .pricePriceYear button {
    box-shadow: 2px 4px 6px rgb(0 0 0 / 15%);
    border-radius: 15px;
    display: block;
    width: 100%;
    border: none;
    margin-top: 12px;
    font-size: 12px;
    padding: 6px;
}

.pricedesc img {
    width: 8em;
}
.pricedesc p {
    font-size: 10px;
    margin:0;
    padding:0;
    margin-bottom:6px;
}


.pricedesc {
   margin-top:12px;
   padding-right:0;
}


.yearlyCheckLabel span,
.yearbut span {
    padding: 4px;
    border-radius: 4px;
    background: #97D6B6;
    font-size: 10px;
    font-weight: bold;
    margin-left: 4px;
}



.planChanger button.active {
    color: black;
    font-weight: 600;
    background: #E6E9ED;
    border: 1px solid #CDD3DB;
    border-radius: 15px;
}
.planChanger button {
    border: 1px solid rgba(0,0,0,0);
    color: #585858;
    font-size: 13px;
    font-weight: 400;
    padding: 12px;
    display: flex;

    outline: none;
    width: 49%; 
    background: none;
    align-items: center;
    justify-content: center;
}
.planChanger {
    margin-top:14px;
    margin-bottom:28px;
    overflow: hidden;
    border: 1px solid #E6E9ED;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
    border-radius: 15px;
    justify-content: space-between;
    display: flex;
    align-items:center;
}




.pricerow {
    column-gap: 1vw;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.pricer {
    padding: 0;
}


#section5 .sub-explanation {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.priceitem:hover {
    -webkit-box-shadow: 0px 10px 9px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 9px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 9px -12px rgba(0,0,0,0.75);
    margin-top: -8px;
}
.priceitem {
    transition: 400ms all ease;
    background: #FFFFFF;
    border: 2px solid;
    border-radius: 15px;
    padding: 24px 24px 24px 24px;
}


.priceTop img {
  width: 70%;
}

.priceTop{
    margin-bottom:12px;
    justify-content:flex-start;
    align-items:center;
    display:flex;
}

.priceMiddle{

}

.priceUser p {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 90%;
    line-height: 13px;
    display: block;
    color: #8a8a8a;
    font-size: 13px;
}
.priceUser img {
}

.priceUser span {
    margin-bottom:0;
    display:block;
    font-size:16px;
}
.priceUser{

}

.pricePriceYear span:nth-child(1) {
    font-weight: 600;
    font-size: 2em;
    line-height: 45px;
    color: #000000;
    letter-spacing:-1px;
}

.pricePriceYear span:nth-child(2) {
    font-size: 12px;
    color: #585858;
    font-weight:400;
}

.pricePriceYear {
    margin-bottom: 20px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(159, 171, 188, 0.5);
}

.pricePriceMonth span:nth-child(1) {
}

.pricePriceMonth span:nth-child(2) {
}

.pricePriceMonth span:nth-child(3) {
}

.pricePriceMonth{

}

.priceBottom ul li img {
}

.priceBottom ul li img {
    width: 13px;
    margin-right: 2px;
    /* margin-bottom: 8px; */
    opacity: .8;
    align-items: center;
    display: inline-block;
}

.priceBottom ul li {
    font-size: 12px;

    align-items: center;
    margin-bottom: 9px;
}

.priceBottom ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0px;
}

.pricingUl ul li:nth-child(3) img {
    opacity:.6;
}
.pricingUl ul li img {
    width: 13px;
    margin-right: 2px;
    /* margin-bottom: 8px; */
    opacity: .8;
    align-items: center;
    display: inline-block;
}

.pricingUl ul li  span{
}

.pricingUl ul li {
    font-size: 12px;

    align-items: center;
    margin-bottom: 9px;

    
}
.pricingUl ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 10px;
}
.pricingUl {
    margin-bottom: 20px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(159, 171, 188, 0.5);
}

.priceBottom{

}



.cpointer {
    cursor: pointer;
}


.price1color:hover {
    color: #03214C;
}

.price2color:hover {
    color: #2EA8B7;
}

.price3color:hover {
    color: #EBC768;
}

.price4color:hover {
    color: #EE5F4C;
}

.price1color {
    color: #03214C;
}

.price1border {
    border-color: #03214C;
}



.price1 {
    border-color: rgba(3, 33,76 , .33);
}

.price1:hover {
    border-color: #03214C;
    border-top: 8px solid #03214C;
    padding: 18px 24px 24px 24px;
}


.price2:hover {
    
    border-color: #2EA8B7;
    border-top: 8px solid #2EA8B7;
    padding: 18px 24px 24px 24px;
}
.price2 {
    border-color: rgba(46 ,  168 ,  183 , .33);
}

.price3 {
    border-color: rgba(235 , 199 , 104 , .33);
}

    .price3:hover {
        border-color: #EBC768;
        border-top: 8px solid #EBC768;
        padding: 18px 24px 24px 24px;
    }

.price4 {
    border-color: rgba(238 , 95 , 76 , .33);
}

    .price4:hover {
        border-color: #EE5F4C;
        border-top: 8px solid #EE5F4C;
        padding: 18px 24px 24px 24px;
    }

.price2color {
    color: #2EA8B7;
}

.price2border {
    border-color: #2EA8B7;
}

.price3color {
    color: #EBC768;
}

.price3border {
    border-color: #EBC768;
}

.price4color {
    color: #EE5F4C;
}

.price4border {
    border-color: #EE5F4C;
}


#homeExplanation {
    margin-top: 24vh;
    z-index:9;
}

#illustration2 {
    width:100%;
}
    html {
    width: 100vw;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    width: 100vw;
    overflow-x: hidden;
}

#myScrollspy {
    padding: 4vh 2vw 2vh 2vw;
    height:auto;
    position:fixed;
}



.loginButton:hover {
    color:black;

}

.loginButton {
    cursor: pointer;
    margin-right: 6px;
    color: var(--mrAccentDarkColor);
}

.mobile-illustration {
    font-family: Source Sans Pro;
}

#homeExplanation p:nth-child(2) {
    margin-top:-12px;
}

.mobile-illustration h3 {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 55px;
}
.mobile-illustration .row p {
    font-weight: 100;
    font-size: 24px;
    line-height: 40px;
}
.mobile-illustration .row{
    justify-content:center;
    align-items:center;
}


#section1,
#section2,
#section3,
#section4,
#section5,
#section6 {
    scroll-margin-top: -1em;
}


        #section1 .col-md-4 {
            overflow: visible;
            z-index: 12;
        }

    #section1 {
        padding-top: 120px !important;
    }

        #section1:target {
            padding-top: 120px !important;
        }

    #section2:target {
        padding-top: 0px !important;
    }

    #section3:target {
        padding-top: 140px !important;
    }



    .navbar-nav {
        white-space: nowrap;
    }

        .navbar-nav .nav-item:first-child {
            width: 15vw;
            padding: 6px 0;
        }

            .navbar-nav .nav-item:first-child img {
                width: 100%;
            }










    /* TABLET CSS */


    @media (min-width:654px) and (max-width: 1024px) {


        #section6 .list-unstyled.text-small li:nth-child(6) {
            text-align: right !important;
        }

        #section6 .list-unstyled.d-flex {
            display: unset !important;
        }

        .price-card {
            width: 48% !important;
            display: inline-block;
            vertical-align: top;
        }

            .price-card:nth-child(2) {
                margin-left: 0 !important;
            }


            .price-card:first-child table {
                transform: translateX(-25%);
                text-align: center;
                display: block;
                margin-left: 50% !important;
            }


            .price-card:first-child {
                width: 100% !important;
                display: block;
            }

            .price-card div {
                width: 100% !important;
            }

        .colorparent div:first-child {
            margin-left: 0px !important;
        }

        .colorparent div {
            width: 15% !important;
            margin-left: 5% !important;
        }



        #packagesDiv {
            justify-content: center !important;
            margin-top: -25px !important;
            display: block !important;
            width: 100% !important;
            white-space: normal !important;
        }

        .assistant .col-md-6:first-child p {
            width: auto !important;
            height: auto;
        }

        .assistant .col-md-6:first-child {
            width: 25%;
            padding-top: 0 !important;
        }

        .tryforfree-mr {
            margin-top: 10px !important;
        }

            .tryforfree-mr button {
                width: 100%;
            }

            .tryforfree-mr .container {
                margin-left: auto !important;
            }

        .whyUsLastRectagnleExplanation {
            font-size: 1.6em;
            color: #918b8b;
            line-height: 1.2em;
        }


        .whyUsLastRectangleHeader {
            font-weight: bold;
        }


        .weease-new-row {
            margin-top: 50px !important;
        }


        .whyUsLastRectangle {
            margin-left: 0 !important;
            margin-bottom: 35px !important;
            padding-left: 20px !important;
            padding-right: 35px !important;
            padding-bottom: 50px !important;
            padding-top: 20px !important;
            width: 100% !important;
        }

        .colorexampimg-100 {
            margin-top: 45px !important;
        }

            .colorexampimg-100 img {
                width: 100%;
            }


        .which-one-sub div {
            margin-left: 0 !important;
            display: block;
            margin: 0 auto;
            text-align: center;
            font-size: .6em;
        }

        .which-one-sub {
            width: 105%;
            display: block;
        }

        .which-one div {
            margin-left: 0 !important;
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        .which-one {
            margin-top: 150px;
            width: 105%;
            display: block;
        }

        .assistant .col-md-6:nth-child(2) img {
            width: 110%;
        }

        .all-chats .col-md-6:first-child img {
            width: 120%;
            margin-top: -50px;
        }

        .all-chats .col-md-6:nth-child(2) img {
            width: 140%;
            margin-top: 60px;
            margin-left: -40%;
            margin-bottom: -40px;
        }

        .easy-tracking-top-parent {
            margin-top: 0 !important;
        }

        .easy-track-left {
            width: 100% !important;
            flex: 1;
            max-width: 100%;
            padding: 0;
        }

        .easy-track-right {
            display: none;
        }

        .easy-tracking-bold-style {
            font-size: 26px;
            line-height: 25px;
            padding-left: 0 !important;
        }

        .easy-tracking-rectangle {
            width: 49%;
            margin-bottom: 8px;
        }

        .easy-tracking-rectangle-second {
            width: 49%;
            margin-bottom: 8px;
            margin-left: 1%;
        }

        .green-got-time-2 {
            font-size: 20px;
            line-height: 20px;
        }

        #fastResponseImgDiv img {
            width: 100%;
        }

        #section3:target {
            padding-top: 180px !important;
        }

        #section3 {
            padding-top: 180px !important;
        }

        #illustration2 {
            // margin-left: -7vw !important;
            // display: block;
            // z-index: 10;
            // margin-top: 5vh;
            // width: 75vw;
        }

        #section2:target {
            padding-top: 150px !important;
        }

        #section2 .container {
            padding-top: 150px !important;
        }

        #weease {
            margin-top: 150px;
            font-size: 52px;
            margin-left: -55px;
        }

        #responding {
            margin-left: -30px;
        }

        #tracking {
            margin-left: -5px;
        }

        #accessing {
            margin-left: 20px;
        }


        #section1:target {
            padding-top: 150px !important;
        }

        #section1 {
            padding-top: 150px !important;
        }

        #homeSecondButton {
            margin-left: 0px;
            margin-top: 10px;
        }

        #homeExplanation p:first-child {
            margin-bottom: .1em;
        }

        #illustration1 {
            margin-left: unset !important;
            margin-right: -16vw;
            width: 68vw;
            display: block;
            float: right;
            z-index: 10;
            margin-top: 5vh;
        }

        .navbar-nav .nav-item:first-child {
            width: 16vw;
            padding: 8px 0;
        }

        #myScrollspy {
            position: fixed;
            padding: 4vh 5vw 2vh 5vw;
        }

        .nav-item:nth-child(7) {
            margin-left: 100px !important;
            float: right;
        }

        .nav-item:nth-child(2) .nav-link {
            margin-left: 24px;
        }

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





    /* MOBILE CSS */

    @media (min-width: 640px) {

        .hamburger,
        .mobilemenu-backdrop,
        .mobilemenu {
            display: none;
        }



        .dnone-mr-desk {
            display: none !important;
        }
    }


    @media (max-width: 640px) {

        .colorparent div:first-child {
            margin-left: 0px !important;
        }

        .colorparent {
            margin-top: -30px;
        }

          .colorparent div {
            width: 15% !important;
            font-size: 23px;
            margin-left: 5% !important;
            height: auto;
            line-height: 30px;
            text-align: center;
          }
    


        .green-got-time-2 {
            font-size: 1.2em;
            line-height: .4em;
            margin: 0 0 12px 0;
        }


        #fastResponseImgDiv img {
            width: 100%;
        }

        #fastResponseGreenDiv,
        #fastResponseYellowDiv,
        #fastResponseRedDiv {
            width: 100%;
            display: block;
        }

            #fastResponseGreenDiv img,
            #fastResponseYellowDiv img,
            #fastResponseRedDiv img {
                width: 100%;
                margin-left: 0 !important;
                margin-bottom: 14px;
            }

        #section3,
        #section3:target {
            padding-top: 1vh !important;
            padding: 1vh 8vw;
        }

        #section4,
        #section4:target {
            padding-top: 1vh !important;
            padding: 1vh 14vw;
        }

        .main-explanation {
            font-size: 2.2em;
            margin: 0;
        }

        .sub-explanation {
            font-size: 1.4em;
            margin: 0 0 24px 0;
            line-height: 1em;
        }

        .subber-explanation {
            font-size: 1em;
            line-height: 1.6em;
            margin: 0;
        }

        #section2 .container {
            padding-top: 0 !important;
        }

        #weease {
            margin-top: 50px !important;
            margin-left: 40px;
            font-size: 2.5em;
            line-height: 1em;
            height: auto;
            margin-bottom: 0;
        }

        #responding img,
        #tracking img,
        #accessing img {
            width: 36px;
        }

        #responding {
            margin-top: 20px;
            margin-left: 70px;
            font-size: 1.6em;
            margin-bottom: 0;
        }

        #tracking {
            margin-left: 110px;
            font-size: 1.6em;
            margin-bottom: 0;
        }


        #accessing {
            margin-left: 140px;
            font-size: 1.6em;
            margin-bottom: 0;
        }


        .dnone-mr-mob {
            display: none !important;
        }


        #illustration2 {
            // width: 100vw !important;
            // display: block !important;
            // margin: 0 auto !important;
            // margin-left: 50% !important;
            // transform: translateX(-50%) !important;
        }

        #homeExplanation {
            height: auto !important;
            width: 100% !important;
            display: block !important;
            font-size: 1.2em !important;
            line-height: .6em !important;
        }


        #homeSecondButton {
            width: 100%;
            margin-top: 5px;
        }


        #illustration1 {
            width: 100vw !important;
            display: block !important;
            margin: 0 auto !important;
            margin-left: 50% !important;
            transform: translateX(-50%) !important;
        }


        .mobilemenu ul {
            position: relative;
            list-style: none;
            width: 100vw;
            margin-top: 5vh;
            float: right;
            text-align: right;
        }

            .mobilemenu ul li {
                list-style: none;
            }

        .mobilemenu-backdrop {
            display: block;
            position: fixed;
            width: 100vw;
            height: 100vh;
            left: 0;
            top: -100vh;
            backdrop-filter: blur(4px);
            background-color: rgba(255,255,255,.4);
            transition: 400ms ease all;
        }

            .mobilemenu-backdrop.opn {
                top: 0;
                z-index: 9998;
            }


        .mobilemenu {
            width: 100vw;
            right: -5%;
            padding-right: 5%;
            z-index: 9999;
            display: block;
            position: fixed;
            top: -100vh;
            background: url('../images/MOBIL_MENU_BACKGROUND.png');
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            transition: 400ms ease all;
        }

            .mobilemenu.opn {
                top: 0;
                margin-top: -5vh;
                min-height: 50vh;
            }

        #myScrollspy .nav-item {
            margin-bottom: 0 !important;
        }

        .loginBox {
            top: 50px;
        }

        #myScrollspy ul {
            width: 100%;
            display: block;
        }

        #myScrollspy {
            padding: 1vh 2vw 1vh 2vw;
            height: auto;
            position: fixed;
        }

        .navbar-nav .nav-item:nth-child(7) img {
            width: 100%;
        }

        .navbar-nav .nav-item:last-child img {
            width: 100%;
        }

        .navbar-nav .nav-item:last-child {
            margin-right: 8px;
            width: 40px;
            padding: 6px 0 0 0;
            display: inline-block;
            margin-left: 0 !important;
            float: right;
        }

        .navbar-nav .nav-item:nth-child(7) {
            width: 40px;
            padding: 6px 0 0 0;
            display: inline-block;
            margin-left: 0 !important;
            float: right;
        }

        .navbar-nav .nav-item:first-child {
            width: 45vw;
            padding: 10px 0 0 0;
            display: inline-block;
        }

        .navbar-nav .nav-item {
            display: none;
        }

        .easy-tracking-top-parent {
            margin-top: 0 !important;
        }

        .easy-tracking-rectangle-text {
            font-size: 13px;
        }

        .easy-track-left {
            width: 100% !important;
            flex: 1;
            max-width: 100%;
            padding: 0;
        }

        .easy-track-right {
            display: none;
        }

        .easy-tracking-bold-style {
            font-size: 26px;
            line-height: 25px;
            padding-left: 0 !important;
        }

        .easy-tracking-rectangle {
            width: 49%;
            margin-bottom: 8px;
        }

        .easy-tracking-rectangle-second {
            width: 49%;
            margin-bottom: 8px;
            margin-left: 1%;
        }

        .colorexampimg-100 {
            margin-top: 25px !important;
        }

            .colorexampimg-100 img {
                width: 100%;
            }

        #colorExample1 img {
            /* margin-left: -25px; */
        }

        #colorExample2 img {
            /* margin-top: -60px; */
            /* margin-left: 25px; */
            width: 104%;
            margin-left: -2%;
            margin-top: 4%;
        }


        .which-one-sub div {
            margin-left: 0 !important;
            display: block;
            margin: 0 auto;
            text-align: center;
            font-size: .6em;
        }

        .which-one-sub {
            width: 105%;
            display: block;
            font-size: 1.6em;
            line-height: .6em;
            margin-top: 12px;
        }

        .which-one div {
            font-size: .8em;
            line-height: 1em;
            margin-left: 0 !important;
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        .which-one {
            margin-top: 150px;
            width: 105%;
            display: block;
        }

        .assistant .col-md-6:nth-child(2) img {
            width: 110%;
            margin-left: -5%;
        }

        .all-chats .col-md-6:first-child img {
            width: 100%;
            margin-top: -50px;
            margin-left: -6px;
        }

        .all-chats .col-md-6:nth-child(2) img {
            width: 100%;
            margin-top: 10px;
            /* margin-left: 10%; */
            margin-bottom: -41px;
        }


        .section-3-first-explanation-header {
            width: 100%;
            font-size: 1.8em;
            line-height: 1em;
            height: auto;
        }

        .assistant p:nth-child(2) {
            width: 100% !important;
            font-size: 1em !important;
            line-height: 1.4em !important;
            height: auto !important;
        }

        .assistant {
            margin-top: 50px !important;
        }

        .whyUsLastRectagnleExplanation {
            font-size: .8em;
            color: #918b8b;
            line-height: 1.4em;
        }


        .whyUsLastRectangleHeader {
            font-weight: bold;
            font-size: 1.1em;
            line-height: 1.4em;
        }


        .weease-new-row {
            margin-top: 50px !important;
        }

    
        .whyUsLastRectangle {
            margin-left: 0 !important;
            margin-bottom: 35px !important;
            padding-left: 14px !important;
            padding-right: 35px !important;
            padding-bottom: 25px !important;
            padding-top: 11px !important;
            width: 100% !important;
        }
         
            .whyUsLastRectangle .col-8 {
                padding: 0;
            }


            .whyUsLastRectangle:last-child img {
                width: 60%;
            }

            .whyUsLastRectangle img {
                width: 100%;
                margin: 0 auto !important;
                display: block;
            }


        #packagesDiv {
            padding: 0 8vw;
            justify-content: center !important;
            margin-top: -25px !important;
            display: block !important;
            width: 100% !important;
            white-space: normal !important;
        }

        .tryforfree-mr {
            margin-top: 4px !important;
        }

            .tryforfree-mr button {
                width: 100%;
                font-size: 1em;
            }

            .tryforfree-mr .container {
                padding: 0;
                margin-left: auto !important;
            }




        .price-card:nth-child(2),
        .price-card:nth-child(3) {
            margin-left: 0 !important;
        }


        .price-card table {
            transform: translateX(-50%);
            text-align: center;
            display: block;
            margin-left: 50% !important;
        }


        .price-card {
            width: 100% !important;
            display: block;
        }

            .price-card div {
                width: 100% !important;
            }


        #priceTable thead th:nth-child(1) img {
            width: 100% !important;
        }

        #priceTable thead th:nth-child(2) img,
        #priceTable thead th:nth-child(3) img,
        #priceTable thead th:nth-child(4) img {
            width: 30% !important;
            margin-right: 4px;
            display: none;
        }

        #priceTable tbody tr:first-child .text-start {
            font-size: .7em;
        }


        #priceTable {
            table-layout: fixed;
            width: 100% !important;
            font-size: .6em;
        }

            #priceTable tr th:nth-child(1) {
                width: 40% !important;
            }

            #priceTable tr th:nth-child(2),
            #priceTable tr th:nth-child(3),
            #priceTable tr th:nth-child(4) {
                width: 20% !important;
            }

        .infowp {
            width: 100%;
            padding: 0 8vw;
            text-align: center;
            display: block;
        }



        .pricatableconntainer .sub-explanation {
            text-align: center;
            width: 100%;
        }

        .pricatableconntainer {
            /* padding: 0 8vw; */
            display: block;
            width: 90vw !important;
            margin-top: 0 !important;
            white-space: nowrap;
        }

        #section6 {
            text-align: center !important;
            background-image: url(/images/WEB_FOOTER_BACKGROUND.png);
            background-repeat: no-repeat;
            background-position: bottom;
        }

            #section6 .col-md-6:nth-child(2) ul:nth-child(1) {
                display: none !important;
            }

            #section6 .col-md-6:nth-child(2) ul:nth-child(2) {
                padding-top: 50px !important;
            }

            #section6 .col-md-6 {
                padding-top: 10px !important;
            }

            #section6 .ul {
                padding-top: 10px !important;
            }



            #section6 img {
                float: none !important;
            }

            #section6 button {
                float: none !important;
            }

            #section6 * {
                float: none !important;
            }

            #section6 ul a {
                margin-left: auto !important;
            }

            #section6 ul {
                float: none !important;
            }

            #section6 .pr-5 {
                padding: 0 6vw !important;
            }
    }