.businessemail-section-1 {
    background-image: url('../images/businessemail/section-1-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.businessemail-section-1 img {
    width: 40%;
}

.businessemail-section-1 h2 {
    color: var(--heading-blue);
}

.businessemail-section-1 p {
    color: var(--text-color);
    line-height: 1.1;
}

.businessemail-section-2 {
    background-image: url('../images/common/blue-bg-01.webp');
    background-repeat: no-repeat;
    background-size: cover;
}



.businessemail-section-2 .title-section img {
    width: 30%;
}

.businessemail-section-2 .title-section p {
    color: var(--text-color);
}



.businessemail-section-2 .feature-section .featurebox {
    background-image: url('../images/businessemail/blue-bg.webp');
    background-repeat: no-repeat;
    background-size: 100%;
    transition: .3s ease-in-out;
    width: 17%;
}

.businessemail-section-2 .feature-section .featurebox:hover {
    background-image: url('../images/businessemail/orange-bg.webp');
}

.businessemail-section-2 .feature-section .featurebox p {
    color: var(--white-color);
    font-size: .9vw;
    line-height: 1.1;
    padding-bottom: 3%;
}

.businessemail-section-2 .feature-section .featurebox .fas,
.businessemail-section-2 .feature-section .featurebox .fab,
.businessemail-section-2 .feature-section .featurebox .far {
    font-size: 2.5vw;
    padding-top: 47%;
    padding-bottom: 34%;
}

.businessemail-section-2 .feature-section .featureboxes-set-1 .featureboxes:nth-of-type(1) {
    color: #FD8843;
}

.businessemail-section-2 .feature-section .featureboxes-set-1 .featureboxes:nth-of-type(2) {
    color: #3AB892;
}

.businessemail-section-2 .feature-section .featureboxes-set-1 .featureboxes:nth-of-type(3) {
    color: #EA6262;
}

.businessemail-section-2 .feature-section .featureboxes-set-1 .featureboxes:nth-of-type(4) {
    color: #714EA2;
}

.businessemail-section-2 .feature-section .featureboxes-set-2 .featureboxes:nth-of-type(1) {
    color: #5AA53E;
}

.businessemail-section-2 .feature-section .featureboxes-set-2 .featureboxes:nth-of-type(2) {
    color: #5367C8;
}

.businessemail-section-2 .feature-section .featureboxes-set-2 .featureboxes:nth-of-type(3) {
    color: #0ABEE3;
}

.businessemail-section-2 .feature-section .featureboxes-set-2 .featureboxes:nth-of-type(4) {
    color: #FD8843;
}

.businessemail-section-2 .feature-section .featureboxes {
    width: 20%;
    position: relative;
    transition: .3s ease-in-out;
}

.businessemail-section-2 .feature-section .featureboxes img {
    width: 100%;

}

.businessemail-section-2 .feature-section .featureboxes i {
    width: 100%;
    position: absolute;
    display: block;
    top: 40%;
}

.businessemail-section-2 .feature-section .featureboxes p {
    width: 100%;
    position: absolute;
    bottom: 2%;
    line-height: 1.1;
    color: var(--white-color);
}

.businessemail-section-2 .feature-section .buybtn {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    background-image: linear-gradient(41deg, #004A95, #659cff);
    color: var(--white-color);
}

.businessemail-section-2 .feature-section .buybtn:hover {
    background-image: linear-gradient(0deg, #e51f0e, #fc8a29);
}

.businessemail-section-3 {
    background-image: url('../images/common/linux-orange-bg-01.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.businessemail-section-3 .heading .fas {
    font-size: 2rem;
    color: var(--heading-orange);
}

.businessemail-section-3 .heading h5 {
    font-size: 1.8rem;
    color: var(--heading-orange);
}

.businessemail-section-3 .circleContainer .c1 img {
    width: 35%;
}

.businessemail-section-3 .circleContainer .c2 img {
    width: 33%;
}

.businessemail-section-3 .circleContainer .c3 img {
    width: 30%;
}

.businessemail-section-3 .circleContainer .c4 img {
    width: 35%;
}

.businessemail-section-3 .circleContainer .c5 img {
    width: 20%;
}

.businessemail-section-3 .circleContainer .c6 img {
    width: 27%;
}

.businessemail-section-3 .circleContainer .c7 img {
    width: 28%;
}

.businessemail-section-3 .circleContainer .c8 img {
    width: 35%;
}

.footer-top {
    background-image: url('../images/common/footer-bg-cut1.webp');
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-top img {
    width: 100%;
}
.footer-top .maincontainer {
    border: 1px solid var(--border-blue);
    border-radius: 10px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.footer-top .maincontainer h4{
    color: var(--heading-blue);
}
@media (max-width: 576px) {

    .businessemail-section-2 .feature-section .featureboxes .fas,
    .businessemail-section-2 .feature-section .featureboxes .fab,
    .businessemail-section-2 .feature-section .featureboxes .far {
        font-size: 4vw;
    }
    .businessemail-section-2 .feature-section .featureboxes p {
        font-size: 2vw;
    }
}

@media (min-width: 576px) {

    .businessemail-section-2 .feature-section .featureboxes .fas,
    .businessemail-section-2 .feature-section .featureboxes .fab,
    .businessemail-section-2 .feature-section .featureboxes .far {
        font-size: 3.5vw;
    }

    .businessemail-section-2 .feature-section .featureboxes p {
        font-size: 1.5vw;
    }

    .businessemail-section-2 .feature-section .featureboxes-set-1 .featureboxes:nth-of-type(1) p {
        bottom: 5%;
    }

    .businessemail-section-2 .feature-section .featureboxes-set-1 .featureboxes:nth-of-type(2) p {
        bottom: 5%;
    }

    .businessemail-section-2 .feature-section .featureboxes-set-1 .featureboxes:nth-of-type(3) p {
        bottom: 5%;
    }

    .businessemail-section-2 .feature-section .featureboxes-set-1 .featureboxes:nth-of-type(4) p {
        bottom: 5%;
    }

    .businessemail-section-2 .feature-section .featureboxes-set-2 .featureboxes:nth-of-type(1) p {
        bottom: 5%;
    }

}

@media (min-width: 992px) {

    .businessemail-section-2 .feature-section .featureboxes .fas,
    .businessemail-section-2 .feature-section .featureboxes .fab,
    .businessemail-section-2 .feature-section .featureboxes .far {
        font-size: 2.5vw;
    }
    .businessemail-section-2 .feature-section .featureboxes p {
        font-size: .9vw;
    }
    .businessemail-section-2 .title-section img {
        width: 50%;
    }
}
@media (min-width: 1400px) {

    .businessemail-section-2 .feature-section .featureboxes p {
        font-size: .8vw;
    }

}
/* --------------------------------------------------------------------------------------------- */

.m-planContainer {
    position: relative;
    margin-bottom: 5%;
}

.m-planContainer img {
    width: 100%;
}

.m-planContainer .m-planSpecificationContainer {
    position: absolute;
    top: 0;
    width: 100%;
}

.m-planContainer .m-planSpecificationContainer .col-5 {
    padding-right: 0% !important;
}

.m-planContainer:hover>.m-planSpecificationContainer .bluetxt {
    color: var(--orange-color);
}

.m-planContainer .m-planSpecificationContainer h5 {
    color: var(--white-color);
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
}

.m-planContainer .m-planSpecificationContainer p {
    margin: 0 !important;
}

.m-planContainer .m-planSpecificationContainer .bluetxt {
    color: var(--heading-blue);
    font-weight: 600;
}

.m-planContainer .m-planSpecificationContainer .fa-question-circle {
    color: var(--heading-blue);
}

.m-planContainer .m-planPriceContainer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0.4rem;
}

.m-planContainer .m-planPriceContainer p {
    color: var(--white-color);
    line-height: 1.2;
    text-align: left;
    margin-left: .2rem;
    margin-bottom: 0 !important;
}

.m-planContainer .m-planPriceContainer .orderBtnContainer {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.m-planContainer .m-planPriceContainer .orderBtnContainer a {
    color: var(--white-color);
    font-weight: 400;
    line-height: 1;
    text-decoration: underline !important;
    margin-right: 3%;
}


.m-planContainer .m-planSpecificationContainer h5 {
    font-size: 5.5vw;
}

.m-planContainer .m-planSpecificationContainer p {
    font-size: 3.3vw;
}

.m-planContainer .m-planSpecificationContainer .bluetxt {
    font-size: 4vw;
}

.m-planContainer .m-planPriceContainer .only {
    font-size: 3vw;
}

.m-planContainer .m-planPriceContainer .price {
    font-size: 4.5vw;
}

.m-planContainer .m-planPriceContainer .duration {
    font-size: 3vw;
}

.m-planContainer .m-planPriceContainer .condition {
    font-size: 2.5vw;
}

.m-planContainer .m-planPriceContainer .orderBtnContainer a {
    font-size: 5vw;
}

.m-planContainer .m-planSpecificationContainer .fa-question-circle {
    font-size: 2.5vw;
}

@media (min-width: 480px) {
    .m-planContainer .m-planSpecificationContainer h5 {
        margin-bottom: 2rem;
    }
    .m-planContainer .m-planSpecificationContainer .fa-question-circle {
        font-size: 2.3vw;
    }
}
@media (min-width: 576px) {

    .m-planContainer .m-planSpecificationContainer h5 {
        margin-top: 0.5rem;
        margin-bottom: 1.5rem;
        font-size: 3.5vw;
    }

    .m-planContainer .m-planSpecificationContainer p {
        font-size: 2vw;
    }

    .m-planContainer .m-planSpecificationContainer .bluetxt {
        font-size: 2.2vw;
    }

    .m-planContainer .m-planPriceContainer .only {
        font-size: 1.8vw;
    }

    .m-planContainer .m-planPriceContainer .price {
        font-size: 3.2vw;
    }

    .m-planContainer .m-planPriceContainer .duration {
        font-size: 2.5vw;
    }

    .m-planContainer .m-planPriceContainer .condition {
        font-size: 1.8vw;
    }

    .m-planContainer .m-planPriceContainer .orderBtnContainer a {
        font-size: 2.8vw;
    }
    .m-planContainer .m-planSpecificationContainer .fa-question-circle {
        font-size: 1.8vw;
    }
}
@media (min-width: 768px) {

    .m-planContainer .m-planSpecificationContainer h5 {
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        font-size: 2.3vw;
    }

    .m-planContainer .m-planSpecificationContainer p {
        font-size: 1.5vw;
    }

    .m-planContainer .m-planSpecificationContainer .bluetxt {
        font-size: 1.6vw;
    }

    .m-planContainer .m-planPriceContainer .only {
        font-size: 1.3vw;
    }

    .m-planContainer .m-planPriceContainer .price {
        font-size: 2.1vw;
    }

    .m-planContainer .m-planPriceContainer .duration {
        font-size: 1.7vw;
    }

    .m-planContainer .m-planPriceContainer .condition {
        font-size: 1.3vw;
    }

    .m-planContainer .m-planPriceContainer .orderBtnContainer a {
        font-size: 1.8vw;
    }
    .m-planContainer .m-planSpecificationContainer .fa-question-circle {
        font-size: 1.3vw;
    }
}