/*----global css-----*/
html {
    font-size: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    /* list-style: none; */
    /* list-style-type: none; */
    /* text-decoration: none; */
}

::-webkit-scrollbar {
    width: 5px;
  }
  
::-webkit-scrollbar-thumb {
  background: #eaeaea;
  border-radius: 10px;
}

body {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    overflow-x: hidden;
    background: #fff;
    font-family: 'Poppins', sans-serif;
}

button {
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

ul {
    margin: 0;
    padding: 0;
}

a {
    transition: all 0.35s ease-in-out;
    text-decoration: none;
    outline: none;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.hidden {
    display: none !important;
}

/*----end global css------*/



#scrollUp {
    background-color: #1a3a54;
    bottom: 40px;
    right: 20px;
    color: #ffffff;
    display: none;
    width: 35px;
    height: 35px;
    font-size: 25px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    z-index: 100;
    border-radius: 5px;
    animation: fadeInUp 1s both;
}

    #scrollUp i {
        line-height: 35px;
    }




/* -------------------------- topbar css -------------------------- */
.topbar {
    background-color: #ad211f;
    padding: 5px 0;
    position: relative;
}

.topbar_left .social_link {
    text-align: right;
}

    .topbar_left .social_link li {
        display: inline-block;
        text-align: center;
        margin: 0 8px;
        height: 26px;
    }

        .topbar_left .social_link li i {
            line-height: 25px;
            color: #fff;
        }

.topbar_right .contact_dtl {
    text-align: right;
}

    .topbar_right .contact_dtl li {
        display: inline-block;
        margin: 0 10px;
        color: #fff;
    }

        .topbar_right .contact_dtl li i {
            padding-right: 5px;
        }

        .topbar_right .contact_dtl li a {
            color: #fff;
        }

        .topbar_right .contact_dtl li:hover a {
            color: #f18915;
        }

@media (max-width:767px) {
    .topbar_right .contact_dtl li {
        padding: 2px 0;
    }
}

@media (max-width:991px) {
    .topbar_right {
        display: none;
    }
}




/* -------------------------- silder css -------------------------- */
#silder_carousel .carousel-item img {
    animation: thing 20s;
}

@keyframes thing {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.2, 1.2);
    }
}



.section_main {
    padding: 50px 0;
}

.section_head {
    text-align: center;
    font-family: 'Acme', sans-serif;
    color: #ad211f;
    position: relative;
}

    .section_head::after {
        position: absolute;
        content: "";
        width: 100px;
        height: 2px;
        background-color: #ad211f;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: 0;
        z-index: 0;
    }

    .section_head h2 {
        display: inline-block;
        z-index: 2;
        padding: 0 10px;
        text-transform: uppercase;
        position: relative;
        font-weight: 700;
    }

.section_body {
    margin-top: 40px;
}

.section_footer {
    text-align: center;
}

    .section_footer a {
        color: #ad211f;
        background-color: rgb(240, 240, 240, 0.5);
        padding: 8px 30px;
        border-radius: 40px;
        font-weight: 600;
    }






/* -------------------------- About css -------------------------- */
/*.about_body .row {
    align-items: center;
}*/

.about_img {
    margin: 20px 0 40px;
    padding: 0 80px;
    position: relative;
    /*max-width: 80%;*/
}

    .about_img::after {
        position: absolute;
        content: "";
        width: 80px;
        height: 80px;
        background-color: #f5f5f5;
        border-radius: 50%;
        top: -20px;
        right: 120px;
        z-index: -1;
        border: 2px dotted #ad211f;
        box-shadow: 0 0 56px #f18915;
        animation: about 25s linear infinite;
    }

.about_info {
    padding: 0 10px;
    vertical-align: top;
}

    .about_info p {
        font-size: 20px;
        font-weight: 800;
    }

    .about_info ul li {
        list-style: pointer !important;
        margin-left: 20px;
        padding: 4px 0;
        font-size: 15px;
    }

        .about_info ul li::marker {
            font-family: "FontAwesome";
            color: #ad211f;
        }

@keyframes about {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@counter-style pointer {
    system: cyclic;
    symbols: \f046;
    suffix: " ";
}



/* -------------------------- feature css -------------------------- */
.feature_main {
    background: #fafafa;
}

    .feature_main .feature_head h2 {
        background-color: #fafafa;
    }

.feature_item {
    box-shadow: 0 0 5px #ddd;
    padding: 20px;
    margin: 0 0 25px;
    transition: .3s;
}

    .feature_item:hover {
        background-color: #ad211f;
    }

    .feature_item .f_icon {
        position: relative;
        font-size: 45px;
        display: inline-block;
        color: #1a3a54;
    }

        .feature_item .f_icon::after {
            position: absolute;
            content: "";
            width: 80px;
            height: 80px;
            left: 0;
            border-radius: 50%;
            border: 2px dashed #ad211f;
            animation: f_after 20s linear infinite;
        }

@keyframes f_after {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.feature_item .f_icon::before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    left: -5px;
    top: -5px;
    border-radius: 50%;
    border: 2px dashed #ad211f;
    animation: f_before 20s linear infinite;
}

@keyframes f_before {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.feature_item:hover .f_icon::before,
.feature_item:hover .f_icon::after {
    border-color: #ddd;
}

.feature_item .f_icon i {
    /*line-height: 80px;*/
    padding: 15px;
}

.feature_item .f_info {
    margin-top: 25px;
}

    .feature_item .f_info h5 {
        color: #1a3a54;
        font-weight: 600;
        font-size: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-top: 4px;
    }

@media (min-width:768px) and (max-width:991px) {
    .feature_item .f_info h5 {
        font-size: 18px;
    }
}

.feature_item .f_info p {
    font-weight: 500;
    height: 70px;
    overflow-y: auto;
}

.feature_item:hover .f_icon,
.feature_item:hover .f_info,
.feature_item:hover .f_info h5 {
    color: #f5f5f5;
}
/* width */
.feature_body ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(241, 137, 21, 0.5);
    border-radius: 10px;
}




/* -------------------------- achievement css -------------------------- */
.achieve_item {
    border-bottom: 5px solid #1a3a54;
    box-shadow: 0 0 5px #1a3a54;
    margin: 0 10px;
}

    .achieve_item .a_img {
        overflow: hidden;
    }

        .achieve_item .a_img img {
            height: 260px;
            width: 100%;
            object-fit: fill;
            filter: grayscale(0);
            transition: all .5s ease;
        }

    .achieve_item:hover .a_img img {
        filter: grayscale(0.5);
        transform: scale(1.08);
        transition: all .5s ease;
    }

    .achieve_item .a_info {
        padding: 5px 20px;
    }

        .achieve_item .a_info h5 {
            color: #1a3a54;
            font-weight: 700;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-top: 6px;
            margin: 0;
        }

        .achieve_item .a_info .achieve-desc {
            height: 72px;
            line-height: 1.2;
            overflow: hidden;
            margin: 8px 0 6px;
        }

        .achieve_item .a_info a {
            display: block;
            color: #ad211f;
            font-weight: 500;
            padding: 10px 0;
            border-radius: 100px;
            transition: .3s;
        }
        .achieve_item .a_info a:hover{
            text-decoration: underline;
        }

.achieve_main .owl-dots {
    display: none;
}

.achieve_main .owl-nav .owl-prev,
.achieve_main .owl-nav .owl-next {
    position: absolute;
    width: 35px;
    height: 35px;
    bottom: -20px;
    background: #1a3a54 !important;
}

.achieve_main .owl-nav .owl-prev {
    right: 60px;
}

.achieve_main .owl-nav .owl-next {
    right: 30px;
}

    .achieve_main .owl-nav .owl-prev span,
    .achieve_main .owl-nav .owl-next span {
        font-size: 25px;
        color: #f5f5f5;
    }


.achieve_main .achieve_footer {
    margin-top: 34px;
}

    .achieve_main .achieve_footer a {
        color: #fff;
        background-color: #ad211f;
    }

/* -------------------------- gallery css -------------------------- */
.gallery_main {
    margin-top: 30px;
    background-image: url(../images/bg1.jpg);
    background-position: center;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.7);
    background-repeat: no-repeat;
    background-size: cover;
}

    .gallery_main .gallery_head h2 {
        color: #fafafa;
    }

    .gallery_main .gallery_body {
        margin-bottom: 50px;
    }

