﻿@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Mulish", sans-serif;
}



h1, h2, h3, h4, h5, h6, p, span, a {
    font-family: "Mulish", sans-serif;
}

.calC {
    margin-top: -2rem;
    background: #ffffff;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border: 0.1rem solid #f3f3f3;
    box-shadow: 1px 1px 12px #33333336;
}

#container {
    transition: transform 400ms ease;
}

.calendar-container {
    position: relative;
    max-width: 500px;
}

.calH h3 {
    text-align: center;
    color: #fff;
    background: #103157;
    padding: 1rem 0 2rem 0px;
    margin-top: 0rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

.calC {
    margin-top: -2rem;
    background: #ffffff;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border: .1rem solid #f3f3f3;
    box-shadow: 1px 1px 12px #33333336;
}

.calendar::before {
    content: '';
    /* background: #e1f2ff; */
    background: #e1f2ff8f;
    width: 600px;
    position: absolute;
    height: 600px;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    bottom: -386px;
    z-index: 0;
    transform: rotate(90deg);
    left: -1px;
}

/* Increase size of the center slide */
.message-slider .slick-center {
    transform: scale(1.1); /* Slightly enlarge the center slide */
    transition: transform 0.3s ease; /* Smooth transition */
    z-index: 1; /* Bring the center slide above the others */
}

/* Dim non-center slides */
.slick-slide {
    opacity: 0.5; /* Default opacity for non-center slides */
    transition: opacity 0.3s ease; /* Smooth transition */
}

/* Restore full opacity for the center slide */
.slick-center{
    opacity: 1;
}

/* Container settings for overflow prevention */
.message-slider-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}



.calendar::after {
    content: '';
    background: #ffc9884d;
    width: 50px;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    height: 50px;
    bottom: 191px;
    transform: rotate(38deg);
    right: -20px;
}

.calendar header .btn-prev {
    top: .7rem;
    left: 1.2rem;
    transform: rotate(-180deg);
}

.calendar header .btn-next {
    top: .7rem;
    right: 1.2rem;
}

#mainslider video {
    width: 100%;
}

.video_div {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

    /*#Img3 {
    height: 90px;
    width: 120px;
}*/


    .video_div video {
        width: 100%;
        display: block;
    }

   /* .video_div:before {
        content: '';
        position: absolute;
        background: rgb(0 0 0 / 27%);
        border-radius: 5px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }*/
/* news/event start */
.news-div_before {
    background: var(--primary);
    padding: 10px;
}

.news-div_cnt_bg {
    background: var(--secondary);
}

.ri-links-line {
    border-radius: 100%;
    background: var(--lightGreen);
    padding: 0 5px;
    color: #fff;
}

#news-div_cnt li {
    margin-right: 20px;
    margin-bottom: 15px;
}

    #news-div_cnt li span {
        color: #fff;
        letter-spacing: .5px;
        transition: var(--ts);
    }

    #news-div_cnt li:hover span {
        color: var(--lightGreen);
    }


.news-div_before::before {
    content: '';
    position: absolute;
    right: -9px;
    top: 22px;
    width: 10px;
    clip-path: polygon(0 0, 100% 52%, 0 100%, 0% 50%);
    background: var(--primary);
    height: 20px;
}

.news-div_cnt_icon > i {
    font-size: 24px;
    position: relative;
    color: var(--secondary) !important;
}

.news-div_cnt_desc {
    line-height: 16px;
    padding: 7px 0 5px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    text-shadow: 1px 1px 1px #a943547d;
}

#news-div_cnt {
    margin-top: 12px;
    min-height: 45px;
}

.Widget1 {
    display: inline-block;
    width: 100%;
    padding: 10px;
    box-shadow: 2px 1px 7px #05050566;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}

    .Widget1 > .heading {
        width: 100%;
        display: inline-block;
        padding: 5px;
        color: #fff;
        text-transform: capitalize;
        letter-spacing: 2px;
        color: #ffbc00;
        font-size: 30px;
        font-family: 'Domine', serif !important;
    }

.widgetBody {
    width: 100%;
    display: inline-block;
    min-height: 250px;
}

@media only screen and (min-width: 768px) {
    #news-div_cnt {
        height: 300px;
    }
}

#news-div_cnt {
    margin-top: 12px;
    min-height: 45px;
}

    #news-div_cnt li {
        margin-right: 20px;
        margin-bottom: 15px;
    }


.about-div_cnt_title h1,
.facility-div_title h1,
.vision-div_title h1,
.mentor-div_title h1,
.gallery-div_title h1 {
    color: var(--secondary);
    font-weight: 700;
    font-size: 36px;
    font-family: 'Domine', serif !important;
}

    .about-div_cnt_title h1 > span,
    .facility-div_title h1 > span,
    .vision-div_title h1 > span,
    .mentor-div_title h1 > span,
    .gallery-div_title h1 > span {
        font-family: 'Domine', serif !important;
        color: var(--blue);
    }

.about-div_cnt_desc {
    font-size: 16px;
    letter-spacing: .5px;
    color: var(--text);
    line-height: 28px;
}

p,
ul {
    padding: 0;
    margin: 0;
    font-family: 'Domine', serif !important;
    font-size: 15px;
}

.btn-read_btn {
    background-color: var(--primary);
    padding: 7px 20px;
    border-radius: 5px;
    transition: var(--ts);
}

.btn-read_btn {
    white-space: nowrap;
}

.btn,
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible .btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
    box-shadow: none !important;
    border: 0 !important;
}

.btn-read_btn span {
    color: #fff !important;
    font-size: 15px;
}

.btn-read_btn {
    white-space: nowrap;
}

    .btn-read_btn span {
        color: #fff !important;
        font-size: 15px;
    }

        .btn-read_btn span:last-child {
            display: block;
        }

.btn-read_btn {
    white-space: nowrap;
}

element.style {
}

.Widget1 {
    display: inline-block;
    width: 100%;
    padding: 10px;
    box-shadow: 2px 1px 7px #05050566;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    min-height: 38rem;
}

