@import "../../css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.default_bg {
    background-color: #0d1028
}

.hover_bg {
    background-color: #031c4c
}

.hover_bg_2 {
    background-color: #a52a2a
}

.semi_dark_bg {
    background-color: #f7f7f7
}

.dark_2_bg {
    background-color: #031c4c
}

.semi_black_bg {
    background-color: rgba(0,33,71,.65)
}

.dark_3_bg {
    background-color: #f5f5f5
}

.black_bg {
    background-color: #0d1028
}

.black_2_bg {
    background-color: #151935
}

.bg_dark_9 {
    background-color: #f5f5f5
}

.height-800 {
    height: 800px
}

.height-600 {
    height: 600px
}

.height-700 {
    height: 700px
}

.section-ptb {
    padding-top: 29px;
    padding-bottom: 30px;
}

@media(min-width:768px) and (max-width:991px) {
    .section-ptb {
        padding-top: 29px;
        padding-bottom: 30px;
    }
}

@media(max-width:768px) {
    .section-ptb {
        padding-top: 32px;
        padding-bottom: 33px;
    }
}

@media(max-width:575px) {
    .section-ptb {
        padding-top: 32px;
        padding-bottom: 33px;
    }
}

.section-ptb-2 {
    padding-top: 225px;
    padding-bottom: 130px
}

@media(max-width:768px) {
    .section-ptb-2 {
        padding-top: 100px;
        padding-bottom: 70px
    }
}

@media(max-width:575px) {
    .section-ptb-2 {
        padding-top: 80px;
        padding-bottom: 50px
    }
}

.section-ptb-3 {
    padding-top: 40px;
    padding-bottom: 30px
}

@media(min-width:768px) and (max-width:991px) {
    .section-ptb-3 {
        padding-top: 80px;
        padding-bottom: 0
    }
}

@media(max-width:575px) {
    .section-ptb-3 {
        padding-top: 80px;
        padding-bottom: 0
    }
}

@media(max-width:768px) {
    .section-ptb-3 {
        padding-top: 25px;
        padding-bottom: 0
    }
}

.section-ptb-4 {
    padding-top: 130px;
    padding-bottom: 200px
}

@media(max-width:575px) {
    .section-ptb-4 {
        padding-top: 100px;
        padding-bottom: 90px
    }
}

.section-ptb-5 {
    padding-top: 130px;
    padding-bottom: 80px
}

@media(max-width:575px) {
    .section-ptb-5 {
        padding-top: 100px;
        padding-bottom: 60px
    }
}

.section-ptb-6 {
    padding-top: 130px;
    padding-bottom: 30px
}

@media(max-width:768px) {
    .section-ptb-6 {
        padding-top: 130px;
        padding-bottom: 0
    }
}

@media(max-width:575px) {
    .section-ptb-6 {
        padding-top: 130px;
        padding-bottom: 0
    }
}

.section-pb {
    padding-bottom: 20px
}

@media(min-width:768px) and (max-width:991px) {
    .section-pb {
        padding-bottom: 80px
    }
}

@media(max-width:768px) {
    .section-pb {
        padding-bottom: 0px
    }
}

@media(max-width:575px) {
    .section-pb {
        padding-bottom: 50px
    }
}

.section-pt {
    padding-top: 40px
}

.pt-60 {
    padding-top: 60px
}

.mt-30 {
    margin-top: 30px
}

@media(max-width:768px) {
    header .container {
        max-width: 96%
    }
}

@media(max-width:575px) {
    header .container {
        max-width: 96%
    }
}

.translate_30 {
    transform: translateY(-30%)
}

@media(max-width:768px) {
    .translate_30 {
        transform: translateY(0)
    }
}

@media(max-width:575px) {
    .translate_30 {
        transform: translateY(0)
    }
}

.translate_34 {
    transform: translateY(-34%)
}

@media(max-width:768px) {
    .translate_34 {
        transform: translateY(0)
    }
}

@media(max-width:575px) {
    .translate_34 {
        transform: translateY(0)
    }
}

.button_one {
    display: inline-block;
    position: relative;
    background-color: #031c4c;
    border: 0;
    color: #fff;
    padding: 15px 25px;
    transition: all .4s linear 0s;
    text-transform: uppercase;
    font-family: poppins,sans-serif;
    font-weight: 400;
    font-size: 14px
}

    .button_one:hover {
        text-decoration: none;
        background-color: rgb(155 8 8);
        color: #fff
    }

.special-button {
    display: inline-block;
    position: relative;
    background-color: #031c4c;
    border: 0;
    color: #fff;
    padding: 16px 80px 16px 16px;
    transition: all .4s linear 0s;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

@media(max-width:768px) {
    .special-button {
        font-size: 12px
    }

        .special-button > i {
            display: none
        }
}

.special-button:hover {
    text-decoration: none;
    background-color: rgba(255,82,2,.85);
    color: #fff
}

.button_one_alt {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 2px solid #031c4c;
    color: #031c4c;
    transition: all .4s linear 0s;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

    .button_one_alt:hover {
        text-decoration: none;
        background-color: rgba(255,82,2,.85);
        color: #fff;
        border-color: rgba(255,82,2,.85)
    }

.button_two {
    display: inline-block;
    position: relative;
    background-color: #a52a2a;
    border: 0;
    color: #fff;
    padding: 14px 35px;
    transition: all .4s linear 0s;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    text-transform: uppercase;
    box-shadow: 0 0.5rem 1rem #9b080847
}

    .button_two:hover {
        text-decoration: none;
        background-color: #031c4c;
        color: #fff
    }

.button_two_plane {
    display: inline-block;
    position: relative;
    background-color: #a52a2a;
    border: 0;
    color: #fff;
    padding: 12px 25px;
    transition: all .4s linear 0s;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

    .button_two_plane:hover {
        text-decoration: none;
        background-color: #3b67bb;
        color: #fff
    }

.button_three {
    display: inline-block;
    position: relative;
    background-color: #91c73d;
    border: 0;
    color: #fff;
    padding: 10px 25px;
    transition: all .4s linear 0s;
    font-size: 15px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: uppercase
}

@media(max-width:575px) {
    .button_three {
        padding: 10px
    }
}

.button_three:hover {
    text-decoration: none;
    background-color: #adadad;
    color: #fff
}

.button_four {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 2px solid #031c4c;
    color: #031c4c;
    padding: 10px 25px;
    transition: all .4s linear 0s;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer
}

    .button_four.active {
        background-color: #031c4c;
        color: #fff
    }

@media(max-width:575px) {
    .button_four {
        padding: 10px
    }
}

.button_four:hover {
    text-decoration: none;
    background-color: #031c4c;
    color: #fff
}

.button_five {
    display: inline-block;
    position: relative;
    background-color: #031c4c;
    color: #fff;
    padding: 10px 35px;
    transition: all .4s linear 0s;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    border: 2px solid #031c4c;
    cursor: pointer
}

    .button_five.active {
        background-color: #fff;
        color: #031c4c
    }

@media(max-width:575px) {
    .button_five {
        padding: 10px
    }
}

.button_five:hover {
    text-decoration: none;
    background-color: #fff;
    color: #031c4c
}

.button_block {
    display: block;
    width: 100%;
    height: 50px;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    transition: all .4s linear 0s
}

.rounded-btn {
    display: inline-block;
    position: relative;
    background-color: #d0f2fc;
    border: 0;
    color: #a52a2a;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    transition: all .4s linear 0s;
    font-size: 15px;
    font-weight: 400;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 16px
}

    .rounded-btn i {
        color: #a52a2a
    }

    .rounded-btn:hover {
        text-decoration: none;
        background-color: #a52a2a;
        color: #fff
    }

        .rounded-btn:hover i {
            color: #fff
        }

.theme-list {
    display: inline-block
}

    .theme-list ul {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: 32px;
        font-family: poppins;
    }

        .theme-list ul li:last-child a {
            padding-bottom: 0
        }

        .theme-list ul li a {
            display: inline-block;
            position: relative;
            padding: 5px;
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .theme-list ul li a:hover {
                text-decoration: none;
                color: #031c4c
            }

            .theme-list ul li a:before {
                content: "\f058";
                font-family: "font awesome 5 free";
                font-weight: 900;
                padding-right: 5px;
                color: #031c4c
            }

.theme-list-2 {
    display: inline-block
}

    .theme-list-2 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .theme-list-2 ul a {
            cursor: context-menu;
            display: inline-block;
            font-size: 14px;
            position: relative;
            font-family: poppins;
            padding: 5px;
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .theme-list-2 ul a:hover {
                text-decoration: none;
                color: #a52a2a
            }

            .theme-list-2 ul a:before {
                content: "\f058";
                font-family: "font awesome 5 free";
                font-weight: 900;
                padding-right: 9px;
                color: #031c4c;
            }

.theme-list-3 {
    display: inline-block
}

    .theme-list-3 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .theme-list-3 ul li {
            position: relative;
            padding: 10px;
            color: #031c4c;
            transition: all .4s linear 0s;
            font-size: 16px
        }

            .theme-list-3 ul li:hover a {
                text-decoration: none;
                color: #91c73d
            }

            .theme-list-3 ul li:before {
                content: "\f058";
                font-family: "font awesome 5 free";
                font-weight: 900;
                padding-right: 5px;
                color: #91c73d
            }

.theme-list-4 {
    display: inline-block
}

    .theme-list-4 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .theme-list-4 ul li {
            display: block;
            position: relative;
            padding: 10px;
            color: #031c4c;
            transition: all .4s linear 0s;
            font-size: 16px
        }

            .theme-list-4 ul li:hover a {
                text-decoration: none;
                color: #031c4c
            }

            .theme-list-4 ul li:before {
                content: "\f00c";
                font-family: "font awesome 5 free";
                font-weight: 900;
                padding-right: 5px;
                color: #031c4c;
                font-size: 14px
            }

.section-title {
    padding-bottom: 20px
}

    .section-title h4 {
        color: #031c4c;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 500
    }

    .section-title h2 {
        color: #031c4c;
        font-size: 50px;
        font-family: poppins;
        font-weight: 600
    }

@media(max-width:575px) {
    .section-title h2 {
        font-size: 35px
    }
}

.sub-title {
    font-family: poppins;
    font-weight: 500;
    font-size: 50px;
    color: #031c4c
}

@media(max-width:575px) {
    .sub-title {
        font-size: 35px
    }
}

.sm-sub-title {
    font-family: poppins;
    font-weight: 600;
    font-size: 30px;
    color: #031c4c
}

.section-title-2 {
    padding-bottom: 20px
}

    .section-title-2 h4 {
        color: #031c4c;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
    }

    .section-title-2 h2 {
        color: #9b0808;
        font-size: 33px;
        font-family: poppins;
        font-weight: 600
    }

@media(max-width:575px) {
    .section-title-2 h2 {
        font-size: 28px
    }
}

.section-title-3 {
    padding-top: 20px;
}

    .section-title-3 h4 {
        color: #91c73d;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 400
    }

    .section-title-3 h2 {
        color: #031c4c;
        font-size: 30px;
        font-family: poppins;
        font-weight: 600
    }

@media(max-width:575px) {
    .section-title-3 h2 {
        font-size: 30px
    }
}

.section-title-6 {
    padding-bottom: 20px
}

    .section-title-6 h4 {
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600
    }

    .section-title-6 h2 {
        color: #fff;
        font-size: 50px;
        font-family: poppins;
        font-weight: 600
    }

@media(max-width:575px) {
    .section-title-6 h2 {
        font-size: 40px
    }
}

.single-section-title {
    margin-bottom: 10px
}

    .single-section-title h2 {
        display: inline-block;
        font-size: 33px;
        color: #9b0808;
        position: relative;
        font-family: poppins;
        font-weight: 600
    }

        .single-section-title h2:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -15px;
            width: 100px;
            height: 3px;
            /*background-color: #a52a2a*/
        }

.single-section-title-2 {
    margin-bottom: 50px
}

    .single-section-title-2 h2 {
        display: inline-block;
        font-size: 50px;
        color: #031c4c;
        position: relative;
        font-family: poppins;
        font-weight: 600
    }

        .single-section-title-2 h2:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -15px;
            width: 100px;
            height: 3px;
            background-color: #91c73d
        }

.section-heading {
    position: relative;
    font-size: 35px;
    color: #031c4c;
    font-family: poppins;
    font-weight: 600
}

    .section-heading:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        top: 50%;
        left: 40%;
        background-color: #031c4c
    }

@media(max-width:768px) {
    .section-heading:before {
        left: 48%
    }
}

@media(min-width:768px) and (max-width:991px) {
    .section-heading:before {
        left: 40%
    }
}

@media(max-width:575px) {
    .section-heading:before {
        left: 50%;
        content: none
    }
}

.overlay {
    position: relative
}

    .overlay:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(34,34,34,.45)
    }

.overlay_2 {
    position: relative
}

    .overlay_2:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,33,71,.8)
    }

.overlay_3 {
    position: relative
}

    .overlay_3:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /*        background-color: rgba(255,255,255,.8);*/
        padding: 25px;
        border-radius: 25px
    }

@media(min-width:992px) {
    .overlay_3:before {
        display: none
    }
}

.border-2 {
    border: 2px solid #031c4c;
    transition: all .4s linear 0s
}

.border-3 {
    border: 2px solid #a52a2a;
    transition: all .4s linear 0s
}

.border-4 {
    border: 2px solid #eff7e2;
    transition: all .4s linear 0s
}

.border-5 {
    border: 2px solid #d0f2fc;
    transition: all .4s linear 0s
}

.border-6 {
    border: 2px solid #ddd;
    transition: all .4s linear 0s
}

.border-7 {
    border: 5px solid #1d2144;
    transition: all .4s linear 0s
}

.border-8 {
    border-bottom-style: groove;
    /* border: 0px solid #33355b40; */
    transition: all .4s linear 0s;
    border-radius: 5%;
    transition: all .4s linear 0s
}

.border-bottom-2 {
    border-bottom: 2px solid #031c4c
}

.button_icon i {
    font-size: 20px;
    padding-left: 5px
}

@media(min-width:768px) and (max-width:991px) {
    .mb-3d-5 {
        padding-bottom: 3rem
    }
}

@media(max-width:768px) {
    .mb-3d-5 {
        padding-bottom: 3rem
    }
}

@media(max-width:575px) {
    .mb-3d-5 {
        padding-bottom: 1rem
    }
}

@media(min-width:768px) and (max-width:991px) {
    .mt-3d-5 {
        padding-top: 3rem
    }
}

@media(max-width:768px) {
    .mt-3d-5 {
        padding-top: 3rem
    }
}

@media(max-width:575px) {
    .mt-3d-5 {
        padding-top: 2rem
    }
}

@media(max-width:768px) {
    .mb-xs-5 {
        padding-bottom: 3rem
    }
}

@media(max-width:575px) {
    .mb-xs-5 {
        padding-bottom: 1rem
    }
}

@media(max-width:575px) {
    .mb-mob-5 {
        padding-bottom: 3rem
    }
}

@media(max-width:768px) {
    .mb-xs-4 {
        padding-bottom: 2rem
    }
}

@media(max-width:575px) {
    .mb-xs-4 {
        padding-bottom: 2rem
    }
}

@media(max-width:768px) {
    .my-xs-5 {
        margin: 5rem 0
    }
}

@media(max-width:575px) {
    .my-xs-5 {
        margin: 5rem 0
    }
}

@media(max-width:768px) {
    .my-xs-4 {
        margin: 4rem 0
    }
}

@media(max-width:575px) {
    .my-xs-4 {
        margin: 4rem 0
    }
}

@media(min-width:768px) and (max-width:991px) {
    .mb-bd-5 {
        padding-bottom: 3rem
    }
}

@media(max-width:768px) {
    .mb-bd-5 {
        padding-bottom: 3rem
    }
}

@media(max-width:575px) {
    .mb-bd-5 {
        padding-bottom: 3rem
    }
}

@media(max-width:768px) {
    .mt-xs-5 {
        padding-top: 3rem
    }
}

@media(max-width:575px) {
    .mt-xs-5 {
        padding-top: 3rem
    }
}

.shadow-theme-lg {
    box-shadow: 0 1rem 3rem 1rem rgb(173 37 47 / 9%) !important
}

.height-470 {
    height: 470px
}

@media(min-width:992px) {
    .pr-120-lg {
        padding-right: 120px
    }
}

.translate_50 {
    transform: translateY(50%) !important
}

.widget-title {
    display: inline-block;
    position: relative;
    color: #031c4c;
    font-size: 24px;
    margin: 0;
    font-weight: 500
}

    .widget-title:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 70px;
        height: 3px;
        background-color: #031c4c
    }

.pagination-wrapper {
    margin-top: 60px
}

    .pagination-wrapper ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .pagination-wrapper ul li {
            display: inline-block
        }

            .pagination-wrapper ul li:last-child a {
                margin-right: 0
            }

            .pagination-wrapper ul li a {
                display: inline-block;
                margin-right: 25px;
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background-color: #efefef;
                color: #666;
                text-align: center;
                line-height: 50px;
                transition: all .4s linear 0s
            }

                .pagination-wrapper ul li a:hover {
                    background-color: #031c4c;
                    color: #fff;
                    text-decoration: none
                }

.link_btn {
    display: inline-block;
    color: #031c4c;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    transition: all .4s linear 0s
}

    .link_btn i {
        transition: all .4s linear 0s
    }

    .link_btn:hover {
        text-decoration: none;
        color: #031c4c
    }

        .link_btn:hover i {
            padding-left: 5px
        }

.tags-list p {
    display: inline-block;
    margin-bottom: 0;
    color: #031c4c;
    font-size: 16px;
    font-weight: 500;
    padding-right: 5px
}

@media(max-width:575px) {
    .tags-list p {
        font-size: 14px
    }
}

