* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)), url('../img/body.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.header {
    background-color: rgb(3, 120, 30);
    padding-top: 5px;
    padding-bottom: 5px;
}

.HeaderPhone {
    color: white;
    font-size: 14px;
}

.HeaderPhonetxt {
    color: white !important;
    text-decoration: none;
}

.HeaderEmail {
    color: white;
    font-size: 14px;
}

.HeaderEmailtxt {
    color: white;
    text-decoration: none;
}

.navbarcss {
    background-color: white;
}

.navbarcss ul li a {
    color: rgb(3, 120, 30) !important;
    font-size: 15px;
    font-weight: bolder;
}

/* slider section start */
/* .slider1 {
    height: 370px;
}

.slider2 {
    height: 370px;
} */
/* 
@media (max-width: 480px) {
    .slider1 {
        height: 170px;
    }

    .slider2 {
        height: 170px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .slider1 {
        height: 220px;
    }

    .slider2 {
        height: 220px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider1 {
        height: 200px;
    }

    .slider2 {
        height: 200px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1599px) {}

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

/* slider section end */
.regicon {
    font-size: 30px;
    color: white;
}

.cardtextreg a {
    color: white;
    text-decoration: none;
}

.iconMainDiv {
    background-color: rgb(3, 120, 30);
    /* border-top-left-radius: 21%;
        border-bottom-right-radius: 20%; */
}

.iconMainDiv:hover {
    transition: 0.9s;
    background: linear-gradient(rgba(18, 104, 8, 0.7), rgba(1, 120, 1, 0.7));
    border-top-left-radius: 21%;
    border-bottom-right-radius: 20%;
}

/* slider section end */
/* news section start */
.newsRow {
    background-color: rgb(194, 254, 190);
}

.newsDiv {
    background-color: green;
    padding: 0px 7px;
    color: white;
}

.traingle {
    height: 0px;
    width: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid green;
    border-right: 20px solid transparent;
}

.marqueeContent span a {
    color: rgb(78, 78, 78);
    text-decoration: none;
    font-weight: bold;
}

/* news section ed */
/* important dates start */
.MainCard {
    /* background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)), url('../img/bg1\ \(2\).jpg'); */
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7)), url('../img/importantdatebg.png');
    background-size: cover;
    background-position: center center;
    /* background-attachment: fixed; */
    box-shadow: 0px 0px 8px 6px rgb(166, 166, 166);
}

.MainCard:hover {
    transition: 0.9s;
    transform: scale(1.01);
    background-color: rgb(251, 242, 238) !important;
    box-shadow: 0px 0px 8px 6px rgb(216, 215, 215);
}

.Notificationtext {
    color: rgb(255, 255, 255);
    border-bottom: 2px solid rgb(255, 255, 255);
}

.NotificationIcon {
    color: rgb(255, 255, 255);
}

.marqueeContentbg {
    background-color: rgb(255, 241, 197);
    border-radius: 4px;
}

.marqueeContentbg h6 a {
    color: rgb(0, 130, 0);
}

.datebg {
    background-color: rgb(7, 123, 49);
    border-radius: 10%;
    font-size: 16px;
    color: white;
}

.importantDate {
    color: rgb(255, 255, 255);
    border-bottom: 2px solid rgb(255, 255, 255);
}

.table_text tr th {
    color: white;
    background-color: rgb(1, 111, 42);
}

.table_text tr td {
    color: rgb(6, 123, 2);
}

/* important dates end */

/* news section start */


/* news section end */