.theme_bg_color {
    background-color: #0C365E;
    transition: .5s all ease-in-out;
}

.mybutton {
    background-color: var(--primary);
    padding: 7px 20px;
    border-radius: 5px;
    transition: var(--ts);
}

.btn-read_btn span {
    color: #fff !important;
    font-size: 15px;
}

.btn-read_btn {
    white-space: nowrap;
}

/* news/event end */



a {
    color: #008fd5;
    text-decoration: none;
    cursor: pointer;
    transition: .3s all ease-in;
    line-height: 29px;
}

}

a:hover {
    color: #024875 !important;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

input[type="submit"] {
    transition: .5s all ease-in;
}

    a:hover, input[type="submit"]:hover {
    }

body {
    padding: 0rem;
    margin: 0rem;
    width: 100%;
    height: auto;
  font-family: "Mulish", sans-serif;
}
html,body{
    overflow-x:hidden;
    width:100%;
}
p, a, span {
  font-family: "Mulish", sans-serif !important;
}



.p0 {
    padding: 0;
}

a:hover, a:active, a:focus {
    text-decoration: none;
    transition: 0.5s;
}

.header {
    display: inline-block;
    width: 100%;
    height: auto;
}

#navbarDiv {
    position: relative;
}

.animateblk {
    /*width: 18rem;*/
    margin: .4REM auto 1rem;
    float: right;
}

  

.left-slider {
    position: absolute;
    top: 45%;
    width: 3.2rem;
    background: url(../images/arrow-slider.png);
    height: 3.2rem;
    background-position: 0rem 0rem;
    transition: .3s all ease-in-out;
}

    .left-slider:hover {
        background-position: 0rem 3.1rem;
    }

.right-slider {
    position: absolute;
    top: 45%;
    width: 3.2rem;
    background: url(../images/arrow-slider.png);
    height: 3.2rem;
    background-position: -4.3rem 0rem;
    transition: .3s all ease-in-out;
}

.Header_Layer2 {
    padding: .8rem 0;
}

.right-slider:hover {
    background-position: -4.3rem 3.1rem;
}

.campus-div {
    width: 10.5rem;
    margin: .4rem 0 1rem;
    text-align: right;
    float: right;
}

.fit-india {
    width: 11rem;
}

    .fit-india > img {
        margin-left: 0rem;
        margin-top: 0.5rem;
    }

.ebook, .login {
    width: 20rem;
    margin: .4rem 0;
}

.ebook-login-div {
    float: right;
    margin: .8rem 0;
}

.headlogonew > input, .campus-div > img, .ebook > a > img, .login > a > img {
    width: 100%;
}

/* Downloads */
#TblDetaill td, #TblDetaill th {
    letter-spacing: .1rem;
}

#TblDetaill {
    width: 90%;
    border: .1rem solid #b5b5b5;
}

    #TblDetaill th {
        border-right: .1rem solid #07284e;
        font-weight: 500;
        text-shadow: .1rem .1rem transparent;
        background: #0d325c;
        color: #fff;
        width: 9rem;
    }

.Download_cat li {
    padding: .5rem;
}

.tableD {
    overflow-x: auto;
    white-space: nowrap;
    border: .1rem solid #333;
    padding: .4rem;
}

#TblDetaill {
    width: 90%;
}

table#tblPop tr th, table#TblDetaill tr th {
    text-align: center;
    letter-spacing: .1rem;
    background: #0d325c;
    color: #fff;
    padding: .8rem;
    font-weight: 600;
    font-size: 1.5rem;
}


table#ContentPlaceHolder1_grdCategory {
    box-shadow: .1rem .1rem .1rem #ddd;
}


#downloadPoP .modal-body {
    position: relative;
    padding: 4px 0;
}

    #downloadPoP .modal-body table {
        background: #fff;
        margin-bottom: 4px;
        font-weight: 600;
        width: 100%;
        margin-top: -13PX;
    }

.menu_div {
    background-color: #0064a5;
    padding: 0px;
    margin-top: 5px;
}

.close {
    font-size: 16px;
    left: auto;
    right: -9px;
    position: absolute;
    font-weight: 700;
    color: #FF5722;
    filter: alpha(opacity=20);
    z-index: 9999;
    top: -10px;
    font-weight: 100;
    font-weight: bolder;
    font-family: trajan pro;
    background: #ffffff !important;
    border-radius: 50%;
    padding: 5px 8px;
    border: 5px solid #0d325c;
    opacity: 1;
}

#downloadPoP .modal-body tr:first-child > td {
    font-weight: 600;
    font-size: 16px;
}

#downloadPoP .Model_header {
    padding: 0;
}

.close:hover {
    opacity: 1;
    color: #333;
}

#downloadPoP .modal-content {
    background: #0d325c;
}

h4#modalheading {
    font-weight: 500;
    text-align: center;
    color: #FFF;
    margin: 8px 0 18px;
    letter-spacing: .4px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#tblPop tr th, #TblDetaill tr th {
    background: #fefab1;
    text-align: center;
    letter-spacing: 0.6px;
    font-size: 16px;
    color: #797b77;
    border-right: 1px solid #24331b;
}

#tblPop tr, #TblDetaill tr {
    background: #fff;
    border-bottom: .1rem solid #b5b5b5;
}

    #tblPop tr:last-child, #TblDetaill tr:last-child {
        border-bottom: none;
    }

#downloadPop .modal-body tr {
    background: #f3f3f3;
    box-shadow: none;
    border-bottom: 1px solid #d5d5d5;
}

    #downloadPop .modal-body tr td {
        padding: .7rem;
        font-size: 1.4rem;
        font-weight: 500;
        color: #444;
    }

#tblPop tr td, #TblDetaill tr td {
    padding: .8rem 0;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: .01rem;
    text-transform: capitalize;
    color: #000000;
    font-weight: 400;
    line-height: 1.6rem;
}