.tags-list ul {
    margin: 0;
    padding: 0;
    display: inline-block
}

    .tags-list ul li {
        display: inline-block;
        margin-right: 5px
    }

        .tags-list ul li a {
            position: relative;
            color: #666;
            font-size: 16px;
            transition: all .4s linear 0s
        }

            .tags-list ul li a:hover {
                text-decoration: none;
                color: #031c4c
            }

            .tags-list ul li a:after {
                content: " , ";
                font-size: 20px
            }

        .tags-list ul li:last-child a:after {
            content: none
        }

.share-option p {
    display: inline-block;
    margin-bottom: 0;
    color: #031c4c;
    font-weight: 500;
    padding-right: 5px
}

@media(max-width:575px) {
    .share-option p {
        padding-right: 0;
        padding-left: 5px;
        font-size: 14px
    }
}

.share-option ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

    .share-option ul li {
        display: inline-block
    }

        .share-option ul li:last-child a {
            margin-right: 0
        }

        .share-option ul li a {
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            margin-right: 10px;
            text-align: center;
            background-color: #fff;
            border: 2px solid #031c4c;
            border-radius: 50%;
            color: #031c4c;
            transition: all .4s linear 0s
        }

@media(max-width:575px) {
    .share-option ul li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-right: 0;
        border-width: 1px;
        font-size: 12px
    }
}

.share-option ul li a:hover {
    background-color: #031c4c;
    color: #fff
}

@media(min-width:768px) and (max-width:991px) {
    .mb-xs-2 {
        margin-bottom: 2rem
    }
}

@media(max-width:768px) {
    .mb-xs-2 {
        margin-bottom: 2rem
    }
}

@media(max-width:575px) {
    .mb-xs-2 {
        margin-bottom: 2rem
    }
}

@media(min-width:768px) and (max-width:991px) {
    .mb-xs-3 {
        margin-bottom: 3rem
    }
}

@media(max-width:768px) {
    .mb-xs-3 {
        margin-bottom: 3rem
    }
}

@media(max-width:575px) {
    .mb-xs-3 {
        margin-bottom: 3rem
    }
}

@media(max-width:575px) {
    .mb-mob-3 {
        margin-bottom: 3rem
    }
}

body {
    color: #000;
    font-size: 14px
}

    body p {
        line-height: 28px;
        font-family: poppins;
    }

.header-top {
    display: none;
    min-height: 45px
}

@media(min-width:992px) {
    .header-top {
        display: block
    }
}

.header-top-content {
    display: flex;
    justify-content: space-between
}

    .header-top-content .contact-info ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .header-top-content .contact-info ul li {
            display: inline-block;
            line-height: 45px;
            padding-right: 40px;
            color: #fff;
            font-size: 14px
        }

            .header-top-content .contact-info ul li i {
                color: #a52a2a;
                padding-right: 5px
            }

            .header-top-content .contact-info ul li:last-child {
                padding-right: 0
            }

.single_info {
    display: inline-flex;
    padding-left: 30px;
    justify-content: center;
    align-items: center;
    justify-content: center;
    align-items: end
}

@media(max-width:575px) {
    .single_info {
        padding-left: 10px
    }
}

.single_info .info_data {
    display: inline-block
}

    .single_info .info_data h6 {
        font-weight: 500;
        color: #031c4c
    }

    .single_info .info_data p {
        margin-bottom: 0;
        color: #666
    }

@media(max-width:768px) {
    .single_info .info_data p {
        font-size: 14px
    }
}

@media(max-width:575px) {
    .single_info .info_data p {
        font-size: 14px
    }
}

.single_info img {
    padding-right: 20px
}

@media(max-width:575px) {
    .single_info img {
        padding-right: 10px
    }
}

.single_info .button_icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 60px;
    height: 100%;
    background-color: rgba(34,34,34,.09);
    text-align: center;
    transform: translateY(-50%);
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-toggler:focus {
    outline-color: #031c4c
}

@media(max-width:768px) {
    .main-menu-area.bg_dark_mobile {
        background-color: #0d1028
    }
}

@media(max-width:575px) {
    .main-menu-area.bg_dark_mobile {
        background-color: #0d1028
    }
}

@media(min-width:768px) and (max-width:991px) {
    .header_top_area .site_logo {
        display: none
    }
}

@media(max-width:768px) {
    .header_top_area .site_logo {
        display: none
    }
}

.header_top_area .site_info .single_info:first-child {
    padding-left: 0
}

@media(min-width:768px) and (max-width:991px) {
    .header_top_area .site_info {
        width: 100%
    }
}

@media(max-width:768px) {
    .header_top_area .site_info {
        width: 100%
    }
}

@media(max-width:575px) {
    .header_top_area .button_icon {
        display: none
    }
}

@media(max-width:575px) {
    .header_top_area {
        display: none
    }
}

.main-menu ul li a {
    color: #fff;
    padding: 1rem 2rem !important;
    transition: all .4s linear 0s
}

    .main-menu ul li a:hover {
        background-color: #031c4c
    }

@media(min-width:992px) {
    .main-menu ul li a {
        padding: 1rem 1.3rem !important
    }
}

.main-menu .dropdown-menu {
    background-color: #0d1028
}

.main-menu .navbar {
    padding: 0
}

.main-menu .navbar-brand i {
    color: #fff
}

.main-menu .dropdown-menu {
    transition: all .4s linear 0s;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0
}

    .main-menu .dropdown-menu .dropdown-item:hover {
        color: #fff
    }

.main-menu .dropdown-toggle::after {
    content: "\f107";
    font-family: "font awesome 5 free";
    font-weight: 900;
    border-top: 0;
    vertical-align: baseline
}

.main-menu .nav-item.dropdown.show {
    background-color: #031c4c;
    color: #fff
}

@media(min-width:992px) {
    .main-menu .dropdown {
        transition: all .4s linear 0s
    }

        .main-menu .dropdown:hover {
            background-color: #031c4c
        }

            .main-menu .dropdown:hover > .dropdown-menu {
                display: block
            }
}

.main-menu .collapse-bar {
    position: relative
}

.main-menu .option-menu {
    position: absolute;
    right: 0;
    z-index: 5;
    margin-top: 8px
}

    .main-menu .option-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #0d1028
    }

.main-menu .navbar-brand {
    padding-right: .2rem
}

.main-menu .navbar i {
    color: #fff
}

@media(min-width:768px) and (max-width:991px) {
    .main-menu {
        padding: 15px 20px
    }

        .main-menu .navbar-brand {
            display: none
        }
}

@media(max-width:768px) {
    .main-menu {
        padding: 15px 0
    }

        .main-menu .navbar-brand {
            display: none
        }
}

.main-menu-2 ul li:last-child a {
    padding-right: 0 !important
}
.main-menu-2 ul li a {
    color: #031c4c;
    transition: all .4s linear 0s;
    font-weight: 600;
    font-family: poppins;
    font-size: 14px;
}

@media(max-width: 768px) and (min-width:320px) {
    .main-menu-2 ul li a {
        color: #031c4c;
        transition: all .4s linear 0s;
        font-weight: 600;
        font-family: poppins;
        font-size: 14px;
        text-align: left;
        border-bottom: 1px solid #00000029;
    }
}

@media(max-width: 1024px) and (min-width:769px) {
    .main-menu-2 ul li a {
        color: #3a3a3a;
        padding: 1px 6px 5px 12px !important;
        transition: all .4s linear 0s;
        font-weight: 600;
        font-size: 11px;
    }
}

    .main-menu-2 ul li a:hover {
        color: #a52a2a
    }

    .main-menu-2 .navbar {
        padding: 0;
    }

    .main-menu-2 .navbar-brand i {
        color: #fff
    }

    .main-menu-2 .dropdown-menu {
        transition: all .4s linear 0s;
        margin: 0;
        padding: 0;
        border-radius: 0
    }

    .main-menu-2 .dropdown-toggle::after {
        content: "\f107";
        font-family: "font awesome 5 free";
        font-weight: 900;
        border-top: 0;
        vertical-align: baseline
    }

    .main-menu-2 .nav-item.dropdown.show {
        background-color: #031c4c
    }

        .main-menu-2 .nav-item.dropdown.show a {
            color: #fff;
            background: #031c4c;
        }

        .main-menu-2 .nav-item.dropdown.show .dropdown-item {
            background-color: #031c4c
        }

    @media(min-width:992px) {
        .main-menu-2 .dropdown {
            transition: all .4s linear 0s
        }

            .main-menu-2 .dropdown:hover > .dropdown-menu {
                display: block
            }
    }

    .main-menu-2 .navbar i {
        color: #666
    }

    .main-menu-3 ul li a {
        color: #989898;
        padding: 1rem !important;
        transition: all .4s linear 0s;
        font-weight: 500
    }

        .main-menu-3 ul li a:hover {
            color: #fff;
            background-color: #91c73d
        }

        .main-menu-3 ul li a.active {
            background-color: #91c73d;
            color: #fff
        }

    @media(min-width:1199px) {
        .main-menu-3 ul li a {
            padding: 1rem 1.5rem !important
        }
    }

    .main-menu-3 .navbar {
        padding: 0
    }

    .main-menu-3 .navbar-brand i {
        color: #fff
    }

    .main-menu-3 .dropdown-menu {
        transition: all .4s linear 0s;
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: 0
    }

    .main-menu-3 .dropdown-toggle::after {
        content: "\f107";
        font-family: "font awesome 5 free";
        font-weight: 900;
        border-top: 0;
        vertical-align: baseline
    }

    .main-menu-3 .nav-item.dropdown.show {
        background-color: #a52a2a;
        color: #666
    }

    @media(min-width:992px) {
        .main-menu-3 .dropdown {
            transition: all .4s linear 0s
        }

            .main-menu-3 .dropdown:hover > .dropdown-menu {
                display: block
            }
    }

    .main-menu-3 .navbar i {
        color: #666
    }

    @media(min-width:768px) and (max-width:991px) {
        .mobile_site_logo {
            display: inline-block !important
        }
    }

    @media(max-width:768px) {
        .mobile_site_logo {
            display: inline-block !important
        }
    }

    @media(min-width:992px) {
        .dropdown-menu .dropdown .dropdown-menu {
            left: 100%;
            top: 0%;
            margin: 0 20px;
            border-width: 0
        }

        .dropdown-menu .dropdown .dropdown-menu {
            margin: 0;
            border-width: 1px
        }
    }

    .slider-section {
        position: relative;
        overflow: hidden
    }

    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 10px;
        width: auto;
        top: 50%;
        left: 90%;
        transform: translateY(-50%)
    }

        .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 20px 0;
            display: block;
            position: relative;
            width: 20px;
            height: 20px;
            background-color: #fff;
            opacity: 1
        }

            .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:before {
                content: "";
                position: absolute;
                left: -5px;
                top: -5px;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                border: 2px solid #fff
            }

            .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: #031c4c
            }

                .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
                    content: "";
                    position: absolute;
                    left: -5px;
                    top: -5px;
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    border: 2px solid #031c4c
                }

    .slider-area {
        position: relative;
        display: flex;
        align-items: center;
        background-size: cover;
        background-position: center center;
        width: 100%
    }