/* about us section satrt */
.visionMissionMainRow {
    background-image: linear-gradient(rgba(1, 80, 31, 0.9), rgba(1, 87, 30, 0.9)), url('../img/visionMission.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.aboutmain {
    background-image: linear-gradient(rgba(3, 72, 39, 0.9), rgba(2, 45, 16, 0.9)), url('../img/aboutbg3.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.visiontext {
    color: rgb(249, 142, 11);
    border-bottom: 2px solid rgb(244, 139, 11);
}

.VisionContentText {
    color: white;
}

.MandateTitle {
    color: rgb(248, 198, 34);
    font-family: serif;
    font-size: 19px;
}

.AboutTitle {
    color: rgb(2, 146, 36);
}

/* about us section end */

/* form submission help suppor start */
.cardBgsubmission {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(8, 10, 9, 0.8)), url('../img/s2.jpg');
    background-size: cover;
    box-shadow: 0px 4px 9px 5px rgb(163, 159, 159);
}

.formsubmissioncontent {
    background-color: rgb(2, 80, 10);
    border-top-left-radius: 70px;
    border-bottom-right-radius: 70px;
}

.formsubmissioncontent:hover {
    transition: 0.5s;
    background-color: rgb(2, 138, 61);
    border-top-left-radius: 70px;
    border-bottom-right-radius: 70px;
}

.formsubmissioncontent a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.mapManiSection {
    box-shadow: 0px 0px 12px 5px rgb(240, 243, 239);
    border-radius: 50px !important;
    margin: 0px;
    padding: 0px;
}

.facebookEmbeded {
    box-shadow: 0px 3px 12px 5px rgb(154, 227, 149);
    border-radius: 10px;
}

.counclercard {
    background-color: aliceblue;
    box-shadow: 0px 3px 12px 5px rgb(150, 146, 146);
}

.counclerimg {
    /* background-image: url(../img/founder-img-new.png);
    background-size: cover;
    height: 280px; */
    position: relative;
    /* background-position: center center; */
    overflow: hidden;
}

.counclerhvr {
    background-color: rgba(19, 209, 64, 0.6);
    height: 280px;
    width: 100%;
    position: absolute;
    left: -100%;
    transition: 0.3s;
    transform: scale(0);
    border-radius: 50%;
    text-align: center;
}

.Pluscounclerhvr {
    font-size: 40px;
    margin-top: 40%;
    color: rgb(246, 186, 20);
}

.counclerimg:hover .counclerhvr {
    left: 0%;
    transform: scale(1);
    border-radius: 0%;
}

.counclercardBottom {
    position: relative;
    overflow: hidden;
}

.counclercardBottomHvr {
    position: absolute;
    height: 150px;
    background-color: rgba(11, 233, 3, 0.3);
    width: 100%;
    bottom: 100%;
    transition: 0.5s;
    transform: scale(0);
    border-radius: 100%;
}

.counclercardBottom:hover .counclercardBottomHvr {
    bottom: 0%;
    transform: scale(1);
    border-radius: 0%;
}

.TitleVoicecouncler {
    color: rgb(3, 145, 3);
    font-size: 20px;
    font-weight: bold;
}

.scrollHeaderContentMain {
    min-height: 430px;
    /* background-color: red; */
    box-shadow: 0px 3px 12px 5px rgb(79, 78, 78);
    border-radius: 10px;
}

.scrollHeader {
    height: 65px;
    background-image: linear-gradient(rgba(8, 127, 46, 0.7), rgba(1, 51, 16, 0.8)), url('../img/bgsvgimage.jpg');
    background-size: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.vcsgtext {
    color: rgb(228, 235, 7);
    font-size: 20px;
    font-weight: bold;
}

.scrollHeaderContent {
    height: 330px;
    overflow: scroll;
}

.scrollundercontent {
    background-color: rgb(164, 235, 191);
    border-radius: 5px;
}

/* form submission help suppor end */
/* swaiper important website start */
.importantWebText {
    color: rgb(1, 117, 30);
    border-bottom: 3px solid rgb(1, 117, 30);
}

/* swaiper important website end */
/* footer strat */
.footerBackgound {
    background-image: linear-gradient(rgba(1, 49, 16, 0.9), rgba(2, 76, 24, 0.9)), url('../img/footerbg1.jpg');
    background-size: cover;
    /* background-position: center center; */
    background-attachment: fixed;
}

.footerHeader {
    color: rgb(247, 173, 16);
    margin-bottom: 30px;
}

.InputArrow {
    padding: 6px 50px;
    background-color: rgb(254, 183, 30);
    border-radius: 6px 0px 0px 6px;
}

.EmailArrowFooter {
    color: rgb(2, 96, 28) !important;
    font-size: 25px;
    padding: 0px 8px;
}

.FooterInputType {
    border: 1px solid rgb(254, 183, 30);
    border-radius: 0px !important;
    padding: 8px;
}

.GetInTouch ul li {
    color: white;
    list-style: none;
    margin-top: 10px;
}

.GetInTouch ul li a {
    color: white;
    list-style: none;
}

.GetInTouch ul li {
    color: white;
    list-style: none;
    margin-top: 10px;
}

.QuickLinks ul li a {
    color: white;
    list-style: none;
    text-decoration: none;
}

.QuickLinks ul li {
    color: white;
    list-style: none;
    text-decoration: none;
    margin-top: 10px;
}

.QuickLinks ul li :hover {
    color: rgb(255, 166, 0);
    list-style: none;
    text-decoration: none;
    margin-top: 12px;
    margin-left: 5px;
}

.OurCourses ul li a {
    color: white;
    list-style: none;
    text-decoration: none;
    font-size: 17px;
}

.OurCourses ul li {
    color: white;
    list-style: none;
    text-decoration: none;
    margin-top: 10px;
}

.OurCourses ul li :hover {
    color: rgb(255, 166, 0);
    list-style: none;
    text-decoration: none;
    margin-top: 12px;
    margin-left: 5px;
}

.visitorsFooter {
    border: 2px dotted white;
    padding: 13px;
    border-radius: 10px;
}

.visitorsFooter span {
    font-size: 15px;
    color: white;
}

.emailphonetext {
    color: rgb(253, 175, 6) !important;
}

.footerIconInsta {
    /* color: rgb(227, 82, 29); */
    background-color: rgb(255, 188, 3);
    color: white;
    border-radius: 100%;
    border: 1px solid black;
    font-size: 20px;
    padding: 10px 13px;
}

.footerIconYouTube {
    /* color: rgb(221, 9, 9); */
    background-color: rgb(255, 188, 3);
    color: white;
    border-radius: 100%;
    border: 1px solid black;
    font-size: 20px;
    padding: 10px;
}

.footerIconFacebook {
    /* color: rgb(9, 62, 221); */
    background-color: rgb(255, 188, 3);
    color: white;
    border-radius: 100%;
    border: 1px solid black;
    font-size: 20px;
    padding: 10px 15px;
}

/* footer end */

/* About us start  */
.abotutRowBG {
    background-image: linear-gradient(rgba(0, 85, 27, 0.9), rgba(1, 108, 33, 0.9)), url('../img/s2.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.about_h2 {
    text-align: center;
    color: white;
}

.Home_About_text a {
    color: white;
    text-decoration: none;
    font-size: 17px;
}

.aboutContentBg {
    background-color: rgb(236, 245, 239);
}

.dear_StudentText span {
    color: green;
    font-weight: bold;
    border-bottom: 2px solid green;
    padding: 2px;
}

/* About us end  */
/* about wave start */
.waveMain_Div {
    margin: 0;
}

.ocean {
    height: 80px;
    width: 100%;
    position: absolute;
    top: 362px;
    left: 0;
    right: 0;
    overflow-x: hidden;
}

@media (max-width: 480px) {
    .ocean {
        height: 80px;
        width: 100%;
        position: absolute;
        top: 405px;
        left: 0;
        right: 0;
        overflow-x: hidden;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .ocean {
        height: 80px;
        width: 100%;
        position: absolute;
        top: 405px;
        left: 0;
        right: 0;
        overflow-x: hidden;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ocean {
        height: 80px;
        width: 100%;
        position: absolute;
        top: 390px;
        left: 0;
        right: 0;
        overflow-x: hidden;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ocean {
        height: 80px;
        width: 100%;
        position: absolute;
        top: 382px;
        left: 0;
        right: 0;
        overflow-x: hidden;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .ocean {
        height: 80px;
        width: 100%;
        position: absolute;
        top: 362px;
        left: 0;
        right: 0;
        overflow-x: hidden;
    }
}

@media (min-width: 1600px) {
    .ocean {
        height: 80px;
        width: 100%;
        position: absolute;
        top: 362px;
        left: 0;
        right: 0;
        overflow-x: hidden;
    }
}

.wave {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23FFFFFF' fill-opacity='0.9'/%3E%3C/svg%3E");
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
}

.wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
    opacity: 0.5;
}

.wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
    opacity: 0.5;
}

@keyframes wave {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* about wave end */
/* ------------------------------------------------------------------------------ ---------------------*/
.heading_Contact {
    color: rgb(2, 129, 23);
    padding: 30px 0px;
}

.Contact_Adress_icon1 {
    padding: 20px 23px;
    color: green;
    border: 2px dotted green;
    font-size: 20px;
}

.Contact_Adress_icon {
    padding: 20px 20px;
    color: green;
    border: 2px dotted green;
    font-size: 20px;
}

.Contact_Content h3 {
    color: rgb(255, 141, 2);
}

.Contact_Content h6 {
    color: green;
}

.ContactImage {
    border-bottom-left-radius: 20%;
    border-top-right-radius: 20%;
    height: 440px;
    animation: floatUpDown 2s ease-in-out infinite;
}

/* Keyframes for up-down motion */
@keyframes floatUpDown {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}


/* ------------------------------------------------------------------------------ ---------------------*/

/* notification section start */
/* .Notification_MainDiv{
    background-image: linear-gradient(rgba(55, 54, 54, 0.9), rgba(255, 255, 255, 0.9)), url('../img/s2.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
} */
.Notification_Table tr td {
    background: transparent !important;
    color: rgb(0, 151, 45);
}

.Notification_Table thead tr th {
    background: rgb(0, 88, 7) !important;
    color: white;
}

.cardMainSectionNotification {
    background-image: linear-gradient(rgba(255, 250, 250, 0.9), rgba(255, 255, 255, 0.9)), url('../img/date3.jpg');
    background-size: cover;
    background-position: center center;
}

.Notification_Card {
    box-shadow: 0px 3px 12px 5px rgb(159, 160, 159);
    border-radius: 10px !important;
}

.Notification_tbl_header {
    background-color: rgb(1, 113, 1);
    border-radius: 8px;
}

.search_border {
    border: 1px solid white;
    border-radius: 20px;
    background-color: white;
}

.search_input {
    background: transparent;
    color: white;

}

/* notification section end */

/* dates section start */
.Note_text {
    border-bottom: 2px solid white;
}

.dates_icon {
    font-size: 30px;
    color: white;
}

.EnterTestCenter ol li {
    color: black;
}

.SheduleCard {
    background-color: rgb(249, 237, 204);
    transition: 0.5s;
    box-shadow: 0px 3px 7px 4px rgb(131, 133, 131);
}

.SheduleCard:hover {
    background-color: rgb(255, 255, 255);
}

.SheduleCard h5 {
    color: rgb(0, 126, 0);
}

.SheduleCard p {
    color: rgb(4, 126, 249);
}

.SheduleIcon {
    color: rgb(0, 126, 0);
}

.SheduleCard span {
    color: rgb(4, 126, 249);
}

/* dates section end */
/* privacy link start */
.Privacy_LinkCard {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 9px 4px rgb(131, 133, 131);
}

.PrivacyLink_text {
    border-bottom: 2px dashed rgb(0, 126, 0);
    padding: 10px;
    color: rgb(0, 126, 0);
}

.LinkIcon {
    font-size: 40px;
    color: rgb(251, 205, 1);
}

.LinkText a {
    color: green;
    text-decoration: none;
}

.PrivacyLinkContent_bg {
    background-image: linear-gradient(rgba(0, 95, 18, 0.9), rgba(0, 95, 18, 0.9)), url('../img/date3.jpg');
    background-size: cover;
    background-position: center center;
}

/* privacy link end */

/* refund section start  */
.refund_heading span {
    color: rgb(255, 187, 16);
    border-bottom: 2px dashed rgb(255, 187, 16);
    padding: 5px;
}

.refund_heading .fa-arrow-right {
    color: rgb(255, 187, 16);
}

.refund_TextContent {
    color: white;
    text-align: justify;
}

/* refund section end  */

/* datatable section start */
.dt-length label {
    padding: 10px !important;
    color: green;
}

.dt-info {
    color: green !important;
}

.dt-search label {
    color: green;
}

.dt-search {
    border: 2px solid green;
    padding: 0px 10px;
    border-radius: 20px;
}

input .dt-search {
    border: 0px !important;
}

.dt-search input {
    border: 0px !important;
    outline: none;
    background: transparent;
    color: green !important;
}

#dt-search-0 {
    border: 0px !important;
    color: green !important;
    background: transparent;
}

/* datatable section end */

.swiper-button-next {
    font-size: 20px !important;
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    height: 70px;
    width: 100%;
    position: absolute;
}

.ribbon {
    --f: .5em;
    /* control the folded part*/
    --r: .8em;
    /* control the ribbon shape */
    top: 20px;
    left: calc(-1*var(--f));
    padding-inline: .25em;
    line-height: 1.8;
    background: #f8a900;
    border-bottom: var(--f) solid #0005;
    border-right: var(--r) solid #0000;
    clip-path:
        polygon(0 0, 0 calc(100% - var(--f)), var(--f) 100%,
            var(--f) calc(100% - var(--f)), 100% calc(100% - var(--f)),
            calc(100% - var(--r)) calc(50% - var(--f)/2), 100% 0);
}


/* HTML: <div class="ribbon">Your text content</div> */
.ribbon1 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    height: 70px;
    position: absolute;
}

.ribbon1 {
    --r: .8em;
    /* control the cutout */

    border-block: .5em solid #0000;
    padding-inline: .5em calc(var(--r) + .25em);
    line-height: 1.8;
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%, 100% calc(100% - .25em), calc(100% - var(--r)) 50%, 100% .25em);
    background:
        radial-gradient(.2em 50% at left, #000a, #0000) border-box,
        #f8a900 padding-box;
    /* the color  */
    width: 100%;
}

._2p3a {
    width: auto !important;
}