body {
    letter-spacing: 0.1px;
    font-weight: normal;
    color: #000;
}

.logo h2{
    color: #0b5cac;
}

.banner--stick .logo h2{
    color: #fff;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;/*#0b5cac*/
    font-size: 17px !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #fe8800 !important;
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(52, 63, 82, 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: #fe8800 !important;
}

.navbar-light .navbar-toggler {
    color: #0b5cac;
    border-color: transparent;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%233f78e0' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: #0b5cac;
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: #3f78e0;
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.7);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
    color: rgba(255, 255, 255, 0.7);
}

.navbar-dark .navbar-toggler {
    color: #fff;
    border-color: transparent;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%23fff' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: #fff;
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: rgba(255, 255, 255, 0.7);
}

/*===*/
.banner--stick:not(.navbar-dark),
.banner--stick.transparent {
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
    /*background: #0b5cac;*/
    /* background: rgb(2,171,149)  !important; */
    /*background: linear-gradient(90deg, rgba(2,171,149,1) 0%, rgba(2,138,183,1) 51%, rgba(4,95,230,1) 100%);
    background: linear-gradient(90deg, rgba(4,95,230,1) 0%, rgba(2,138,183,1) 51%, rgba(2,171,149,1) 100%) !important;*/
    /* background: white !important; */
    background: #022452 !important;
}

.banner--stick .navbar-nav .nav-link {
    color: #0b5cac;
}

.banner--stick:not(.navbar-dark).navbar-dark .nav-link,
.banner--stick.transparent.navbar-dark .nav-link {
    color: #fff;
}



.banner--stick:not(.navbar-dark).navbar-dark .nav-link:hover,
.banner--stick:not(.navbar-dark).navbar-dark .nav-link:focus,
.banner--stick.transparent.navbar-dark .nav-link:hover,
.banner--stick.transparent.navbar-dark .nav-link:focus {
    color: #fff;
}

.banner--stick:not(.navbar-dark).navbar-dark .nav-link.disabled,
.banner--stick.transparent.navbar-dark .nav-link.disabled {
    color: rgba(52, 63, 82, 0.3);
}

/*==*/
.dropdown-item:hover,
.dropdown-item:focus {
    color: orange;
    background-color: inherit;
}

.dropdown-item.active,
.dropdown-item:active {
    color: orange;
    text-decoration: none;
    background-color: inherit;
}
/*==*/
@-webkit-keyframes oscillateUpDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes oscillateUpDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__oscillateUpDown {
    -webkit-animation-name: oscillateUpDown;
    animation-name: oscillateUpDown;
    animation-iteration-count: infinite;
    animation-direction: alternate !important;
}

[data-cue=oscillateUpDown],
[data-cues=oscillateUpDown]>* {
    opacity: 0
}