.slider-area-2 {
    position: relative;
    display: flex;
    align-items: center;
    /* background-size: unset; */
    background-position: center;
    width: 100%;
}

        .slider-area-2 .slider-content {
            position: relative;
            z-index: 9
        }

            .slider-area-2 .slider-content h6 {
                position: relative;
                color: #a52a2a;
                text-transform: uppercase;
                font-size: 20px
            }

            .slider-area-2 .slider-content h2 {
                position: relative;
                color: #031c4c;
                font-weight: 700
            }

                .slider-area-2 .slider-content h2 span {
                    display: block;
                    font-weight: 400
                }

        .slider-area-2 .slider-content-2 {
            position: relative;
            z-index: 9
        }

            .slider-area-2 .slider-content-2 h6 {
                position: relative;
                color: #fff;
                text-transform: uppercase;
                font-size: 20px
            }

            .slider-area-2 .slider-content-2 h2 {
                position: relative;
                color: #fff;
                font-family: poppins,sans-serif;
                font-weight: 600;
                font-size: 55px
            }

                .slider-area-2 .slider-content-2 h2 span {
                    display: block;
                    font-weight: 400
                }

            .slider-area-2 .slider-content-2 p {
                position: relative
            }

    @media(min-width:768px) and (max-width:991px) {
        .slider-area-2 .slider-content-2 .display-3 {
            font-size: 3rem
        }
    }

    @media(max-width:768px) {
        .slider-area-2 .slider-content-2 .display-3 {
            font-size: 24px
        }
    }

    @media(max-width:575px) {
        .slider-area-2 .slider-content-2 .display-3 {
            font-size: 20px
        }

        .button_two {
            display: inline-block;
            position: relative;
            background-color: #a52a2a;
            border: 0;
            color: #fff;
            padding: 12px 15px;
            transition: all .4s linear 0s;
            font-size: 14px;
            font-weight: 500;
            border-radius: 30px;
            text-transform: uppercase;
            box-shadow: 0 0.5rem 1rem #9b080878;
        }
    }

    .slider-area-3 {
        position: relative;
        display: flex;
        align-items: center;
        background-size: cover;
        background-position: right top;
        width: 100%
    }

        .slider-area-3:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(34,34,34,.6);
            z-index: 9
        }

        .slider-area-3 .slider-content {
            position: relative
        }

            .slider-area-3 .slider-content h6 {
                color: #fff;
                text-transform: uppercase;
                font-size: 20px;
                font-weight: 400
            }

            .slider-area-3 .slider-content h2 {
                color: #fff
            }

                .slider-area-3 .slider-content h2 span {
                    display: block;
                    font-weight: 400
                }

        .slider-area-3 .slider-content-2 {
            position: relative
        }

            .slider-area-3 .slider-content-2 h6 {
                color: #a52a2a;
                text-transform: uppercase;
                font-size: 20px
            }

            .slider-area-3 .slider-content-2 h2 {
                color: #031c4c
            }

                .slider-area-3 .slider-content-2 h2 span {
                    display: block;
                    font-weight: 400
                }

            .slider-area-3 .slider-content-2 p {
                font-family: poppins,sans-serif
            }

    @media(min-width:768px) and (max-width:991px) {
        .slider-area-3 .slider-content-2 .display-3 {
            font-size: 3rem
        }
    }

    @media(max-width:768px) {
        .slider-area-3 .slider-content-2 .display-3 {
            font-size: 3rem
        }
    }

    @media(max-width:575px) {
        .slider-area-3 .slider-content-2 .display-3 {
            font-size: 2rem
        }
    }

    .swiper-button-next {
        right: 30px;
        background-color: #91c73d;
        color: #fff;
        padding: 25px;
        border-radius: 50%;
        background-size: 20px 30px;
        transition: all .4s linear 0s;
        background-image: none
    }

        .swiper-button-next:before {
            content: "\f105";
            font-family: "font awesome 5 free";
            font-weight: 900;
            position: absolute;
            left: 0;
            right: 0;
            text-align: center;
            color: #fff;
            font-size: 25px;
            line-height: 25px;
            top: 50%;
            transform: translateY(-50%)
        }

        .swiper-button-next:focus {
            outline: 0;
            box-shadow: none
        }

    @media(min-width:768px) and (max-width:991px) {
        .swiper-button-next {
            display: none
        }
    }

    @media(max-width:768px) {
        .swiper-button-next {
            display: none
        }
    }

    @media(max-width:575px) {
        .swiper-button-next {
            display: none
        }
    }

    .swiper-button-next:hover {
        background-color: #adadad
    }

    .swiper-button-prev {
        right: 30px;
        background-color: #91c73d;
        color: #fff;
        padding: 25px;
        border-radius: 50%;
        background-size: 20px 30px;
        transition: all .4s linear 0s;
        background-image: none
    }

        .swiper-button-prev:before {
            content: "\f104";
            font-family: "font awesome 5 free";
            font-weight: 900;
            position: absolute;
            left: 0;
            right: 0;
            text-align: center;
            color: #fff;
            font-size: 25px;
            line-height: 25px;
            top: 50%;
            transform: translateY(-50%)
        }

        .swiper-button-prev:focus {
            outline: 0;
            box-shadow: none
        }

    @media(min-width:768px) and (max-width:991px) {
        .swiper-button-prev {
            display: none
        }
    }

    @media(max-width:768px) {
        .swiper-button-prev {
            display: none
        }
    }

    @media(max-width:575px) {
        .swiper-button-prev {
            display: none
        }
    }

    .swiper-button-prev:hover {
        background-color: #adadad
    }

    .kindergarten .swiper-button-prev {
        background: #d7d8da;
        padding: 24px
    }

        .kindergarten .swiper-button-prev:hover {
            background: #15bdee
        }

    .kindergarten .swiper-button-next {
        background: #d7d8da;
        padding: 24px
    }

        .kindergarten .swiper-button-next:hover {
            background: #15bdee
        }

    @media(max-width:575px) {
        .swiper-pagination {
            display: none !important
        }
    }

    .slider-content {
        position: relative;
        z-index: 10
    }

    @media(max-width:575px) {
        .slider-content {
            padding: 0 !important;
            margin: 0 !important
        }
    }

    .slider-content p {
        margin-bottom: 0;
        font-size: 20px
    }

    .slider-content h2 {
        font-weight: 500;
        font-family: poppins
    }

    @media(min-width:768px) and (max-width:991px) {
        .slider-content .display-3 {
            font-size: 3rem
        }
    }

    @media(max-width:768px) {
        .slider-content .display-3 {
            font-size: 3rem
        }
    }

    @media(max-width:575px) {
        .slider-content .display-3 {
            font-size: 2rem
        }
    }

    @media(max-width:575px) {
        .slider-area.height-700 {
            height: 450px
        }
    }

    .services-section {
        position: relative;
        z-index: 5
    }

    .single-service {
        transition: all .4s linear 0s
    }

        .single-service .service-icon {
            margin-bottom: 2rem
        }

        .single-service a {
            color: #fff;
            font-weight: 500;
            transition: all .4s linear 0s
        }

            .single-service a i {
                transition: all .4s linear 0s
            }

            .single-service a:hover {
                text-decoration: none
            }

                .single-service a:hover i {
                    padding-left: 5px
                }

        .single-service:hover {
            background-color: #031c4c
        }

    .service-text h4 {
        margin-bottom: 1.2rem;
        font-weight: 600
    }

    .single-service-2 h4 {
        color: #031c4c;
        font-weight: 600
    }

    .single-service-2 .service-icon {
        margin-bottom: 25px
    }

    .single-service-2 a {
        color: #a52a2a;
        transition: all .4s linear 0s
    }

        .single-service-2 a i {
            transition: all .4s linear 0s
        }

        .single-service-2 a:hover {
            text-decoration: none
        }

            .single-service-2 a:hover i {
                padding-left: 5px
            }

    .single-service-3 {
        transition: all .4s linear 0s
    }

        .single-service-3.active {
            background-color: #031c4c
        }

            .single-service-3.active h4 {
                color: #fff
            }

            .single-service-3.active a {
                color: #fff;
                text-transform: uppercase;
                font-weight: 500
            }

            .single-service-3.active:hover {
                background-color: #031c4c;
                color: #fff
            }

                .single-service-3.active:hover a {
                    color: #fff
                }

                .single-service-3.active:hover h4 {
                    color: #fff
                }

                .single-service-3.active:hover .service-icon {
                    padding: 15px;
                    display: inline-block;
                    background-color: #031c4c
                }

        .single-service-3 .service-icon {
            padding: 15px
        }

        .single-service-3 h4 {
            color: #031c4c;
            text-transform: uppercase;
        }

        .single-service-3 .service-icon {
            /*        margin-bottom: 25px
*/
        }

        .single-service-3 a {
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .single-service-3 a i {
                transition: all .4s linear 0s
            }

            .single-service-3 a:hover {
                text-decoration: none
            }

                .single-service-3 a:hover i {
                    padding-left: 5px
                }

        .single-service-3:hover {
            background-color: #031c4c;
            color: #fff
        }

            .single-service-3:hover a {
                color: #fff
            }

            .single-service-3:hover h4 {
                color: #fff
            }

            .single-service-3:hover .service-icon {
                display: inline-block;
                background-color: #fff;
                border-radius: 50%
            }

    .single-service-4 {
        transition: all .4s linear 0s
    }

        .single-service-4.active {
            background-color: #031c4c
        }

            .single-service-4.active h4 {
                color: #fff
            }

            .single-service-4.active a {
                color: #fff
            }

        .single-service-4 h4 {
            color: #031c4c
        }

        .single-service-4 .service-icon {
            margin-bottom: 25px
        }

        .single-service-4 a {
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .single-service-4 a i {
                transition: all .4s linear 0s
            }

        .single-service-4:hover {
            box-shadow: 0 1rem 3rem rgba(20,189,238,.35) !important;
            border-color: #a52a2a
        }

    .featured-section-2 {
        background-size: 100% 53%;
        background-repeat: no-repeat
    }

    @media(max-width:768px) {
        .featured-section-2 {
            padding-bottom: 250px
        }
    }

    .feature-image {
        position: relative
    }

        .feature-image img {
            width: 100%
        }

    .single-featured {
        transition: all .4s linear 0s;
        box-shadow: none
    }

        .single-featured:hover {
            border-color: #031c4c !important
        }

        .single-featured .product-price {
            position: absolute;
            right: 30px;
            bottom: 30px
        }

    .single-featured-2 {
        transition: all .4s linear 0s;
        box-shadow: none
    }

        .single-featured-2:hover {
            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
            border-color: #a52a2a !important
        }

            .single-featured-2:hover .featured-text-and-info {
                border-color: #a52a2a !important
            }

        .single-featured-2 .feature-image {
            position: relative
        }

            .single-featured-2 .feature-image img {
                width: 100%
            }

        .single-featured-2 .product-price-2 {
            position: absolute;
            right: 30px;
            bottom: 30px
        }

        .single-featured-2 .event-date-2 {
            position: absolute;
            right: 30px;
            bottom: 30px
        }

    .single-featured-3 {
        transition: all .4s linear 0s
    }

        .single-featured-3:hover .border-6 {
            border-color: #a52a2a
        }

        .single-featured-3 h3 {
            padding-top: 30px;
            font-weight: 600
        }

        .single-featured-3 .featured-text-and-info {
            border-top-color: #a52a2a;
            transition: all .4s linear .09s
        }

    .single-featured-4 {
        transition: all .4s linear 0s
    }

        .single-featured-4:hover .border-6 {
            border-color: #a52a2a
        }

        .single-featured-4 h3 {
            padding-top: 30px;
            font-weight: 600
        }

        .single-featured-4 .featured-text-and-info {
            border-top-color: #a52a2a;
            transition: all .4s linear 0s
        }

        .single-featured-4 .feature-image {
            position: relative
        }

            .single-featured-4 .feature-image .product-price-4 {
                position: absolute;
                right: 30px;
                bottom: 30px
            }

    @media(max-width:768px) {
        .single-featured-4 .feature-image img {
            width: 100%
        }
    }

    .single-featured-4:hover {
        box-shadow: 0 1rem 3rem rgba(145,199,61,.3)
    }

    .single-featured-5 {
        transition: all .4s linear 0s
    }

        .single-featured-5:hover .border-6 {
            border-color: #031c4c
        }

        .single-featured-5 h3 {
            padding-top: 30px;
            font-weight: 600
        }

        .single-featured-5 .featured-text-and-info {
            border-top-color: #031c4c;
            transition: all .4s linear .09s
        }

        .single-featured-5 .feature-image {
            position: relative
        }

            .single-featured-5 .feature-image .product-price-4 {
                position: absolute;
                right: 30px;
                bottom: 30px
            }

    .featured-text-and-info {
        position: relative
    }

    .feature-image {
        position: relative
    }

    .feature-status {
        display: flex;
        justify-content: space-between
    }

        .feature-status span {
            color: #a2a2a2
        }

        .feature-status i {
            color: #031c4c;
            font-size: 14px
        }

    .feature-status-2 {
        display: flex;
        justify-content: space-between
    }

        .feature-status-2 span {
            color: #a2a2a2
        }

        .feature-status-2 i {
            color: #a52a2a;
            font-size: 14px
        }

    .feature-status-3 {
        display: flex;
        justify-content: space-between
    }

        .feature-status-3 span {
            color: #a2a2a2
        }

            .feature-status-3 span i {
                color: #f99e1c
            }

        .feature-status-3 i {
            color: #a2a2a2;
            font-size: 14px
        }

    .feature-status-4 {
        display: flex;
        justify-content: space-between
    }

        .feature-status-4 span {
            color: #a2a2a2
        }

            .feature-status-4 span i {
                color: #91c73d
            }

        .feature-status-4 i {
            color: #91c73d;
            font-size: 14px
        }

    .feature-content h3 {
        font-family: poppins,sans-serif;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 0;
        padding-bottom: 15px
    }

        .feature-content h3 a {
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .feature-content h3 a:hover {
                text-decoration: none;
                color: #031c4c
            }

    .feature-content-2 h3 {
        font-family: poppins,sans-serif;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0;
        padding: 18px;
        text-align: center;
    }

        .feature-content-2 h3 a {
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .feature-content-2 h3 a:hover {
                text-decoration: none;
                color: #a52a2a
            }

    .feature-content-3 h3 {
        font-family: poppins,sans-serif;
        font-size: 24px;
        font-weight: 600;
        margin: 0;
        padding-top: 0;
        padding-bottom: 15px
    }

        .feature-content-3 h3 a {
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .feature-content-3 h3 a:hover {
                text-decoration: none;
                color: #91c73d
            }

    .product-price {
        display: inline-block;
        padding: .6rem 1rem;
        background-color: #031c4c;
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        text-align: center
    }

        .product-price p {
            margin-bottom: 0
        }

    .product-price-2 {
        display: inline-block;
        padding: .6rem 1rem;
        background-color: #a52a2a;
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        text-align: center
    }

        .product-price-2 p {
            margin-bottom: 0
        }

    .product-price-3 {
        display: inline-block;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border: 2px solid #a52a2a;
        font-size: 24px;
        font-weight: 500;
        line-height: 70px;
        color: #a52a2a;
        background-color: #fff;
        z-index: 2;
        position: absolute;
        bottom: -35px;
        left: 50%;
        transform: translateX(-50%)
    }

        .product-price-3 p {
            margin-bottom: 0;
            line-height: 68px
        }

    .product-price-4 {
        display: inline-block;
        padding: .6rem 1rem;
        background-color: #91c73d;
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        text-align: center
    }

        .product-price-4 p {
            margin-bottom: 0
        }

    .product-price-5 {
        display: inline-block;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border: 2px solid #031c4c;
        font-size: 24px;
        font-weight: 500;
        line-height: 70px;
        color: #031c4c;
        background-color: #fff;
        z-index: 2;
        position: absolute;
        bottom: -35px;
        left: 50%;
        transform: translateX(-50%)
    }

        .product-price-5 p {
            margin-bottom: 0;
            line-height: 68px
        }

    .event-date-2 {
        display: inline-block;
        padding: .6rem 1rem;
        background-color: #a52a2a;
        color: #fff;
        font-size: 20px;
        text-align: center
    }

        .event-date-2 p {
            margin-bottom: 0
        }

    .courses-list {
        text-align: center
    }

    @media(max-width:768px) {
        .courses-list {
            text-align: left
        }
    }

    @media(max-width:575px) {
        .courses-list {
            text-align: left
        }
    }

    .courses-list ul li {
        cursor: pointer;
        margin: 5px
    }

    @media(max-width:768px) {
        .countdown-wrapper.translate_50 {
            transform: translateY(15%) !important
        }
    }

    @media(max-width:575px) {
        .countdown-wrapper.translate_50 {
            transform: translateY(5%) !important
        }
    }

    .single-countdown {
        text-align: center;
        border-width: 6px;
        border-style: solid;
        border-image: url(assets/images/border.png) 5;
        border-image-outset: inherit;
        border-image-repeat: no-repeat;
        border-image-repeat: repeat
    }

        .single-countdown p {
            color: #fff;
            font-weight: 600
        }

        .single-countdown span {
            color: #031c4c;
            font-size: 60px;
            font-weight: 600
        }

    @media(min-width:768px) and (max-width:991px) {
        .single-countdown {
            border-width: 5px
        }
    }

    .single-countdown-2 {
        text-align: center;
        border-width: 7px;
        border-style: solid;
        border-image: url(assets/images/border.png) 7;
        border-image-outset: inherit;
        border-image-repeat: no-repeat;
        border-image-repeat: repeat
    }

        .single-countdown-2 p {
            color: #9b0808;
            font-weight: 600;
            font-size: 14px
        }

        .single-countdown-2 span {
            color: #031c4c;
            font-size: 60px;
            font-weight: 700
        }

    @media(min-width:768px) and (max-width:991px) {
        .single-countdown-2 {
            border-width: 6px
        }
    }

    .single-countdown-3 {
        text-align: center;
        border-width: 6px;
        border-style: solid;
        border-image: url(assets/images/border.png) 5;
        border-image-outset: inherit;
        border-image-repeat: no-repeat;
        border-image-repeat: repeat;
        background-color: #031c4c
    }

        .single-countdown-3 p {
            color: #fff;
            font-weight: 600
        }

        .single-countdown-3 span {
            color: #a52a2a;
            font-size: 60px;
            font-weight: 600
        }

    @media(min-width:768px) and (max-width:991px) {
        .single-countdown-3 {
            border-width: 5px
        }
    }

    .single-countdown-4 {
        text-align: center;
        border-width: 6px;
        border-style: solid;
        border-image: url(assets/images/border.png) 5;
        border-image-outset: inherit;
        border-image-repeat: no-repeat;
        border-image-repeat: repeat;
        background-color: #0d1028
    }

        .single-countdown-4 p {
            color: #fff;
            font-weight: 600;
            font-size: 20px
        }

        .single-countdown-4 span {
            color: #91c73d;
            font-size: 60px;
            font-weight: 600
        }

    @media(min-width:768px) and (max-width:991px) {
        .single-countdown-4 p {
            font-size: 15px
        }
    }

    .single-countdown-5 {
        text-align: center;
        background-color: #031c4c;
        border-width: 6px;
        border-style: solid;
        border-color: #fff
    }

        .single-countdown-5 p {
            color: #fff;
            font-weight: 600;
            font-size: 20px
        }

        .single-countdown-5 span {
            color: #a52a2a;
            font-size: 60px;
            font-weight: 600
        }

    @media(min-width:768px) and (max-width:991px) {
        .single-countdown-5 p {
            font-size: 15px
        }
    }

    .half_column_image {
        position: relative;
        transition: all .4s linear 0s
    }

        .half_column_image .video-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            text-align: center;
            transform: translate(-50%,-50%)
        }

            .half_column_image .video-play-btn i {
                font-size: 55px;
                color: #031c4c;
                background-color: #fff;
                border-radius: 50%;
                padding: 10px;
                transition: all .4s linear 0s
            }

        .half_column_image:hover i {
            background-color: #031c4c;
            color: #fff
        }

    @media(min-width:768px) and (max-width:991px) {
        .half_column_image img {
            width: 100%
        }
    }

    @media(min-width:992px) {
        .half_column_image img {
            object-fit: cover
        }
    }

    .half_column_image .play-button-2 {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 15px 25px;
        color: #fff;
        background-color: #91c73d;
        transition: all .4s linear 0s;
        font-weight: 500
    }

        .half_column_image .play-button-2:hover {
            text-decoration: none;
            background-color: rgba(145,199,61,.8)
        }

    .half_column_image_2 img {
        object-fit: cover
    }

    .half_column_content_2 h2 {
        font-size: 33px;
        color: #9b0808;
        padding-bottom: 15px;
        font-weight: 600;
        text-transform: capitalize
    }

    @media(max-width:768px) {
        .half_column_content_2 h2 {
            font-size: 30px
        }
    }

    @media(max-width:575px) {
        .half_column_content_2 h2 {
            font-size: 30px
        }
    }

    .post-meta-info {
        display: inline-block;
        border: 2px solid #031c4c;
        width: 50%;
        padding: 1.5rem;
        background-color: #fff9f6;
        margin-top: 5px
    }

        .post-meta-info ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .post-meta-info ul li {
                color: #031c4c;
                padding: 5px
            }

    @media(max-width:768px) {
        .two-column-section.section-pt {
            padding: 50px 0
        }
    }

    @media(max-width:575px) {
        .two-column-section.section-pt {
            padding: 50px 0
        }
    }

    .our-team-carousel-4 {
        margin-bottom: -20px
    }

    .member-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        padding: 20px;
        font-family: poppins,sans-serif;
        transition: all .4s linear 0s
    }

        .member-info p {
            margin-bottom: 0;
            font-size: 14px
        }

        .member-info a {
            color: #fff;
            font-size: 14px
        }

            .member-info a:hover {
                text-decoration: none
            }

        .member-info h6 {
            font-size: 16px;
            font-weight: 500
        }

        .member-info span {
            font-size: 14px
        }

    .member-info-2 .extra-skilled p {
        margin-bottom: 0;
        padding: 5px 0
    }

        .member-info-2 .extra-skilled p strong {
            color: #031c4c;
            font-size: 14px
        }

    .member-info-2 span {
        color: #666;
        font-size: 14px
    }

    .member-info-2 h5 {
        font-size: 15px;
        color: #031c4c
    }

.member-info-3 h5 {
    color: #031c4c;
    font-size: 18px;
    font-family: poppins,sans-serif;
    font-weight: 600
}

.member-info-3 span {
    color: #000;
    font-size: 12px;
    font-weight: 500
}

.member-info-4 h5 {
    color: #031c4c;
/*    font-size: 18px;
*/    font-family: poppins,sans-serif;
    font-weight: 600
}

    .member-info-4 span {
        color: #666;
        font-size: 14px
    }

    .social-profile ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .social-profile ul li a {
            display: inline-block;
            width: 35px;
            height: 35px;
            line-height: 35px;
            color: #031c4c;
            border: 1px solid #031c4c;
            border-radius: 50%;
            background-color: #fff;
            transition: all .4s linear 0s;
            text-align: center;
            margin: 5px 0
        }

            .social-profile ul li a:hover {
                background-color: #031c4c;
                color: #fff
            }

    .member-image {
        position: relative;
        overflow: hidden
    }

        .member-image .social-profile {
            position: absolute;
            top: 30px;
            right: 30px;
            opacity: 0;
            visibility: hidden;
            transition: all .4s linear 0s
        }

        .member-image img {
            width: 100%
        }

    .member-image-2 {
        position: relative;
        overflow: hidden
    }

    .member-image-3 {
        padding-bottom: 20px;
        overflow: hidden;
        text-align: center;
    }

        .member-image-3 img {
            width: 200px !important;
            height: 200px;
            margin: 0 auto;
            /*border-radius: 50%*/
        }

    .social-profile-2 {
        position: absolute;
        bottom: 15px;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transition: all .4s linear 0s;
        left: 0;
        right: 0
    }

        .social-profile-2 ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .social-profile-2 ul li {
                display: inline-block;
                margin: 0 5px
            }

                .social-profile-2 ul li a {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    color: #a52a2a;
                    border-radius: 50%;
                    background-color: #fff;
                    transition: all .4s linear 0s;
                    text-align: center;
                    margin: 5px 0
                }

                    .social-profile-2 ul li a:hover {
                        background-color: #a52a2a;
                        color: #fff
                    }

    .social-profile-3 {
        position: absolute;
        bottom: 15px;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transition: all .4s linear 0s;
        left: 0;
        right: 0
    }

        .social-profile-3 ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .social-profile-3 ul li {
                display: inline-block;
                margin: 0 5px
            }

                .social-profile-3 ul li a {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    color: #a1a1a1;
                    border-radius: 50%;
                    background-color: #efefef;
                    transition: all .4s linear 0s;
                    text-align: center;
                    margin: 5px 0
                }

                    .social-profile-3 ul li a:hover {
                        background-color: #031c4c;
                        color: #fff
                    }

    .social-profile-4 {
        position: absolute;
        bottom: 15px;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transition: all .4s linear 0s;
        left: 0;
        right: 0
    }

        .social-profile-4 ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .social-profile-4 ul li {
                display: inline-block;
                margin: 0 5px
            }

                .social-profile-4 ul li a {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    color: #a1a1a1;
                    border-radius: 50%;
                    background-color: #efefef;
                    transition: all .4s linear 0s;
                    text-align: center;
                    margin: 5px 0
                }

                    .social-profile-4 ul li a:hover {
                        background-color: #a52a2a;
                        color: #fff
                    }

    .social-profile-5 {
        position: relative;
        text-align: center;
        transition: all .4s linear 0s
    }

        .social-profile-5 ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .social-profile-5 ul li {
                display: inline-block;
                margin: 0 5px
            }

                .social-profile-5 ul li a {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    color: #a1a1a1;
                    border-radius: 50%;
                    background-color: #efefef;
                    transition: all .4s linear 0s;
                    text-align: center;
                    margin: 5px 0
                }

                    .social-profile-5 ul li a:hover {
                        background-color: #91c73d;
                        color: #fff
                    }

    .social-profile-6 {
        position: absolute;
        bottom: 0;
        text-align: center;
        transition: all .4s linear 0s;
        left: 0;
        right: 0;
        background-color: #031c4c;
        padding: 10px 0
    }

        .social-profile-6 ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .social-profile-6 ul li {
                display: inline-block;
                margin: 0 5px
            }

                .social-profile-6 ul li a {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    color: #fff;
                    border-radius: 50%;
                    background-color: #032d5c;
                    transition: all .4s linear 0s;
                    text-align: center;
                    margin: 5px 0
                }

                    .social-profile-6 ul li a:hover {
                        background-color: #031c4c;
                        color: #fff
                    }

    .single-team {
        overflow: hidden;
        box-shadow: 0 0.5rem 1rem rgb(34 34 34 / 15%) !important;
    }

        .single-team:hover .social-profile {
            opacity: 1;
            visibility: visible;
            cursor:pointer;
        }

        .single-team:hover .member-info {
            background-color: #031c4c;
            cursor: pointer;
        }

        .single-team:hover .social-profile-2 {
            opacity: 1;
            visibility: visible;
            cursor: pointer;
        }

        .single-team:hover .social-profile-3 {
            opacity: 1;
            visibility: visible;
            cursor: pointer;
        }

        .single-team:hover .social-profile-4 {
            opacity: 1;
            visibility: visible;
            cursor: pointer;
        }

        .single-team:hover .member-info-4 {
            background-color: #031c4c;
            color: #fff;
            transition: all .4s linear 0s;
            cursor: pointer;
        }

            .single-team:hover .member-info-4 .designation h5 {
                color: #fff
            }

            .single-team:hover .member-info-4 .designation span {
                color: #fff
            }

        .single-team:hover .member-image-2 {
            overflow: hidden
        }

            .single-team:hover .member-image-2 img {
                transform: scale3d(1.2,1.2,1.3)
            }

        .single-team img {
            width: 100%;
            transition: all .4s linear 0s;
            cursor: pointer;9385+986.
                7889*8526568/83-+3.02.201.000000.0.0.0000000000000000000000*/**/
                *963.*965354454654541
        }

    .border-opt .single-team {
        transition: all .4s linear 0s
    }

        .border-opt .single-team:hover .border {
            border-color: #a52a2a !important;
            border-width: 2px !important
        }

    .show_navigation {
        position: relative
    }

        .show_navigation .owl-nav {
            position: absolute;
            top: -120px;
            right: 0
        }

    @media(min-width:768px) and (max-width:991px) {
        .show_navigation .owl-nav {
            display: none
        }
    }

    @media(max-width:768px) {
        .show_navigation .owl-nav {
            display: none
        }
    }

    .show_navigation .owl-nav button {
        margin: 10px
    }

        .show_navigation .owl-nav button i {
            font-size: 22px
        }

        .show_navigation .owl-nav button.owl-prev {
            width: 50px;
            height: 50px;
            background: #efefef;
            line-height: 55px;
            display: inline-block;
            border-radius: 50%;
            color: #a1a1a1;
            border: 1px solid #a1a1a1;
            transition: all .4s linear 0s
        }

            .show_navigation .owl-nav button.owl-prev:hover {
                background-color: #031c4c;
                border-color: #031c4c;
                color: #fff
            }

        .show_navigation .owl-nav button.owl-next {
            width: 50px;
            height: 50px;
            line-height: 55px;
            background: #efefef;
            display: inline-block;
            border-radius: 50%;
            color: #a1a1a1;
            border: 1px solid #a1a1a1;
            transition: all .4s linear 0s
        }

            .show_navigation .owl-nav button.owl-next:hover {
                background-color: #031c4c;
                border-color: #031c4c;
                color: #fff
            }

        .show_navigation .owl-nav button:focus {
            outline: 0;
            box-shadow: none
        }

    .show_navigation_2 {
        position: relative
    }

        .show_navigation_2 .owl-nav {
            position: absolute;
            top: -97px;
            right: 0
        }

    @media(min-width:768px) and (max-width:991px) {
        .show_navigation_2 .owl-nav {
            display: none
        }
    }

    @media(max-width:768px) {
        .show_navigation_2 .owl-nav {
            display: none
        }
    }

    .show_navigation_2 .owl-nav button {
        margin: 10px
    }

        .show_navigation_2 .owl-nav button i {
            font-size: 22px
        }

        .show_navigation_2 .owl-nav button.owl-prev {
            width: 50px;
            height: 50px;
            background: #efefef;
            line-height: 55px;
            display: inline-block;
            border-radius: 50%;
            color: #a1a1a1;
            border: 1px solid #a1a1a1;
            transition: all .4s linear 0s
        }

            .show_navigation_2 .owl-nav button.owl-prev:hover {
                background-color: #a52a2a;
                border-color: #a52a2a;
                color: #fff
            }

        .show_navigation_2 .owl-nav button.owl-next {
            width: 50px;
            height: 50px;
            line-height: 55px;
            background: #efefef;
            display: inline-block;
            border-radius: 50%;
            color: #a1a1a1;
            border: 1px solid #a1a1a1;
            transition: all .4s linear 0s
        }

            .show_navigation_2 .owl-nav button.owl-next:hover {
                background-color: #a52a2a;
                border-color: #a52a2a;
                color: #fff
            }

        .show_navigation_2 .owl-nav button:focus {
=           outline: 0;            box-shadow: none
        }

    .show_navigation_3 {
        position: relative
    }

        .show_navigation_3 .owl-nav {
            font-size: 30px
        }

    @media(min-width:768px) and (max-width:991px) {
        .show_navigation_3 .owl-nav {
            display: none
        }
    }

    @media(max-width:768px) {
        .show_navigation_3 .owl-nav {
            display: none
        }
    }

    .show_navigation_3 .owl-nav button {
        margin: 10px
    }

        .show_navigation_3 .owl-nav button i {
            font-size: 22px
        }

        .show_navigation_3 .owl-nav button.owl-prev {
            position: absolute;
            width: 50px;
            height: 50px;
            background: #efefef;
            line-height: 50px;
            display: inline-block;
            border-radius: 50%;
            color: #a1a1a1;
            border: 1px solid #a1a1a1;
            transition: all .4s linear 0s;
            top: 50%;
            transform: translateY(-50%);
            display: none
        }

    @media(min-width:1199px) {
        .show_navigation_3 .owl-nav button.owl-prev {
            display: inline-block;
            left: -80px
        }
    }

    .show_navigation_3 .owl-nav button.owl-prev:hover {
        background-color: #031c4c;
        border-color: #031c4c;
        color: #fff
    }

    .show_navigation_3 .owl-nav button.owl-next {
        position: absolute;
        width: 50px;
        height: 50px;
        line-height: 50px;
        background: #efefef;
        display: inline-block;
        border-radius: 50%;
        color: #a1a1a1;
        border: 1px solid #a1a1a1;
        transition: all .4s linear 0s;
        transform: translateY(-50%);
        top: 50%;
        display: none
    }

    @media(min-width:1199px) {
        .show_navigation_3 .owl-nav button.owl-next {
            display: inline-block;
            right: -80px
        }
    }

    .show_navigation_3 .owl-nav button.owl-next:hover {
        background-color: #031c4c;
        border-color: #031c4c;
        color: #fff
    }

    .show_navigation_3 .owl-nav button:focus {
        outline: 0;
        box-shadow: none
    }

    .show_navigation_4 {
        position: relative
    }

        .show_navigation_4 .owl-nav {
            font-size: 30px
        }

    @media(min-width:768px) and (max-width:991px) {
        .show_navigation_4 .owl-nav {
            display: none
        }
    }

    @media(max-width:768px) {
        .show_navigation_4 .owl-nav {
            display: none
        }
    }

    .show_navigation_4 .owl-nav button {
        margin: 10px
    }

        .show_navigation_4 .owl-nav button i {
            font-size: 22px
        }

        .show_navigation_4 .owl-nav button.owl-prev {
            position: absolute;
            width: 50px;
            height: 50px;
            background: #efefef;
            line-height: 50px;
            display: inline-block;
            border-radius: 50%;
            color: #a1a1a1;
            border: 1px solid #a1a1a1;
            transition: all .4s linear 0s;
            left: -90px;
            top: 50%;
            transform: translateY(-50%)
        }

            .show_navigation_4 .owl-nav button.owl-prev:hover {
                background-color: #91c73d;
                border-color: #91c73d;
                color: #fff
            }

    @media(min-width:992px) {
        .show_navigation_4 .owl-nav button.owl-prev {
            display: none
        }
    }

    @media(min-width:1199px) {
        .show_navigation_4 .owl-nav button.owl-prev {
            display: block
        }
    }

    .show_navigation_4 .owl-nav button.owl-next {
        position: absolute;
        width: 50px;
        height: 50px;
        line-height: 50px;
        background: #efefef;
        display: inline-block;
        border-radius: 50%;
        color: #a1a1a1;
        border: 1px solid #a1a1a1;
        transition: all .4s linear 0s;
        right: -90px;
        transform: translateY(-50%);
        top: 50%
    }

        .show_navigation_4 .owl-nav button.owl-next:hover {
            background-color: #91c73d;
            border-color: #91c73d;
            color: #fff
        }

    @media(min-width:992px) {
        .show_navigation_4 .owl-nav button.owl-next {
            display: none
        }
    }

    @media(min-width:1199px) {
        .show_navigation_4 .owl-nav button.owl-next {
            display: block
        }
    }

    .show_navigation_4 .owl-nav button:focus {
        outline: 0;
        box-shadow: none
    }

    .single-event {
        display: flex;
        justify-content: space-between
    }

        .single-event .event-date {
            display: inline-block;
            padding: 5px 35px;
            background-color: #fff;
            text-align: center;
            margin-right: 30px;
            border: 4px solid #ddd;
            min-width: 160px;
            height: 160px
        }

            .single-event .event-date span {
                font-size: 65px;
                color: #031c4c;
                font-weight: 600
            }

            .single-event .event-date p {
                font-size: 24px;
                color: #56566a;
                font-weight: 500;
                margin-bottom: 0
            }

        .single-event h5 {
            font-size: 20px;
            font-weight: 600
        }

            .single-event h5 a {
                color: #031c4c;
                transition: all .4s linear 0s
            }

                .single-event h5 a:hover {
                    color: #031c4c;
                    text-decoration: none
                }

        .single-event .event-meta {
            display: flex
        }

            .single-event .event-meta .single-meta {
                padding-left: 40px
            }

                .single-event .event-meta .single-meta:first-child {
                    padding-left: 0
                }

    @media(min-width:1199px) {
        .single-event .event-meta .single-meta p {
            font-size: 16px !important
        }
    }

    @media(min-width:992px) {
        .single-event .event-meta .single-meta p {
            font-size: 12px
        }
    }

    @media(max-width:575px) {
        .single-event .event-meta .single-meta p {
            font-size: 12px
        }
    }

    .single-event i {
        color: #031c4c
    }

    .event-content h2 {
        font-size: 24px;
        margin-bottom: 15px;
        font-family: poppins
    }

        .event-content h2 a {
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .event-content h2 a:hover {
                text-decoration: none;
                color: #031c4c
            }

    .event-content-one h2 {
        font-size: 24px;
        margin-bottom: 15px;
        font-family: poppins;
        font-weight: 600
    }

        .event-content-one h2 a {
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .event-content-one h2 a:hover {
                text-decoration: none;
                color: #031c4c
            }

    .single-event-2 {
        box-shadow: 0 0.5rem 1rem rgb(34 34 34 / 15%) !important;
        display: flex;
        /*justify-content: space-between*/
    }

        .single-event-2 .event-date {
            display: inline-block;
            padding: 5px 35px;
            background-color: #fff;
            text-align: center;
            margin-right: 30px;
            border: 3px solid #ddd;
            min-width: 160px
        }

            .single-event-2 .event-date span {
                font-size: 65px;
                color: #a52a2a;
                font-weight: 600
            }

            .single-event-2 .event-date p {
                font-size: 24px;
                color: #56566a;
                margin-bottom: 0;
                font-weight: 600
            }

        .single-event-2 h5 {
            font-size: 20px;
            font-weight: 500
        }

            .single-event-2 h5 a {
                color: #031c4c;
                transition: all .4s linear 0s
            }

                .single-event-2 h5 a:hover {
                    color: #a52a2a;
                    text-decoration: none
                }

        .single-event-2 .event-meta {
            display: flex
        }

            .single-event-2 .event-meta .single-meta {
                padding-left: 40px
            }

    @media(min-width:992px) {
        .single-event-2 .event-meta .single-meta {
            padding-left: 12px
        }
    }

    .single-event-2 .event-meta .single-meta:first-child {
        padding-left: 0
    }

    @media(max-width:575px) {
        .single-event-2 .event-meta .single-meta p {
            font-size: 12px
        }
    }

    @media(min-width:992px) {
        .single-event-2 .event-meta .single-meta p {
            font-size: 14px
        }
    }

    .single-event-2 i {
        color: #a52a2a
    }

    .single-event-3 {
        display: flex;
        justify-content: space-between
    }

        .single-event-3 .event-date {
            display: inline-block;
            padding: 5px 35px;
            background-color: #fff;
            text-align: center;
            margin-right: 30px;
            border: 3px solid #ddd;
            min-width: 160px
        }

            .single-event-3 .event-date span {
                font-size: 65px;
                color: #91c73d;
                font-weight: 600
            }

            .single-event-3 .event-date p {
                font-size: 24px;
                color: #56566a;
                margin-bottom: 0
            }

        .single-event-3 h5 {
            font-size: 20px;
            font-weight: 500
        }

            .single-event-3 h5 a {
                color: #031c4c;
                transition: all .4s linear 0s
            }

                .single-event-3 h5 a:hover {
                    color: #91c73d;
                    text-decoration: none
                }

        .single-event-3 .event-meta {
            display: flex
        }

            .single-event-3 .event-meta .single-meta {
                padding-left: 40px
            }

    @media(min-width:992px) {
        .single-event-3 .event-meta .single-meta {
            padding-left: 12px
        }
    }

    .single-event-3 .event-meta .single-meta:first-child {
        padding-left: 0
    }

    @media(max-width:575px) {
        .single-event-3 .event-meta .single-meta p {
            font-size: 12px
        }
    }

    @media(min-width:992px) {
        .single-event-3 .event-meta .single-meta p {
            font-size: 14px
        }
    }

    .single-event-3 i {
        color: #91c73d
    }

    .event-content h2 {
        font-size: 24px;
        margin-bottom: 15px
    }

        .event-content h2 a {
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .event-content h2 a:hover {
                text-decoration: none;
                color: #a52a2a
            }

    .events-info {
        display: flex;
        position: absolute;
        bottom: 30px;
        justify-content: space-between;
        padding: 15px 20px;
        width: 85%;
        left: 7%;
        border-radius: 30px;
        font-size: 14px;
        color: #56566a
    }

    @media(max-width:575px) {
        .events-info {
            width: 90%;
            left: 5%
        }
    }

    .events-info i {
        color: #031c4c;
        font-size: 15px
    }

    .events-info p {
        margin-bottom: 0
    }

    @media(max-width:575px) {
        .events-info p {
            font-size: 12px
        }
    }

    .events-info-2 {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 30px;
        padding: 15px 20px;
        width: 80%;
        left: 10%;
        border-radius: 30px;
        font-size: 14px;
        color: #56566a
    }

    @media(max-width:768px) {
        .events-info-2 {
            width: 96%;
            left: 2%
        }
    }

    @media(max-width:575px) {
        .events-info-2 {
            width: 96%;
            left: 2%
        }
    }

    .events-info-2 i {
        color: #031c4c;
        font-size: 15px
    }

    .events-info-2 p {
        margin-bottom: 0
    }

    .events-info-2 .single-event-data {
        padding: 0 5px
    }

        .events-info-2 .single-event-data a {
            color: #031c4c
        }

            .events-info-2 .single-event-data a:hover {
                text-decoration: none
            }

        .events-info-2 .single-event-data span {
            color: #031c4c;
            font-weight: 500
        }

    .single-blog .post-meta {
        position: absolute;
        bottom: 30px;
        padding: 15px 20px;
        width: 70%;
        left: 15%;
        border-radius: 30px;
        font-size: 14px;
        color: #56566a;
        text-align: center
    }

    @media(max-width:575px) {
        .single-blog .post-meta {
            width: 90%;
            left: 5%
        }
    }

    .single-blog .post-meta i {
        color: #031c4c;
        font-size: 15px
    }

    .single-blog .post-meta p {
        margin-bottom: 0
    }

    .single-blog .post-meta .single-event-data {
        display: inline-block
    }

        .single-blog .post-meta .single-event-data a {
            color: #031c4c
        }

        .single-blog .post-meta .single-event-data p {
            padding: 0 5px;
            font-size: 14px;
            color: #666
        }

    .event-image {
        position: relative;
        overflow: hidden
    }

    @media(min-width:768px) and (max-width:991px) {
        .event-image img {
            width: 100%
        }
    }

    .single-testimonial {
        position: relative;
        margin-top: 30px;
        padding-top: 2.3em !important
    }

        .single-testimonial:before {
            content: "\f10d";
            position: absolute;
            left: 30px;
            top: -30px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            line-height: 50px;
            background-color: #031c4c;
            color: #fff;
            font-family: "font awesome 5 free";
            font-weight: 900;
            text-align: center
        }

        .single-testimonial p {
            line-height: 28px
        }

    .testimonial-referance p {
        margin-bottom: 0
    }

    .single-testimonial-2 {
        position: relative;
        margin-top: 80px
    }

        .single-testimonial-2:before {
            content: "\f10d";
            position: absolute;
            left: 125px;
            top: -85px;
            z-index: 9;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            line-height: 40px;
            background-color: #a52a2a;
            color: #fff;
            font-family: "font awesome 5 free";
            font-weight: 900;
            font-size: 14px;
            text-align: center;
            border: 3px solid #fff
        }

        .single-testimonial-2 .testimonial-pic {
            position: absolute;
            top: -55px;
            left: 40px
        }

            .single-testimonial-2 .testimonial-pic img {
                width: 110px;
                height: 110px
            }

        .single-testimonial-2 .testimonial-text p {
            font-style: italic;
            font-size: 15px
        }

        .single-testimonial-2 .testimonial-referance strong {
            color: #031c4c;
            font-size: 16px
        }

        .single-testimonial-2 .testimonial-referance p {
            font-size: 16px;
            margin-bottom: 0
        }

        .single-testimonial-2 p {
            line-height: 28px
        }

    .single-testimonial-3 {
        position: relative;
        margin-top: 60px;
        padding-top: 30px
    }

        .single-testimonial-3:before {
            content: "\f10d";
            position: absolute;
            left: 50%;
            top: -40px;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            line-height: 50px;
            background-color: #031c4c;
            color: #fff;
            font-family: "font awesome 5 free";
            font-weight: 900;
            text-align: center
        }

        .single-testimonial-3 p {
            font-style: italic;
            font-size: 16px
        }

        .single-testimonial-3 .testimonial-referance strong {
            display: block
        }

        .single-testimonial-3 p {
            line-height: 28px
        }

    .single-testimonial-4 {
        position: relative;
        margin-top: 60px;
        padding-top: 30px
    }

        .single-testimonial-4:before {
            content: "\f10d";
            position: absolute;
            left: 50%;
            top: -40px;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            line-height: 50px;
            background-color: #a52a2a;
            color: #fff;
            font-family: "font awesome 5 free";
            font-weight: 900;
            text-align: center
        }

        .single-testimonial-4 p {
            font-style: italic;
            font-size: 16px
        }

        .single-testimonial-4 .testimonial-referance strong {
            display: block
        }

        .single-testimonial-4 p {
            line-height: 28px
        }

    .single-testimonial-6 {
        position: relative;
        text-align: center;
        margin-bottom: 45px
    }

        .single-testimonial-6 > p {
            display: inline-block;
            font-style: italic;
            font-size: 16px
        }

            .single-testimonial-6 > p:after {
                content: "\f10e";
                font-family: "font awesome 5 free";
                font-weight: 900;
                position: absolute;
                padding-left: 10px;
                font-size: 22px;
                color: #1e2458
            }

        .single-testimonial-6 .testimonial-referance p {
            margin-bottom: 0
        }

        .single-testimonial-6 .quote-author-pic {
            position: absolute;
            left: 50%;
            bottom: -45px;
            background-repeat: no-repeat;
            background-size: cover;
            width: 90px;
            height: 90px;
            transform: translateX(-50%)
        }

            .single-testimonial-6 .quote-author-pic img {
                width: 100%;
                height: 100%;
                border-radius: 50%
            }

        .single-testimonial-6 p {
            line-height: 28px
        }

    .testimonials-wrapper .owl-dots {
        text-align: center;
        margin-top: 60px;
        line-height: 10px
    }

        .testimonials-wrapper .owl-dots button:focus {
            outline: 0;
            box-shadow: none
        }

        .testimonials-wrapper .owl-dots .owl-dot.active span {
            background-color: #031c4c;
            height: 30px
        }

        .testimonials-wrapper .owl-dots .owl-dot span {
            width: 10px;
            height: 20px;
            margin: 5px 7px 0;
            background: #ffc6ac;
            display: inline-block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
            transition: all .5s linear .2s
        }

    .testimonials-wrapper-2 .owl-dots {
        text-align: center;
        margin-top: 20px
    }

        .testimonials-wrapper-2 .owl-dots button:focus {
            outline: 0;
            box-shadow: none
        }

        .testimonials-wrapper-2 .owl-dots .owl-dot.active {
            transition: all .4s linear .09s
        }

            .testimonials-wrapper-2 .owl-dots .owl-dot.active span {
                background-color: #a52a2a;
                height: 30px
            }

        .testimonials-wrapper-2 .owl-dots .owl-dot span {
            width: 10px;
            height: 20px;
            margin: 5px 7px;
            background: #c8f3ff;
            display: inline-block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
            transition: all .4s linear 0s
        }

    .testimonials-wrapper-3 .owl-dots {
        text-align: center;
        margin-top: 30px;
        line-height: 10px
    }

        .testimonials-wrapper-3 .owl-dots button:focus {
            outline: 0;
            box-shadow: none
        }

        .testimonials-wrapper-3 .owl-dots .owl-dot.active span {
            background-color: #031c4c;
            height: 30px
        }

        .testimonials-wrapper-3 .owl-dots .owl-dot span {
            width: 10px;
            height: 20px;
            margin: 0 5px 0 7px;
            background: #031c4c;
            display: inline-block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
            transition: all .4s linear 0s
        }

    .testimonials-wrapper-4 .owl-dots {
        text-align: center;
        margin-top: 30px
    }

        .testimonials-wrapper-4 .owl-dots button:focus {
            outline: 0;
            box-shadow: none
        }

        .testimonials-wrapper-4 .owl-dots .owl-dot.active span {
            background-color: #a52a2a;
            height: 30px
        }

        .testimonials-wrapper-4 .owl-dots .owl-dot span {
            width: 10px;
            height: 20px;
            margin: 5px 7px;
            background: #fff;
            display: inline-block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px;
            transition: all .4s linear 0s
        }

    .has_bordered {
        position: relative
    }

        .has_bordered h2 {
            display: inline-block;
            position: relative
        }

            .has_bordered h2:before {
                content: "";
                position: absolute;
                left: 50%;
                bottom: -5px;
                width: 50%;
                height: 1px;
                background-color: #a52a2a;
                transform: translateX(-50%)
            }

    .blog-lists-wrapper .single-blog-wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px
    }

        .blog-lists-wrapper .single-blog-wrapper .blog-thumb img {
            width: 140px;
            height: 140px;
            object-fit: cover
        }

        .blog-lists-wrapper .single-blog-wrapper:last-child {
            margin-bottom: 0
        }

    .blog-lists-wrapper .blog-content-wrapper {
        position: relative
    }

        .blog-lists-wrapper .blog-content-wrapper h4 {
            font-size: 16px;
            font-weight: 600;
            font-family: poppins,sans-serif;
            line-height: 1.5rem
        }

            .blog-lists-wrapper .blog-content-wrapper h4 a {
                color: #031c4c;
                transition: all .4s linear 0s;
                font-weight: 600;
                font-family: poppins
            }

                .blog-lists-wrapper .blog-content-wrapper h4 a:hover {
                    text-decoration: none;
                    color: #031c4c
                }

        .blog-lists-wrapper .blog-content-wrapper p {
            margin-bottom: 5px
        }

    .blog-lists-wrapper-2 .single-blog-wrapper {
        display: flex;
        /*justify-content: space-between;*/
        margin-bottom: 30px;
        /*border: 1px solid #0000001a;*/
        padding: 10px;
    }

        .blog-lists-wrapper-2 .single-blog-wrapper .blog-thumb img {
            width: 140px;
            height: 140px;
            object-fit: cover
        }

        .blog-lists-wrapper-2 .single-blog-wrapper:last-child {
            margin-bottom: 0
        }

    .blog-lists-wrapper-2 .blog-content-wrapper h4 {
        font-size: 16px;
        font-weight: 600;
        font-family: poppins,sans-serif;
        line-height: 1.5rem
    }

        .blog-lists-wrapper-2 .blog-content-wrapper h4 a {
            color: #031c4c;
            transition: all .4s linear 0s;
            font-family: poppins
        }

            .blog-lists-wrapper-2 .blog-content-wrapper h4 a:hover {
                text-decoration: none;
                color: #a52a2a
            }

    .blog-lists-wrapper-2 .blog-content-wrapper p {
        margin-bottom: 5px
    }

    .blog-lists-wrapper-2 .post-meta {
        position: relative !important
    }

    .blog-lists-wrapper-3 .single-blog-wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px
    }

        .blog-lists-wrapper-3 .single-blog-wrapper .blog-thumb img {
            width: 140px;
            height: 140px;
            object-fit: cover
        }

        .blog-lists-wrapper-3 .single-blog-wrapper:last-child {
            margin-bottom: 0
        }

    .blog-lists-wrapper-3 .blog-content-wrapper h4 {
        font-size: 16px;
        font-weight: 500;
        font-family: poppins,sans-serif;
        line-height: 1.5rem
    }

        .blog-lists-wrapper-3 .blog-content-wrapper h4 a {
            color: #031c4c;
            transition: all .4s linear 0s;
            font-family: poppins
        }

            .blog-lists-wrapper-3 .blog-content-wrapper h4 a:hover {
                text-decoration: none;
                color: #91c73d
            }

    .blog-lists-wrapper-3 .blog-content-wrapper p {
        margin-bottom: 5px
    }

    .post-meta span {
        font-size: 14px;
        font-style: italic
    }

    .big-blog-area .blog-meta span {
        color: #031c4c;
        font-size: 14px;
        font-weight: 500
    }

        .big-blog-area .blog-meta span.seperator {
            font-size: 12px;
            color: #031c4c
        }

        .big-blog-area .blog-meta span a {
            color: #031c4c
        }

    .big-blog-area .blog-meta-2 span {
        color: #a52a2a;
        font-size: 14px
    }

        .big-blog-area .blog-meta-2 span a {
            color: #a52a2a
        }

    .big-blog-area .blog-text h3 {
        margin-bottom: 0;
        padding: 15px 0;
        text-transform: capitalize;
        font-weight: 600
    }

        .big-blog-area .blog-text h3 a {
            color: #031c4c;
            transition: all .4s linear 0s;
            margin-top: 0;
            text-transform: capitalize;
            font-size: 20px;
            line-height: 1.8rem;
            font-weight: 600;
            font-family: poppins
        }

            .big-blog-area .blog-text h3 a:hover {
                text-decoration: none;
                color: #031c4c
            }

    .big-blog-area .blog-text a {
        display: inline-block;
        color: #031c4c;
        font-weight: 500;
        font-size: 15px;
        text-transform: uppercase;
        margin-top: 15px;
        transition: all .4s linear 0s
    }

        .big-blog-area .blog-text a i {
            transition: all .4s linear 0s
        }

        .big-blog-area .blog-text a:hover {
            text-decoration: none
        }

            .big-blog-area .blog-text a:hover i {
                padding-left: 5px
            }

    .big-blog-area .blog-text-2 h3 {
        margin-bottom: 0;
        padding: 15px 0;
        text-transform: capitalize
    }

        .big-blog-area .blog-text-2 h3 a {
            color: #031c4c;
            transition: all .4s linear 0s;
            margin-top: 0;
            text-transform: capitalize;
            font-size: 20px;
            line-height: 1.8rem;
            font-family: poppins;
            font-weight: 600
        }

            .big-blog-area .blog-text-2 h3 a:hover {
                text-decoration: none;
                color: #a52a2a
            }

    .big-blog-area .blog-text-2 a {
        display: inline-block;
        color: #a52a2a;
        font-weight: 500;
        font-size: 15px;
        text-transform: uppercase;
        margin-top: 15px;
        transition: all .4s linear 0s
    }

        .big-blog-area .blog-text-2 a i {
            transition: all .4s linear 0s
        }

        .big-blog-area .blog-text-2 a:hover {
            text-decoration: none
        }

            .big-blog-area .blog-text-2 a:hover i {
                padding-left: 5px
            }

    @media(min-width:768px) and (max-width:991px) {
        .big-blog-area .blog-thumb img {
            width: 100%
        }
    }

    @media(max-width:768px) {
        .big-blog-area .blog-thumb img {
            width: 100%
        }
    }

    @media(max-width:575px) {
        .big-blog-area .blog-thumb img {
            width: 100%
        }
    }

    .single_blog .blog-content {
        transition: all .4s linear 0s
    }

    .single_blog .event-image img {
        transition: all .4s linear 0s
    }

    .single_blog:hover .blog-content {
        box-shadow: 0 .5rem 1rem rgba(34,34,34,.15) !important
    }

    .single_blog:hover .event-image img {
        transform: scale3d(1.1,1.1,1.1)
    }

    .subscribe_box {
        display: flex;
        position: relative;
        height: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #fff;
        min-height: 400px
    }

        .subscribe_box .subscribe-text {
            margin-bottom: 80px
        }

            .subscribe_box .subscribe-text i {
                font-size: 100px;
                margin-bottom: 40px
            }

            .subscribe_box .subscribe-text h3 {
                font-size: 50px
            }

            .subscribe_box .subscribe-text p {
                margin-bottom: 0;
                font-size: 18px;
                text-transform: capitalize
            }

        .subscribe_box .subscribe-form {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0
        }

            .subscribe_box .subscribe-form button {
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 80px;
                border: 0;
                background-color: #a52a2a;
                color: #fff
            }

                .subscribe_box .subscribe-form button i {
                    font-size: 35px
                }

                .subscribe_box .subscribe-form button:focus {
                    outline: 0
                }

            .subscribe_box .subscribe-form input {
                border-radius: 0;
                height: 80px;
                background-color: #002959;
                color: #fff;
                border: 0;
                padding-left: 25px
            }

                .subscribe_box .subscribe-form input:focus {
                    outline: 0;
                    box-shadow: none
                }

    .footer-bottom-wrapper {
        border-color: rgba(255,255,255,.3) !important
    }

    .footer-area {
        color: #fff
    }

        .footer-area .footer-logo {
            padding-bottom: 30px
        }

    @media(max-width:575px) {
        .footer-area .footer-logo {
            padding-top: 30px;
            padding-bottom: 20px
        }
    }

    .widget-item {
        display: flex;
        margin-bottom: 30px
    }

        .widget-item .widget-image {
            margin-right: 20px
        }

            .widget-item .widget-image img {
                width: 70px;
                height: 70px;
                object-fit: cover
            }

        .widget-item .widget-content h5 a {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            transition: all .4s linear 0s
        }

            .widget-item .widget-content h5 a:hover {
                text-decoration: none;
                color: #031c4c
            }

        .widget-item:last-child {
            margin-bottom: 0
        }

        .widget-item .widget-content-2 h5 a {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            transition: all .4s linear 0s
        }

            .widget-item .widget-content-2 h5 a:hover {
                text-decoration: none;
                color: #a52a2a
            }

        .widget-item .widget-content-3 h5 a {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            transition: all .4s linear 0s
        }

            .widget-item .widget-content-3 h5 a:hover {
                text-decoration: none;
                color: #91c73d
            }

        .widget-item:last-child {
            margin-bottom: 0
        }

    .widget-meta span {
        font-size: 14px;
        font-style: italic
    }

    .widget-list ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .widget-list ul li:first-child a {
            padding-top: 0
        }

        .widget-list ul li a {
            display: inline-block;
            font-size: 16px;
            color: #fff;
            padding: 5px;
            text-transform: capitalize;
            transition: all .4s linear 0s
        }

            .widget-list ul li a:hover {
                text-decoration: none;
                color: #031c4c
            }

    .widget-list-2 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .widget-list-2 ul li:first-child a {
            padding-top: 0
        }

        .widget-list-2 ul li a {
            display: inline-block;
            font-size: 16px;
            color: #fff;
            font-family: poppins;
            padding: 5px;
            text-transform: capitalize;
            transition: all .4s linear 0s
        }

            .widget-list-2 ul li a:hover {
                text-decoration: none;
                color: #a52a2a
            }

    .widget-list-3 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .widget-list-3 ul li:first-child a {
            padding-top: 0
        }

        .widget-list-3 ul li a {
            display: inline-block;
            font-size: 16px;
            color: #fff;
            padding: 5px;
            text-transform: capitalize;
            transition: all .4s linear 0s
        }

            .widget-list-3 ul li a:hover {
                text-decoration: none;
                color: #91c73d
            }

    .social-accounts ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .social-accounts ul li {
            display: inline-block
        }

            .social-accounts ul li:last-child a {
                margin-right: 0
            }

            .social-accounts ul li a {
                display: inline-block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                color: #fff;
                border: 1px solid #2b344e;
                border-radius: 50%;
                background-color: #2b344e;
                transition: all .4s linear 0s;
                text-align: center;
                margin: 0 5px
            }

    @media(max-width:575px) {
        .social-accounts ul li a {
            width: 35px;
            height: 35px;
            line-height: 35px;
            margin: 0 3px
        }
    }

    .social-accounts ul li a:hover {
        background-color: #031c4c;
        color: #fff;
        border-color: #031c4c
    }

    .social-accounts-2 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .social-accounts-2 ul li {
            display: inline-block
        }

            .social-accounts-2 ul li:last-child a {
                margin-right: 0
            }

            .social-accounts-2 ul li a {
                display: inline-block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                color: #fff;
                border: 1px solid #2b344e;
                border-radius: 50%;
                background-color: #2b344e;
                transition: all .4s linear 0s;
                text-align: center;
                margin: 0 5px
            }

                .social-accounts-2 ul li a:hover {
                    background-color: #a52a2a;
                    color: #fff;
                    border-color: #a52a2a
                }

    .social-accounts-3 ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .social-accounts-3 ul li {
            display: inline-block
        }

            .social-accounts-3 ul li:last-child a {
                margin-right: 0
            }

            .social-accounts-3 ul li a {
                display: inline-block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                color: #fff;
                border: 1px solid #2b344e;
                border-radius: 50%;
                background-color: #2b344e;
                transition: all .4s linear 0s;
                text-align: center;
                margin: 0 5px
            }

                .social-accounts-3 ul li a:hover {
                    background-color: #91c73d;
                    color: #fff;
                    border-color: #91c73d
                }

    .footer-bottom {
        /*display: flex;*/
        justify-content: space-between;
        align-items: center
    }

        .footer-bottom p {
            margin-bottom: 0
        }

    .address-widget p {
        line-height: 24px;
    }

    .single_widget h3 {
        margin-bottom: 0;
        padding-bottom: 30px;
        font-weight: 500
    }

    .address-widget span {
        font-size: 28px
    }

    .subscribe-wrapper {
        position: relative;
        border-top: 10px solid rgba(255,198,172,.3);
        transform: translateY(50%)
    }

        .subscribe-wrapper h2 {
            font-family: poppins,sans-serif
        }

        .subscribe-wrapper input {
            font-style: italic
        }

    @media(max-width:768px) {
        .subscribe-wrapper {
            transform: translateY(49%)
        }
    }

    @media(max-width:575px) {
        .subscribe-wrapper {
            transform: translateY(49%)
        }
    }

    .subscribe-wrapper .subscribe-form form {
        position: relative
    }

    .subscribe-wrapper h2 {
        font-size: 50px;
        color: #031c4c
    }

    @media(max-width:575px) {
        .subscribe-wrapper h2 {
            font-size: 30px
        }
    }

    .subscribe-wrapper input {
        border: 2px solid #031c4c;
        border-radius: 0;
        height: 60px;
        border-radius: 35px;
        position: relative;
        padding: 0 15px;
        font-size: 14px
    }

        .subscribe-wrapper input:focus {
            outline: 0;
            box-shadow: none;
            border-color: #031c4c
        }

    .subscribe-wrapper button[type=submit] {
        background-color: #031c4c;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        position: absolute;
        height: 100%;
        border-radius: 35px;
        right: 0;
        top: 0;
        border: 0;
        width: 165px;
        font-size: 16px
    }

        .subscribe-wrapper button[type=submit]:focus {
            outline: 0;
            box-shadow: none
        }

    @media(min-width:768px) and (max-width:991px) {
        .subscribe-wrapper button[type=submit] {
            border-radius: 20px;
            width: 110px;
            font-size: 14px
        }
    }

    .subscribe-wrapper:before {
        content: "";
        position: absolute;
        left: -10px;
        top: -10px;
        height: 53%;
        width: 10px;
        background-color: rgba(255,198,172,.3)
    }

    .subscribe-wrapper:after {
        content: "";
        position: absolute;
        right: -10px;
        top: -10px;
        height: 53%;
        width: 10px;
        background-color: rgba(255,198,172,.3)
    }

    .scroll-top {
        position: fixed;
        width: 50px;
        height: 50px;
        background-color: #222;
        bottom: 80px;
        right: 20px;
        z-index: 9999;
        cursor: pointer;
        transition: all .4s linear 0s;
        display: none;
        border-radius: 50%
    }

        .scroll-top .scroll-icon {
            color: #fff;
            font-size: 37px;
            line-height: 45px;
            text-align: center;
        }

        .scroll-top:hover {
            background-color: #031c4c
        }

        .scroll-top.option-2 {
            background-color: #a52a2a
        }

            .scroll-top.option-2:hover {
                background-color: #3b67bb
            }

        .scroll-top.option-3 {
            background-color: #91c73d
        }

    .hero-section {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        overflow: hidden
    }

        .hero-section h1 {
            font-weight: 500;
            font-size: 40px;
        }

    .image-gallery .owl-item {
        position: relative;
        z-index: 1;
        margin-top: 25px
    }

        .image-gallery .owl-item .single-gallery img {
            height: 250px;
            object-fit: cover
        }

        .image-gallery .owl-item.active.center {
            position: relative;
            z-index: 999
        }

    @media(min-width:992px) {
        .image-gallery .owl-item.active.center {
            transform: scale(1.3)
        }
    }

    .image-gallery .owl-item.active.center .single-gallery img {
        object-position: center center
    }

    @media(min-width:992px) {
        .image-gallery .owl-item.active.center .single-gallery img {
            border: 2px solid #031c4c;
            margin: 12px 0
        }
    }

    .image-gallery .owl-dots {
        display: inline-block;
        position: absolute;
        text-align: center;
        margin-top: -50px;
        z-index: 9999;
        left: 44.5%;
        background-color: #031c4c;
        padding: 5px;
        border-radius: 50px
    }

        .image-gallery .owl-dots .owl-dot {
            width: 10px;
            height: 10px;
            background-color: rgba(34,34,34,.3);
            border-radius: 50%;
            margin: 5px
        }

            .image-gallery .owl-dots .owl-dot.active {
                background-color: #fff
            }

            .image-gallery .owl-dots .owl-dot:focus {
                outline: 0
            }

    .featured-area {
        margin-bottom: -20px
    }

    .featured-2-icon {
        margin-right: 30px
    }

        .featured-2-icon i {
            color: #031c4c;
            font-size: 25px;
            width: 60px;
            height: 60px;
            line-height: 55px;
            text-align: center;
            border-radius: 50%;
            border: 2px solid #031c4c
        }

    .single-featured-3:hover .featured-2-icon i {
        background: #031c4c;
        color: #fff;
        transition: all .4s linear 0s
    }

    .featured-2-text h5 {
        color: #031c4c;
        font-size: 20px;
        font-family: poppins,sans-serif;
        font-weight: 600
    }

    .half-column-content h2 {
        font-size: 50px
    }

    .half-column-video:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(34,34,34,.3)
    }

    .half-column-video .play-button {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        color: #a52a2a;
        background-color: rgba(255,255,255,.6);
        padding: 15px;
        border-radius: 50%;
        transition: all .4s linear 0s
    }

        .half-column-video .play-button i {
            font-size: 30px;
            background-color: #fff;
            padding: 35px;
            border-radius: 50%
        }

        .half-column-video .play-button:hover {
            background-color: #a52a2a
        }

    @media(max-width:768px) {
        .half-column-video {
            padding: 200px 0
        }
    }

    @media(max-width:575px) {
        .half-column-video {
            padding: 200px 0
        }
    }

    .contact-form-wrapper h2 {
        font-size: 50px;
        margin-bottom: 30px
    }

    .contact-form-wrapper input {
        margin-bottom: 30px;
        border-radius: 0;
        background-color: transparent;
        border: 2px solid #032f62;
        border-radius: 40px;
        height: 50px;
        padding: 25px;
        color: #ddd
    }

        .contact-form-wrapper input:focus {
            background-color: transparent;
            color: #ddd
        }

    .contact-form-wrapper textarea {
        border-radius: 0;
        background-color: transparent;
        margin-bottom: 30px;
        border-color: #032f62;
        border-radius: 40px;
        padding: 25px;
        color: #ddd
    }

        .contact-form-wrapper textarea:focus {
            background-color: transparent;
            color: #ddd
        }

    .contact-form-wrapper ::-webkit-input-placeholder {
        color: #ddd
    }

    .contact-form-wrapper ::-moz-placeholder {
        color: #ddd
    }

    .contact-form-wrapper :-ms-input-placeholder {
        color: #ddd
    }

    .contact-form-wrapper :-moz-placeholder {
        color: #ddd
    }

    .equal-height {
        background-size: cover
    }

    .reg-form-area {
        transform: translateY(-25%);
        position: absolute;
        width: 90%
    }

    @media(min-width:768px) and (max-width:991px) {
        .reg-form-area {
            position: relative;
            margin-bottom: -25%
        }
    }

    @media(max-width:768px) {
        .reg-form-area {
            position: relative;
            margin-bottom: -35%
        }
    }

    @media(max-width:575px) {
        .reg-form-area {
            position: relative;
            margin-bottom: -30%
        }
    }

    .reg-form-area h2 {
        margin-bottom: 30px;
        font-weight: 600;
        font-family: poppins
    }

    .reg-form-area input {
        border-radius: 0;
        margin-bottom: 30px;
        border: 1px solid #2f345b;
        background-color: #0d1028;
        color: #fff;
        height: 55px
    }

        .reg-form-area input:focus {
            background-color: #0d1028
        }

    .reg-form-area ::-webkit-input-placeholder {
        color: #fff
    }

    .reg-form-area ::-moz-placeholder {
        color: #fff
    }

    .reg-form-area :-ms-input-placeholder {
        color: #fff
    }

    .reg-form-area :-moz-placeholder {
        color: #fff
    }

    .reg-form-area button[type=submit] {
        border: 0;
        height: 55px;
        background-color: #91c73d;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 2px
    }

    .contact-from-wrapper input {
        border-radius: 0;
        height: 50px;
        background-color: #f9f9ff;
        position: relative
    }

        .contact-from-wrapper input:focus {
            background-color: #f5ffe6;
            border-color: #91c73d;
            box-shadow: none
        }

            .contact-from-wrapper input:focus label {
                color: #91c73d
            }

    .contact-from-wrapper label {
        position: absolute;
        right: 40px;
        top: 25px;
        transform: translateY(-50%);
        z-index: 3;
        color: #8a8d91
    }

    .contact-from-wrapper textarea {
        background-color: #f9f9ff;
        border-radius: 0;
        position: relative
    }

        .contact-from-wrapper textarea:focus {
            background-color: #f5ffe6;
            border-color: #91c73d;
            box-shadow: none
        }

    .contact-from-wrapper button[type=submit] {
        padding: 15px 25px;
        background-color: #91c73d;
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
        border: 0;
        border-radius: 50px
    }

        .contact-from-wrapper button[type=submit]:focus {
            outline: 0
        }

    .contact-from-wrapper-2 {
        overflow: hidden
    }

        .contact-from-wrapper-2 input {
            border-radius: 0;
            height: 50px;
            background-color: #f9f9ff;
            position: relative
        }

            .contact-from-wrapper-2 input:focus {
                background-color: #ffffff;
                border-color: #000000;
                box-shadow: none;
                color: #000000;
                font-weight: 500;
              
            }

        .contact-from-wrapper-2 textarea {
            background-color: #f9f9ff;
            border-radius: 0;
            position: relative
        }

            .contact-from-wrapper-2 textarea:focus {
                background-color: #ffffff;
                border-color: #000000;
                box-shadow: none;
                color: #000000;
                font-weight: 500;
            }

        .contact-from-wrapper-2 button[type=submit] {
            padding: 15px 25px;
            background-color: #031c4c;
            color: #fff;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 500;
            cursor: pointer;
            border: 0
        }

            .contact-from-wrapper-2 button[type=submit]:hover {
                padding: 15px 25px;
                background-color: #a52a2a;
                color: #fff;
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 500;
                cursor: pointer;
                border: 0
            }

            .contact-from-wrapper-2 button[type=submit]:focus {
                outline: 0
            }

    .portfolios-list-2 ul li {
        margin: 5px
    }

    .single-timeline h4 {
        color: #031c4c;
        font-size: 20px;
        font-family: poppins,sans-serif;
        font-weight: 600
    }

    .single-timeline span {
        color: #031c4c;
        font-size: 14px
    }

    .single-timeline .timeline-text {
        padding-top: 25px
    }

    .single-timeline p {
        margin-bottom: 0
    }

    .timeline-wrapper {
        position: relative
    }

    @media(min-width:992px) {
        .timeline-wrapper:after {
            content: "\f105";
            font-family: "font awesome 5 free";
            font-weight: 900;
            position: absolute;
            right: 0;
            color: #fff;
            background-color: #031c4c;
            border-radius: 50%;
            text-align: center;
            top: -40px;
            width: 30px;
            height: 30px;
            font-size: 22px;
            line-height: 30px
        }

        .timeline-wrapper:before {
            content: "";
            position: absolute;
            left: 0;
            background-color: #e8e8e8;
            top: -40px;
            width: 30px;
            height: 30px;
            font-size: 22px;
            line-height: 30px
        }

        .timeline-wrapper .single-timeline {
            position: relative
        }

            .timeline-wrapper .single-timeline:before {
                content: "\f192";
                font-family: "font awesome 5 free";
                font-weight: 900;
                position: absolute;
                top: -50px;
                left: 0;
                width: 50px;
                height: 50px;
                color: #fff;
                background-color: #031c4c;
                border-radius: 50%;
                font-size: 30px;
                line-height: 50px;
                text-align: center
            }
    }

    .page-section-title {
        padding-bottom: 60px
    }

        .page-section-title h2 {
            font-size: 50px;
            color: #9b0808;
            font-family: poppins,sans-serif;
            font-weight: 600
        }

    .half_columnn_image img {
        width: 100%
    }

    .half_column_content h3 {
        font-size: 33px;
        text-transform: uppercase;
        color: #9b0808;
        font-weight: 600;
        font-family: poppins,sans-serif
    }

    .half_column_content h6 {
        font-size: 20px;
        color: #031c4c;
        font-weight: 600
    }

    .half_column_content p {
        line-height: 28px
    }

    .secondary-content {
        display: inline-block;
        width: 50%;
        float: left
    }

        .secondary-content h6 {
            font-size: 16px;
            color: #031c4c
        }

    .single-member-info p {
        margin-bottom: 0
    }

    .single-member-info .member-intro h3 a {
        font-size: 20px;
        color: #031c4c;
        transition: all .4s linear 0s
    }

        .single-member-info .member-intro h3 a:hover {
            text-decoration: none
        }

    .single-member-info .member-intro p {
        font-size: 15px;
        color: #666
    }

        .single-member-info .member-intro p strong {
            color: #031c4c
        }

    .single-member-info .member-intro {
        padding: 15px 0 15px
    }

    .member-status {
        display: flex;
        justify-content: space-between
    }

        .member-status p {
            font-size: 14px;
            color: #666
        }

            .member-status p strong {
                color: #031c4c;
                font-weight: 500
            }

    .member-image {
        overflow: hidden
    }

        .member-image img {
            transition: all .4s linear 0s
        }

    .single-member {
        transition: all .4s linear 0s
    }

        .single-member:hover {
            box-shadow: 0 .5rem 1rem rgba(34,34,34,.15) !important
        }

            .single-member:hover .member-intro h3 a {
                color: #031c4c
            }

            .single-member:hover .member-intro p {
                color: #031c4c
            }

                .single-member:hover .member-intro p strong {
                    color: #031c4c
                }

            .single-member:hover .member-status p strong {
                color: #031c4c
            }

            .single-member:hover .member-image img {
                transform: scale3d(1.1,1.1,1.1)
            }

    .search-form select {
        border-radius: 0;
        margin-bottom: 20px;
        color: #666;
        height: 50px
    }

        .search-form select:focus {
            outline: 0;
            box-shadow: none
        }

    .search-form input {
        border-radius: 0;
        margin-bottom: 20px;
        color: #666;
        height: 50px
    }

        .search-form input:focus {
            outline: 0;
            box-shadow: none
        }

    .button-widget {
        background-size: cover;
        background-position: center center
    }

        .button-widget h3 {
            color: #031c4c;
            padding-bottom: 15px;
            font-size: 24px;
            line-height: 35px;
            font-weight: 500
        }

    .widget-video-img {
        position: relative;
        text-align: center
    }

        .widget-video-img:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,33,71,.5)
        }

        .widget-video-img a {
            display: inline-block;
            position: absolute;
            text-align: center;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-size: 60px;
            color: #fff;
            background-color: #031c4c;
            border-radius: 50%;
            line-height: 55px;
            transition: all .4s linear 0s;
            padding: 10px
        }

        .widget-video-img:hover a {
            background-color: #fff;
            color: #031c4c
        }

        .widget-video-img img {
            width: 100%
        }

    .highlights-section ul {
        margin: 0;
        padding: 0;
        list-style: none;
        padding: 10px 0
    }

        .highlights-section ul li {
/*            display: inline-block;
*/            padding: 12px
        }

        .highlights-section ul h4 {
            line-height: 35px
        }

    .highlights-section .social-links ul li a {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 50%;
        background-color: rgba(255,255,255,.19);
        transition: all .4s linear 0s;
        text-align: center
    }

        .highlights-section .social-links ul li a:hover {
            background-color: #fff;
            border-color: #fff;
            color: #031c4c
        }

    .gallery-links {
        display: inline-block;
        padding-top: 15px;
        border-top: 2px solid #fff
    }

        .gallery-links ul {
            margin: 0;
            padding: 0
        }

            .gallery-links ul li {
                display: inline-block;
                margin: 5px
            }

                .gallery-links ul li a {
                    display: inline-block;
                    width: 50px;
                    height: 50px;
                    text-align: center;
                    line-height: 50px;
                    background-color: rgba(255,82,2,.3);
                    border-radius: 50%;
                    border: 2px solid #fff;
                    color: #fff;
                    transition: all .4s linear 0s
                }

                    .gallery-links ul li a:hover {
                        background-color: #fff;
                        color: #031c4c;
                        border-color: #fff
                    }

    .gallery-content {
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        transform: translate(-50%,-50%);
        opacity: 0;
        visibility: hidden;
        transition: all .4s linear 0s
    }

        .gallery-content h3 {
            font-size: 30px;
            color: #fff;
            margin-bottom: 20px;
            padding: 0 25px
        }

    .single-gallery {
        transition: all .4s linear 0s
    }

        .single-gallery .gallery-image {
            position: relative
        }

            .single-gallery .gallery-image:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(255,82,2,.8);
                opacity: 0;
                visibility: hidden;
                transition: all .4s linear 0s
            }

            .single-gallery .gallery-image:hover:before {
                opacity: 1;
                visibility: visible
            }

            .single-gallery .gallery-image img {
                width: 100%
            }

        .single-gallery:hover .gallery-content {
            opacity: 1;
            visibility: visible
        }

    .post-text h2 a {
        font-size: 30px;
        color: #031c4c;
        transition: all .4s linear 0s
    }

        .post-text h2 a:hover {
            text-decoration: none;
            color: #031c4c
        }

    .search-widget form {
        position: relative
    }

        .search-widget form input {
            border-radius: 0;
            height: 60px;
            background-color: #f7f7f7
        }

            .search-widget form input.home2-opt:focus {
                border-color: #a52a2a
            }

            .search-widget form input:focus {
                outline: 0;
                box-shadow: none;
                border-color: #031c4c
            }

        .search-widget form button[type=submit] {
            position: absolute;
            top: 0;
            right: 0;
            background-color: #031c4c;
            color: #fff;
            width: 80px;
            height: 100%;
            font-size: 25px;
            color: #fff;
            border: 0
        }

            .search-widget form button[type=submit].home2-opt {
                background-color: #a52a2a
            }

    .latest-widget {
        padding: 25px
    }

        .latest-widget .single-latest {
            display: flex;
            padding: 20px 0;
            border-bottom: 1px solid #ddd
        }

            .latest-widget .single-latest .latest-image {
                padding-right: 10px
            }

                .latest-widget .single-latest .latest-image a {
                    display: inline-block
                }

                .latest-widget .single-latest .latest-image img {
                    width: 120px;
                    height: 80px;
                    object-fit: cover
                }

            .latest-widget .single-latest:last-child {
                border-bottom: 0;
                padding-bottom: 0
            }

            .latest-widget .single-latest .latest-content a {
                font-size: 16px;
                color: #031c4c;
                transition: all .4s linear 0s
            }

                .latest-widget .single-latest .latest-content a:hover {
                    text-decoration: none;
                    color: #031c4c
                }

            .latest-widget .single-latest .latest-content .latest-meta span {
                color: #666;
                font-size: 14px
            }

    .category-list ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

        .category-list ul li a {
            display: flex;
            justify-content: space-between;
            color: #666;
            padding: 10px 0;
            transition: all .4s linear 0s
        }

            .category-list ul li a:hover {
                text-decoration: none;
                color: #031c4c
            }

        .category-list ul li:last-child {
            padding-bottom: 0
        }

    .sidebar-wrapper .single-widget {
        margin-bottom: 45px
    }

        .sidebar-wrapper .single-widget:last-child {
            margin-bottom: 0
        }

        .sidebar-wrapper .single-widget h4 {
            font-size: 20px;
            color: #031c4c;
            text-align: center;
            font-weight: 600;
            font-family: poppins,sans-serif
        }

    .tag-clouds ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .tag-clouds ul li {
            display: inline-block
        }

            .tag-clouds ul li a {
                display: inline-block;
                color: #666;
                text-transform: uppercase;
                font-size: 15px;
                padding: 10px 15px;
                background-color: #f5f5f5;
                margin: 5px 3px;
                transition: all .4s linear 0s
            }

                .tag-clouds ul li a:hover {
                    text-decoration: none;
                    color: #fff;
                    background-color: #031c4c
                }

    .apply-wrapper h2 {
        font-size: 50px;
        color: #031c4c;
        text-align: center;
        padding-bottom: 35px;
        font-family: poppins,sans-serif;
        font-weight: 600
    }

    @media(max-width:575px) {
        .apply-wrapper h2 {
            font-size: 35px
        }
    }

    .apply-wrapper input {
        border-radius: 0;
        height: 60px
    }

        .apply-wrapper input:focus {
            outline: 0;
            box-shadow: none;
            border-color: #031c4c
        }

    .apply-wrapper select {
        border-radius: 0;
        height: 60px
    }

        .apply-wrapper select:focus {
            outline: 0;
            box-shadow: none;
            border-color: #031c4c
        }

    .apply-wrapper textarea {
        border-radius: 0
    }

        .apply-wrapper textarea:focus {
            outline: 0;
            box-shadow: none;
            border-color: #031c4c
        }

    .form-group label {
        font-family: poppins,sans-serif;
        font-weight: 600;
        color: #031c4c
    }

    .single-event-info {
        display: flex;
        justify-content: space-around;
        align-items: center;
        transition: all .4s linear 0s;
        border: 2px solid #ddd
    }

        .single-event-info .single-event-date {
            width: 135px;
            height: 135px
        }

    @media(max-width:768px) {
        .single-event-info {
            display: inline-block;
            text-align: center
        }

            .single-event-info .single-event-date {
                margin: 0 auto 20px
            }
    }

    .single-event-info:hover {
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
        border-color: #031c4c !important
    }

        .single-event-info:hover .single-event-date {
            background-color: #031c4c;
            color: #fff
        }

            .single-event-info:hover .single-event-date span {
                color: #fff
            }

            .single-event-info:hover .single-event-date p {
                color: #fff
            }

    .single-event-content h3 a {
        font-size: 24px;
        color: #031c4c;
        transition: all .4s linear 0s;
        font-weight: 600
    }

    @media(min-width:768px) and (max-width:991px) {
        .single-event-content h3 a {
            font-size: 20px
        }
    }

    .single-event-content h3 a:hover {
        text-decoration: none;
        color: #031c4c
    }

    .single-event-content p {
        color: #666;
        margin-bottom: 5px
    }

        .single-event-content p i {
            padding-right: 5px
        }

    @media(min-width:992px) {
        .single-event-content {
            padding: 0 25px
        }
    }

    @media(min-width:768px) and (max-width:991px) {
        .single-event-content {
            padding-left: 20px
        }
    }

    .single-event-date {
        text-align: center;
        border: 2px solid #031c4c;
        transition: all .4s linear 0s
    }

        .single-event-date p {
            margin-bottom: 0;
            font-size: 20px;
            color: #031c4c
        }

        .single-event-date span {
            font-size: 50px;
            color: #031c4c;
            font-weight: 600
        }

    .single-blog .blog-meta {
        display: flex;
        justify-content: space-between;
        padding: 15px 0
    }

        .single-blog .blog-meta p {
            margin-bottom: 0;
            color: #666;
            font-size: 14px
        }

        .single-blog .blog-meta i {
            color: #031c4c
        }

    .single-blog .blog-text h4 a {
        color: #031c4c;
        font-size: 20px;
        transition: all .4s linear 0s
    }

        .single-blog .blog-text h4 a:hover {
            text-decoration: none;
            color: #031c4c
        }

    .blog-image a img {
        width: 100%
    }

    .search-form select {
        background-color: #f5f5f5
    }

        .search-form select:focus {
            border-color: #031c4c
        }

    .search-form input {
        background-color: #f5f5f5
    }

        .search-form input:focus {
            border-color: #031c4c
        }

    .results-area h2 {
        font-size: 50px;
        color: #031c4c
    }

    .results-area .table {
        margin-bottom: 0
    }

    .single-item {
        padding: 1rem 1.5rem;
        border: 2px solid #ddd;
        text-align: center;
        transition: all .4s linear 0s
    }

        .single-item h4 a {
            color: #031c4c;
            padding: 15px 0;
            transition: all .4s linear 0s
        }

            .single-item h4 a:hover {
                text-decoration: none;
                color: #031c4c
            }

        .single-item .item-icon {
            padding-bottom: 30px
        }

        .single-item:hover {
            box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
            border-color: #031c4c
        }

    .details-meta {
        display: flex;
        padding-top: .8em
    }

        .details-meta p {
            margin-bottom: 0
        }

        .details-meta .single-meta {
            padding-right: 50px
        }

            .details-meta .single-meta:last-child {
                padding-right: 0
            }

            .details-meta .single-meta i {
                color: #031c4c;
                padding-right: 5px
            }

            .details-meta .single-meta p {
                font-size: 14px;
                color: #666
            }

    @media(max-width:575px) {
        .details-meta .single-meta p {
            font-size: 12px
        }
    }

    .details-title h2 {
        font-size: 30px;
        color: #031c4c
    }

    .tags-and-share {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0;
        border-top: 2px solid #dee2e6;
        border-bottom: 2px solid #dee2e6;
        margin: 60px 0
    }

    .comments-count h2 {
        font-size: 20px;
        color: #031c4c;
        font-family: poppins,sans-serif;
        font-weight: 600
    }

    .author-thumb {
        width: 260px;
        padding-right: 20px
    }

        .author-thumb a {
            display: inline-block
        }

        .author-thumb img {
            width: 100%;
            height: 100%;
            border-radius: 50%
        }

    .authors-info {
        display: flex
    }

    .single-comment {
        position: relative
    }

        .single-comment .reply-btn {
            position: absolute;
            top: 0;
            right: 0;
            color: #031c4c;
            font-size: 16px;
            font-weight: 500
        }

            .single-comment .reply-btn:hover {
                text-decoration: none
            }

    .comments-count {
        margin-bottom: 30px
    }

    .author-data a {
        color: #031c4c;
        font-size: 16px;
        font-weight: 600;
        transition: all .4s linear 0s;
        font-family: poppins,sans-serif
    }

        .author-data a:hover {
            text-decoration: none;
            color: #031c4c
        }

    .author-data p {
        margin-bottom: 5px;
        margin-bottom: 8px;
        margin-top: 8px;
        font-family: poppins,sans-serif
    }

    .comment-form-wrapper h2 {
        font-size: 20px;
        color: #031c4c;
        margin-bottom: 35px
    }

    .comment-form-wrapper input {
        margin-bottom: 30px;
        border-radius: 0;
        background-color: #f5f5f5;
        height: 50px
    }

        .comment-form-wrapper input:focus {
            outline: 0;
            box-shadow: none;
            border-color: #031c4c
        }

    .comment-form-wrapper textarea {
        border-radius: 0;
        background-color: #f5f5f5;
        outline: 0;
        box-shadow: none;
        margin-bottom: 30px
    }

        .comment-form-wrapper textarea:focus {
            outline: 0;
            box-shadow: none;
            border-color: #031c4c
        }

    .single-blog-item {
        display: flex;
        border: 2px solid #dee2e6;
        transition: all .4s linear 0s
    }

        .single-blog-item:hover {
            border-color: #031c4c
        }

        .single-blog-item .single-blog-thumb {
            padding-right: 15px
        }

            .single-blog-item .single-blog-thumb a {
                display: inline-block
            }

            .single-blog-item .single-blog-thumb img {
                width: 140px;
                height: 75px;
                object-fit: cover
            }

        .single-blog-item .single-blog-content h4 a {
            font-size: 16px;
            color: #031c4c;
            transition: all .4s linear 0s
        }

            .single-blog-item .single-blog-content h4 a:hover {
                color: #031c4c;
                text-decoration: none
            }

        .single-blog-item .single-blog-content span {
            color: #666;
            font-size: 14px
        }

    .latest-blogs-area .owl-nav {
        text-align: center;
        margin-top: 35px
    }

        .latest-blogs-area .owl-nav button {
            width: 45px;
            height: 45px;
            line-height: 45px;
            border-radius: 50%;
            background-color: #fff !important;
            color: #031c4c;
            margin: 5px;
            border: 2px solid #f5f5f5 !important;
            transition: all .4s linear 0s
        }

            .latest-blogs-area .owl-nav button span {
                color: #031c4c;
                font-size: 25px
            }

            .latest-blogs-area .owl-nav button:hover {
                background-color: #031c4c !important;
                border-color: #031c4c !important
            }

                .latest-blogs-area .owl-nav button:hover span {
                    color: #fff
                }

            .latest-blogs-area .owl-nav button:focus {
                outline: 0;
                box-shadow: none
            }

    #search_modal .modal-content {
        border-radius: 0
    }

    .details-text p {
        line-height: 30px
    }

    .timeline-area p {
        font-weight: 500
    }

    .kindergarten .button_two {
        font-family: poppins,sans-serif
    }

    .height-470 {
        height: 325px
    }

    @media(max-width:575px) {
        .slider-area-2 .slider-content-2 p {
            display: none
        }

        .subscribe-wrapper button[type=submit] {
            width: 120px
        }

        .slider-area.height-700 {
            height: 300px
        }

        .slider-area-2.height-600 {
            height: 300px
        }

        .slider-area-3.height-600 {
            height: 300px
        }

        .blog-lists-wrapper .single-blog-wrapper {
            display: block
        }

            .blog-lists-wrapper .single-blog-wrapper .blog-thumb img {
                width: 100%;
                margin: 10px 0 15px
            }

        .single-event {
            display: block
        }

            .single-event .event-date {
                display: none
            }

        .single-event-3 {
            display: block
        }

            .single-event-3 .event-date, .single-event-2 .event-date {
                display: none
            }

        .blog-lists-wrapper-2 .single-blog-wrapper {
            display: block
        }

            .blog-lists-wrapper-2 .single-blog-wrapper .blog-thumb img {
                width: 100%;
                margin: 10px 0 15px
            }

        .slider-area-3 .slider-content h6 {
            font-size: 15px
        }

        .slider-content .display-3 {
            font-size: 1.8rem
        }
    }


    .map-frame {
        width: 100%;
        height: 500px;
        position: relative;
    }

    .contact-form-area .button-default {
        background: brown;
        cursor: pointer;
    }

    span.c-text {
        display: block !important;
    }

    .breadcrumb-banner-area {
        background: rgba(0, 0, 0, 0) url(/Assets/img/contact_us.jpg) no-repeat scroll 0 0;
        color: #ffffff;
        padding: 110px 0;
        position: relative;
    }

    .news-style-three {
        position: relative;
        margin-bottom: 20px;
    }

        .news-style-three .inner-box {
            position: relative;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), 0 2px 10px 0 rgba(0,0,0,0.05);
            transition: all 0.4s ease;
        }

            .news-style-three .inner-box:hover {
                position: relative;
                -webkit-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
                -webkit-box-shadow: 0px 42px 60px 0px rgb(0 0 0 / 15%);
                box-shadow: 0px 42px 60px 0px rgb(0 0 0 / 15%);
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -5px, 0);
            }

            .news-style-three .inner-box .dark-text {
                color: #333333;
                font-size: 14px;
                line-height: 1.8em;
                margin-bottom: 20px;
            }

            .news-style-three .inner-box .image-box {
                position: relative;
            }

                .news-style-three .inner-box .image-box img {
                    position: relative;
                    width: 100%;
                    display: block;
                }

            .news-style-three .inner-box .content-box {
                position: relative;
            }

                .news-style-three .inner-box .content-box .upper-box {
                    position: relative;
                    padding: 12px 0px;
                    border-bottom: 1px solid #eeeeee;
                }

                    .news-style-three .inner-box .content-box .upper-box .date {
                        position: relative;
                        color: #777777;
                        font-size: 14px;
                        font-weight: 400;
                        padding-left: 30px;
                    }

                        .news-style-three .inner-box .content-box .upper-box .date .icon {
                            position: absolute;
                            left: 0px;
                            top: 0px;
                            font-size: 16px;
                        }

                    .news-style-three .inner-box .content-box .upper-box .news-info {
                        position: relative;
                    }

                        .news-style-three .inner-box .content-box .upper-box .news-info li {
                            position: relative;
                            line-height: 1.4em;
                            margin-right: 15px;
                            display: inline-block;
                        }

                            .news-style-three .inner-box .content-box .upper-box .news-info li:last-child {
                                margin-right: 0px;
                            }

                            .news-style-three .inner-box .content-box .upper-box .news-info li a {
                                position: relative;
                                font-size: 14px;
                                color: #777777;
                                padding-left: 32px;
                            }

                                .news-style-three .inner-box .content-box .upper-box .news-info li a:hover {
                                    color: #0000ff;
                                }

                                .news-style-three .inner-box .content-box .upper-box .news-info li a .icon {
                                    position: absolute;
                                    left: 0px;
                                    top: 0px;
                                    font-size: 18px;
                                }

                .news-style-three .inner-box .content-box .lower-box {
                    position: relative;
                    padding: 10px;
                }

                    .news-style-three .inner-box .content-box .lower-box .title {
                        position: relative;
                        color: #0000ff;
                        font-size: 16px;
                        font-weight: 400;
                        margin-bottom: 12px;
                        font-family: 'Roboto';
                    }

                    .news-style-three .inner-box .content-box .lower-box h3 {
                        position: relative;
                        font-size: 17px;
                        font-weight: 800;
                        margin: 5px 0 15px;
                        color: #031c4c;
                    }

                        .news-style-three .inner-box .content-box .lower-box h3 a {
                            color: #333333;
                            transition: all 0.3s ease;
                            -moz-transition: all 0.3s ease;
                            -webkit-transition: all 0.3s ease;
                            -ms-transition: all 0.3s ease;
                            -o-transition: all 0.3s ease;
                        }

                            .news-style-three .inner-box .content-box .lower-box h3 a:hover {
                                color: #d30014;
                                text-decoration: none;
                            }

                    .news-style-three .inner-box .content-box .lower-box .text {
                        font-size: 15px;
                        color: #000;
                        margin-bottom: 20px;
                    }

                        .news-style-three .inner-box .content-box .lower-box .text p {
                            margin-bottom: 20px;
                        }

                            .news-style-three .inner-box .content-box .lower-box .text p:last-child {
                                margin-bottom: 0px;
                            }

                    .news-style-three .inner-box .content-box .lower-box .read-more {
                        position: relative;
                        color: #333333;
                        font-size: 16px;
                        font-weight: 700;
                        text-transform: uppercase;
                        transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -webkit-transition: all 0.3s ease;
                        -ms-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                    }

                        .news-style-three .inner-box .content-box .lower-box .read-more:hover {
                            color: #0000ff;
                        }

    a {
        color: #031c4c;
        text-decoration: none !important;
        background-color: transparent;
    }

        a:hover {
            color: #a52a2a;
            text-decoration: none !important;
            background-color: transparent;
        }


    .dropdown-toggle::after {
        margin-left: 0em !important;
    }

    .nav-link {
        display: block;
        padding: 10px 15px !important;
    }

    .dropdown-item {
        padding: 10px 20px !important;
    }

        .dropdown-item.active, .dropdown-item:active {
            color: #fff;
            text-decoration: none;
            background-color: #031c4c !important;
        }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: poppins,sans-serif !important;
    }

    .service-text {
        margin-top: 10px;
    }

    span.stratergy {
        color: #031c4c;
    }

    h3.department {
        font-size: 26px;
        color: #9b0808;
        font-weight: 600;
        padding: 0 0 !important;
        text-align: center;
        text-transform: uppercase !important;
    }

    p.department {
        text-align: center;
    }

    h2.learn {
        font-size: 33px;
        color: #9b0808;
        font-weight: 600;
        padding: 0 0 !important;
        text-align: center;
        text-transform: uppercase !important;
    }

    h2.excellence {
        font-size: 33px;
        color: #9b0808;
        font-weight: 600;
        padding: 0 0 !important;
        text-transform: uppercase !important;
    }

    h3.highlights {
        font-size: 25px;
        color: #031c4c;
        font-weight: 600;
        padding: 0 0 !important;
        text-transform: uppercase !important;
    }

    h2.center_excellence {
        font-size: 33px;
        color: #9b0808;
        font-weight: 600;
        padding: 0 0 !important;
        text-align: center;
        text-transform: uppercase !important;
    }


    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        /* padding-left: 55px;*/
        margin-bottom: 0;
        list-style: none;
    }

    @media(max-width: 1024px) and (min-width:769px) {
        .navbar-nav {
            padding-left: 8px !important;
        }
    }

    .half_column_content.departmenttitle {
        margin-bottom: 13px;
    }

    h2.corefaculty {
        color: #9b0808;
        font-weight: 600;
    }




    .single-team.bg-white.border-8.p-2.visitingfaculty {
        height: 402px;
    }



    .main-menu-2 ul li a:active {
        color: #9b0808 !important;
    }


    @media(max-width: 768px) and (min-width:400px) {
        .single-team.bg-white.border-8.p-2.visitingfaculty {
            height: 452px;
        }
    }

    h2.facultyname.corefaculty {
        font-size: 30px;
        font-family: poppins;
        font-weight: 600;
    }

    section.intro-section.section-pbottom.aos-init.aos-animate {
        padding-bottom: 30px;
    }

    @media(max-width: 1400px) and (min-width:1300px) {
        .nav-link {
            display: block;
            padding: 1.5rem 1rem !important;
        }

        .main-menu-2 ul li a {
            color: #031c4c;
            transition: all .4s linear 0s;
            font-weight: 600;
            font-family: poppins;
            font-size: 11px;
        }
    }

    .contact-info a {
        color: #fff;
    }

        .contact-info a:hover {
            color: #ff4040;
        }

    .address-widget a {
        color: #fff;
    }

        .address-widget a:hover {
            color: #ff4040;
        }

    .page-breadcrumb a {
        color: #fff;
    }

        .page-breadcrumb a:hover {
            color: #ff4040!important;
        }

    .highlights-section a {
        color: #fff
    }

        .highlights-section a:hover {
            color: #ff4040
        }


