﻿.breadcrumbs_div {
    background: #1f3971;
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    top: -24px;
    left: 0;
}

.about-lectures {
    margin-right: 50px;
}

.nav_plus > i {
    color: #fff;
}

.breadcrumbs_div a {
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .5px;
    align-items: center;
}


#ltrlData {
    color: #4d4e4e;
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .5px;
    font-weight: 500;
    margin-right: 50px;
    margin-top: 40px;
}

.div_head > strong {
    color: #fad338;
    font-weight: 600 !important;
}


/* fixed icon start */
.position-fixed {
    z-index: 9;
    top: 45%;
}

    .position-fixed ul {
        top: 40%;
    }

        .position-fixed ul > li > a span {
            border-radius: 3px;
            line-height: 18px;
            left: -100%;
            margin-top: -12px;
            opacity: 0;
            padding: 4px 3px;
            position: absolute;
            transition: opacity .3s, left .4s;
            top: 50%;
            z-index: -1;
            width: 125px;
            pointer-events: none;
            font-weight: 600;
            font-size: 15px;
            white-space: nowrap;
        }



    .position-fixed a:hover span {
        left: 120%;
        opacity: 1;
        width: 140px;
        color: #fff;
        font-size: 12.5px;
        padding: 6px 8px;
        letter-spacing: .5px;
    }

.fix_1 span {
    background-color: #1f3971;
}

.fix_2 span {
    background-color: #088af1;
}

.fix_3 span {
    background-color: #25d366;
}

.fix_4 span {
    background-color: #00afb9;
}

.fix_5 span {
    background-color: #d62828;
}

.fix_6 span {
    background-color: #540d6e;
}

.position-fixed 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: #1f3971;
    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: #088af1;
}

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: #25d366;
}

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: #00afb9;
}

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;
}


.img_div {
    transition: .5s all ease-in;
}

    .img_div:hover {
        border-radius: 5px;
    }

.position-fixed ul > li {
    position: relative;
}


.fix_1 .img_div {
    background-color: #1f3971;
    padding: 2px 5px;
    border-radius: 0;
}

.fix_2 .img_div {
    background-color: #088af1;
    padding: 7px 6.4px;
    border-radius: 0;
}

.fix_3 .img_div {
    background-color: #25d366;
    padding: 2px 5px;
    border-radius: 0;
}

.fix_4 .img_div {
    background-color: #00afb9;
    padding: 2px 5px;
    border-radius: 0;
}

.fix_5 .img_div {
    background-color: #d62828;
    padding: 2px 5px;
    border-radius: 0;
}

.fix_6 .img_div {
    background-color: #540d6e;
    padding: 2px 5px;
    border-radius: 0;
}



/* fixed icon end */


@media(min-width:991px) and (max-width:3000px) {
    .toggle-menu {
        width: 50px;
        height: 50px;
        display: inline-block;
        position: relative;
        top: 3px;
        float: right;
        z-index: 1000;
        right: -71px;
    }

    /*.logo {
        position: absolute;
        width: 142px;
        top: -41px;
        z-index: 1;
    }*/
}


/* menu navbar 1  icon */

.toggle-menu i {
    position: absolute;
    display: block;
    height: 2px;
    background: #1c1212;
    width: 30px;
    left: 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .toggle-menu i:nth-child(1) {
        top: 16px;
    }

    .toggle-menu i:nth-child(2) {
        top: 24px;
    }

    .toggle-menu i:nth-child(3) {
        top: 32px;
    }

.toggle-menu.active i:nth-child(1) {
    top: 25px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.toggle-menu.active i:nth-child(2) {
    background: transparent;
}

.toggle-menu.active i:nth-child(3) {
    top: 25px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.open {
    right: 0px;
    transition: right linear .2s;
}

/* navbar close icon */
.navbar__box--icon {
    position: absolute;
    top: -5px;
    float: right;
    text-align: end;
    right: 0px;
}

#navbar__box1 {
    position: absolute;
    top: 70px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    right: 0px;
    width: 220px;
    z-index: 1;
    box-shadow: -4px 10px 15px #3333332e;
    background: white;
}


#navbar__box {
    margin-right: 10px;
}


#navbar__box1.open {
    visibility: visible;
    top: 95px;
    opacity: 1;
    z-index: 1;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#navbar__box1 li {
    padding: 5px 10px 5px 18px;
    border-bottom: 1px solid #01081842;
    font-size: 15px;
    letter-spacing: .5px;
    transform: var(--ts-5);
}

    #navbar__box1 li a {
        color: black;
    }


    #navbar__box1 li:hover ul.sub-menu {
        left: -190px;
        opacity: 1;
        visibility: visible;
        top: 0;
        padding: 0;
        transform: scaleY(1);
    }