@keyframes oscillateUpDown {
    from {
        opacity: 1;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.image-wrapper.bg-overlay_1:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(30, 34, 40, 0.5);
}

.image-wrapper.bg-overlay_1:not(.bg-content) *,
.image-wrapper.bg-overlay_1.bg-content .content {
    z-index: 2;
}

.search-wrap {
    position: fixed;
    right: 1.5rem;
    top: 1rem;
    width: 2.3rem;
    height: 2.3rem;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    z-index: 1040;
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}
.search-content {
    position: fixed;
    right: 0rem;
    top: 4rem;
    width: 100%;
    display: block;
    border-radius: 100%;
    z-index: 1040;
}

.search-results {
    overflow-y: auto;
    max-height: 60vh;
    border-radius: 5px;
    background-color: aliceblue;
}

.li-alternate li{
    padding: auto 1rem;
    border-radius: 20px;
    color: black;
    background-color: white;
}

.li-alternate li:nth-child(even)  {
    background-color1: blue;
}

.li-alternate li:nth-child(odd)  {
    background-color1: lightblue;
}

.cart-wrap {
    position: fixed;
    right: 4rem;
    top: 7.5rem;
    width: 5rem;
    height: 2.3rem;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    z-index: 1040;
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
}

.text-custom-dark{
    color:black !important;   
}

.bg-custom-blue{
    /*background-color: #0b5cac;*/
    background: rgb(8,58,252);
    background: linear-gradient(90deg, rgba(8,58,252,1) 0%, rgba(8,103,252,1) 51%, rgba(0,202,255,1) 100%);
}

.bg-custom-gradient-brown{
    background: linear-gradient(to right, #1a73e8, #1a73e8) !important;
    color: white;
}
.bg-custom-color-1_bk{
    /*light light yellow to orange*/
    background: rgb(250,187,22)  !important;
    background: linear-gradient(90deg, rgba(250,187,22,1) 0%, rgba(245,133,28,1) 51%, rgba(242,104,31,1) 100%)  !important;
}

.bg-custom-color-1{
    /*light light yellow to orange*/
    background: #022452   !important;
}

.bg-custom-color-2{
    /*light sky blue to dark blue*/
    background: rgb(2,171,149)  !important;
    /*background: linear-gradient(90deg, rgba(4,95,230,1) 0%, rgba(2,138,183,1) 51%, rgba(2,171,149,1) 100%) !important;*/
    background:linear-gradient(90deg, rgb(4, 95, 230) 0%, rgb(4, 87, 222) 51%, rgb(2, 92, 171) 100%) !important;
    color:white;    
}

.bg-custom-color-3{
    background: #6795fd  !important;
    background: linear-gradient(#6795fd 0, #67ceff 100%)  !important;    
}

.bg-custom-color-4{
    background: #f2681f;
}

.bg-custom-color-5 {
    background: #7cfff9;
}

.bg-custom-color-6 {
    background: #f7db77;
    color: black;
}

.bg-custom-color-7 {
    background: #6bbeaf;
    color: black;
}

.bg-custom-color-8 {
    background: #fff0e9;
    color: black;
}

.text-custom-color-blue {
    color: #1a73e8;
}

.text-custom-color-1 {
    color: #fbc417;
}

.bg-custom-color-9 {
    background: #02a997;
    color: white;
}
.bg-custom-color-10
{
    background: #AF38EB;
    color: white;
}
.bg-custom-color-11
{
    background: rgb(242,43,8);
    background: linear-gradient(130deg, rgba(242,43,8,1) 0%, rgba(9,105,121,1) 45%, rgba(239,0,255,1) 100%); 

}
.bg-custom-color-12
{
    background: rgb(34,193,195);
    background: linear-gradient(130deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%); 
}

.bg-custom-color-r{
    background: #ff6000  !important;
    background: linear-gradient(90deg, rgb(250, 118, 22) 0%, rgb(245, 28, 28) 51%, rgb(242, 104, 31) 100%) !important;
}

.bg-custom-color-g{
    background: #05731b  !important;
}

.bg-custom-color-b{
    background: rgb(2, 92, 171)  !important;
    background:linear-gradient(90deg, rgb(4, 95, 230) 0%, rgb(4, 87, 222) 51%, rgb(2, 92, 171) 100%) !important    
}

/* datatables*/
.dt-left-col {
    float: left;
    width: 50%;
}

.dt-center-col {
    float: left;
    width: 25%;
}

.dt-right-col {
    float: left;
    width: 25%;
}
/* datatables*/

/*Swiper - home page slider*/
.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.carousel-3d{
    margin: 0 auto !important;
}

.carousel-3d-item{
    height: 100% !important
}

.carousel-3d .carousel-3d-controls{
    top:0px !important;
}

/*Swiper*/

.testimonials-css .owl-carousel .owl-nav button.owl-prev{
    left:0rem;
}
.testimonials-css .owl-carousel .owl-nav button.owl-next{
    right:0rem;
}

.testimonials-css .block-icon::before {
    content: "”";
    position: absolute;
    top: 0rem;
    left: 0rem;
    color: rgba(52, 63, 82, 0.05);
    font-size: 10rem;
    line-height: 1;
    z-index: 1;
}

.rounded-left{
    border-top-left-radius: 50em !important;
    border-bottom-left-radius: 50em !important;
}
.rounded-right{
    border-top-right-radius: 50em !important;
    border-bottom-right-radius: 50em !important;
}

.ripple-background, .ripple-background-rev {
    position: relative;
}

.circle{
    position: absolute;
    border-radius: 50%;
    background: white;
    animation: ripple 15s infinite;
    box-shadow: 0px 0px 1px 0px #508fb9;
}

.ripple-background-rev .circle{
    right: 0;    
}
.small{
    width: 50px;
    height: 50px;
    left: -25px;
    bottom: -25px;
}

.medium{
    width: 100px;
    height: 100px;
    left: -50px;
    bottom: -50px;
}

.large{
    width: 150px;
    height: 150px;
    left: -75px;
    bottom: -75px;
}

.xlarge{
    width: 200px;
    height: 200px;
    left: -100px;
    bottom: -100px;
}

.xxlarge{
    width: 250px;
    height: 250px;
    left: -125px;
    bottom: -125px;
}

.ripple-background-rev .small{
    width: 50px;
    height: 50px;
    right: -25px;
    bottom: -25px;
    left: unset;
}

.ripple-background-rev .medium{
    width: 100px;
    height: 100px;
    right: -50px;
    bottom: -50px;
    left: unset;
}

.ripple-background-rev .large{
    width: 150px;
    height: 150px;
    right: -75px;
    bottom: -75px;
    left: unset;
}

.ripple-background-rev .xlarge{
    width: 200px;
    height: 200px;
    right: -100px;
    bottom: -100px;
    left: unset;
}

.ripple-background-rev .xxlarge{
    width: 250px;
    height: 250px;
    right: -125px;
    bottom: -125px;
    left: unset;
}

.shade1{
    opacity: 0.2;
}
.shade2{
    opacity: 0.5;
}

.shade3{
    opacity: 0.7;
}

.shade4{
    opacity: 0.8;
}

.shade5{
    opacity: 0.9;
}

@keyframes ripple{
    0%{
        transform: scale(0.8);
    }

    50%{
        transform: scale(1.5);
    }

    100%{
        transform: scale(0.8);
    }
}

@media (max-width: 991.98px) {
    .navbar .navbar-brand {
        padding-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
    }
}
@media (min-width: 991.98px) {
    .home_image_lms , .home_image_prime_assist
    {
        height: 500px;
    }
}
table td, table th, table p, table a{
    font-size: 0.7rem !important
}

table.padding-01 td, table.padding-01 th, table.padding-01 p, table.padding-01 a{
    padding: 0.1rem !important
}
.display-1, h1{
    font-size: 1.2rem !important
}
.display-2, h2{
    font-size: 1.1rem !important
        font-family: var(--bs-font-sans-serif) !important
}
.display-3, h3{
    font-size: 1rem !important
}
.display-4, h4{
    font-size: 0.9rem !important
}
.display-5, h5{
    font-size: 0.8rem !important
}
.display-6, p, h6, a{
    font-size: 0.7rem !important
}

#side-nav .nav-item .nav-link{
    padding: 5px 2px 5px 5px !important;
    color: white !important;
}
#side-nav .nav-item .nav-link.active{
    padding: 5px 2px 5px 5px !important;
    color: #fff  !important;
}
#side-nav .nav-item .nav-link.active:parent{
    background-color: yellow !important;
}
#side-nav .nav-item{
    border-bottom: 1px solid white !important;
}
#side-nav ul ul{
    padding-left: 1rem !important;
}
#side-nav ul ul li{
    list-style: none !important;
}