@media(max-width: 480px) and (min-width:310px) {
    .half_column_content h3 {
        font-size: 26px;
        text-transform: uppercase;
        color: #9b0808;
        font-weight: 600;
        font-family: poppins,sans-serif;
    }
    .news-style-three .inner-box .content-box .lower-box .text {
        font-size: 13px!important;
        color: #000;
        margin-bottom: 20px;
    }
    .widget-list-2 ul li a {
        display: inline-block;
        font-size: 14px;
        color: #fff;
        font-family: poppins;
        padding: 5px;
        text-transform: capitalize;
        transition: all .4s linear 0s;
    }
    h2.center_excellence {
        font-size: 26px;
        color: #9b0808;
        font-weight: 600;
        padding: 0 0 !important;
        text-align: center;
        text-transform: uppercase !important;
    }
}

@media(max-width: 1024px) and (min-width:800px) {

    .half_column_image.about {
        margin-top:50px!important
    }
    p.infra {
        font-size: 13px!important;
        line-height: 27px!important;
    }
    .member-image.Secretary {
        margin-top: 58px !important
    }

    .member-image.Principal {
        margin-top: 130px !important
    }
    .lower-box.designation.member-info-3.visitingfaculty {
        height:200px!important;
    }


    }



@media(min-width:768px) {
    .single-testimonial-2 .testimonial-text p {
        font-size: 13px !important;
    }
    p.leadership{
        font-size:11px!important
    }
 
}