#TblDetaill tr > td:first-child, #tblPop tr > td:first-child {
    border-right: .1rem solid #b5b5b5;
}


/* second */
.second .item-first {
    background: #E6E7E8;
}

.item-second {
    background: #0d325c;
}

.item-third {
    background: #E6E7E8;
    /* color: black; */
}

.item-forth {
    background: #0d325c;
}

.item-first, .item-second, .item-third, .item-forth {
    text-align: center;
    min-height: 29rem;
}



    .item-first h2, .item-second h2, .item-third h2, .item-forth h2 {
        color: #fff;
        margin-bottom: 1rem;
        font-size: 2.4rem;
        line-height: 3rem;
        font-weight: 700;
        margin-top: 0;
      font-family: "Mulish", sans-serif;
    }

    .item-first p, .item-second p, .item-third p, .item-forth p {
        text-align: center;
        padding: 1rem 2.5rem;
        color: #fff;
        font-size: 1.4rem;
        margin: 0;
        line-height: 1.9rem;
    }

    .item-first a, .item-second a, .item-third a, .item-forth a {
        color: white;
    }

.testimonial-div {
    text-align: left;
    padding: 1rem;
}

.testimonial-marquee > ul > li {
    width: 100%;
    margin-bottom: 1rem;
}

    .testimonial-marquee > ul > li::before {
        display: inline-block;
        width: 0;
        height: 0;
        border-top: solid transparent;
        border-bottom: solid transparent;
        border-left: solid #ff0;
        border-width: .5rem;
        content: '';
        margin-right: .5rem;
    }

/* Campus Tour */
.campus-tour {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

/* Welcome */
.welcome-div {
    display: inline-flex;
    vertical-align: top;
    width: 100%;
    margin: 2rem 0rem 0rem;
    padding-right: 4rem;
    padding-bottom: 1.2rem;
}

.vision-div {
    display: inline-flex;
    vertical-align: top;
    width: 100%;
    margin: 2rem 0rem 0rem;
    padding-left: 4rem;
    padding-bottom: 1.2rem;
}

    .welcome-div::after, .vision-div::after {
        content: '';
        position: absolute;
        width: 90%;
        background: #e3e3e3;
        height: .1rem;
        bottom: 0;
    }

.welcome-img {
    margin-right: 2rem;
}

.welcome-desc {
    position: relative;
}

    .welcome-desc > h2 {
        margin-bottom: .6rem;
        font-size: 1.8rem;
        line-height: 2.2rem;
        color: #000;
        margin-top: 0;
    }

    .welcome-desc p {
        text-align: justify;
        overflow: hidden;
        font-size: 1.4rem;
        padding-right: 4REM;
        line-height: 2.2rem;
        color: #7c7c7c;
    }

.readMore {
    background: #008fd5;
    /* width: 3rem; */
    /* height: 3.8rem; */
    right: 0;
    text-align: center;
    color: #fff;
    position: absolute;
    padding: 2px 5px 1px 7px;
    float: right;
    bottom: 0rem;
}

/* chairperson */
.chairperson-title > h2, .pricipal-title > h2, .news-title > h2, .quick-title > h2 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    padding-left: .7rem;
    border-left-width: .3rem;
    border-left-style: solid;
    border-color: #008fd5;
    line-height: 3rem;
    color: #fff;
}

/* header end */

.Header_Layer3 {
    width: 100%;
    height: auto;
    display: inline-block;
    background-color: transparent;
}

#MenuItems {
    background: #eee;
    padding: 0;
}

.social-div {
    display: flex;
    width: auto;
    justify-content: space-around;
    margin: 0 10%;
}


.p_lr {
    padding-left: 1rem;
    padding-right: 1rem;
}

.header_ADDRESS {
    width: 100%;
    height: auto;
    text-align: right;
    padding: .5rem;
}

    .header_ADDRESS p {
        padding: 0rem;
        margin: 0rem;
    }

    .header_ADDRESS h3 {
        margin-top: 1rem;
    }

.welcomeDiv {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 3rem 0;
}

.MenuLinkbtn_Div {
    width: 100%;
    position: relative;
}

#idSubmenus li {
    padding: .5rem .5rem 0;
}

#idSubmenus {
    position: relative;
    border: .1rem solid #e0e0e0;
    padding: 0rem 0rem 2rem 0rem;
    background: #fff;
    border-bottom-left-radius: .6rem;
}

    #idSubmenus li a {
        padding: .7rem .3rem .7rem 3rem;
        color: #2a2d30;
        font-size: 1.5rem;
        letter-spacing: .1rem;
        box-shadow: 0 .5rem .6rem -.6rem #333;
        font-weight: 500;
        position: relative;
        display: block;
        width: 100%;
    }

.MenuLinkbtn_Div > h3 {
    font-weight: 700;
    border-top-left-radius: .5rem;
    font-size: 2.4rem;
    border-top-right-radius: .5rem;
    background: #0d325c;
    height: 4.5rem;
    color: #fff;
    letter-spacing: .1rem;
    padding: .8rem 0 0;
    text-align: center;
    margin-bottom: 0rem;
    font-variant: small-caps;
}

#idSubmenus a::before {
    content: '\2022';
    color: #2a2d30;
    font-size: 2rem;
    left: 1rem;
    top: 0.2rem;
    transition: color 0.36s ease;
    position: absolute;
}

.MenuLinkbtn_Div::after {
    content: " ";
    position: absolute;
    height: 60px;
    width: 61px;
    right: 0px;
    bottom: 0px;
    background: url(../Images/paper-silver.png)no-repeat center/cover;
}



#back-top {
    text-align: center;
    position: absolute;
    top: -4.4rem;
    right: 1.4rem;
    background: #213540;
    font-size: 2.4rem;
    color: #fff;
    width: 4.4rem;
    height: 4.4rem;
    padding: 1rem;
}

.welcomeDiv h2 {
    color: #304225;
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1rem;
}

.welcomeDiv p {
    text-align: justify;
    margin-top: 2rem;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 3rem;
}

