body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    /* background-color: #7b68ee1f;*/
}

#navbar {
    /*   box-sizing: border-box;
    box-shadow: 1px 1px 3px #808080;
    margin-top: 0px;
    background: linear-gradient(#0fa7e5,#1799cf);*/
    box-sizing: border-box;
    /*    box-shadow: 1px 1px 3px #808080;*/
    margin-top: -697px;
    background: transparent;
}

    #navbar a {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-left: 31px;
    }

        #navbar a:hover {
            color: #fff;
            background-color: #650669;
            padding: 10px 15px;
        }

.navbar img {
    width: 117px;
    height: 56px;
    background-color: none;
}

#about_dropdown {
    width: 500px;
    color: #0080e7;
    background-color: #053e7c;
}

.dropdown .logindropdown {
    color: #000;
    background-color: #650669;
    margin-left: 0px;
}

#navicon_block a {
    color: #650669;
    text-decoration: none;
}

.appointment {
    color: #650669;
    background-color: #fff;
    border: 2px solid #650669;
    padding: 10px;
}

/*#banner {
    overflow: hidden;
    z-index: -1;
    height: 800px;
    background: url('../images/banner.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    height:700px;
}
#pngimg {
    position: absolute;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-position: top;
    top: 27%;
    
    background-repeat: no-repeat;
}
.companyname{
    z-index:1;
    font-size:60px;
    padding-top:50px;
}*/
#banner {
    overflow: hidden;
    z-index: -1;
    height: 800px;
    background: linear-gradient(#0000003b,#0000005c),url('../images/header1.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
}
/*#banner_heading {
    background-image: linear-gradient(#00000075,#00000069);
    width: 124px;
    height: 100px;
}*/

#banner_heading h1 {
    font-size: 75px;
    color: #fff;
    font-weight: 900;
    padding-top: 179px;
    font-weight: 900;
    margin-left: 218px;
    font-family: 'Aref Ruqaa Ink',serif;
}



#aboutus {
    margin-top: 450px;
    margin-left: 50px
}

#about {
    margin-top: 413px;
}

    #about h6 {
        font-size: 16px;
        text-transform: uppercase;
    }

    #about h2 {
        font-size: 42px;
        text-transform: capitalize;
        color: #650669;
        font-weight: 700;
        padding-bottom: 15px;
        font-family: 'Playfair Display', serif;
    }

    #about p {
        font-family: 'Montserrat', sans-serif;
        text-align: justify;
        color: #000
    }

    #about a {
        margin-top: 20px;
        text-decoration: none;
        color: #650669;
        background-color: #fff;
        border: 1px solid #650669;
        border-radius: 10px;
        padding: 10px 15px;
    }

.about_img1 {
    z-index: -1;
    width: 100%;
}

.about_img0 {
    z-index: 1;
    width: 100%;
    margin-top: 30px;
    margin-left: 50px;
}

#black {
    margin-top: 50px;
    background-color: #000;
    margin-bottom: 50px;
    height: 1500px;
}

    #black .about_card {
        background-color: #650669;
        color: #fff;
        margin-top: -1px;
        text-align: center;
        padding-top: 70px;
        padding-bottom: 70px;
        z-index: 1;
    }

    #black a {
        background-color: #fff;
        color: #650669;
        border-radius: 20px;
        padding: 9px 15px;
        text-decoration: none;
        font-weight: 700;
    }

.square {
    background-color: #650669;
    width: 118PX;
    height: 100PX;
    margin-left: 124px;
    clip-path: polygon(53% 59%, 0% 100%, 100% 100%);
    padding-top: 5PX;
    padding-bottom: 5PX;
}

#white_section {
    margin-top: 150px;
    background-color: #ffffffeb;
    height: 500px;
    box-shadow: 1px 2px 3px #808080;
    box-shadow: 5px 10px 5px #b1b1b1;
}

    #white_section img {
        height: 576px;
        margin-top: -76px;
    }

    #white_section h2 {
        color: #650669;
        padding: 20px;
        font-size: 30px;
        font-weight: 700;
        font-family: 'Playfair Display', serif;
    }

    #white_section p {
        color: #463f3f;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 18px;
        font-weight: 400;
        font-family: 'Montserrat', sans-serif;
    }