.banner--stick .navbar-other .nav-link{
    color: #fff !important;    
}
/*
.form-label-group .form-control::placeholder {
    color: grey !important;
    font-size: 0.7rem;
}

.form-label-group label {
    display: none !important;
}

.form-label-group .form-control:not(:placeholder-shown) {
    /*padding-top: calc(0.6rem + 0.6rem * (2 / 3));*/
/*padding-top: calc(0.6rem / 3) !important;
padding-bottom: calc(0.6rem / 3);
}

.form-control-sm {
font-size: 0.7rem !important;
}
*/

.form-group.required label:after{
    content:" *";
    color: red;
}

.btn-circle-sm{
    width:0.8rem !important;
    height:0.8rem !important;
}

.home-custom-slider .bg-overlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(30, 34, 40, 0.3);
}

.custom-banner-slider{
    max-width:99%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align:top;
}
.custom-banner-form{
    max-width:99%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align:top;
}


@media (min-width: 576px) {

    .custom-banner-slider {
        max-width: 73%;
    }
    .custom-banner-form {
        max-width: 26%;
    }
}

@media (min-width: 768px) {

    .custom-banner-slider {
        max-width: 73%;
    }
    .custom-banner-form {
        max-width: 26%;
    }
}

@media (min-width: 992px) {

    .custom-banner-slider {
        max-width: 73%;
    }
    .custom-banner-form {
        max-width: 26%;
    }
}

