@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caudex:wght@700&display=swap');

.main-container {
    float: left;
    width: 100%;
}

.banner_container {
    float: left;
    width: 100%;
}

    .banner_container img {
        float: left;
        width: 100%;
    }

.best-ser {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.best-sub {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #000;
    font-family: 'Mukta', sans-serif;
    text-transform: uppercase;
}

.best-header {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
    color: #000;
    font-family: 'Caudex', serif;
    text-shadow: -1px 3px 0px #fff000;
}

.best-border {
    float: left;
    width: 100%;
    margin-top: 40px;
    padding: 25px 30px;
    background: #890101;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.best-title {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #fff000;
    font-family: 'Caudex', serif;
}

.best-desc {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
}

.best-img {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

    .best-img img {
        width: 320px;
        border-radius: 50%;
        border: 12px solid #fff000;
        margin: 0 0 -22px -10px;
    }

    .best-img:before {
        content: '';
        background: #fff000;
        width: 600px;
        position: absolute;
        height: 48px;
        left: -30px;
        right: 0;
        top: 120px;
        z-index: -1;
        margin: 0 auto;
    }

.best-call {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 40px;
    z-index: 5;
}

    .best-call a {
        font-size: 18px;
        text-transform: uppercase;
        background: #fff;
        color: #000;
        font-weight: 600;
        padding: 5px 10px;
        border-radius: 5px;
        font-family: 'Mukta', sans-serif;
        text-decoration: none;
    }

.abt-us {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background: url(../index_files/bg.jpg);
}

.abt-left {
    float: left;
    width: 100%;
}

.abt-header {
    float: left;
    width: 100%;
    font-size: 35px;
    color: #000;
    text-align: left;
    font-family: 'Caudex', serif;
    text-shadow: -1px 3px 0px #fff000;
}

.abt-desc {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 17px;
    color: #222;
    line-height: 32px;
    padding-top: 15px;
    font-family: 'Mukta', sans-serif;
}

    .abt-desc span {
        color: #000;
        font-weight: 600;
    }

.abt-right {
    float: left;
    width: 100%;
}

.abt-border {
    float: left;
    width: 100%;
    background: #000;
}

.abt-img {
    float: left;
    width: 50%;
}

    .abt-img img {
        float: left;
        width: 100%;
    }

.abt-cont {
    float: left;
    width: 50%;
    text-align: center;
}

    .abt-cont h4 {
        color: #fff000;
        font-size: 22px;
        font-family: 'Caudex', serif;
    }

    .abt-cont p {
        font-size: 16px;
        color: #fff;
        font-family: 'Mukta', sans-serif;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
    }

    .abt-cont a {
        background: green;
        color: #fff;
        font-size: 18px;
        padding: 5px 10px;
        text-decoration: none;
        font-family: 'Mukta', sans-serif;
    }

.just {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #890101;
    text-align: left;
}

.just1 {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    font-family: 'Mukta', sans-serif;
}

.just2 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #fcd000;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Mukta', sans-serif;
}

.just3 {
    float: left;
    text-align: right;
    font-size: 20px;
    padding-top: 10px;
    font-family: 'Caudex', serif;
    padding-right: 10px;
    margin-bottom: 10px;
}

    .just3 a {
        background: #000;
        padding: 10px 20px;
        color: #fff;
        border-radius: 100px;
    }

.just4 {
    float: left;
    text-align: left;
    font-size: 20px;
    padding-top: 10px;
    font-family: 'Caudex', serif;
    padding-left: 10px;
}

    .just4 a {
        background: green;
        padding: 10px 20px;
        color: #fff;
        border-radius: 100px;
    }

.banner3 {
    float: left;
    width: 100%;
}

    .banner3 img {
        float: left;
        width: 100%;
    }

.why {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.why-left {
    float: left;
    width: 100%;
}

.why-right {
    float: left;
    width: 100%;
    background: #000;
    overflow: hidden;
    padding-bottom: 50px;
}

.why-header {
    float: left;
    width: 100%;
    background: #fff000;
    text-align: center;
    font-size: 25px;
    padding: 5px 10px;
    color: #000;
    font-family: 'Caudex', serif;
    position: relative;
}

    .why-header:before {
        content: '';
        background: #000;
        width: 50px;
        position: absolute;
        height: 23px;
        left: 0;
        right: 0;
        top: 40px;
        z-index: 0;
        margin: 0 auto;
        border-radius: 50%;
    }

.why-list {
    float: left;
    width: 100%;
    position: relative;
}

.why-border {
    float: left;
    width: 100%;
    margin-top: 50px;
    position: relative;
    font-family: 'Caudex', serif;
}

    .why-border:before {
        content: '';
        background: #fff000;
        width: 591px;
        position: absolute;
        height: 33px;
        left: -117px;
        right: 0;
        top: 43px;
        z-index: 0;
        margin: 0 auto;
    }

.counter {
    padding: 12px 46px;
    position: relative;
    z-index: 1;
}

    .counter .counter-content {
        color: #000;
        background: #ffffff;
        text-align: center;
        height: 100px;
        max-width: 185px;
        padding: 12px 0 0px;
        margin: 0 auto;
        box-shadow: 0 0 16px #000, 0 0 0 15px #fff000;
        /* border-radius: 50%; */
        display: block;
        position: relative;
        transition: all .3s ease 0s;
    }

    .counter p {
        font-size: 20px;
        font-weight: 600;
        padding: 9px 0 6px;
        text-transform: capitalize;
        line-height: 11px;
    }

    .counter .counter-content span {
        font-size: 26px;
        font-weight: 700;
        color: #000;
    }

.other-border {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.other-border2 {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 9px 0 #00000017;
    background: url(../index_files/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #fff000;
    float: left;
    width: 100%;
}

.other-border3 {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 9px 0 #00000017;
    background: url(../index_files/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #fff000;
    float: left;
    width: 100%;
}

.other-border4 {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 9px 0 #00000017;
    background: url(../index_files/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #fff000;
    float: left;
    width: 100%;
}

.other-border5 {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 9px 0 #00000017;
    background: url(../index_files/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #fff000;
    float: left;
    width: 100%;
}

.astro-text {
    background: rgb(255 255 255 / 75%);
    width: 100%;
    float: right;
    padding: 5px;
    height: auto;
    position: relative;
}

    .astro-text span {
        text-align: left;
        color: #000;
        font-size: 25px;
        text-transform: capitalize;
        display: block;
        font-family: 'Caudex', serif;
    }

    .astro-text p {
        color: #000;
        font-size: 16px;
        line-height: 24px;
        padding: 0;
        font-family: 'Mukta', sans-serif;
        text-align: justify;
    }


.testimonials-section {
    padding: 0;
    background: url(../images/bg.png);
}

.testimonials-section1 {
    padding: 50px 0px;
}

.client-testimonials {
    padding: 30px 0 0;
}

.client-testimonials1 {
    padding: 10px 15px;
}

.client-testimonials2 {
    padding: 0px 0 0 0;
    background-color: #FDDDCA;
    box-shadow: -1px 4px 13px 0px rgb(0 0 0 / 15%);
    transition: all 500ms ease;
    transform: translateY(0);
}

    .client-testimonials2 i {
        transition: all 500ms ease;
        color: #000000;
        text-align: center;
        float: right;
        font-size: 122px;
        position: absolute;
        bottom: 0px;
        opacity: 0.1;
        right: 20px;
    }

    .client-testimonials2 .fa-quote-left {
        transition: all 500ms ease;
        color: #000000;
        float: left;
        font-size: 56px;
        position: absolute;
        bottom: 0px;
        opacity: 0.3;
        left: 9px;
        text-align: left;
        top: 33px;
    }

.client-testimonials3 {
    padding: 10px 30px 50px;
    margin: -0px 0 0;
}

    .client-testimonials3 p i {
        color: #fff000;
        font-size: 20px;
        font-family: 'Mukta', sans-serif;
        padding: 0 0px 0 0px;
    }

.stars i {
    font-size: 17px;
    padding: 5px 2px;
    color: #fff000;
}

.client-testimonials3 p {
    color: #000;
    margin: 0;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    line-height: 29px;
    padding: 0;
    font-family: 'Mukta', sans-serif;
}

.client-testimonials4 {
    padding: 0px 0px 0px;
    text-align: center;
    z-index: 9;
}

    .client-testimonials4 i {
        position: relative;
        font-size: 20px;
        float: none;
        text-align: center;
        right: 0;
        padding: 0 2px;
        margin: 0px 0 0 0;
        color: #ffb01a;
        opacity: 1;
    }

.testi-img {
    width: 100%;
    padding: 0 0px 10px 10px;
}

    .testi-img img {
        border-radius: 0% 0% 50% 50%;
        padding: 0px;
        border: 5px solid #fff;
        border-bottom: 0;
    }

.testi-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background: #ffffff;
    text-transform: uppercase;
    padding: 6px 0 2px;
    border-radius: 30px;
    margin-bottom: 0;
    margin-top: 0;
}

    .testi-text strong {
        font-weight: 700;
        font-size: 22px;
        margin: 0;
        text-transform: capitalize;
        color: #000;
    }

    .testi-text p {
        color: #fc0000;
        line-height: 30px;
        margin: -6px 0 0 0;
        display: inline-block;
        padding: 0 0px 0px 0px;
        font-size: 17px;
        text-transform: uppercase;
        font-family: 'Mukta', sans-serif;
    }

.footer-section {
    padding: 0;
    background: #101010;
}

.footer-section1 {
    padding: 50px 0 30px;
}

.footer-about1 {
    padding: 0;
}

.footer-about2 {
    padding: 0;
    text-align: left;
}

    .footer-about2 strong {
        font-size: 24px;
        text-transform: capitalize;
        color: #fff000;
        font-weight: 400;
        padding: 0px 0 0;
        font-family: 'Caudex', serif;
    }

        .footer-about2 strong span {
            background-image: linear-gradient(to bottom right, #000, #ff834f);
            padding: 2px 5px 3px 7px;
            margin: 0 6px 0 0;
        }

    .footer-about2 p {
        color: #ffffff;
        line-height: 30px;
        margin: 0;
        padding: 9px 0 0;
        font-size: 18px;
        font-family: 'Mukta', sans-serif;
    }

.footer-right1 {
    padding: 10px 0px 0 20px;
}

.footer-right2 {
    padding: 0;
}

.footer-contact1 {
    text-align: left;
    padding: 0 10px 0 7px;
}

.footer-contact2 {
    padding: 0px;
}

.title {
    display: block;
    color: #fff000;
    font-size: 23px;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    font-weight: 400;
    font-family: 'Caudex', serif;
}

.footer-contact2 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .footer-contact2 ul li {
        padding: 10px 0;
        color: #fff;
        font-size: 18px;
        font-family: 'Mukta', sans-serif;
    }

.footer-contact2 li i {
    color: #fff000;
    padding: 0 5px 0 0;
}

.footer-contact3 {
    padding: 0px 0px;
}

    .footer-contact3 ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .footer-contact3 ul li {
            padding: 5px 0;
            text-transform: capitalize;
            color: #c4c4c4;
            font-size: 18px;
            font-family: 'Mukta', sans-serif;
        }

    .footer-contact3 li i {
        color: #fff000;
        font-weight: 400;
        display: inline-block;
        font-size: 15px;
        padding: 0px 7px 0 0px;
    }

.copy-right {
    padding: 0px 0 10px;
    margin-top: 0px;
    text-align: center;
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
}

    .copy-right p {
        color: #fff000;
        font-size: 16px;
        margin: 11px 0 0 0;
        display: inline-block;
        padding: 10px 0 0 0px;
        font-family: 'Mukta', sans-serif;
    }

    .copy-right span {
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        display: block;
        padding: 0;
        line-height: 26px;
    }
/* end footer section */



#callbook {
    background: green;
    bottom: 0;
    height: 50px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 100;
}

    #callbook ul {
        padding: 0px;
    }

        #callbook ul li {
            border-bottom: 1px solid #fff;
            background: red;
            position: relative;
            padding: 21px;
            width: 50%;
            list-style: none;
            float: left;
            text-align: center;
        }

            #callbook ul li a span {
                color: #fff;
                font-size: 15px;
                font-weight: 500;
                text-decoration: none;
                position: relative;
                top: -7px;
            }

            #callbook ul li a i {
                color: #fff;
                position: relative;
                top: -13px;
                padding: 0 5px 0 0;
                font-size: 20px;
            }


.hd-top {
    float: left;
    width: 100%;
    background: #130101;
    font-family: 'Mukta', sans-serif;
    padding-top: 8px;
    padding-bottom: 7px;
    font-size: 20px;
    font-weight: normal;
}

.hdtop1 {
    float: left;
    width: 50%;
    text-align: left;
    font-size: 20px;
}

    .hdtop1 a i {
        color: #000;
        font-size: 35px;
        padding-right: 10px;
        float: left;
        margin-top: -5PX;
    }

    .hdtop1 a {
        color: #fff;
        text-decoration: none;
    }

.hdtop3 {
    float: right;
    width: 50%;
    text-align: right;
    font-size: 16px;
}

    .hdtop3 a {
        color: #fff;
        text-decoration: none;
        background: green;
        padding: 10px 15px;
    }

.header {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.header1 {
    float: left;
    width: 100%;
}

    .header1 img {
        width: 100%;
    }

.header2 {
    float: left;
    width: 100%;
    text-align: center;
}

    .header2 h2 {
        font-size: 20px;
        color: #000;
        margin: 0;
        font-family: 'Mukta', sans-serif;
        padding-bottom: 10px;
    }

    .header2 p {
        color: #000;
        text-transform: uppercase;
        font-size: 17px;
        padding: 4px 0 0;
        display: block;
        margin: 0;
        font-weight: 600;
        font-family: 'Mukta', sans-serif;
    }

    .header2 span a {
        animation: blik 0.5s infinite;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 23px;
        display: block;
        margin: -11px 0 0;
        text-decoration: none;
    }

@keyframes blik {
    0% {
        color: #000;
    }

    50% {
        color: #fec200;
    }

    100% {
        color: #000;
    }
}

.header3 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    font-family: 'Mukta', sans-serif;
    overflow: hidden;
}

    .header3 a {
        display: flex;
        width: 100%;
        padding: 0px;
        border-radius: 10px;
        background: linear-gradient(45deg, #000, #000);
        padding-top: 15px;
        padding-bottom: 15px;
        text-decoration: none;
    }

.book-left {
    width: 30%;
    padding: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

    .book-left span {
        background: #000;
        background: #fff000;
        height: 60px;
        border-radius: 50%;
        width: 60px;
        display: block;
        line-height: 62px;
        font-size: 30px;
        text-align: center;
        position: relative;
        margin-left: 37px;
    }

        .book-left span i {
            color: #000;
        }

.book-right {
    width: 70%;
    padding: 7px 0 0 0;
}

    .book-right p {
        color: #fff;
        font-size: 28px;
        text-transform: capitalize;
        font-weight: 600;
        margin: 0;
    }

    .book-right span {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 17px;
    }

@media(min-width:768px) and (max-width:991px) {
    .header .col-sm-4;

{
    width: 100%;
}

.best-ser .col-sm-4 {
    width: 50%;
}

.abt-us .col-sm-6 {
    width: 100%;
}

.why .col-sm-9 {
    width: 100%;
}

.why .col-sm-3 {
    width: 50%;
}

}

@media(min-width:640px) and (max-width:767px) {
    .header2 span a;

{
    font-size: 27px;
}

.header1 {
    padding-bottom: 10px;
}

.book-left span {
    margin-left: 17px;
}

.book-right p {
    font-size: 23px;
}

.book-right {
    margin-top: -10px;
}

.abt-border {
    margin-top: 40px;
}

}

@media(min-width:480px) and (max-width:639px) {
    .header2 span a;

{
    font-size: 27px;
}

.header1 {
    padding-bottom: 5px;
}

.book-left span {
    margin-left: 17px;
}

.book-right p {
    font-size: 23px;
}

.book-right {
    margin-top: -10px;
}

.abt-border {
    margin-top: 40px;
}

.hdtop3 a {
    float: left;
    width: 100%;
    text-align: center;
}

}

@media(min-width:320px) and (max-width:479px) {
    .hdtop1;

{
    width: 100%;
    text-align: left;
}

.hdtop3 {
    width: 100%;
    margin-top: 10px;
}

.header2 span a {
    font-size: 27px;
}

.header1 {
    padding-bottom: 10px;
}

.book-left span {
    margin-left: 17px;
}

.book-right p {
    font-size: 23px;
}

.book-right {
    margin-top: -10px;
}

.best-img img {
    width: 278px;
}

.just3 {
    font-size: 15px;
}

.just4 {
    font-size: 15px;
    padding-left: 5px;
}

.abt-img {
    width: 100%;
}

.abt-cont {
    width: 100%;
}

.abt-border {
    margin-top: 40px;
}

.hdtop3 a {
    float: left;
    width: 100%;
    text-align: center;
}
}