.NewsBox {
    display: inline-block;
    height: auto;
    min-height: 20rem;
    width: 100%;
    padding: .5rem 2rem;
}

    .NewsBox > h3 {
        letter-spacing: .1rem;
        font-size: 3rem;
    }

.orange {
    background-image: linear-gradient(to right top, #e58900, #de9104, #ff6a00, #ff6b00, #ff6a00);
}

.bg_blue {
    background-color: #304225;
}

.Line-1 {
    margin-bottom: .6rem;
    border: 0;
    border-bottom: .1rem solid #707070;
    width: 15rem;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.Line-2 {
    margin-bottom: 0rem;
    border: 0;
    border-bottom: .1rem solid #707070;
    width: 20rem;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.Line-3 {
    margin-bottom: .6rem;
    border: 0;
    border-bottom: .1rem solid #fff;
    width: 15rem;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.Line-4 {
    margin-bottom: 0rem;
    border: 0;
    border-bottom: .1rem solid #fff;
    width: 20rem;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* bg */



.Line-sparator-left {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-top: .3rem solid #c83429;
    width: 15rem;
    display: block;
    text-align: center;
    margin-right: auto;
}

.text-white {
    color: #fff;
}

.new_content {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: .5rem;
}

    .new_content marquee {
        width: 100%;
        height: 27.5rem;
    }

        .new_content marquee a {
            width: 100%;
            display: inline-block;
            padding: 1rem 0rem;
            color: #fff;
            font-size: 1.7rem;
            font-weight: 400;
        }

            .new_content marquee a:hover {
                color: red;
                transition: 0.5s;
            }

.bg_Lightgray {
    background-color: #f8f8f8;
}

.bg_white {
    background-color: #fff;
}

.background_2 {
    background-image: linear-gradient(to right,white 50%,#002463 50%);
}

.VissionMission {
    display: inline-block;
    height: auto;
}

    .VissionMission > h2 {
        font-size: 3rem;
        letter-spacing: .1rem;
        font-weight: 600;
    }

    .VissionMission > p {
        font-size: 1.7rem;
        font-weight: 400;
        line-height: 3rem;
        margin: 2rem 0 5rem;
        text-align: justify;
    }

.VissionItem1 {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 1rem;
    background-color: #dededea8;
    box-shadow: inset 0rem 0rem .4rem #3333;
    margin-bottom: 2rem;
}

    .VissionItem1 > h4 {
        font-size: 2rem;
        letter-spacing: .1rem;
        font-weight: 600;
    }

    .VissionItem1 > p {
        font-size: 1.5rem;
        line-height: 2.6rem;
        text-align: justify;
        font-weight: 400;
    }

.message, .news-quick {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

    .message img {
        width: 100%;
    }

marquee#newsEvent {
    height: 17rem;
}

.news-div-marquee img {
}

.news-div-marquee > a {
    position: relative;
    display: inline-block;
    padding: 12px 14px 12px 28px;
    color: #000;
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-align: justify;
}

.chairperson, .pricipal, .news-event, .quick-link {
    width: 100%;
    line-height: 2.8rem;
    /* font-size: 10px; */
    font-weight: 400;
    text-align: justify;
}


    .chairperson p, .pricipal p, .Deputy-Ceo p {
        width: 100%;
        line-height: 2.3rem;
        color: #000;
        font-size: 16px;
        padding: 10px 9px;
    }

.forth {
    padding-bottom: 4rem;
}

/* quick link */
.quick-links {
    font-size: 17px;
    border-bottom: .1rem solid #CCC;
    padding: 1rem 0rem .6rem;
}

    .quick-links > img {
        margin: .3rem 1.2rem 0rem 0rem;
    }


.projContainer {
    display: inline-block;
    vertical-align: top;
    margin-right: 0rem;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 24%;
    display: inline-block;
    height: auto;
    margin-bottom: 1rem;
    cursor: pointer;
}

    .projContainer img {
        transition: 0.3s;
        border: .3rem solid #00bae6;
        width: 100%;
    }

    .projContainer:hover img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }

    .projContainer:hover h2 {
        padding-top: 10%;
        text-align: center;
        color: #fff;
    }

.projInfoContainer {
    position: absolute;
    background: rgba(5,5,5,0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transition: 0.2s;
}

.projContainer:hover .projInfoContainer {
    opacity: 1;
}

.projCat {
    color: #5cd9fd;
    font-weight: bold;
}

.projSpec {
    color: #aaa;
    font-family: sans-serif;
}

.quick-links > a:hover {
    color: #111 !important;
}

/* Gallery */
#imageGallery {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.gallery-div {
    width: 26rem;
    height: 21rem;
    margin: 1rem 1.1rem;
}

.gallery-album {
    position: relative;
    overflow: hidden;
    border: .3rem solid #ffffff;
    border-radius: .4rem 4rem;
    box-shadow: .3rem .5rem .8rem 0rem #33333369;
}

.gallery-album {
    width: 100%;
    height: 21rem;
}

    .gallery-album:before {
        content: '';
        width: 3.3rem;
        height: 2rem;
        position: absolute;
        top: -6rem;
        right: 3rem;
        background: url(../images/gallery-eye.png);
        cursor: pointer;
        transition: cubic-bezier(0.22, 0.61, 0.36, 1) all 400ms;
        -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) all 400ms;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        z-index: 3;
    }

    .gallery-album:hover:before {
        top: 3rem;
    }

    .gallery-album:hover .titles {
        bottom: 2.8rem;
    }

    .gallery-album a.img-0 {
        display: block !important;
        position: relative;
        width: auto;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .gallery-album a:after {
        content: '';
        width: 100%;
        position: absolute;
        background: #0d325c;
        opacity: 0.8;
        top: 0;
        right: 0;
        bottom: 0;
        left: 150%;
        transform: skew(-33deg);
        -webkit-transform: skew(-33deg);
        transition: cubic-bezier(0.22, 0.61, 0.36, 1) all 600ms;
        -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) all 600ms;
    }

    .gallery-album:hover a:after {
        left: 25%;
    }

    .gallery-album .titles {
        position: absolute;
        text-align: right;
        font-size: 1.7rem;
        font-weight: 600;
        right: 3rem;
        bottom: -100px;
        transition: cubic-bezier(0.22, 0.61, 0.36, 1) all 600ms;
        -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) all 600ms;
    }

div.titles > div.title {
    color: #fff;
}

.gallery-album:hover {
    filter: grayscale(0);
}

.gallery-album {
    position: relative;
    overflow: hidden;
    border: .3rem solid #ffffff;
    filter: grayscale(1);
    border-radius: .4rem 4rem;
    box-shadow: .3rem .5rem .8rem 0rem #33333369;
}


/* Gallery */

#myModal .modal-body {
    border: 1.5rem solid #000;
    border-radius: 2rem;
    padding: .8rem;
    background: #fff;
}

#myModal .modal-content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

#myModal .Model_header {
    text-align: center;
    color: #757575;
  font-family: "Mulish", sans-serif;
    padding: 0.6rem 0 0rem;
    font-weight: 600;
    font-size: 1.6rem;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#myModal .carousel-inner img {
    width: 100%;
}

.modal-footer1 > button {
    color: #757575;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 50%;
    font-size: 1.6rem;
    padding: 0.07rem .7rem;
    position: ABSOLUTE;
  font-family: "Mulish", sans-serif;
    FONT-WEIGHT: 700;
    RIGHT: 2rem;
    BOTTOM: 2rem;
}

div#myModal {
    background: url('../Images/overlay.png');
    background-color: #151515a8;
}