.gallery_item {
    margin: 0 10px;
    border-radius: 20px 0;
    overflow: hidden;
    border: 4px double #ad211f;
    position: relative;
    background: #fafafa;
}

    .gallery_item .g_img img {
        width: 100%;
        height: 200px;
        object-fit: fill;
        object-position: top;
    }

    .gallery_item .g_img h5 {
        text-align: center;
        margin: 0;
        color: #1a3a54;
        font-weight: 700;
        padding: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gallery_item .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: -100%;
        right: 0;
        background-color: rgba(241, 137, 21,0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1a3a54;
        font-size: 30px;
        transition: all .3s ease;
    }

    .gallery_item:hover .overlay {
        top: 0;
        transition: all .3s ease;
    }

.gallery_main .owl-nav {
    display: none;
}

.gallery_main .owl-dots {
    margin: 20px 0;
}

    .gallery_main .owl-dots .owl-dot.active span,
    .gallery_main .owl-dots .owl-dot:hover span {
        background: #f18915;
    }




/* -------------------------- Dignitaries css -------------------------- */
.dignitaries_head a {
    color: #ad211f;
}

.digni_item {
    display: flex;
    margin: 0 10px;
}

    .digni_item .digni_img {
        flex: 25%;
        margin: 0 15px;
    }

        .digni_item .digni_img img {
            width: 120px;
            height: 120px;
            object-fit: fill;
            border-radius: 50%;
            border: 2px solid #1a3a54;
            transition: all .2s ease-in-out;
            position: relative;
            object-position: top;
        }

    .digni_item:hover .digni_img img {
        transform: scale(0.9);
        transition: all .2s ease-in-out;
        border: 5px solid #1a3a54;
    }

    .digni_item .digni_info {
        flex: 75%;
        padding: 25px 30px 25px 60px;
        border-radius: 0 20px;
        border: 1px solid #ddd;
        box-shadow: 0 0 10px #ddd;
        position: relative;
        transition: all .5s ease-in-out;
    }

    .digni_item:hover .digni_info {
        background-color: #1a3a54;
        color: #f0f0f0;
        transition: all .5s ease-in-out;
    }

    .digni_item .digni_info::after {
        position: absolute;
        content: "\f10d";
        font-family: "FontAwesome";
        top: 20px;
        left: 14px;
        font-size: 35px;
        color: #ddd;
    }

    .digni_item .digni_info .d_name {
        color: #1a3a54;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .digni_item:hover .digni_info .d_name {
        color: #f18915;
    }

    .digni_item .digni_info .d_post {
        font-size: 13px;
        font-style: oblique;
        font-weight: 500;
    }

    .digni_item .digni_info .d_desc {
        height: 120px;
        font-size: 20px;
        line-height: 1;
        margin: 0;
    }

.dignitaries_main .owl-dots,
.dignitaries_main .owl-nav {
    display: none;
}

@media (max-width:767px) {
    .digni_item {
        display: block;
    }

        .digni_item .digni_img img {
            margin: auto;
        }
}




/* -------------------------- Mobile App css -------------------------- */
.app_main {
    background-image: url(../images/pattern_2.png);
    background-blend-mode: overlay;
    background-color: rgba(250, 250, 250, 0.9);
}

.app_body {
    margin-top: 15px;
}

    .app_body .app_desc {
        padding: 0 50px;
        font-size: 16px;
    }

.app_dtl {
    margin-top: 30px;
    flex-direction: row;
}

    .app_dtl .app_left_feature li {
        position: relative;
        padding-right: 80px;
        text-align: right;
        margin: 50px 0;
    }

        .app_dtl .app_left_feature li img {
            position: absolute;
            width: 50px;
            right: 0;
        }

        .app_dtl .app_left_feature li h4 {
            text-transform: uppercase;
            font-weight: 600;
        }

    .app_dtl .app_center {
        height: 520px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        .app_dtl .app_center img {
            height: 100%;
        }

        .app_dtl .app_center .app_front {
            z-index: 2;
        }

        .app_dtl .app_center .app_back {
            z-index: 1;
            position: absolute;
            top: 0;
            padding: 20px 0;
        }

    .app_dtl .app_right_feature li {
        position: relative;
        padding-left: 80px;
        text-align: left;
        margin: 50px 0;
    }

        .app_dtl .app_right_feature li img {
            position: absolute;
            width: 50px;
            left: 0;
        }

        .app_dtl .app_right_feature li h4 {
            text-transform: uppercase;
            font-weight: 600;
        }

@media (max-width:767px) {
    .app_body .app_desc {
        padding: 0 10px;
    }
}

@media (max-width:991px) {
    .app_dtl :nth-child(1) {
        order: 2;
    }

    .app_dtl :nth-child(3) {
        order: 3;
    }

    .app_dtl .app_left_feature li {
        padding-left: 80px;
        padding-right: 0;
        text-align: left;
        margin: 50px 0 0;
    }

    .app_dtl .app_right_feature li {
        margin: 50px 0 0;
    }

    .app_dtl .app_left_feature li img {
        position: absolute;
        width: 50px;
        left: 0;
    }
}






/* -------------------------- school infrastructure css -------------------------- */
.infra_item {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .infra_item .i_img img {
        width: 100%;
        height: 250px;
    }

    .infra_item .i_overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 195px;
        left: 0;
        text-align: center;
        background: rgba(0, 0, 0,0.6);
        color: #fff;
        transition: all .5s ease;
    }

        .infra_item .i_overlay h5 {
            padding: 15px;
            text-transform: uppercase;
            color: #f18915;
            font-weight: 700;
            margin: 0;
            background: rgba(0, 0, 0,0.5);
        }

        .infra_item .i_overlay p {
            height: 180px;
            overflow-y: auto;
            padding: 0 10px;
            margin: 0 5px;
        }

        .infra_item .i_overlay p::-webkit-scrollbar {
            width: 4px;
          }
        
        .infra_item .i_overlay p::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px grey; 
            border-radius: 10px;
        }
        .infra_item .i_overlay p::-webkit-scrollbar-thumb {
            background: #ad211f; 
            border-radius: 10px;
          }

    .infra_item:hover .i_overlay {
        top: 0;
        transition: all .5s ease;
    }

        .infra_item:hover .i_overlay h5 {
            background: transparent;
        }

@media (max-width:991px) {
    .infra_item {
        margin-bottom: 20px;
    }
}



/* -------------------------- Counter css -------------------------- */
.counter_main {
    background-image: url(../images/counter_bg.jpg);
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.7);
    color: #ad211f;
}

