/*======================= HEADER STYLE ===========================*/
    header.header-top{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);}
    header.header-top .navbar .navbar-brand .logo{width: 200px;}
    .search-input {
        border: none;
        display: block;
        width: 100%;
        height: 33px;
        line-height: 33px;
        font-size: 0.9rem;
        background-color: transparent;
        padding: 0;
        outline: 0;
        float: left;
        color: var(--color-dark);
        padding-left:10px;    
    }
    .search-input::placeholder {
        font-size: 0.9rem;   
        letter-spacing:0px;
        font-weight:600;
        color:var(--color-dark);
    } 
    .searchbox-results-wrapper .btn-ai-search{   
        background: #ffced3;
        border:1px solid #f8f9fa;
        background: -webkit-linear-gradient(to right, #ffced3, #fef1f2);
        background: -moz-linear-gradient(to right, #ffced3, #fef1f2);
        background: -o-linear-gradient(to right, #ffced3, #fef1f2);
        background: linear-gradient(to right, #ffced3, #fef1f2); 
    }
    .searchbox-results-wrapper .btn-ai-search span{
        font-size: 0.7rem;   
        letter-spacing:1px;
        font-weight:600;
        color:var(--color-dark);   
    }
    .searchbox-results-wrapper .buttons{font-size: 0.8rem;}
    .searchbox-results-wrapper svg {position: relative;left: 5px;top: 1px;}
    .searchbox-results-wrapper .btn-ai-search svg { top: -1px;left: 0px}
    .searchbox-results-wrapper .search-input::placeholder {
      color: #B6B6B6;
      font-weight: 500
    }
    header.header-top .navbar-nav .nav-item {padding: 0 5px;text-align: center;}
    header .navbar-nav .nav-item .nav-link, .sideBar .nav-link {padding: 0.25rem .5rem;
    color:var(--color-first); }
    /* header.header-top .navbar-nav .nav-item:not(:nth-last-child(1)){border-right: 1px dashed var(--color-first);}*/
    header.header-top .navbar-nav .nav-item .nav-link-icon{
    width: 35px;height: 35px;
    background: var(--bg-body-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
    }
    /*header.header-top .navbar-nav .nav-item .nav-link-icon svg { width: 25px; height: 25px; }*/
    header.header-top .navbar-nav .nav-item .nav-link-icon svg{fill:var(--color-first);}
    header.header-top .navbar-nav .nav-item .nav-link p,.offcanvas .header-nav .nav-item .nav-link p{
    font-size: 0.9rem;
    color: var(--color-first);
    font-weight: 500;
    padding: 0;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 0;
    cursor: pointer;
    }
    .login-nav-span img{width: 28px;object-fit: scale-down;}
    header.header-top .navbar-nav .nav-item.login-nav-dropdown .dropdown-menu{left: initial;right: 0;top: 130%}/*======================= SUBSCRIBE STYLES =======================*/   
    .subscribe-section{
        background:linear-gradient(rgba(245, 245, 245, 0.3),rgba(245, 245, 245, 0.3)), url(../img/subscribe-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    .subscribe-img{width: 250px;}
    .offcanvas-header .btn-close{background-color: transparent !important;}
/*======================= FOOTER STYLES ==========================*/
    footer:before{z-index: 1;background-color: rgba(47, 98, 113, 0.95);}
    .footer-sec,.copyright{z-index: 2;}
    footer,.download-app-block{
      background: url(../img/footer-bg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }
    .fixedFooter ul li,footer .copyright ul li{display: inline-block;}
    .footer-useful-links li{margin-bottom: 15px;}
    .footer-useful-links .footer-heading{
        color:var(--color-second);
        font-family: var(--font-family-sub-heading);
        font-weight: 600;
        text-transform: uppercase;
        opacity: 1;
        margin-bottom: 10px;
    }
    .footer-useful-links li a,footer a{color: #fff;text-decoration: none;}
    .footer-useful-links li a,.footerCategoryList ul.nav a{font-size:1.1rem;font-weight: 400;}
    .footer-useful-links li a:hover, footer a:hover{color: #fff;opacity: 0.7;}
    .social-icons li{width: 35px;height: 35px;border-radius: 50%;display: flex; 
        justify-content: center;align-items: center;}
    .social-icons a i{font-size: 1.1 rem;color:#fff;font-weight: 500;}
    i.icon:after{display: none;}