﻿.pay_btn {
    text-transform: uppercase;
    text-align: center;
    background-color: #1166a3;
    border-radius: 5px;
    color: white;
    border: 1px solid #1166a3;
    font-weight: bold;
    padding: 10px 30px;
}

    .pay_btn:hover, .pay_btn:active, .pay_btn:focus {
        color: #1166a3;
        font-weight: bold;
        text-decoration: none;
        background-color: white;
        /*box-shadow: 0 0 0 2px #10a690;*/
    }

/*.dropdown-item {
    color: #fff;
    position: relative;
}

.dropdown .dropdown-menu {
    display: none;
    background: #212529;
}

.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
    display: block;
    margin-top: .1em;
    margin-left: .1em;
}

@media screen and (min-width:991.98px) {
    .dropend:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }

    .dropend .dropdown-toggle {
        margin-left: .5em;
    }
}*/

.nav_item {
    padding: 0;
    margin: 0;
    padding-inline-start: 0;
    position: relative;
    /*border: 1px solid red;*/
}

.drop_nav_link {
    /*display: block;*/
    /*line-height: 2;*/
    padding: 7px 10px;
    /*color: black;*/
    font-weight: 500;
    /*font-size: 1.02em;*/
    height: 100%;
    display: flex;
    align-items: center;
    color: #1166a3;
}

    .drop_nav_link:hover, .drop_nav_link:active, .drop_nav_link:focus {
        /*color: #10a690;*/
        color: #1166a3;
        border-bottom: 1px solid #1166a3;
        text-decoration: none;
        /*background-color: #10a690;*/
    }
/*
.dropdown-menu {
    color: #1166a3;
    border: 0.5px solid #10a690;
    box-shadow: 0 0 0 1px #c0f862;
    padding: 0;
    border-radius: 0;
}


    .dropdown-menu .dropdown-item {
        padding: 0;
        margin: 0;
    }

        .dropdown-menu .dropdown-item:hover {
            background-color: #10a690;
        }

            .dropdown-menu .dropdown-item:hover .drop_link {
                color: white;
                text-decoration: none;
            }*/

.drop_link {
    display: block;
    /*line-height: 2;*/
    padding: 0 10px;
    font-weight: 500;
    /*font-size: large;*/
    color: #1166a3;
}

.navbar .ani_plus:hover {
    position: relative;
    animation: pulse 1s ease-in-out;
}

.footer_item {
    /*border: 1px solid #c0f862;*/
    margin: 10px auto;
    padding: .5em;
    border-radius: 5px;
    /*    background: white;*/
}

    .footer_item h6 {
/*        text-transform: uppercase;*/
        color: #1166a3;
    }

.footer_nav_link_content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: self-start;
    list-style: none;
    gap: 2px;
}

    .footer_nav_link_content .footer_nav_link {
        list-style: none;
        text-decoration: none;
        width: 100%;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: smaller;
        /*        transition: all .5s;*/
    }

        .footer_nav_link_content .footer_nav_link:focus,
        .footer_nav_link_content .footer_nav_link:active,
        .footer_nav_link_content .footer_nav_link:hover{
            color: #1166a3;
        }

            .footer_nav_link_content .footer_nav_link:focus::before,
            .footer_nav_link_content .footer_nav_link:active::before,
            .footer_nav_link_content .footer_nav_link:hover::before {
                content: '';
                --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='black' d='M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z'/></svg>");
                display: inline-block;
                width: 16px;
                height: 16px;
                -webkit-mask-size: contain;
                -webkit-mask: var(--svg) no-repeat center;
                mask-size: contain;
                mask-repeat: no-repeat;
                mask: var(--svg) no-repeat center;
                background-color: #402b6d;
            }



.footer_item2 {
    background: #1166a3;
    color: white !important;
    background-color: #1166a3;
    box-shadow: -2px -2px 0px 1px #1166a344, 2px 3px 3px 1px #00000033;
    border: 1px solid #ffffff26;
    padding: .5rem 1rem;
    border-radius: .5rem;
    backdrop-filter: blur(5px);
    font-size: small;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .footer_item2 * {
        margin: 0;
    }

    .footer_item2 h6 {
        color: whitesmoke !important;
        text-transform: capitalize;
        font-weight: 600 !important;
    }

    .footer_item2 a {
        color: white !important;
    }


@media (max-width: 575.98px) {
}

.dropdown-menu {
    /*border-color: #1166a3 !important;*/
    border: none;
    /*box-shadow: 0 0 2px rgba(17, 102, 163, .5);*/
    box-shadow: 0px 0px 5px #dee2e6;
    background: #ffffff00;
}

.dropdown-item {
    background-color: #3d4987;
}

    .dropdown-item a, .dropdown-item a, .dropdown-item a, .dropdown-item a {
        color: white;
        text-decoration: none;
    }




    .dropdown-item:focus, .dropdown-item:hover {
        color: white !important;
        text-decoration: none !important;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: white;
        text-decoration: none;
        /*background-color: #1166a3;*/
        /*background-color: rgba(255, 255, 255, .25);*/
    }

        .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:focus a, .dropdown-item:hover a {
            color: white;
            text-decoration: none;
            background-color: rgba(255, 255, 255, .25);
        }

.offcanvas-header {
    border-bottom: 1px solid #1166a3;
    /*box-shadow: 0 0 5px grey;*/
}

@media (max-width: 991.98px) {

    .offcanvas-body {
        padding: 0;
        /*background-color: aliceblue;*/
    }

    .drop_nav_link:hover, .drop_nav_link:active, .drop_nav_link:focus {
/*        background-color: #1166a3;*/
/*        color: white;*/
    }

    .dropdown-menu {
        /*border-radius: 0;*/
        margin: .25em !important;
    }
}

.offcanvas-backdrop /*, .modal-backdrop*/ {
    background-color: #1166a3;
}



@media (max-width: 575.98px) {
    .offcanvas.offcanvas-end {
        width: 100%;
    }
}


.iconbox_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

    .iconbox_container > * {
        display: flex;
        min-width: 45%;
        justify-content: space-between;
        flex-direction: row;
        gap: .5rem;
        padding: .25rem .5rem;
        border-radius: .5rem;
        background-color: #f8f8ffc2;
        /*        flex-wrap: wrap;*/
        color: #1166a3;
        font-size: smaller;
        text-decoration: none !important;
        transition: all .7s;
        align-items: center;
    }

        .iconbox_container > * .mysm-maskicon {
            background: #1166a3;
        }

    .iconbox_container a:focus,
    .iconbox_container a:active,
    .iconbox_container a:hover {
        color: white !important;
        background: #1166a3 !important;
    }

        .iconbox_container a:focus i,
        .iconbox_container a:active i,
        .iconbox_container a:hover i {
            background: white !important;
        }


.socialiconcol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3px;
    align-items: center;
    justify-content: flex-end;
}

    .socialiconcol > * {
        position: relative;
        display: flex;
        flex-direction: row;
        background: #1166a3;
        border: 1px solid #1166a3;
        border-radius: .5rem;
        overflow: hidden;
        padding: 5px 5px;
        transition: all .7s;
    }

    .socialiconcol a:focus,
    .socialiconcol a:active,
    .socialiconcol a:hover {
        color: white !important;
        border: 1px solid #083352 !important;
        background: #083352 !important;
    }