.counter_body {
    margin-top: 0;
}

.counter {
    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 220px;
    height: 220px;
}

    .counter::after {
        position: absolute;
        content: "";
        border-radius: 50%;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px dashed #ad211f;
        animation: about 25s linear infinite;
        opacity: 0;
    }

    .counter:hover::after {
        opacity: 1;
    }

    .counter .counter_icon {
        font-size: 50px;
        margin-bottom: 15px;
    }

    .counter h4 {
        font-size: 22px;
        color: #222;
        margin: 0;
    }

    .counter .counter_value {
        font-size: 35px;
        font-weight: 700;
        color: #222;
    }





/* -------------------------- student css -------------------------- */

.student_info {
    border: 4px solid #1a3a54;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
}

.stud_title {
    background-color: #1a3a54;
    color: #fff;
    padding: 25px 0;
}

    .stud_title h2 {
        color: #f18915;
        text-decoration: underline;
        margin: 0;
    }

.stud_body {
    padding: 0;
    overflow: hidden;
    height: 300px;
    background-color: #1a3a54;
}

    .stud_body .stud_scroll_data {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-evenly;
        animation: move 15s linear infinite alternate;
    }

@keyframes move {
    to {
        transform: translateY(var(--direction, -50%))
    }
}

.stud_body .stud_scroll_data li {
    overflow: hidden;
    border: 2px solid transparent;
}

    .stud_body .stud_scroll_data li img {
        height: 100px;
        width: 104px;
        border-radius: 50%;
        border: 2px dotted #ad211f;
        margin-bottom: 8px;
    }

.stud_body .stud_scroll_data:hover img {
    opacity: 0.5
}

.stud_body .stud_scroll_data li img:hover {
    opacity: 1
}







/* -------------------------- testimonial css -------------------------- */

.testi_item {
    margin: 0 20px 40px;
}

    .testi_item .testi_info {
        padding: 35px 22px 35px 50px;
        margin-bottom: 35px;
        background: #fff;
        border: 1px solid #f0f0f0;
        position: relative;
    }

        .testi_item .testi_info:after {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #fff;
            position: absolute;
            bottom: -10px;
            left: 22px;
            transform: rotate(45deg);
            border-right: 1px solid #f0f0f0;
            border-bottom: 1px solid #f0f0f0;
        }

.testi_info .t_icon {
    width: 50px;
    height: 45px;
    background: #f18915;
    text-align: center;
    font-size: 22px;
    color: #1a3a54;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}

    .testi_info .t_icon:before {
        content: "";
        border-bottom: 16px solid #d4770d;
        border-left: 18px solid transparent;
        position: absolute;
        top: -16px;
        left: 1px;
    }

    .testi_info .t_icon i {
        line-height: 45px;
    }

.testi_item .t_img {
    display: inline-block !important;
    height: 80px;
    width: 80px !important;
    object-fit: fill;
    border-radius: 50%;
}

.testi_item .t_desc {
    font-size: 15px;
    font-style: italic;
    color: #222;
    line-height: 23px;
    margin: 0;
    height: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.testi_item .t_title {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #ad211f;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-left: 20px;
}

.testi_item .t_post {
    display: block;
    font-size: 14px;
    color: #1a3a54;
    font-weight: 500;
    margin-top: 5px;
}

.testimonial_main .owl-nav {
    display: none;
}

.testimonial_main .owl-dots .owl-dot span {
    width: 20px;
    height: 3px;
    background-color: #1a3a54;
}






/* -------------------------- campus video css -------------------------- */
.campus_main {
    background-image: url(../images/8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.6);
}

    .campus_main .campus_head h2 {
        color: #f0f0f0;
    }

.campus_body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0 150px;
}

    .campus_body a.video-play-button {
        position: inherit;
        left: 50%;
        right: auto;
        display: inline-block;
        margin-left: 40px;
        margin-top: 70px;
        margin-bottom: -25px;
    }

    .campus_body .video-play-button {
        color: #ad211f;
        font-size: 30px;
        padding-left: 7px;
        text-decoration: none;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 1;
    }

        .campus_body .video-play-button:before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 80px;
            height: 80px;
            background: #fff repeat scroll 0 0;
            border-radius: 50%;
            animation: pulse-border 1500ms ease-out infinite;
        }

        .campus_body .video-play-button:after {
            content: "";
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 80px;
            height: 80px;
            background: #fff repeat scroll 0 0;
            border-radius: 50%;
            transition: all 200ms;
        }

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.campus_body .video-play-button i {
    display: block;
    position: relative;
    z-index: 3;
    color: #ad211f;
}

.campus_body .modal-content {
    border-radius: 12px;
    overflow: hidden;
}

.campus_body .video_dialog_box .video_header {
    background-color: #1a3a54;
    color: #fff;
}

.campus_body .video_dialog_box .close {
    color: #fff;
    font-size: 20px;
}

.campus_body .video_box {
    height: 470px;
}

@media (min-width: 576px) {
    .campus_body .modal-dialog {
        max-width: 850px;
        margin: 1.75rem auto;
    }
}