/*p.Tamil {
    margin-top: 37px!important;
}
p.english {
    margin-top: 14px;
}
p.commerce {
    margin-top: 34px;
}
p.pt {
    margin-top: 10px;
}*/
@media(max-width: 768px) and (min-width:500px) {

    .news-style-three .inner-box .content-box .lower-box .text {
        font-size: 11px !important
    }
    .member-info-3 h5 {
        font-size: 13px;
    }



}

@media(max-width: 320px) and (min-width:600px) {
    .lower-box.designation.member-info-3.visitingfaculty {
        height: 200px!important
    }

}

.lower-box.designation.member-info-3.visitingfaculty {
    height: 175px
}

#result .pagination li a {
    padding: 10px;
    margin: 0 5px;
    background-color: #fff;
    border: 1px solid #a52a2a;
    color: #252525;
}

    #result .pagination li.active a, #result .pagination li a:hover {
        background-color: #031c4c;
        color: #fff;
    }
.single-service-2.text-center.px-4.vision {
    padding: 10px;
}


.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

.latestbolx {
    background-color: #a52a2a;
    color: #fff;
    position: relative;
    width: 100%;
    display: table;
    /*margin: 30px 0;*/
}

    .latestbolx h4 {
        background-color: #031c4c;
        padding: 10px 25px;
        font-size: 18px;
        display: table-cell;
        width: 230px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 0;
    }

    .latestbolx p {
        margin-bottom: 0;
        display: table-cell;
        vertical-align: middle;
        line-height: normal;
        color: #fff;
    }

        .latestbolx p span {
            color: #fff;
        }


