/* @media only screen and (max-width: 480px) {

    .main-header .logo {
        position: absolute;
        display: block;
        margin-top: 4px;
        box-shadow: #0061a196 0px 0px 21px;
    }
} */

.header-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--bg-theme-color2);

}


.header-top .top-left .text {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    line-height: 20px;
    padding: 5px;
}

.about-us-image {
    border: 8px rgba(135, 194, 235, 0.15) solid;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 5px 29px 0px rgb(0 0 0 / 19%);
    box-shadow: 0px 5px 29px 0px rgb(0 0 0 / 19%);
    outline: none;

}





.header-style-one .logo-box {
    position: relative;
    min-width: 227px;
    min-height: 90px;
    padding: 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}


.main-menu .navigation {
    position: relative;
    margin: 0px;

}

/* @media (mix-width: 1023px){

.main-header .logo {
    position: absolute;
    display: block;
    margin-top: 45px;
}
} */

.about-section .icon-paper-plan {
    left: -160px;
    top: 168px;
}




/* @media (min-width: 992px) {

    .main-box {


        margin-left: 174px;
    }
}




   

.text {
    padding-bottom: 20px;
}


.call-to-action .title-column .inner-column {
    position: relative;
    padding: 1px 0;
}

/* .about-section-four .content-column .counter-info-box {
    position: relative;
    padding: 50px 60px 50px;
    background-color: #201269;
    -webkit-box-shadow: 0 10px 60px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 60px rgb(0 0 0 / 10%);
    border-radius: 15px;
    max-width: 566px;
}
 */

.about-section-four {
    position: relative;
    background-color: #f1f1f1;
    padding-bottom: 71px;
}


.header-top .top-left .text {
    font-size: 13px;
    color: #ffffff;
    font-weight: 500;
    line-height: 20px;
    padding: 5px;
}

.call-to-action .image-column .image {
    position: relative;
    margin-top: -35px;
    margin-right: -375px;
    margin-left: -30px;
    margin-bottom: 0;
}



@media (max-width: 480px) {

    .about-section-four .content-column .counter-info-box {
        position: relative;

        background-color: #201269;
        -webkit-box-shadow: 0 10px 60px rgb(0 0 0 / 10%);
        box-shadow: 0 10px 60px rgb(0 0 0 / 10%);
        border-radius: 15px;
        max-width: 566px;
        color: #fff;

        font-size: 15px;
        text-align: center;
        font-weight: 500;
    }
}

@media (min-width: 992px) {

    .about-section-four .content-column .counter-info-box {
        position: relative;

        background-color: #201269;
        -webkit-box-shadow: 0 10px 60px rgb(0 0 0 / 10%);
        box-shadow: 0 10px 60px rgb(0 0 0 / 10%);
        border-radius: 15px;
        max-width: 566px;
        padding: 22px;
        text-align: center;
    }
}


.contact-list-one li .contact-info-box .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 34px;
    line-height: 50px;
    color: #ffffff;
}




@media (max-width: 480px) {
    .about-section {
        position: relative;
        padding: 20px 0 0px;

    }
}



/* .nav-outer {
    margin-left: 272px;
}


@media (max-width: 480px) {

    .nav-outer {
        margin-left: 12px;
    }
} */


.main-box {


    padding-bottom: 10px;
    padding-top: 10px;
}

@media (max-width: 480px) {

    .header-style-one .logo-box {
        position: relative;
        min-width: 244px;
        min-height: 51px;
        /* padding: 20px 40px; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: -51px;
    }
}


@media (max-width: 992px) {

    .header-style-one .logo-box {
        position: relative;
        min-width: 244px;
        min-height: 51px;
        /* padding: 20px 40px; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: -51px;
    }
}


@media (max-width: 1400px) {

    .header-style-one .logo-box {
        position: relative;
        min-width: 244px;
        min-height: 51px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.counter-block .count-box .count-text {
    font-size: 25px;
    font-weight: 700;
    line-height: 1em;
}

@media (max-width: 480px) {
    .page-title .title {
        font-size: 35px;
        color: #ffffff;
        margin-bottom: 17px;
    }
}


.category-block-current .icon-box .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 74px;
    width: 74px;
    background-color: #ffffff;
    font-size: 64px;
    line-height: 1em;
    border-radius: 50%;
    color: var(--theme-color2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}


.category-block-current .icon-box {
    position: relative;
    height: 150px;
    width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    border: 2px dashed var(--border-theme-color2);
    border-radius: 50%;
    margin-bottom: 20px;
}


.contact-details__info li .text span {
    font-size: 16px;
    color: var(--notech-black);
}




/* 
.accordion-flush .accordion-item .accordion-button {
    border-radius: 64px;
} */


.my-roll {

    border: 8px rgba(135, 194, 235, 0.15) solid;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 5px 29px 0px rgb(0 0 0 / 19%);
    box-shadow: 0px 5px 29px 0px rgb(0 0 0 / 19%);
    outline: none;


}


.main-footer .widgets-section {
    position: relative;
    padding: 44px 0 4px;
}

.social-icon-two li a {
    position: relative;
    display: block;
    line-height: 42px;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #f89321;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-top .top-left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0;
}


.logo {
    max-width: 311px;

}