/* -------------------------- news and events css -------------------------- */
.news_item {
    box-shadow: 0 0 8px #ddd;
}

    .news_item .n_img {
        position: relative;
        overflow: hidden;
    }

        .news_item .n_img img {
            width: 100%;
            height: 260px;
            object-fit: fill;
            transition: all .4s ease;
        }

    .news_item:hover .n_img img {
        transform: scale(1.1);
        transition: all .4s ease;
    }

    .news_item .n_img .date {
        position: absolute;
        right: 10px;
        top: 10px;
        background-color: #1a3a54;
        color: #f0f0f0;
        padding: 5px 10px;
        text-align: center;
    }

        .news_item .n_img .date span {
            display: block;
            font-size: 20px;
            border-bottom: 1px solid #f0f0f0;
        }

    .news_item .n_info {
        padding: 20px;
    }

    .news_item:hover .n_info {
        background-color: #eee;
    }

    .news_item .n_info .n_title {
        color: #ad211f;
        font-weight: 500;
        /*margin-bottom: 15px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;*/
    }

    .news_item .n_info .n_dtl {
        height: 90px;
        /*padding-bottom: 15px;*/
        border-bottom: 1px solid #ccc;
    }

        .news_item .n_info .n_dtl p {
            margin: 0;
        }

    .news_item .n_info .n_more {
        color: #1a3a54;
        font-weight: 600;
    }

        .news_item .n_info .n_more:hover {
            margin-left: 10px;
        }

@media (max-width:991px) {
    .news_item {
        margin-bottom: 30px;
    }
}

/* -------------------------- marquee css -------------------------- */
marquee {
    position: fixed;
    bottom: 0;
    background-color: #f18915;
    padding: 5px 0;
    z-index: 1000;
    width: 100%;
    color: #1a3a54;
    font-weight: 600;
}

    marquee a {
        color: #1a3a54;
    }