p.hoverclass {
    padding: 1px 0px 0px 12px;
    color: #fff;
}

.modal-dialog {
    transform: none !important;
    margin-top: 8vh;
    width: 940px;
}

.pop-picture {
    background-color: #fff;
    font-size: 13px;
    text-align: center;
    transition: border 500ms ease-out;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -ms-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    position: relative;
    overflow: hidden;
}

.pop-picture-title {
    /* position: relative; */
    bottom: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    /* text-align: left; */
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.pop-description p {
    line-height: 21px;
}

img.popupimg {
    margin-bottom: 28px;
    margin-top: 22px;
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 10px;
    font-size: 13px;
    color: white;
    background: #ea2127;
    line-height: 1.3333333;
    border-radius: 6px;
}



@media screen and (min-width: 320px) and (max-width: 413px) {
    .modal-dialog {
        width: 296px !important
    }
}

@media screen and (min-width: 414px) and (max-width: 500px) {
    .modal-dialog {
        width: 395px !important
    }
}

@media screen and (min-width: 500px) and (max--width: 767px) {
    .modal-dialog {
        width: 367px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .modal-dialog {
        width: 367px !important;
    }

    .service-inner-text {
        padding: 11px 162px
    }
}

@media screen and (min-width: 370px) and (max-width: 380px) {
    .modal {
        left: 25px;
    }
}




.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #d77073;
}

.table-responsive a {
    color: #131e3c;
}

    .table-responsive a:hover {
        color: #ea2127;
    }

.shadow1 {
    box-shadow: 1px 2px 8px #95959591;
}


.member-info-3 h5 a {
    color: #031c4c !important;
}
.member-info-3 h5 a:hover {
    color: #9b0808 !important;
}
    .member-info-3 h5 a:hover {
        color: #9b0808 !important;
    }


.single-team1 {
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
}
    .single-team1:hover {
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-box-shadow: 0px 42px 60px 0px rgb(0 0 0 / 15%);
        box-shadow: 0px 42px 60px 0px rgb(0 0 0 / 15%);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
        cursor: pointer;
    }


@media screen and (min-width: 315px) and (max-width: 420px) {
    .latestbolx h4 {
        background-color: #031c4c;
        padding: 9px 11px;
        font-size: 12px;
        display: table-cell;
        width: 122px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 0;
    }
}


@media (min-width: 320px) and (max-width: 479px) {
    .slider-area-2 {
        height: 155px !important;
        width: 100% !important;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    .slider-area-2 {
        height: 216px!important;
        width: 100%!important;
    }
}
@media (min-width: 640px) and (max-width: 719px) {
    .slider-area-2 {
        height: 280px!important;
        width: 100%!important;
    }
}
@media (min-width: 720px) and (max-width: 768px){
    .slider-area-2 {
        height: 300px !important;
        width: 100% !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px){
    .slider-area-2 {
        height: 450px !important;
        width: 100% !important;
    }
}

@media (min-width: 1025px) and (max-width: 1200px){
    .slider-area-2 {
        height: 520px !important;
        width: 100% !important;
    }
}
@media (min-width: 1201px){
    .slider-area-2 {
        height: 619px !important;
        width: 100% !important;
    }
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li {
    display: inline;
}
    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #a52a2a;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 3;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #a52a2a;
    border-color: #a52a2a;
}















/*popup*/



.popup1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 55%);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-content1 {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    max-width: 90%;
    width: 400px;
}

.close1 {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    background-color: brown;
    color: #fff;
    width: 8%;
    height: 5%;
}

.popup-image1 {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.apply-btn1 {
    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
    background-color: #a52a2a;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

    .apply-btn1:hover {
        background-color: #031c4c;
        color:#fff!important;
    }















@media(max-width: 767px){

    .modal {
        position: fixed;
        top: 0;
        left: 30px!important;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
    }
}


@media(max-width:430px) and (min-width:414px){

    .modal {
        position: fixed;
        top: 0;
        left: 5px!important;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
    }

}



@media(max-width: 768px) {

    .main-menu-2 .dropdown-menu {
        transition: all .4s linear 0s;
        margin: 0;
        padding: 0;
        border-radius: 0;
        border: none;
    }

    .main-menu-2 .nav-item.dropdown.show a {
        color: #fff;
        background: #031c4c;
    }
}


.menu-brochure{

   white-space:pre-wrap;
}



/**************placements menu*************/


.recruiter-logo {
    width: 100%;
    max-width: 250px; /* Ensures it doesn't exceed this size */
    height: 150px;
    transition: transform 0.3s ease-in-out;
    margin-bottom: 20px;
}

    .recruiter-logo:hover {
        transform: scale(1.1);
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    .recruiter-logo {
        max-width: 180px; /* Smaller logos on tablets */
        height: 100px;
    }
}

@media (max-width: 576px) {
    .recruiter-logo {
        max-width: 150px; /* Even smaller logos on mobile */
        height: 100px;
    }
}




/**************placements menu*************/





.gallery__img {
    border-radius: 23px;
    width: 100%;
}

.product-item-single .product__title {
    font-size: 24px;
    margin-bottom: 15px;
    color: #9b0808;
    font-weight: 600;
    line-height: 33px;
    padding-top: 10px;
}

.product-item-single .product__desc {
    font-size: 14px;
}


.nav-item.active > .nav-link {
    color: #a52a2a !important; /* Highlight active menu */
  
}








@media screen and (width: 1278px) and (height: 817px) {


    .main-menu-2 ul li a {
        color: #031c4c;
        transition: all .4s linear 0s;
        font-weight: 600;
        font-family: poppins;
        font-size: 12px;
    }
    .nav-link {
        display: block;
        padding: 10px 7px !important;
    }
    .mobile_site_logo {
        width: 12%;
    }
}
@media screen and (width: 1280px) and (height: 800px) {


    .main-menu-2 ul li a {
        color: #031c4c;
        transition: all .4s linear 0s;
        font-weight: 600;
        font-family: poppins;
        font-size: 13px;
    }

    .nav-link {
        display: block;
        padding: 10px 12px !important;
    }

    .mobile_site_logo {
        width: 12%;
    }
}


@media screen and (width: 1366px) and (height: 768px) {


    .main-menu-2 ul li a {
        color: #031c4c;
        transition: all .4s linear 0s;
        font-weight: 600;
        font-family: poppins;
        font-size: 13px;
    }

    .nav-link {
        display: block;
        padding: 10px 12px !important;
    }

    .mobile_site_logo {
        width: 12%;
    }
}







/* Responsive scroll on small screens */
.table-responsive-wrapper {
    overflow-x: auto;
    width: 100%;
}

/* Optional: Zebra stripes for better readability */
.commonTable tbody tr:nth-child(even) {
  /*  background-color: #9b080805;*/
}

.commonTable th {
    background-color: #9b0808 !important;
    color: white !important;
    text-align: center;
    font-size: 15px;
    font-family: poppins;
}

.commonTable td {
    padding: 12px 10px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-family: poppins;
}

/* Make sure table doesn't overflow */
@media (max-width: 768px) {
    .commonTable td, .commonTable th {
        font-size: 14px;
        padding: 10px 8px;
    }

}










.statutorylist ul li a {

    color:#000;
}


    .statutorylist ul li a:hover {
        color: #9b0808!important;
    }



.view-pdf a {

    color: #336ad3;
}

    .view-pdf a:hover {
        color: #9b0808;
    }













#captchaContainer {
    /* background-color: #fff; */
    /* padding: 10px; */
    border-radius: 5px;
    margin-bottom: 10px;
    color: green;
    font-size: 20px;
    font-weight: 700;
}

#captchaInput {
    width: 200px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}







.contact-info ul li i {
    color: #fff!important;
}

    .contact-info ul li i:hover {
        color: #ff4040!important;
    }





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

    .header-top-content .contact-info ul li {
        display: inline-block;
        line-height: 45px;
        padding-right: 7px;
        color: #fff;
        font-size: 11px;
    }

    .home-mem {
        height: 170px!important;
    }
    .home-mem-text {
        white-space: normal!important;
    }
}






.home-mem{

    height:130px;
}

.home-mem-text {
    white-space: nowrap;
}


@media(max-width: 1023px) and (min-width:768px){

    .home-mem {
        height: 170px !important;
    }

    .home-mem-text {
        white-space: normal !important;
    }



}


@media (min-width: 1280px) and (max-width: 1299px) and (min-height: 600px){

    .navbar-nav {
       
        padding-left: 24px!important;
       
    }

}


@media (min-width: 1280px) and (max-width: 1299px) and (min-height: 625px){

    .navbar-nav {
     
        padding-left: 111px!important;
      
    }
}


@media(max-width:1400px) and (min-width:1300px){

    .navbar-nav {
        padding-left: 111px !important;
    }
}


@media (min-width:1500px) and (max-width:1599px) {
    .navbar-nav {
        padding-left: 30px !important;
    }
}







@media(max-width: 480px){

    .search-bar {
        padding-top: 20px;
        padding-left: 100px;
    }

}






/* ===============================
   POPUP OVERLAY - ragging
   =============================== */
.notice-popup {
    display: none; /* JS will control */
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    padding: 15px;
    align-items: center;
    justify-content: center;
}


/* ===============================
   SCROLL LOCK (CRITICAL)
   =============================== */
body.popup-open {
    position: fixed;
    width: 100%;
    overflow: hidden;
}



/* ===============================
   POPUP BOX
   =============================== */
.notice-popup-box {
    position: relative;
    background: #ffffff;
    max-width: 520px;
    width: 100%;
    padding: 40px 30px 35px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/* ===============================
   CLOSE BUTTON (TOP RIGHT)
   =============================== */
.notice-close {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 36px;
    height: 36px;
    background: #a52a2a; /* red bg */
    color: #ffffff; /* white X */
    border: none;
    border-radius: 50%;
    font-size: 22px;
    line-height: 16px;
    cursor: pointer;
    font-weight: bold;
}

/* ===============================
   TEXT
   =============================== */
.notice-text {
    font-size: 17px;
    line-height: 1.6;
    color: #222;
}

    .notice-text strong {
        color: #a52a2a;
    }




/* ===============================
   MOBILE RESPONSIVE
   =============================== */
@media (max-width: 767px) {
    .notice-popup-box {
        padding: 30px 20px;
    }

    .notice-text {
        font-size: 15px;
    }

    .notice-close {
        width: 32px;
        height: 32px;
        font-size: 20px;
        line-height: 12px;
        top: -12px;
        right: -12px;
    }
}
/* ===============================
   POPUP OVERLAY
   =============================== */









/*  Default: hide both (safety) */
.search-desktop,
.search-mobile {
    display: none;
}

/*  Desktop only (>= 992px) */
@media (min-width: 992px) {
    .search-desktop {
        display: flex;
        align-items: center;
    }
}

/*  Mobile + Tablet (<= 991px) */
@media (max-width: 991px) {
    .search-mobile {
        display: flex;
        align-items: center;
    }
}















@media(max-width: 768px){
    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0px!important;
        margin-bottom: 0;
        list-style: none;
    }

}

@media(max-width: 1023px) and (min-width:768px){
    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0px !important;
        margin-bottom: 0;
        list-style: none;
        padding-bottom: 20px;
    }

}









@media(max-width: 1024px){

    .hero-section h1 {
        font-weight: 500;
        font-size: 28px;
    }
    h2.learn {
        font-size: 27px;
        color: #9b0808;
        font-weight: 600;
        padding: 0 0 !important;
        text-align: center;
        text-transform: uppercase !important;
    }
}