#Services {
    margin-top: 100px;
    margin-bottom: 100px;
}

    #Services h6 {
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        padding-bottom: 5px;
    }

    #Services h2 {
        padding-bottom: 10px;
        font-size: 42px;
        text-transform: capitalize;
        color: #650669;
        text-align: center;
        font-weight: 700;
        padding-bottom: 15px;
        font-family: 'Playfair Display', serif;
    }

    #Services p {
        font-family: 'Montserrat', sans-serif;
        text-align: justify;
        color: #000
    }


.service_card {
    padding: 20px;
    box-shadow: 1px 2px 3px #650669;
}

    .service_card:hover {
        transition: .3s all ease;
        background: linear-gradient(to right, #743ad5 0%, #d53a9d 100%);
        box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);
        color: #fff;
    }



    .service_card i {
        font-size: 40px;
        margin-bottom: 20px;
        color: #743ad5;
        margin-left: 100px;
        padding-bottom: 10px
    }

    .service_card:hover.service_card i {
        color: #fff;
    }

    .service_card h3 {
        font-size: 20px;
        font-weight: 700;
        padding-bottom: 10px;
    }

    .service_card p {
        color: #000;
        text-align: center;
    }

    .service_card:hover p {
        color: #fff !important;
    }

#newslatters {
    margin-top: 100px;
    margin-bottom: 100px;
    background-image: linear-gradient(#8080808c,#80808030);
    height: auto;
    padding: 50px;
    box-shadow: 1px 3px 2px #b1b1b1;
}

    #newslatters h2 {
        font-size: 45px;
        color: #000;
        text-align: center;
        font-family: 'Playfair Display', serif;
    }

    #newslatters p {
        font-size: 18px;
        color: #000;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        padding-bottom: 20px
    }

    #newslatters a {
        text-decoration: none;
        background-color: #000;
        color: #fff;
        font-weight: 700;
        border-radius: 19px 71px;
        padding: 20px 47px;
        margin-left: 400px;
        font-family: 'Montserrat', sans-serif;
    }

#team {
    margin-top: 100px;
}

    #team h6 {
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        padding-bottom: 5px;
    }

    #team h2 {
        padding-bottom: 10px;
        font-size: 42px;
        text-transform: capitalize;
        color: #650669;
        text-align: center;
        font-weight: 700;
        padding-bottom: 15px;
        font-family: 'Playfair Display', serif;
    }

.team_card {
    padding: 10px;
    background: linear-gradient(to right, #743ad569 0%, #d53a9d26 100%);
    box-shadow: 2px 2px 2px #743ad5;
    margin-bottom: 100px;
}

    .team_card p {
        color: #000;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }

    .team_card:hover {
        transition: .3s all ease;
        background: linear-gradient(to right, #743ad5 0%, #d53a9d 100%);
        box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);
        color: #fff;
        position: absolute;
    }

.team_socailicon {
    color: #650669;
    margin-left: 86px
}

.team_card:hover .team_socailicon {
    color: #fff !important;
}

.team_card:hover p {
    color: #fff !important;
}

.team_card:hover img {
    opacity: 0.5 !important;
}

/*-------------footer---------*/
#footer {
    padding: 20px;
    position: relative;
    background-size: cover;
    z-index: 1;
    position: relative;
    z-index: 1;
    background-color: #1c1c23;
}

.footer_down {
    margin-top: 0px;
}

.footer_heading h2 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    letter-spacing: 2px;
}

.footer_heading i {
    color: #650669;
    font-size: 20px;
    padding-right: 20px;
}

    .footer_heading i:hover {
        color: #fff;
        font-size: 16px;
    }

.social_icon i {
    color: #fff;
    background-color: #650669;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 20px;
    margin-left: 9px;
    text-align: center;
    padding: 10px 15px;
}

    .social_icon i:hover {
        color: #650669;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 50%;
        font-size: 20px;
        margin-left: 9px;
        text-align: center;
        padding: 10px 15px;
    }

#footer p {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

#footer h5 {
    color: #fff;
}

#footer a {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

    #footer a:hover {
        color: #650669;
    }

.footericon {
    color: #650669;
    padding: 10px 10px;
    font-size: 15px;
    margin-right: 15px;
}

    .footericon:hover {
        color: #650669;
    }

/*    about_us page*/
#banner1 {
    overflow: hidden;
    z-index: -1;
    height: 800px;
    background: linear-gradient(#0000003b,#0000005c),url('../images/header1.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 1000px
}



