.navbar{
    padding-bottom: 7px !important;
}
.nav-item .nav-link {
    font-size: 15.5px !important;
}
/* .navbar-expand-xl .navbar-toggler{
    display: none!important;
} */
.navbar-nav .nav-item+.nav-item {
    border-top: none;
}
.error {
    font-size: 14px;
    color: red;
    display:none;
}
.reg_bck{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
}
.reg_styles{
    color: #fff !important;
    font-weight: 700;
    font-size: 2.4rem;
}
.py-md-12 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
.boxborder{
    margin-top: 50px;
}
.navbar-nav .nav-link {
    padding-right: 7px !important;
    /* padding-left: 0!important; */
    font-weight: 600;
}

.icon-xs>svg {
width: 1.25rem;
height: 1.25rem;
}

img, svg {
vertical-align: middle;
color: #fff;
}

.h-40p {
height: 40px !important;
}

.w-40p {
width: 40px !important;
}

.place-flex-center {
place-items: center;
place-content: center;
}

.outline-0 {
outline: 0 !important;
}

.text-white {
--bs-text-opacity: 1;
color: #fff !important;
}

.p-0 {
padding: 0 !important;
}

.ms-4 {
margin-left: 1rem !important;
}

.shadow-none {
box-shadow: none !important;
}

.d-flex {
display: -webkit-box !important;
display: flex !important
;
}

.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.125rem;
line-height: 1;
background-color: #003466;
border: 1px solid transparent;
border-radius: .25rem;
-webkit-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
}

.navbar-toggler{
display: none!important;
}

.text-gray-800 {
    color: #77838f !important;
}

.font-size-sm-alone {
    font-size: .875rem !important;
}

.px-9 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

.order-1 {
    -webkit-box-ordinal-group: 2 !important;
    order: 1 !important;
}

.d-block {
    display: block !important;
}

.text-center {
    text-align: center !important;
}




@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .navbar-collapse {
        position: fixed;
        top: 1rem;
        left: 1rem;
        height: auto;
        max-height: calc(100% - 2rem) !important;
        width: calc(100% - 2rem);
        background-color: #fff;
        border-radius: .25rem;
        box-shadow: 0 1.5rem 4rem rgba(140, 152, 164, .15);
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .navbar-collapse.show{
        z-index: 9;
    }
    .navbar-nav{
        z-index: 9;
    }
    .navbar-nav {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    .navbar-collapse .navbar-toggler {
        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: 1;
    }
}
    .boxborder {
        margin: 10px;
        padding: 10px;
    }
    .hdr_bck {
    background-size: 200% auto !important;
    }
    .navbar-nav .nav-item {
    padding: 0rem!important;
    }
    .text-white{
    color: #fff!important;
    padding: 20px 0;
    }
    .navbar-nav .nav-item+.nav-item {
    border-top: none;
    }
    .navbar-toggler{
    display: block!important;
    }
    .navbar-collapse.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    }

    .navbar-nav .nav-item {
        padding: 1.5rem;
    }
        .navbar-nav {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
        }
        @media (min-width: 1200px) {
            .navbar-expand-xl .navbar-toggler {
                display: none!important;
            }
            
        }
        @media only screen and (max-width: 600px) {
            .navbar-nav .nav-item+.nav-item {
                border-top: 1px solid #e7e7ec!important;
            }
            .navbar-nav .nav-link{
                padding: 1.5rem;
            }
        
            .navbar-nav .nav-item+.nav-item {
                border-top: none;
            }
           
            .navbar-collapse {
                position: fixed;
                top: 1rem;
                left: 1rem;
                height: auto;
                max-height: calc(100% - 2rem) !important;
                width: calc(100% - 2rem);
                background-color: #fff;
                border-radius: .25rem;
                box-shadow: 0 1.5rem 4rem rgba(140, 152, 164, .15);
                overflow-x: hidden;
                overflow-y: scroll;
            }
            .navbar-collapse.show{
                z-index: 9;
            }
            .navbar-nav{
                z-index: 9;
            }
            .navbar-nav {
                display: -webkit-box;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
                padding-left: 0;
                margin-bottom: 0;
                list-style: none;
            }
            .navbar-collapse .navbar-toggler {
                position: absolute;
                top: 1rem;
                right: 1rem;
                z-index: 1;
            }
            .navbar-collapse.show {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        
            .navbar-collapse.show {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        
            .navbar-collapse.collapsing, .navbar-collapse.show {
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                transition-property: opacity, transform, -webkit-transform;
                -webkit-transform-origin: top right;
                transform-origin: top right;
            }
            .navbar-nav {
                display: -webkit-box;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
                padding-left: 0;
                margin-bottom: 0;
                list-style: none;
            }
        }