@media (min-width: 1200px) {

    .custom-banner-slider {
        max-width: 73%;
    }
    .custom-banner-form {
        max-width: 26%;
    }
}

@media (min-width: 1400px) {

    .custom-banner-slider {
        max-width: 73%;
    }
    .custom-banner-form {
        max-width: 26%;
    }
}

.bg-overlay-custom:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(30, 34, 40, 0.5);
}

.custom-justify {
    hyphens: auto;
    text-align: justify;
    text-justify: inter-word;
}

.form-control {
    border: 1px solid rgb(109, 159, 227);
}

.btn-warning {
    background-color: #ff9600;
    border-color: #ff9600;
}
.btn-success {
    background-color: #20b900;
    border-color: #20b900;
}

.badge-free{
    font-weight: normal !important;
    background-color: #734dc5 !important;
    letter-spacing: 2px;
}

.bg-tpay{
    background-color: #067c64 !important;
}

.bg-soft-tpay{
    background-color: #dff7ed !important;
}

.text-tpay{
    color: #067c64 !important;
}
.hide_number{
    list-style-type: none;
}
.hide_number::before, .hide_number::marker{
    visibility: hidden;    
}

.show_number::before, .show_number::marker{
    visibility: visible !important;    
}
.question_wrap{
    white-space: pre-wrap;
}

/*
#035abc
#6e5606
#062f4f
#76323f
#067c64
#540e47
Footer: #022452
*/

.bg-card1{
    background-color: #035abc !important;
}

.bg-soft-card1{
    background-color: #035abc !important;
}

.text-card1{
    color: #035abc !important;
}

.bg-card2{
    background-color: #6e5606 !important;
}

.bg-soft-card2{
    background-color: #6e5606 !important;
}

.text-card2{
    color: #6e5606 !important;
}

.bg-card3{
    background-color: #062f4f !important;
}

.bg-soft-card3{
    background-color: #062f4f !important;
}

.text-card3{
    color: #062f4f !important;
}

.bg-card4{
    background-color: #76323f !important;
}

.bg-soft-card4{
    background-color: #76323f !important;
}

.text-card4{
    color: #76323f !important;
}

.bg-card5{
    background-color: #067c64 !important;
}

.bg-soft-card5{
    background-color: #067c64 !important;
}

.text-card5{
    color: #067c64 !important;
}

.bg-card6{
    background-color: #540e47 !important;
}

.bg-soft-card6{
    background-color: #540e47 !important;
}

.text-card6{
    color: #540e47 !important;
}

.bg-footer-custom{
    background-color: #022452 !important;
    /*background-color: #232f3e !important;*/
}