#banner_heading1 h1 {
    font-size: 61px;
    color: #fff;
    font-weight: 900;
    padding-top: 200px;
    font-weight: 900;
    margin-left: 465px;
    font-family: 'Aref Ruqaa Ink',serif;
}

#about_div {
    margin-top: 400px;
}

    #about_div h2 {
        font-size: 42px;
        text-transform: capitalize;
        color: #650669;
        font-weight: 700;
        padding-bottom: 15px;
        font-family: 'Playfair Display', serif;
    }

    #about_div p {
        font-family: 'Montserrat', sans-serif;
    }

    #about_div h6 {
        font-family: 'Playfair Display', serif;
        font-size: 18px;
        font-weight: 700;
    }

    #about_div img {
        opacity: 0.9;
        border: 2px solid #650669
    }

#about_div2 {
    margin-top: 100px;
    margin-bottom: 100px;
}

    #about_div2 h6 {
        font-family: 'Playfair Display', serif;
        font-size: 18px;
        font-weight: 700;
        padding-top: 10px;
        color: #650669;
    }

    #about_div2 p {
        font-family: 'Montserrat', sans-serif;
        color: #000;
    }

#about_div2 {
    margin-top: 100px;
    margin-bottom: 100px;
}
/*counter*/
#counter {
    margin-top: 100px;
    margin-bottom: 100px;
}

:root {
    --main-color: #706fd3;
}

.counter {
    color: #192a56;
    font-family: 'Poppins', sans-serif;
}

    .counter .counter-icon {
        color: var(--main-color);
        font-size: 50px;
        text-align: center;
        line-height: 35px;
        text-shadow: -3px -3px rgba(0,0,0,0.1);
        margin: 0 10px 0 0;
        display: inline-block;
        vertical-align: top;
    }

    .counter .counter-content {
        width: calc(100% - 80px);
        display: inline-block;
    }

    .counter .counter-value {
        font-size: 45px;
        font-weight: 600;
        line-height: 52px;
        margin: 0 0 10px;
        display: block;
    }

    .counter h3 {
        color: #000;
        font-size: 17px;
        font-weight: 700;
        text-transform: capitalize;
        margin: 0 0 12px;
    }

    .counter.red {
        --main-color: #ff5252;
    }

    .counter.blue {
        --main-color: #34ace0;
    }

    .counter.green {
        --main-color: #11ad86;
    }

@media screen and (max-width:990px) {
    .counter {
        margin-bottom: 40px;
    }
}
/*end counter*/
/*documents page*/
#documents {
    margin-top: 450px;
}
/*business page*/
#business_plan {
    margin-top: 384px;
}

    #business_plan h2 {
        text-align: center;
        margin-top: 0;
        font-style: normal;
        font-weight: 500;
        font-size: 42px;
        display: block;
        color: #092c3f;
        font-weight: 900;
        padding-bottom: 50px;
    }

    #business_plan h5 {
        text-align: center;
        margin-top: 0;
        font-style: normal;
        font-size: 30px;
        display: block;
        color: #00000087;
        font-weight: 900;
        padding-bottom: 50px;
    }

    #business_plan h4 {
        text-align: center;
        margin-top: 0;
        font-style: normal;
        font-size: 40px;
        display: block;
        font-weight: 900;
        padding-bottom: 24px;
        animation: blinker 1.5s step-end infinite;
        background: -webkit-linear-gradient( #ff2143, #092c3f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

#income_table {
    margin-top: 100px;
    background-image: url('../images/background.png');
}

.thead-gradient {
    padding: 12px 7px;
    vertical-align: middle;
    color: white;
    background: linear-gradient(90deg, rgb(179 38 104) 0%, rgb(106 68 106) 17%, rgb(98 21 37) 35%, rgb(82 27 75 / 98%) 57%, rgb(96 42 92) 79%, rgb(28 1 28) 100%);
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#income {
    margin-top: 50px;
    background-image: url('../images/background.png');
}

    #income h2 {
        text-align: center;
        margin-top: 0;
        font-style: normal;
        font-size: 30px;
        display: block;
        color: #092c3f;
        font-weight: 900;
        padding-bottom: 70px;
    }

    #income i {
        text-align: center;
        margin-top: 0;
        font-style: normal;
        font-size: 40px;
        display: block;
        font-weight: 900;
        padding-bottom: 50px;
        background: -webkit-linear-gradient( #ff2143, #092c3f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #income h4 {
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        padding-top: 10px;
        font-family: 'Abyssinica SIL', serif;
    }

    #income p {
        line-height: 1.61em;
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        font-family: 'Abyssinica SIL', serif;
    }

