/* loader */
.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #00695c;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 9999999;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#overlay {
    background: rgb(0 0 0 / 30%);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}
/* loaded end */

.h-75px {
    height: 75px;
}
.bg-brand {
    background: #d33630;
    border-color: #1663a6;
    color: #ffffff;
}
.text-brand {
    color: #1663a6 !important;
}
.logo-name{
    font-size: 20px;
}
/* navbar */
.nav-scroller {
    position: relative;
    z-index: 2;
    height: 3.5rem;
    overflow-y: hidden;
}
.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: 3px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.navbar {
    padding: .5rem;
    border-bottom: 1px solid #e8e8e8;
}
.nav-link {
    font-weight: 100;
}
.upper-small-nav {
    font-size: 13px;
}
.upper-small-nav .nav-link {
    color: #ffffff;
}
/* end header */
.brand-shadow-01 {
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
}
.blog-cards .card-body {
    padding: 1rem;
}
.slider-section,
.tns-carousel-wrapper,
.tns-carousel-inner {
  width: 100%;
  height: object-fit; /* full viewport height */
  border-radius: 0; /* optional: remove corner radius */
  overflow: hidden;
}
.home-outer-wrapper {
    background: #ffffff;
    border: 1px solid #c5c5c5;
    border-radius: 17px;
    padding: 2rem;
    box-shadow: 0 0 1px rgba(0, 0, 0, .3);
}
.home-outer-wrapper .card {
    border: .5px solid #ccc;
}
.home-outer-wrapper h5 {
    font-size: 18px !important;
    font-weight: 500;
    color: #111;
}
.home-outer-wrapper h6 {
    font-size: 14px !important;
    font-weight: 100;
}
.home-outer-wrapper .text-primary {
    color: #1663a6 !important;
}
.home-outer-wrapper a:hover {
    color: #1663a6 !important;
}
.icon-box:hover .icon-box-media.text-primary, .icon-box.active .icon-box-media.text-primary, .icon-box.show .icon-box-media.text-primary {
    background-color: #1663a6 !important;
}
footer {
    background: #1663a6;
}
footer a {
    color: #ffffff;
}
footer .nav-link {
    color: #ffffff;
}
footer .nav-link:hover, footer .nav-link:focus {
    color: #ffffff;
}
footer .h5 {
    color: #ffffff;
}
footer a:hover{
    color: #ffffff;
}
.blog-section .card {
    border: 1px solid #d7d7d7;
}
#packages .card:hover {
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
}
.blog-cards img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: .75rem .75rem 0rem 0rem;
}
.business-profile-cards img {
    border-radius: .75rem .75rem 0rem 0rem;
}

.view-all-btn{
    text-transform: uppercase;
    border: 2px solid #1663a6;
    padding: 0.5rem !important;
    font-size: 12px;
    color: #1663a6;
    font-weight: 900 !important;
}

input:focus-visible{
    outline: inherit;
}

.package-title-header{
    text-transform: uppercase;
    color: #1663a6;
    border: 2px solid;
    padding: 0.5rem;
    border-radius: 25px;
}

.nav-sidemenu ul{
    padding-left: 1.5rem;
}

.home-slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* make image/video cover full area */
  display: block;
}

.bp-show-slider{
    height: object-fit;
    width:100%;
    object-fit:cover
}

.card-features{
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border-radius: 10px;
    width: 75%;
    text-align: center;
    padding: 1.5rem 0 1rem 0;
    margin: 1rem auto;
}

.iti{
    width: 100%;
}

.breadcrumb{
    margin-top: 1.5rem;
}

.im-highlight-menu{
    font-weight: 700;
    border: 2px solid #ffffff;
    margin-left: 1rem;
    padding: 4px !important;
    margin-top: 3px;
}

@media screen and (max-width: 786px) {
    .home-slider-img{
        height: 150px;
    }
    .bp-sidebar{
        display: none;
    }
    .bp-show-slider{
        height: 200px;
    }
  }


  /*  */
    .ais-SearchBox-input{
        padding: 0 10px 0 10px !important;
        height: 44px;
        border:1px solid #ddd;
        border-radius: 15px 0 0 15px;
        font-size: 13px;
    }

    .ais-SearchBox-submit
    {
        height: 46px;
        width: 60px;
        border-radius: 0px 15px 15px 0px;
        background-color: #1663a6;
        border: 1px solid #1663a6;
        padding: 14px 18px;
    }
    .ais-SearchBox-resetIcon{
        left: -55px;
    }
    .EmptyState{
        display: none;
    }
    .ais-Hits-item{
        cursor: pointer;
        font-size: 13px;
    }

    .ais-Hits{
    background: #ffffff;
    box-shadow: 0 2px 2px 0 #ededed;
    }

    .ais-Hits-list{
        background-color: #ffffff;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
        background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    }

    .search-product-price{
        font-weight: 700;
        color: #1663a6;
        margin-left: 2rem;
    }

    .ais-Highlight-highlighted{
        font-size: 15px;
        background-color: inherit;
        font-weight: 700;
    }

    mark, .mark{
        padding: inherit;
    }


    .search-product-title
    {
        display: block;
        font-size: 15px;
        margin-left: 2rem;
    }

    .ais-SearchBox-loadingIndicator{
        display: none;
    }

#search-form{
    width: 37%;
    margin-left: 0;
}

    @media screen and (max-width: 768px) {
        #search-form{
            width: 100%;
        }
        #searchbox{
            margin: .5rem 0 .5rem 0;
            width: 100%;
        }
        .search-product-title{
            font-size: 10px;
        }
        .ais-Hits{
            width: 86%;
            margin: inherit;
        }
        .ais-Highlight-highlighted{
            font-size: 10px;
        }
        .upper-small-nav .container{
            padding-right: 0;
            padding-left: 0;
        }
    }