.footer .footer-top {
    margin-top: 5rem;
    padding-top: 5rem;
    padding-bottom: 3rem;
    background-color: #304225;
    background-size: cover;
    border-top: .5rem solid #f4be2c;
    background-position: center;
}

.twitter-post a {
    list-style: none;
    font-family: Open Sans, sans-serif;
    font-size: 1.6rem;
    letter-spacing: .1rem;
    color: #424242;
}

.footer .footer-item .title {
    margin-bottom: 3rem;
    font-size: 3rem;
    color: #ffc000;
}

.footer .footer-top > div > div > div:nth-child(3) .title {
    color: #e84b3a;
}

.footer .footer-top > div > div > div:nth-child(4) .title {
    color: #fc7f0c;
}

.footer .footer-item .footer-about ul {
    margin: 0rem;
    padding: 0;
}

.footer-about ul i {
    font-size: 2.4rem;
    color: #1d2d17;
}

ul.twitter-post {
    margin: 0;
    padding: 0;
    margin-top: 2rem;
}

.footer .footer-item .footer-about ul li {
    list-style: none;
    margin-bottom: .6rem;
    font-family: Open Sans, sans-serif;
    font-size: 1.6rem;
    letter-spacing: .1rem;
    color: #424242;
}

    .footer .footer-item .footer-about ul li span {
        height: 3.6rem;
        width: 3.6rem;
        text-align: center;
        display: inline-block;
        line-height: 3.6rem;
        margin-right: .8rem;
        padding-top: 1rem;
    }

    .footer .footer-item .footer-about ul li:nth-child(2) span {
        color: #e84b3a;
    }

    .footer .footer-item .footer-about ul li:nth-child(3) span {
        color: #fc7f0c;
    }

    .footer .footer-item .footer-about ul li:nth-child(4) span {
        color: #92278f;
    }