.income_card {
    border: 0;
    border-radius: 0.1875rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / 20%);
}

/*-----------contact page--------------*/
#contact {
    margin-top: 450px;
    background-image: url('../images/background.png');
    border: 0;
    border-radius: 0.1875rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / 20%);
}

    #contact h2 {
        text-align: center;
        margin-top: 0;
        font-style: normal;
        font-size: 30px;
        display: block;
        color: #092c3f;
        font-weight: 900;
        padding-top: 50px;
        padding-bottom: 20px;
    }

    #contact hr {
        padding-top: 10px;
    }

    #contact i {
        font-size: 45px;
        margin-bottom: 10px;
        padding-right: 20px;
        background: #01020A;
        background: -webkit-linear-gradient(to right, #01020A 26%, #CF4A11 67%);
        background: -moz-linear-gradient(to right, #01020A 26%, #CF4A11 67%);
        background: linear-gradient(to right, #762a72 26%, #36272a 67%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #contact h4 {
        font-family: 'Abyssinica SIL', serif;
        font-weight: 700;
        padding-top: 30px;
    }

    #contact p {
        font-family: 'Abyssinica SIL', serif;
        line-height: 1.61em;
        font-weight: 400;
        font-size: 18px;
    }

#contact_form {
    background: linear-gradient(90deg, rgb(179 38 104) 0%, rgb(106 68 106) 17%, rgb(98 21 37) 35%, rgb(82 27 75 / 98%) 57%, rgb(96 42 92) 79%, rgb(28 1 28) 100%);
}

    #contact_form h2 {
        font-family: 'Abyssinica SIL', serif;
        font-weight: 700;
        padding-top: 30px;
        color: #fff;
    }

    #contact_form a {
        background-color: #092c3f;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        padding: 10px 15px;
        margin-left: 150px;
    }

 /*-------terms command conditions-----------*/

#bg1{
    margin-top:350px; 
}
#bg2{
    margin-top:350px;
    margin-bottom:100px;
}











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

@media screen and (max-width: 480px) {
    #banner_heading h1 {
        font-size: 33px;
        font-weight: 800;
        padding-top: 37px;
        margin-left: 19px;
    }

    #navbar a {
        font-size: 15px;
    }

    #banner {
        height: 254px;
    }

    #navbar {
        margin-top: -260px;
    }

        #navbar a {
            padding: 1px;
        }

    #banner_heading1 h1 {
        padding-top: 1px;
    }

    #about_div {
        margin-top: 135px;
    }

    #about {
        margin-top: 164px;
    }

    #aboutus {
        margin-top: 218px;
    }

    #about h6 {
        margin-top: 33px;
        padding: 10px;
    }

    #about p {
        padding: 10px;
    }

    #about h2 {
        padding: 8px;
    }

    .counter .counter-icon {
        font-size: 28px;
    }

    .counter .counter-value {
        font-size: 20px;
        line-height: 37px;
    }

    .counter h3 {
        color: #000;
        font-size: 10px;
    }

    #black .about_card {
        margin-top: -1px;
        padding-top: 70px;
        padding-bottom: 14px;
        z-index: 1;
    }

    .square {
        margin-left: 142px;
    }

    #white_section {
        margin-top: 111px;
        box-shadow: none;
    }

        #white_section p {
            padding-bottom: -3px;
        }

        #white_section img {
            height: 325px;
            margin-top: -76px;
        }

    #Services {
        margin-top: 946px;
        margin-bottom: 100px;
    }

    #newslatters a {
        margin-left: 100px;
    }

    .team_card {
        margin-left: 58px;
    }

    #footer {
        margin-top: 0px;
    }
    /*  documents*/
    #documents {
        margin-top: 165px;
    }

    #contact {
        margin-top: 100px;
    }

    #contact_form a {
        margin-left: 130px;
    }

    #contact i {
        font-size: 25px;
    }

    #map {
        display: none;
    }

    #banner_heading1 h1 {
        margin-left: 100px;
    }

    #contact_form {
        padding-bottom: 48px;
    }
    /*   business*/
    #business_plan {
        margin-top: 100px;
    }
        #business_plan h2 {
         
            padding-top: 85px;
            padding-bottom: 45px;
        }
    #income_table {
        margin-top: 17px;
    }
}