.flashMenu {
    animation-name: flashMenu;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flashMenu {
    0% {
        color: red;
    }

    50% {
        color: yellow;
    }

    100% {
        color: white;
    }
}


/* -------------------------- footer css -------------------------- */
.footer {
    background-image: url(../images/footer-bg-black.jpg);
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-size: cover;
    background-color: #1a3a54;
    padding: 60px 0 0;
    color: #f0f0f0;
}

    .footer h5 {
        color: #f18915;
        margin-bottom: 25px;
        position: relative;
    }

        .footer h5::before {
            position: absolute;
            content: "";
            width: 80px;
            height: 3px;
            bottom: -10px;
            left: 0;
            border-bottom: 3px dashed #ddd;
            z-index: 2;
        }

        .footer h5::after {
            position: absolute;
            content: "";
            width: 80px;
            height: 3px;
            bottom: -10px;
            left: 0;
            background-color: #ad211f;
            z-index: 1;
        }

    .footer .footer_contact {
        padding-right: 40px;
    }

        .footer .footer_contact li {
            display: flex;
            align-items: baseline;
            border-bottom: 1px solid #222;
            padding: 8px 0;
        }

            .footer .footer_contact li i {
                padding-right: 10px;
                font-size: 20px;
            }

            .footer .footer_contact li p {
                margin: 0;
            }

            .footer .footer_contact li a {
                color: #f0f0f0;
            }

            .footer .footer_contact li:hover p {
                color: #f18915;
            }

.footer_center {
    box-sizing: border-box;
    border-left: 1px solid #222;
    border-right: 1px solid #222;
}

.footer .footer_logo img {
    width: 150px;
    height: 150px;
    margin: auto;
}

.footer .footer_logo a {
    color: #f0f0f0;
}

.footer .footer_social {
    text-align: center;
    margin: 20px 0;
}

    .footer .footer_social li {
        display: inline-block;
        width: 35px;
        height: 35px;
        border: 1px solid #ad211f;
        background: #ad211f;
        border-radius: 50%;
        margin: 0 5px;
        font-size: 16px;
        transition: all .3s ease;
    }

        .footer .footer_social li i {
            line-height: 35px;
            color: #f0f0f0;
        }

        .footer .footer_social li:hover {
            background: transparent;
            border-radius: 0;
            transition: all .3s ease;
        }




.footer .footer_links {
    text-align: right;
    padding-left: 40px;
}

    .footer .footer_links h5::before,
    .footer .footer_links h5::after {
        left: auto;
        right: 0;
    }

    .footer .footer_links li {
        padding: 5px 0;
        border-bottom: 1px solid #222;
    }

        .footer .footer_links li a {
            color: #f0f0f0;
        }

        .footer .footer_links li:hover a {
            color: #f18915;
        }


.copyright_block {
    margin-top: 30px;
    padding: 20px 0 40px;
    background-color: #0c172c;
    font-weight: 100;
}

    .copyright_block a,
    .copyright_block b {
        color: #f18915;
        font-weight: 500;
    }


@media (max-width:991px) {
    .footer .footer_contact,
    .footer .footer_links {
        padding: 0;
    }
}

@media (max-width:767px) {
    .footer .row :nth-child(1) {
        order: 2;
    }

    .footer .row :nth-child(3) {
        order: 3;
    }

    .footer .footer_contact li {
        flex-direction: row-reverse;
        display: inline-flex;
    }

    .footer .footer_contact,
    .footer .footer_links {
        margin-top: 20px;
        text-align: left;
    }

        .footer .footer_links h5::before,
        .footer .footer_links h5::after {
            left: 0;
            right: auto;
        }

        .footer .footer_contact li,
        .footer .footer_center,
        .footer .footer_links li {
            border: none;
        }

    .copyright_block {
        margin-top: 20px;
    }
}





/*head image in all page*/
.head_image {
    background-image: url(../images/innerBanner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.6);
}

    .head_image h2 {
        padding: 70px 0 0;
        text-align: center;
        color: #fff;
        font-weight: 600;
    }

    .head_image .breadcrumb {
        justify-content: center;
        align-items: baseline;
        padding-bottom: 20px;
    }

        .head_image .breadcrumb li {
            display: inline-block;
            text-align: center;
            color: #f0f0f0;
            padding: 5px;
        }

            .head_image .breadcrumb li a {
                color: #f18915;
                font-weight: 700;
            }


/* =============================================
            About Page
============================================== */
.about_msg_section h2 {
    padding-bottom: 20px;
    font-weight: 700;
    color: #ad211f;
}

.about_msg_info {
    line-height: 1.8;
    font-size: 16px;
}

    .about_msg_info ul {
        margin-left: 25px;
    }

        .about_msg_info ul li {
            list-style: none;
            position: relative;
            padding: 3px 0 2px 25px;
        }

            .about_msg_info ul li::before {
                content: '*';
                position: absolute;
                font-weight: 700;
                top: 6px;
                left: 0;
            }

.about_msg_img img {
    height: 400px;
    margin: auto;
}

@media (max-width:991px) {
    .about_msg_img img {
        height: auto;
        margin: 20px 0;
    }
}





.about_mission_section {
    background-color: #fafafa;
}

.about_mission_title h2 {
    font-weight: 700;
    color: #ad211f;
}

.about_mission_content {
    padding: 10px 0;
    position: relative;
    margin-top: 35px;
}

    .about_mission_content::after {
        content: "";
        height: 95%;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 2px;
        background-color: #e8e8e8;
    }

.about_mission_item {
    margin-bottom: 40px;
}

    .about_mission_item .about_mission_img img {
        width: 160px;
        height: 160px;
        margin: auto;
    }

    .about_mission_item .about_mission_img {
        text-align: center;
        margin-left: 20px;
        position: relative;
    }

        .about_mission_item .about_mission_img::after {
            position: absolute;
            content: "";
            width: 20px;
            height: 20px;
            top: 20px;
            border-radius: 50%;
            border: 3px solid rgba(255, 255, 255, 0.8);
            background-color: #f18915;
            z-index: 1;
        }

    .about_mission_item .about_mission_img_right::after {
        right: -22px;
    }

    .about_mission_item .about_mission_img_left::after {
        left: -42px;
    }

    .about_mission_item .about_mission_dtl_right {
        text-align: left;
        margin-left: 20px;
        padding: 20px 0;
    }

    .about_mission_item .about_mission_dtl_left {
        text-align: right;
        margin-right: 15px;
        padding: 20px 0;
    }

    .about_mission_item .about_mission_dtl h4 {
        font-weight: 600;
        font-size: 22px;
    }

    .about_mission_item .about_mission_dtl_desc {
        line-height: 26px;
        color: #666;
    }

@media (max-width:991px) {
    .about_mission_item .row_reverse {
        flex-direction: column-reverse;
    }

    .about_mission_content {
        margin-top: 20px;
    }

        .about_mission_content::after,
        .about_mission_item .about_mission_img::after {
            content: none;
        }

    .about_mission_item .about_mission_dtl_left,
    .about_mission_item .about_mission_dtl_right {
        text-align: center;
    }
}






.desk_msg_section h2 {
    padding-bottom: 20px;
    font-weight: 700;
    color: #ad211f;
}

.desk_msg_section .desk_img {
    position: relative;
}

    .desk_msg_section .desk_img::before {
        position: absolute;
        content: "";
        height: 100px;
        width: 100px;
        bottom: -20px;
        right: 65px;
        z-index: -1;
        border-bottom: 5px double #ad211f;
        border-right: 5px double #ad211f;
    }

    .desk_msg_section .desk_img::after {
        position: absolute;
        content: "";
        height: 100px;
        width: 100px;
        top: -20px;
        left: 65px;
        z-index: -1;
        border-top: 5px double #ad211f;
        border-left: 5px double #ad211f;
    }

    .desk_msg_section .desk_img img {
        border: 2px solid #fafafa;
        box-shadow: 0 0 5px #ddd;
        margin: 10px auto;
        height: 355px;
    }

.desk_msg_section .desk_info {
    padding: 10px;
}

    .desk_msg_section .desk_info .d_name {
        color: #f18915;
        font-weight: 700;
    }

    .desk_msg_section .desk_info .d_post {
        color: #ad211f;
        font-weight: 500;
    }

    .desk_msg_section .desk_info .d_desc {
        font-size: 16px;
        line-height: 26px;
    }

@media (min-width:767px) and (max-width:991px) {
    .desk_msg_section .desk_img::before {
        right: -6px;
        bottom: -5px;
    }

    .desk_msg_section .desk_img::after {
        left: -7px;
    }
}








/* =============================================
            Contact Page
============================================== */
.contact_page {
    background-image: url(../images/Agasti_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 50px 0;
}

.contact_section1 {
    padding: 50px 0;
    /* background-color: #fafafa; */
}

    .contact_section1 .contact_map {
        border: 4px solid #fff;
        box-shadow: 5px 5px 10px rgba(0, 0, 0,0.5);
    }

.contact_info {
    margin: 0 40px;
    padding: 30px 0;
    font-size: 16px;
}

.contact_item {
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}

    .contact_item i {
        font-size: 20px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #f0f0f0;
        background-color: #f18915;
        border-radius: 50%;
        box-shadow: 8px 8px 10px #ddd;
        display: inline-block;
    }

    .contact_item .contact_txt {
        display: inline-block;
        margin-left: 15px;
        color: #1a3a54;
        font-weight: 500;
    }

        .contact_item .contact_txt a {
            color: #1a3a54;
        }



.contact_area_main {
    padding: 50px 0;
}

.contact_dtl .contact_title h5 {
    color: #ad211f;
    font-weight: 650;
    font-size: 24px;
    margin-bottom: 13px;
}

.contact_dtl .contact_title p {
    color: #555;
}

.contact_dtl .contact_form {
    padding-top: 10px;
}

    .contact_dtl .contact_form .form_group {
        padding-bottom: 20px;
    }

        .contact_dtl .contact_form .form_group .form-control:focus {
            color: #1a3a54;
            border-color: #f18915;
            background-color: #fff;
            outline: 0;
            box-shadow: none;
        }

    .contact_dtl .contact_form .form_btn {
        text-align: center;
    }

        .contact_dtl .contact_form .form_btn .f_btn {
            width: 220px;
            padding: 8px;
            font-size: 16px;
            background-color: #ad211f;
            border: 1px solid #fff;
            color: #fff;
            border-radius: 40px;
            margin: auto;
        }

@media (max-width: 767px) {
    .contact_item {
        flex-direction: column;
    }

        .contact_item .contact_txt {
            text-align: center;
        }
}


@media (max-width: 991px) {
    .contact_section1 .contact_map {
        height: 400px;
    }

    .contact_info {
        margin: 60px 20px 0;
    }

    .contact_item i {
        flex: 1.5;
    }

    .contact_item .contact_txt {
        flex: 7;
    }
}






/* =============================================
            News & Events page
============================================== */
.news_page {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (min-width: 992px) {
    .news_page {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.News_page_item {
    margin: 30px 0;
    position: relative;
    display: block;
    box-shadow: 0 0 5px #ddd;
    border: 1px solid #ddd;
}

.News_page_item > a {
    position: relative;
    display: block;
}

.News_page_item > a:before {
    position: absolute;
    content: "";
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    opacity: 0;
    transform: scale(0);
    transition: transform 0.3s ease, opacity 0.3s;
    background: rgba(26, 58, 84,0.6);
}

.News_page_item > a img {
    height: 260px;
    width: 100%;
    object-fit: fill;
}

.News_page_item:hover > a:before {
    opacity: 1;
    transform: scale(1);
}

.News_page_item .circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    position: absolute;
    padding: 0;
    top: 20px;
    left: 20px;
    text-align: center;
    box-shadow: none;
    transform: translateX(0);
    color: #fff;
    transition: background-color 0.3s ease;
}

    .News_page_item .circle .day {
        color: #fff;
        transition: color 0.25s ease;
        font-weight: 500;
        font-size: 28px;
        line-height: 1;
        margin-top: 12px;
        margin-bottom: 0px;
    }

    .News_page_item .circle .month {
        text-transform: uppercase;
        font-size: 14px;
    }

.News_page_item:hover .circle {
    background-color: rgba(255, 255, 255, 0.9);
}

    .News_page_item:hover .circle .day,
    .News_page_item:hover .circle .month {
        color: #222;
    }


.News_page_item .news_page_info {
    border: 1px solid #efeff3;
    padding: 30px 30px 0;
    font-size: 14px;
    background: #fff;
    border-top: none;
}

@media (min-width: 992px) {
    .News_page_item .news_page_info {
        padding: 15px 20px 0;
        border-top: 1px solid #efeff3;
        border-left: none;
        /* display: table-cell; */
        vertical-align: top;
    }
}

.News_page_item .news_page_info h5 {
    cursor: pointer;
    transition: color 0.3s ease;
    margin-bottom: 15px;
    color: #ad211f;
}

@media (min-width: 992px) {
    .News_page_item .news_page_info h5 {
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .News_page_item .news_page_info h5 {
        font-size: 18px;
    }
}

.News_page_item:hover .news_page_info h5 {
    color: #1a3a54;
}

.News_page_item .news_page_info .news_page_desc {
    height: 100px;
    line-height: 1.2;
    overflow: hidden;
}

.News_page_item:hover .news_page_info a.read_more {
    color: #f18915;
    text-decoration: underline;
    cursor: pointer;
}

.News_page_item .news_page_info a.read_more {
    display: block;
    color: #1a3a54;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 400;
    border-top: 1px solid #ddd;
}


.news_page .modal-header {
    background-color: #ad211f;
    color: #fff;
}

    .news_page .modal-header .close {
        color: #fff;
        font-size: 20px;
    }

.news_page .modal-body img {
    width: 100%;
    margin-bottom: 10px;
}

.news_page .modal-body h5 {
    color: #1a3a54;
}

.news_page .modal-body .date {
    color: #ad211f;
}

.news_page .modal-footer {
    background-color: #ad211f;
    padding: 5px;
}

    .news_page .modal-footer button {
        color: #1a3a54;
        background-color: #f18915;
        font-weight: 500;
    }


/* =============================================
            Achievement page
============================================== */
.achieve_page {
    padding: 80px 0;
}

.achieve_page_item {
    padding: 12px 20px 8px 20px;
    margin-bottom: 40px;
    box-shadow: 0 0 5px #ddd;
}

.achieve_page_img {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 2px #e8e8e8;
}

    .achieve_page_img img {
        width: 100%;
        height: 260px;
        transition: all .3s ease;
        opacity: 0.9;
        object-fit: fill;
    }

    .achieve_page_img .date {
        text-align: center;
        position: absolute;
        right: 30px;
        top: 30px;
        background-color: rgba(26, 58, 84, 0.9);
        color: #fff;
        padding: 12px 20px 8px 20px;
        text-transform: uppercase;
    }

@media screen and (max-width: 1199px) {
    .achieve_page_img .date {
        padding: 10px 18px 6px 18px;
    }
}

@media screen and (max-width: 575px) {
    .achieve_page_img .date {
        padding: 10px 15px 6px 15px;
    }
}

.achieve_page_info h5 {
    margin-bottom: 20px;
    cursor: pointer;
}

    .achieve_page_info h5 a {
        color: #1a3a54;
        font-weight: 600;
    }

.achieve_page_info .achieve_desc {
    margin-bottom: 20px;
    height: 112px;
    overflow: hidden;
}

.achieve_page_info .read_more {
    color: #ad211f;
    cursor: pointer;
}


.achieve_page_item:hover .achieve_page_img img {
    transform: scale(1.2) rotate(0.5deg);
    transition: all .3s ease;
    opacity: 1;
}

.achieve_page_item:hover .achieve_page_info h5 a {
    color: #f18915;
}

.achieve_page_item:hover .achieve_page_info .read_more {
    margin-left: 10px;
}

@media (max-width:991px) {
    .achieve_page_item {
        margin: 20px 5px;
    }

        .achieve_page_item.row_reverse {
            flex-direction: column-reverse;
        }

        .achieve_page_item .achieve_page_info {
            margin: 20px 0;
        }
}

.achieve_page .modal-header {
    background-color: #ad211f;
    color: #fff;
}

    .achieve_page .modal-header .close {
        color: #fff;
        font-size: 20px;
    }

.achieve_page .modal-body img {
    width: 100%;
    max-height: 500px;
    object-fit: fill;
    margin: auto;
}

.achieve_page .modal-body h5 {
    color: #1a3a54;
}

.achieve_page .modal-body .date {
    color: #ad211f;
}

.achieve_page .modal-footer {
    background-color: #ad211f;
    padding: 5px;
}

    .achieve_page .modal-footer button {
        color: #1a3a54;
        background-color: #f18915;
        font-weight: 500;
    }


/* =============================================
            Download page
============================================== */
.download_page {
    padding: 80px 0;
}

.download_item {
    padding: 20px;
    border: 1px solid #e3eaef;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px
}

    .download_item .download_img {
        padding: 26px;
    }

        .download_item .download_img img {
            height: 64px;
            margin: auto;
        }

    .download_item .file_download {
        font-size: 32px;
        color: #1a3a54;
        position: absolute;
        right: 10px
    }

        .download_item .file_download:hover {
            color: #313a46
        }

    .download_item .download_title {
        padding-right: 25px
    }

        .download_item .download_title h5 {
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
            width: 100%;
            overflow: hidden;
            font-size: 15px;
        }

    .download_item:hover {
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02)
    }






/* =============================================
            Dignitaries page
============================================== */
.dignitaries_page {
    padding: 80px 0;
}

.dignitaries_page_item {
    padding: 30px 30px 5px;
    background-color: #fafafa;
    box-shadow: 0 0 5px #ddd;
    border-radius: 20px;
    margin-bottom: 40px;
    transition: .3s;
}

    .dignitaries_page_item.blue {
        background-color: rgba(26, 58, 84,0.3)
    }

    .dignitaries_page_item:hover {
        background-color: #1a3a54;
    }

    .dignitaries_page_item .digni_img {
        width: 180px;
        height: 180px;
        background-color: #eee;
        border-radius: 50%;
        overflow: hidden;
        margin: auto;
        border: 4px double #ad211f;
        box-shadow: 0 0 5px #ddd;
    }

    .dignitaries_page_item .digni_img img{
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .dignitaries_page_item .digni_info {
        padding-top: 20px;
        text-align: center;
    }

        .dignitaries_page_item .digni_info .designation {
            margin: 0;
            color: #f18915;
        }

        .dignitaries_page_item .digni_info .name {
            margin: 5px 0 10px;
            font-weight: 600;
            color: #1a3a54;
        }

    .dignitaries_page_item:hover .digni_info .name {
        color: #eee;
    }

    .dignitaries_page_item .digni_info .description {
        height: 84px;
        font-size: 18px;
        line-height: 1.2;
        text-align: left;
    }

    .dignitaries_page_item:hover .digni_info .description {
        color: #fff;
    }

    .dignitaries_page_item ::-webkit-scrollbar {
        width: 5px;
    }

    .dignitaries_page_item .social_info {
        padding-top: 10px;
    }

        .dignitaries_page_item .social_info i {
            height: 40px;
            width: 40px;
            line-height: 40px;
            color: #ccc;
            background-color: #ad211f;
            margin: 0 5px;
        }

    .dignitaries_page_item:hover .social_info i {
        border-radius: 50%;
    }

@media (min-width:768px) and (max-width:991px) {
    .dignitaries_page_item.blue {
        background-color: #fafafa;
    }
}






/* =============================================
            Gallery Album page
============================================== */
.gallery_page {
    padding: 80px 0;
}

.gallery_page_item {
    border: 7px solid #fff;
    box-shadow: 0 0 5px #ddd;
    position: relative;
    margin-bottom: 20px;
}

    .gallery_page_item .gallery_img {
        position: relative;
    }

        .gallery_page_item .gallery_img img {
            width: 100%;
            height: 250px;
            object-fit: fill;
        }

        .gallery_page_item .gallery_img .title {
            position: absolute;
            z-index: 2;
            bottom: 0;
            margin: 0;
            padding: 10px;
            width: 100%;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            background: linear-gradient(to left, rgba(85, 67, 70, 0.85), rgba(69, 80, 91, 0.85));
        }

    .gallery_page_item .gallery_overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        font-size: 30px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to left, rgba(85, 67, 70, 0.85), rgba(26, 58, 84, 0.85));
        opacity: 0;
        transition: all .3s ease;
    }

    .gallery_page_item:hover .gallery_overlay {
        opacity: 0.9;
        transition: all .3s ease;
    }





/* =============================================
            Gallery album photos page
============================================== */
.galleryphotos_page {
    padding: 80px 0;
}

.galleryphoto_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .galleryphoto_content .galleryphoto_item {
        width: 250px;
        height: 250px;
        margin: 10px;
        border: 7px solid #fff;
        box-shadow: 0 0 5px #ddd;
        position: relative;
    }

        .galleryphoto_content .galleryphoto_item img {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }

        .galleryphoto_content .galleryphoto_item i {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: linear-gradient(to left, rgba(85, 67, 70, 0.85), rgba(26, 58, 84, 0.85));
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            color: #f0f0f0;
            transform: scale(0);
            transition: all .5s ease;
        }

        .galleryphoto_content .galleryphoto_item:hover i {
            transform: scale(1);
            transition: all .5s ease;
        }


/* ---------------------- contact main sccess ------------------- */
.c_success {
    background-color: #2574ab;
    padding: 90px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .c_success .item {
        background-color: #fff;
        padding: 50px;
        border-radius: 20px;
        box-shadow: 5px 5px 10px #616161;
        width: 350px;
    }

        .c_success .item .icon {
            width: 120px;
            height: 120px;
            border-radius: 100%;
            background-color: #2574ab;
            border: 8px solid #d8efff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto;
        }

            .c_success .item .icon i {
                font-size: 40px;
                color: #fff;
            }

    .c_success .content h2 {
        font-size: 35px;
        color: #2574ab;
        font-weight: 700;
        padding: 20px 0;
    }

    .c_success .content p {
        font-size: 18px;
    }

    .c_success .content .link {
        line-height: 1.8;
        font-size: 16px;
    }

        .c_success .content .link a {
            font-weight: 500;
            color: #2574ab;
            float: none;
        }



/* ---------------------- contact main fail ------------------ */
.c_fail {
    /* background-color: #d0242f; */
    background-image: linear-gradient(325deg, #d0242f, transparent);
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .c_fail .item {
        background-color: #fff;
        padding: 50px;
        border-radius: 20px;
        box-shadow: 5px 5px 10px #616161;
        width: 350px;
    }

        .c_fail .item .icon {
            width: 120px;
            height: 120px;
            border-radius: 100%;
            background-color: #d0242f;
            border: 8px solid #ffd9db;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto;
        }

            .c_fail .item .icon i {
                font-size: 40px;
                color: #fff;
            }

    .c_fail .content h2 {
        font-size: 35px;
        color: #d0242f;
        font-weight: 700;
        padding: 20px 0;
    }

    .c_fail .content .link {
        font-size: 16px;
        line-height: 1.8;
        text-align: center;
    }

        .c_fail .content .link a {
            font-weight: 500;
            color: #d0242f;
            float: none;
        }





.img-fill{
    object-fit: fill;
}

.div-site-button{
    position: relative;
    top: -80px;
    left: 50%;
    display: block;
    color: red;
}

.div-site-button a{
    display: inline-block;
    color: white;
    background-color: #ad211f;
    text-decoration: none;
    transform: translateX(-50%);
    border-radius: 4px;
    padding: 4px 20px;
}

.elli{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.elli-2, .elli-3, .elli-4, .elli-5, .elli-6{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}.elli-2{
    -webkit-line-clamp: 2;
}.elli-3{
    -webkit-line-clamp: 3;
}.elli-4{
    -webkit-line-clamp: 4;
}.elli-5{
    -webkit-line-clamp: 5;
}.elli-6{
    -webkit-line-clamp: 6;
}

.p-m-0 p{
    margin: 0;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.h-54px{
    height: 54px;
}

.divtheBtn{
    text-align: center;
}

.divtheBtn a{
    color: #fff !important;
    background-color: #ad211f;
    border-radius: 40px;
    font-weight: 600;
    padding: 8px 30px;
}

.news-p-img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

@media (min-width: 576px){
    .max-w650 {
        max-width: 650px;
    }
}

.digni-readmore{
    display: block;
    color: #1a3a54;
    font-weight: 500;
    font-size: 14px;
    padding: 8px;
    transition: .35s;
}

.digni-readmore:hover{
    color: #f18915;
    transform: translateX(6px);
}

.dignitaries_page_item:hover .digni-readmore{
    color: #f18915;
}

.dignitaries_page .modal .modal-footer{
    background: #ad211f;
}
.dignitaries_page .modal .modal-header{
    color: white;
    background: #ad211f;
}

.dignitaries_page .modal .btn{
    color: #1a3a54;
    background-color: #f18915;
    font-weight: 500;
}

.digni-modal h4{
    color: #1a3a54;
    font-weight: 600;
}

.digni-modal h6{
    color: #f18915;
    font-weight: 500;
}

.div-digni-modal-img{
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 4px double #ad211f;
    box-shadow: 0 0 5px #ddd;
    overflow: hidden;
    margin: auto;
}

.div-digni-modal-img img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.digni-hr{
    background-image: linear-gradient(to right,  white, currentColor, white);
    margin: 0;
}

.top-turst{
    color: white;
    background-color: #1a3a54;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.mainpage{
    color: white !important;
    font-size: 13px;
    font-weight: 500;
    transition: .5s;
}

.mainpage:hover{
    text-decoration: underline;
}

.menubar ul, .menubar li, .menubar ol, footer ul, footer li, footer ol, .app_main ul, .app_main ol, .app_main li{
    list-style: none;
    list-style-type: none;
    text-decoration: none;
}


.doc-photo{
    width: 200px;
    height: 200px;
    object-fit: fill;
    border-radius: 30px;
    margin: auto;
    transition: .3s;
}

.doc-img{
    position: relative;
    transition: .3s;
    overflow: hidden;
}

.doc-heading{
    height: 62px;
    color: #ad211f;
    font-size: 22px;
    text-align: center;
    padding: 8px 0 0;
}

.doc-ptag{
    height: 68px;
    color: #000;
}

.doc-link{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    text-align: center;
    transition: .3s;
}

.doc-view{
    display: inline-block;
    color: white;
    background: #1a3a54;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    padding: 4px 15px;
}

.doc-view:hover{
    color: #ad211f;
}

.doc-box{
    height: 370px;
    background: rgba(241, 137, 21, 0.03);
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
    transition: .3s;
}

.doc-box:hover .doc-photo{
    width: 160px;
    height: 160px;
}

.doc-box:hover .doc-img{
    padding-bottom: 40px;
}

.doc-box:hover .doc-link{
    bottom: 0;
}

.Document-Details .heading{
    color: #ad211f;
    word-spacing: 4px;
    text-transform: capitalize;
}

.Document-Details embed{
    height: 500px;
}

.testi-img{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(26, 58, 84, 0.9);
    /* border-radius: 65px 0 0 65px; */
}

@media (max-width: 576px) {
    
    .testi-img{
        flex-direction: column;
    }

}

.testi-img img{
    width: 100px;
    height: 100px;
    object-fit: fill;
    border-radius: 50%;
}

.testi-box{
    border-radius: 8px;
    overflow: hidden;
}

.testi-more{
    display: block;
    color: #f18915 !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    padding: 4px 0;
}

.testi-data .p-tag{
    height: 135px;
}

.testimonial_sec .modal-header, .testimonial_sec .modal-footer{
    background-color: #ad211f;
}

.testimonial_sec .modal .btn {
    color: #1a3a54;
    background-color: #f18915;
    font-weight: 500;
}

.bg-blue{
    background-color: #1a3a54;
}

.border-8px{
    border-width: 8px;
}





.branch-img{
    width: 180px;
    margin: auto;
}

.branch-img img{
    width: 100%;
}

.branch-title{
    font-family: 'Acme', sans-serif;
    position: relative;
    color: #ad211f;
    font-size: 38px;
    text-align: center;
}

.branch-title::after{
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background-color: #ad211f;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0;
    z-index: 0;
}

.branch-table{
    width: 100%;
    border: 1px solid rgba(52, 62, 87, 0.2);
    margin: auto;
}

.branch-table td{
    font-weight: 500;
    border: 0;
    padding: 10px 30px;
}

.branch-table th{
    width: 220px;
    color: #1a3a54;
    font-size: 18px;
    font-weight: 600;
    border: 0;
    border-right: 1px solid rgba(52, 62, 87, 0.2);
    padding: 10px 30px;
}

.branch-table tr{
    border: 0;
}

.branch-detail .table-striped tbody tr:nth-of-type(odd){
    background-color: rgba(52, 62, 87, 0.05);
}

.branch-detail .branch-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    color: #fff;
    background-color: #ad211f;
    border: 2px solid #1a3a54;
}

.branch-mail, .branch-call, .branch-location{
    position: relative;
}

.branch-mail span{
    min-width: 50%;
    position: absolute;
    line-height: 36px;
    top: 0;
    right: 40px;
    border-top: 0.5px solid #ededed;
    border-bottom: 0.5px solid #ededed;
    padding: 0 10px 0 0;
}

.branch-call span{
    min-width: 50%;
    position: absolute;
    line-height: 36px;
    top: 0;
    left: 40px;
    border-top: 0.5px solid #ededed;
    border-bottom: 0.5px solid #ededed;
    padding: 0 0 0 10px;
}

.branch-location span{
    display: block;
    max-width: 550px;
    padding: 4px 15px;
    margin: auto;
}


.branch-mail .branch-icon{
    border-right-width: 1px;
}

.branch-call .branch-icon{
    border-left-width: 1px;
}

.branch-location .branch-icon{
    border-top-width: 0;
}
    
.branch-location i{
    font-size: 18px;
}

@media (max-width:992px) {

    .branch-table{
        width: 100%;
        min-width: auto;
    }
    
}

@media (max-width:768px){

    .branch-mail .branch-icon, .branch-call .branch-icon{
        border-right-width: 2px;
        border-left-width: 2px;
    }

    .branch-location .branch-icon{
        border-top-width: 2px;
    }

    .branch-call span, .branch-mail span, .branch-location span{
        display: block;
        position: static;
        min-height: 36px;
        border: 0;
        line-height: normal;
        padding: 4px 10px 0;
        margin-left: 50px;
    }

    .branch-icon{
        position: absolute;
        top: 0;
        left: 0;
    }

    .branch-location hr{
        display: none;
    }

}


/* -------------------------- Bottom to top css -------------------------- */
#scrollUp {
  background-color: #1a3a54;
  bottom: 40px;
  right: 20px;
  color: #ffffff;
  display: none;
  width: 35px;
  height: 35px;
  font-size: 25px;
  position: fixed;
  text-align: center;
  text-decoration: none;
  z-index: 100;
  border-radius: 5px;
  animation: fadeInUp 1s both;
}
#scrollUp i {
  line-height: 35px;
}