.footer .footer-item .footer-post li {
    list-style: none;
    border-bottom: .1rem solid #f7f7f7;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

    .footer .footer-item .footer-post li:last-child {
        border: none;
        margin: 0rem;
        padding: 0rem;
    }

.footer .footer-item .footer-post .image {
    float: left;
    margin-right: .8rem;
    margin-top: .5rem;
}

.footer .footer-item .footer-post .content {
    display: table;
}

    .footer .footer-item .footer-post .content p {
        margin: 0rem;
    }

        .footer .footer-item .footer-post .content p a {
            text-decoration: none;
            color: #707070;
        }

    .footer .footer-item .footer-post .content span {
        font-size: 1.5rem;
        font-style: italic;
        color: #ffc000;
        line-height: 1.8rem;
    }

.footer .footer-item .twitter-post li {
    list-style: none;
    margin-bottom: 1rem;
}

    .footer .footer-item .twitter-post li:last-child {
        border: none;
        margin: 0px;
        padding: 0rem;
    }

.bg_inner {
    margin-bottom: 2rem;
}

.footer {
    position: relative;
    padding: 30px 0 10px;
    background: #0d325c;
}

.footer-item, .footer-item-follow, .footer-item-map, .footer-item-info {
    margin: 0 10px;
    text-align: center;
}

    .footer-item-follow p {
        margin-top: 0px;
        letter-spacing: .5px;
        transition: .5s all ease-in-out;
        margin-bottom: 10px;
    }

        .footer-item-follow p:hover {
            color: #fff;
        }

    .footer-item > .footer-Icon {
        background-image: url(../images/why-choose.png);
        height: 110px;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }

    .footer-item-follow > .footer-Icon {
        background-image: url(../images/last-news.png);
        height: 110px;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }

    .footer-item-map > a > .footer-Icon {
        background-image: url(../images/location@2x.png);
        height: 110px;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }

    .footer-item-info > .footer-Icon {
        background-image: url(../images/recent-posts.png);
        height: 110px;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }


    .footer-item > h3, .footer-item-follow > h3, .footer-item-map > a > h3, .footer-item-info > h3 {
        margin-top: 0;
        margin-bottom: 20px;
        padding: 0;
        border: 0;
        font-size: 21px;
        line-height: 21px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
    }

    .footer-item-map > ul {
        color: #038FC2;
        line-height: 3.5rem;
        font-size: 1.8rem;
    }



        .footer-item-map > ul > li {
            margin-top: 1.5rem;
            color: #fff;
        }


    .footer-item ul, .footer-item-info ul {
        color: #038FC2;
        line-height: 35px;
        font-size: 18px;
    }

        .footer-item ul > li:first-child, .footer-item-info ul > li:first-child {
            padding-top: 0;
            margin-top: 0;
            padding-top: 0;
            border-top: 0;
        }

        .footer-item ul > li, .footer-item-info ul > li {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px dashed rgba(255,255,255,0.2);
        }

ul.twitter-post > li > i {
    font-size: 2rem;
    font-weight: 500;
    margin-right: .8rem;
    color: #2d2d2db5;
}

.footer .footer-item .twitter-post li:nth-child(2) .icon {
    background-color: #e84b3a;
}

.footer .footer-item .twitter-post li:nth-child(3) .icon {
    background-color: #fc7f0c;
}

.footer .footer-item .twitter-post .content {
    display: table;
}

    .footer .footer-item .twitter-post .content p {
        margin: 0rem;
    }

    .footer .footer-item .twitter-post .content span {
        font-size: 1.5rem;
        font-style: italic;
        color: #e84b3a;
    }

.footer .footer-item .photos {
    margin: -.5rem;
    overflow: hidden;
}

    .footer .footer-item .photos li {
        list-style: none;
        float: left;
        padding: .5rem;
        width: 33.33%;
    }

        .footer .footer-item .photos li img {
            width: 100%;
        }

.footer .footer-bottom {
    border-top: .1rem solid #eeefee;
    background-color: #fafafa;
    padding: 3rem 0rem;
}

    .footer .footer-bottom p {
        font-weight: 700;
        margin: 0rem;
        line-height: 4rem;
    }

        .footer .footer-bottom p a {
            color: #ee257c;
            text-decoration: none;
        }

    .footer .footer-bottom .social-default {
        float: right;
    }


.footer_copyright {
    width: 100%;
    display: inline-block;
    padding: .5rem;
}

    .footer_copyright a {
        padding: .5rem;
        color: #fff;
        font-size: 1.8rem;
        display: inline-block;
        text-align: center;
    }


.ImpPersion {
    width: 100%;
    height: auto;
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* Copyright */
.copyright {
    background: #081c34;
    padding: 1.5rem 0;
    text-align: center;
    color: #fff;
}


.copy > p {
    font-size: 1.4rem;
    color: #fff;
    letter-spacing: .05rem;
}


/* mentor */
.impdiv {
    display: flex;
    justify-content: flex-start;
    margin-top: 3rem;
}

.div-facility {
    width: 100%;
    background: url(../Images/facility-bg.png);
    background-repeat: no-repeat;
    object-fit: contain;
    background-position: 100% 0, bottom;
    background-attachment: scroll;
}

.div-gallery {
    background-image: url(../Images/bg-mentor.png);
    min-height: 35rem;
    background-repeat: repeat;
    padding: 2rem 0 5rem;
}

.gallery-div-items {
    margin-top: 2rem;
}

    .gallery-div-items img {
        border: .1rem solid #1d3419;
        border-radius: .1rem;
    }



.gallery-img-div {
    width: 100%;
    overflow: hidden;
    height: 19rem;
    position: relative;
}

    .gallery-img-div p {
        position: absolute;
        bottom: -3rem;
        transition: .5s all ease-in-out;
        text-align: center;
        font-family: Open Sans, Sans-Serif;
        color: #fff;
    }

    .gallery-img-div:hover > p {
        bottom: -.2rem;
        left: .2rem;
        font-size: 1.5rem;
        letter-spacing: .05rem;
        background: #f4be2c;
        padding: .5rem 1rem .5rem 1rem;
    }

.carousel-box {
    position: relative;
    width: 3.8rem;
    margin: 1rem auto;
}

    .carousel-box > a > .fa {
        font-size: 2.5rem;
        font-weight: 600;
        background: #f4be2c;
        padding: .3rem 1rem;
        border-radius: .2rem;
    }

.carousel-control.right, .carousel-control.left {
    background: none !important;
}

.youtube-div {
    margin-top: 2rem;
}

    .youtube-div > iframe {
        width: 100%;
        border-radius: .1rem;
        height: 22rem;
    }



.p0 {
    padding: 0;
}

/* inner content */
.inner-content {
    margin: 0 0;
}

    .inner-content p {
        font-size: 1.5rem;
        line-height: 3rem;
        text-align: justify
    }

#lblheading1 {
    font-size: 2.4rem;
    font-weight: 700;
}

.bg-inner {
    margin-bottom: 2rem;
}

.navtab_div {
    background: #304225;
}

.MenuLinkbtn_Div > a > i {
    margin-right: .5rem;
}

.navtab_div > a {
    line-height: 3rem;
    text-align: justify;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: .1rem;
}


.modal-body {
    padding: 0;
}

.mentor-image {
    width: 62rem;
    height: auto;
    margin-right: 3rem;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
}

    .mentor-image > img {
        width: 100%;
        object-fit: contain;
    }

.ImpPersion img {
    width: 100%;
    height: auto;
}

.m_tb {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.p_tb {
    margin-bottom: 5rem;
    margin-top: 5rem;
}



/* header top start */
.header_top {
    background: linear-gradient(180deg, #dacea6, #ccc19b);
    /* padding-bottom: 5px; */
}

.float-start {
    float: left !important;
}

ul.header_icon {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.header_icon > li {
    width: 12.4rem;
    height: 4.5rem;
    padding-left: 2.6rem;
    margin: 1px .5rem;
    text-align: center;
    border-radius: 3rem;
    line-height: 4.5rem;
    display: flex;
    align-items: center;
    border: .1rem solid #fff;
}

.purple {
    background-image: linear-gradient(to right top, #2451a4, #4c4fb1, #7249b9, #973cbb, #bc21b6);
}

.header_icon > li > a {
    font-size: 2.5rem;
}

    .header_icon > li > a > img {
        width: 9rem;
        margin-top: 0rem;
        margin-left: -1.2rem;
    }

.blue {
    background-image: linear-gradient(to right top, #0054fd, #218dff, #1da0f7, #27a9e0, #01bbe9);
}

.darkyellow {
    background-image: linear-gradient(to right top, #e58900, #de9104, #e76f1a, #de630b, #d45800);
}

.d-flex {
    display: flex !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.py-1 {
    padding-top: .8rem !important;
    padding-bottom: .25rem !important;
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}

.header_address span {
    text-shadow: 0.1rem 0.1rem 0.1rem #8e8e8e;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;   
}

.text-white {
    color: #fff !important;
}

.social-icon {
    margin: 1rem;
}

.header_address img {
    width: 2.8rem;
}

.social-icon a {
    margin: 0rem .3rem;
}

.social-icon img {
    width: 3rem !important;
    transition: .5s all ease-in;
}

    .social-icon img:hover {
        transform: rotateX(360deg);
    }

.isa-div {
    width: 18rem;
    float: right;
    margin-top: 10px;
}


/* header top end */

/* welcome start */
.welcome-desc p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

#newsDetailes {
    background: #f1efef;
    border: 1px solid #0d325c;
    padding: 10px;
    word-break: break-word;
    box-shadow: 11px 13px 1px #f1efef;
}

    #newsDetailes > span {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 28px;
    }

    #newsDetailes b {
        color: #e7371b;
    }

    #newsDetailes .desc + p {
        MARGIN-TOP: 8PX;
        COLOR: #555;
        LETTER-SPACING: .5PX;
        LINE-HEIGHT: 28PX;
    }

    #newsDetailes .desc {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 19px;
    }


#lblLitralCounter span {
    padding: 0 4px;
    font-weight: 800;
    position: relative;
    color: #1e2544;
    margin: 0;
    font-size: 20px;
    letter-spacing: 0;
    text-shadow: 1px 1px 12px #fff;
}

#lblLitralCounter {
    padding: 8px 4px;
    cursor: pointer;
    margin: 6px 0;
    background: linear-gradient(180deg,transparent,#fff,transparent);
}

span.counter_bottom::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: linear-gradient(180deg,transparent,#000,transparent);
    height: 100%
}

span.counter_bottom:last-child::before {
    display: none;
}

.img-fit {
    position: fixed;
    bottom: 20px;
    right: 0;
    width: 130px;
}


.footer-item-follow .d-flex {
    justify-content: center;
    margin-bottom: 5px;
}

    .footer-item-follow .d-flex > li:first-child {
        margin-right: 30px;
    }

.news_div {
    position: fixed;
    right: -0.1rem;
    top: 50%;
    width: 3.5rem;
}

    .news_div img {
        width: 100%;
    }


/* contact us */

.contact_div {
    display: flex;
}

.map_iframe {
    width: calc(100% - 40%);
}

    .map_iframe > iframe {
        width: 100%;
    }

.contact_div_box {
    letter-spacing: .5px;
    background: #bf0000;
    width: calc(100% - 60%);
    padding: 20px 30px;
    transition: .5s all ease-in-out;
}

.contact_div_box_para span:first-child {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 25px;
    display: block;
    font-weight: 400;
}


.contact_div_box_para span:last-child {
    font-size: 16px;
    letter-spacing: 0.5px;
    display: block;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 30px;
}


.contact_div_box_mobile > strong {
    font-weight: 600 !important;
    font-size: 16px;
    display: block;
}

.contact_div_box_mobile, .contact_div_box_email {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .5px;
}

.contact_div_box a:hover {
    color: var(--sixColor) !important;
}

.contact_div_box_email {
    margin-top: 20px;
}

    .contact_div_box_email strong {
        display: block;
    }


#lblLitralCounter {
    font-weight: 800;
    position: relative;
    color: #1e2544;
    margin: 0;
    font-size: 20px;
    letter-spacing: 0;
    text-shadow: 1px 1px 12px #fff;
}

#slIDERmAIN img {
    width: 100%;
}