.slick-arrow {
    display: none !important;
}

.img_size {
    width: 100px !important;
    height: 100px !important;
}


.footer_logo {
    height: 150px;
}

.text_social {
    text-align: center;
    padding: 5px;
    background-color: #153776;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}

    .text_social > h4 {
        color: white;
        font-weight: 600;
        /* padding-top: 10px; */
        background: #295BC7;
        width: 216px;
        padding: 17px 0px;
        margin: -30px auto 0px auto
    }

.footer_icon {
    padding: 5px;
}


.text_social h4 {
    position: relative;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #295BC7;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
}

    .text_social h4::before,
    .text_social h4::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
    }

    .text_social h4::before {
        left: 0px;
        top: -52%;
        transform: translateY(-50%);
        border-top: 28px solid transparent;
        border-bottom: 29px solid transparent;
        border-right: 28px solid #FABF10;
        rotate: 180deg;
    }

    .text_social h4::after {
        right: 0px;
        top: 52%;
        transform: translateY(-50%);
        border-top: 28px solid transparent;
        border-bottom: 29px solid transparent;
        border-right: 28px solid #FABF10;
    }


.box {
    position: relative;
    margin-bottom: 40px;
}

.image {
     opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    object-fit: cover;
    border: 3px solid #8093bd;
    border-top-right-radius: 37px;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.box:hover .image {
    opacity: 0.3;
}

.box:hover .middle {
    opacity: 1;
}

.text {
    background-color: #1F3971;
    color: white;
    font-size: 14px;
    margin-top: 7px;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 50px;
    transition: .3s all ease-in-out;
}

    .text:hover {
        background: #F44336;
    }

.updates_div {
    background-color: white;
    /*min-height: 380px;*/
    /*border: 1px solid #1f3971;*/
    box-shadow: rgb(0 0 0 / 11%) 0px 5px 15px;
    border-radius: 11px;g
}

.table_newsmargin p {
    color: #20242c;
    font-size: 16px;
    letter-spacing: .5px;
    font-weight: 500;
}

.div_marque {
    height: 330px;
    background-color: #153776;
    box-shadow: rgb(0 0 0 / 11%) 0px 5px 15px;
    border-bottom-left-radius:11px;
    border-bottom-right-radius:11px;
}

.div_newsimg {
    object-fit: contain !important;
    width: 20px !important;
}

.about-area {
    padding: 30px 0px;
}

.text_marque {
    width: 30px !important;
}

.div_batch {
    padding: 0px 20px;
}

    .div_batch > p {
        border-bottom: 1px solid #d8d9d9;
        padding: 10px;
        background: WHITE;
        color: #142548;
        font-weight: 500;
        letter-spacing: .5px;
        font-size: 16px;
        cursor: pointer;
    }


.MenuLinkbtn_Div > a {
    border: 1px solid #1f3971;
    color: #0d1c3c;
    font-weight: 500;
    font-size: 15px;
    padding: 5px 15px;
    line-height: 30px;
    display: block;
    margin: 0 10px 10px;
    position: relative;
    z-index: 0;
}


    .MenuLinkbtn_Div > a::before {
        content: '';
        position: absolute;
        top: 0;
        z-index: -1;
        left: 0;
        width: 0;
        height: 100%;
        background: #ffc107;
        transition: .3s all ease-in-out;
    }

    .MenuLinkbtn_Div > a:hover::before {
        width: 100%;
    }


.header_fnt_size {
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    letter-spacing: .5px;
    display: flex;
    align-items: center;
}

.txtJustify > p {
    text-align: justify;
}

.slider_icon {
    visibility: visible !important;
}

.feed_form {
    margin-top: 20px;
}

.feed_form_margin {
    margin-bottom: 20px;
}


.feedback img {
    display: inline-block;
    width: 80px;
    height: auto;
    position: fixed;
    top: auto;
    z-index: 99;
    bottom: 26%;
    left: auto;
    right: 0;
}

.div_content > a:hover {
    color: #FFAE27 !important;
}

.div_head > a:hover {
    color: white !important;
}




/* media query start */

    @media only screen and (max-width: 991px) {
        .mob_menu > p {
            position: relative;
            top: 9px;
            font-size: 20px;
            color: #1f3971;
        }

        .menu_toggle {
            height: 45px;
        }

        .navbar__box .sub-menu {
            display: none;
            background: white;
        }

        .navbar__box {
            display: none;
        }

        span.nav_plus {
            POSITION: ABSOLUTE;
            RIGHT: 0;
            TOP: 0;
        }

        li.current {
            POSITION: relative;
            font-size: 16px;
            line-height: 40px;
        }

        span.nav_plus i.fa.fa-plus {
            COLOR: #FFF;
        }

        span.nav_plus i.fa.fa-minus {
            COLOR: #FFF;
        }

        .toggle-menu {
            float: right;
            position: relative;
            top: -48px;
            margin-right: 25px;
        }

            .toggle-menu i {
                position: absolute;
                display: block;
                height: 2px;
                background: white;
                width: 30px;
                left: 0px;
                -webkit-transition: all .3s;
                transition: all .3s;
            }
    }

    .footer-list {
    font-size: 16px;
}

.single-footer-widget span {
    font-size: 16px;
    color: white;
    letter-spacing: .5px;
    line-height: 30px;
}

.footer-area span {
    font-size: 15px;
    letter-spacing: .5px;
}

.footer-area a {
    font-weight: 600;
    letter-spacing: .5px;
    color: #FFC107 !important;
}

.footer_head {
    font-weight: 600;
    color: white;
    font-size: 20px;
}

.footer_icon {
    display: none;
    font-size: 14px;
    color: gold;
}


.downloadicons img {
    width: 45%;
    box-shadow: rgb(255 255 255 / 35%) 1px 4px 7px 15px;
}

.downloaddivicons {
    display: flex;
    justify-content: center;
}

.downloadicons {
    text-align: center;
    padding: 3px;
}

.downloaddivicons input {
    border: none;
    width: 30%;
    margin: auto 10px;
}


.header-logo-menu {
    padding: 12px;
}
/*button css*/


/*buton csss*/


.mini-title {
    --tw-text-opacity: 1;
    color: #1f3971;
    font-size: 1.125rem;
    /* font-weight: 600; */
    line-height: 1.75rem;
    margin-bottom: .25rem;
    text-transform: uppercase;
    font-weight: 900;
}

@media (min-width: 1024px) {
    .column-title {
        font-size: 44px;
        line-height: 61.6px;
    }
}

.column-title {
    --tw-text-opacity: 1;
    color: #1f3971;
    font-size: 28px;
    font-weight: 700;
    /*line-height: 2.25rem;*/
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.shape-bg {
    --tw-text-opacity: 1;
    background-image: url(https://bestwpware.com/react-templates/edumim/static/media/line-shape.5ab619cc708231a39fcf.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #b99400;
    display: inline-block;
    padding-bottom: .5rem;
}

.box1 {
    padding: 22px;
    background: #1f3971;
    border-radius: 9px;
    margin: 21px 0px;
    box-shadow: rgb(0 0 0 / 36%) 0px 5px 15px;
}

    .box1 h3 {
        color: wheat;
        margin: 16px 0px;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .box1 i {
        font-size: 47px;
        background: white;
        padding: 14px 19px;
        /* margin: auto; */
        border-radius: 50%;
        border: 1px solid;
        height: 77px;
    }

    .box1 ul li {
        color: white;
        list-style: circle;
    }

    .box1 ul {
        margin: auto;
        padding: 0px 11px;
    }

.apply, .about-area, .event-area {
    /*background-image: url('../../images/bg3.png');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 3% 0% 3% 0%;
    margin: 0px 0px;
}

    .apply .headings i {
        text-align: center;
        color: #6d6b6b;
        margin: 2% 0%;
        font-size: 52px;
    }

    .apply input {
        border: none;
    }

    .apply .appltbtn {
        display: flex;
    }

        .apply .appltbtn i {
            margin: auto;
        }

.whyCL {
    background-image: url('../../images/bg3.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 5% 0%;
    /*margin: 50px 0px;*/
}

    .whyCL .facil {
        text-align: center;
    }

        .whyCL .facil i {
            font-size: 34px;
            background: white;
            padding: 11px;
            border-radius: 50%;
            border: 1px solid;
        }

        .whyCL .facil h4 {
            margin: 26px 0px;
            font-weight: bold;
        }


    .whyCL .column-title {
        margin-bottom: 50px;
    }

.BRANCHES .single-item span {
    background: #2d3e50;
    color: white;
    padding: 8px 20px 10px 20px;
    border-radius: 3px;
    margin-top: 21px;
}