.offcanvas-nav{
    background1 : white !important;
}

.form-group-custom{
    border: 1px solid black;
    border-radius: 10px;
    margin: 0.3rem;
    overflow: hidden;
    cursor: pointer !important;
}
.form-group-custom-checked{
    border: 2px solid green;
}
.form-group-custom .form-check-input{
    /*display: none;*/
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

li{
    font-size: 0.7rem;
}

.bg-siri{
    background: #ff5252 !important;
}

.btn-primary {
    /*color: #fff;
    background-color: #022452;*/
}

.navbar-expand-lg .navbar-nav {
    flex-direction1: row;
    align-items1: end !important;
}


/* Zoom styles */
.zoom, .original {
    position: relative;
}
.zoom {
    display: inline-block;
}
.original {
    cursor: crosshair;
}
#target {
    width: calc(var(--t) / 2);
}
.zoom .viewer {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.zoom .viewer img {
    position: absolute;
}
.magnifier {
    position: absolute;
    background: #000;
    opacity: 0.7;
    top: 0;
    left: 0;
}
.magnifier, .viewer {
    display: none;
}
.original:hover ~ div {
    display: block;
}
.original::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.lh-1{
    line-height:1 !important;
}
.lh-11{
    line-height:1.1 !important;
}
.lh-12{
    line-height:1.2 !important;
}
.lh-13{
    line-height:1.3 !important;
}
.lh-14{
    line-height:1.4 !important;
}
.min-h-1{
    min-height: 1rem;
}

.bg-texture-fabric {
    background-color: #5f7b9c;
    background-image: url("bg/45-degree-fabric-light.png");

}

.bg-texture-rhombus {
    background-color: #d1d1e1;
    opacity: 1;
    background-image:  linear-gradient(135deg, #c7c7d5 25%, transparent 25%), linear-gradient(225deg, #c7c7d5 25%, transparent 25%), linear-gradient(45deg, #c7c7d5 25%, transparent 25%), linear-gradient(315deg, #c7c7d5 25%, #d1d1e1 25%);
    background-position:  6px 0, 6px 0, 0 0, 0 0;
    background-size: 6px 6px;
    background-repeat: repeat;    
}

.bg-texture-zigzag {
    background-color: #d1d1e1;
    opacity: 1;
    background: linear-gradient(135deg, #c7c7d555 25%, transparent 25%) -6px 0/ 12px 12px, linear-gradient(225deg, #c7c7d5 25%, transparent 25%) -6px 0/ 12px 12px, linear-gradient(315deg, #c7c7d555 25%, transparent 25%) 0px 0/ 12px 12px, linear-gradient(45deg, #c7c7d5 25%, #d1d1e1 25%) 0px 0/ 12px 12px;
}

.bg-texture-moon {
    background-color: #d1d1e1;
    opacity: 1;
    background-image: radial-gradient( ellipse farthest-corner at 6px 6px , #c7c7d5, #c7c7d5 50%, #d1d1e1 50%);
    background-size: 6px 6px;
}

.bg-texture-paper {
    background-color: #d1d1e1;
    opacity: 1;
    background-image:  linear-gradient(#c7c7d5 1.2000000000000002px, transparent 1.2000000000000002px), linear-gradient(90deg, #c7c7d5 1.2000000000000002px, transparent 1.2000000000000002px), linear-gradient(#c7c7d5 0.6000000000000001px, transparent 0.6000000000000001px), linear-gradient(90deg, #c7c7d5 0.6000000000000001px, #d1d1e1 0.6000000000000001px);
    background-size: 30px 30px, 30px 30px, 6px 6px, 6px 6px;
    background-position: -1.2000000000000002px -1.2000000000000002px, -1.2000000000000002px -1.2000000000000002px, -0.6000000000000001px -0.6000000000000001px, -0.6000000000000001px -0.6000000000000001px;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: orange;
}