/*========= Student Enquiry ============*/
.studentE {
    bottom: 22%;
    z-index: 98;
    padding: 0 20px;
    position: fixed;
    right: 0;
    overflow: hidden;
}


    .studentE .rps_cnt {
        background: linear-gradient(69deg, #25b2c3, #0292a3);
        border: 1px solid #fff;
        border-radius: 30px;
        position: relative;
    }



        .studentE .rps_cnt span {
            color: #ffffff;
            display: block;
            font-weight: 500;
            font-size: 18px;
            padding: 8px 17px;
            border-radius: 10px;
            position: relative;
            overflow: hidden;
            z-index: 99;
        }
/* ===== Student End ========*/



#sch_form .form-group {
    margin: 3rem 0 !important;
}

.wrapper {
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 3px;
    z-index: 1;
}


.wrapper {
    top: auto !important;
    bottom: 30px !important;
}


.wrapper {
    top: auto !important;
    bottom: 40% !important;
}

.video-main {
    position: relative;
    display: inline-block;
}

.w-100 {
    width: 100% !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.video {
    height: 55px;
    width: 55px;
    line-height: 60px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #fff;
    display: inline-block;
    background: #ff2c4e;
    z-index: 999;
}

@media(min-width:1024px) and (max-width:1300px) {
    .wrapper {
        top: auto !important;
        bottom: 252px !important;
    }
}

.m-b30 {
    margin-bottom: 3rem;
}

.icon-bx-wraper.bx-style-1, .icon-bx-wraper.bx-style-2 {
    border-width: 0.1rem;
    border-style: solid;
    border-color: #ddd;
}

.icon-bx-wraper.center {
    text-align: center;
}

.icon-bx-wraper {
    position: relative;
}

.radius-sm {
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
}

.p-a20 {
    /* padding: 2rem; */
}

.icon-bx-xl.radius, .icon-bx-lg.radius, .icon-bx-md.radius, .icon-bx-sm.radius, .icon-bx-xs.radius {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.icon-bx-md {
    width: 100%;
    /* height: 10rem; */
    line-height: 10rem;
}

.icon-bx-xl, .icon-bx-lg, .icon-bx-md, .icon-bx-sm, .icon-bx-xs {
    display: inline-block;
    text-align: center;
}

    .icon-bx-md img {
        height: auto;
    }

    .icon-bx-xl img, .icon-bx-lg img, .icon-bx-md img, .icon-bx-sm img, .icon-bx-xs img {
        vertical-align: middle;
        max-width: 100%;
        width: auto;
    }

.icon-content {
    overflow: hidden;
}

.icon-bx-wraper .dez-tilte {
    margin-top: 0;
}

.dez-box, .dez-info, .dez-tilte, .dez-tilte-inner {
    position: relative;
}

.dez-tilte {
    font-size: 1.8rem;
    letter-spacing: .05rem;
    font-weight: 600;
}

.Admission {
    position: fixed;
    top: 70%;
    z-index: 9;
    LEFT: 26px;
    width: 7%;
}

@media (max-width:768px) {
    .Admission {
        position: fixed !important;
        top: 65% !important;
        z-index: 9 !important;
        LEFT: 26px !important;
        width: 55px !important;
    }
}

@media (max-width:768px) {


    .contactdetails {
        display: block !important;
    }
}


.position-fixedd {
    position: fixed;
    z-index: 99;
    top: 45%;
    left: 0px;
}

    .position-fixedd ul {
        left: 0;
        top: 40%;
    }

        .position-fixedd ul > li > a span {
            border-radius: 3px;
            line-height: 18px;
            left: -100%;
            margin-top: -12px;
            opacity: 0;
            padding: 4px 3px;
            position: absolute;
            transition: opacity 0.3s, left 0.4s;
            top: 50%;
            z-index: -1;
            width: 125px;
            pointer-events: none;
            font-weight: 600;
            font-size: 15px;
        }

    .position-fixedd a:hover span {
        left: 120%;
        opacity: 1;
        color: #fff;
        font-size: 12.5px;
        padding: 6px 8px;
        letter-spacing: 0.5px;
    }

.fix_1 span {
    background-color: #ffb703;
}

.fix_2 span {
    background-color: #4ec95c;
}

.fix_3 span {
    background-color: #e52c7f;
}

.fix_4 span {
    background-color: #515bd4;
}

.fix_5 span {
    background-color: #d62828;
}

.fix_6 span {
    background-color: #540d6e;
}

.fix_7 span {
    background-color: #540d6e;
}

.position-fixedd ul > li > a i {
    color: #fff;
    font-size: 24px;
}

li.fix_1 > a span::before {
    content: "";
    position: absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: -10px;
    top: 25%;
    width: 10px;
    background-color: #ffb703;
    height: 16px;
}

li.fix_2 > a span::before {
    content: "";
    position: absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: -10px;
    top: 25%;
    width: 10px;
    height: 16px;
    background-color: #4ec95c;
}

li.fix_3 > a span::before {
    content: "";
    position: absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: -10px;
    top: 25%;
    width: 10px;
    height: 16px;
    background-color: #e52c7f;
}

li.fix_4 > a span::before {
    content: "";
    position: absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: -10px;
    top: 25%;
    width: 10px;
    height: 16px;
    background-color: #515bd4;
}

li.fix_5 > a span::before {
    content: "";
    position: absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: -10px;
    top: 25%;
    width: 10px;
    height: 16px;
    background-color: #d62828;
}

li.fix_6 > a span::before {
    content: "";
    position: absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: -10px;
    top: 25%;
    width: 10px;
    height: 16px;
    background-color: #540d6e;
}

li.fix_7 > a span::before {
    content: "";
    position: absolute;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: -10px;
    top: 25%;
    width: 10px;
    height: 16px;
    background-color: #540d6e;
}

.img_div {
    transition: 0.5s all ease-in;
}

    .img_div:hover {
        border-radius: 5px;
    }

.position-fixedd ul > li {
    position: relative;
    list-style-type: none;
}

.fix_1 .img_div {
    background-color: #ffb703;
    padding: 8px 8px;
    /*    border-radius: 5px 5px 0 0;*/
}

.fix_2 .img_div {
    background-color: #4ec95c;
    padding: 8px 9px;
    border-radius: 0;
}

.fix_3 .img_div {
    background-color: #000000;
    padding: 8px 9px;
    border-radius: 0;
}

.fix_4 .img_div {
    background-color: #000000;
    padding: 8px 9px;
    border-radius: 0;
}

.fix_5 .img_div {
    background-color: #000000;
    padding: 8px 9px;
    border-radius: 0;
}

.fix_6 .img_div {
    background-color: #540d6e;
    padding: 8px 9px;
    /* border-radius: 0 0 5px 5px;*/
}

.fix_7 .img_div {
    background-color: #540d6e;
    padding: 8px 9px;
    /*    border-radius: 0 0 5px 5px;*/
}

.item-third img, .item-first img {
    filter: invert(1);
}

.item-third h2, .item-first h2 {
    color: black;
}

.item-first p, .item-third p {
    color: black;
}

.item-first a, .item-third a {
    color: black;
}
.fit-indiaa {
    width: 20rem;
    margin-top: 13px;
    left: 43px;
    position: relative;
    animation: zoom-animation 2s infinite;
}
@keyframes zoom-animation {
    0%, 100% {
        transform: scale(1); /* Normal size */
    }

    50% {
        transform: scale(1.2); /* Scaled up size */
    }
}

.fit-india img, .animateblk img {
    width: 130px;
}

.header_top a {
    color: white;
    font-size: 16px;
    margin-right: 10px;
    text-shadow: 0.1rem 0.1rem 0.1rem #8e8e8e;
    font-weight: 600;
}

.header_address {
    padding: 6px 0px;
}
.MainD, .animateblk, .fit-india {
    display: none !important;
}
@media only screen and (min-width:991px) {
    .MainD, .animateblk, .fit-india {
        display: block !important;
        margin-top: 11px;
    }

}