.logo img{ height: 80px; margin-top: 10px; } 
.logo { z-index: 9 !Important; } 
.navigation-menu a { font-size:16px !Important; font-weight: normal !Important; text-transform: capitalize !Important; }
.navigation-menu li { margin: -5px !Important;  }
.navigation-menu { justify-content: right; } 
.bg-half { padding:190px 0px 5px 0px;  }
.uinfo h5 b { margin-left: 30px; display: inline-block; text-align: right; } 
.uinfo h5 { border: solid 1px #dfdfdf; border-radius: 10px; font-size: 14px; padding: 10px; } 

.pinfo h5 b { margin-left: 30px; display: inline-block; text-align: right; } 
.pinfo h5 { border: solid 1px #dfdfdf; border-radius: 10px;  font-size: 14px; padding: 10px; } 

mark { background-color: #fff; color: #090; } 
.rowBox { margin-top: 10px; } 
.products_thumb { max-width: 250px; max-height: 70px;  border: solid 1px #333; padding: 5px; margin: 5px; border-radius: 10px; }
.btn { font-weight: normal !Important; }
.box { background: #f8f2f2; padding: 10px 0px; }
form dd { color: #f00; display: inline; font-size: 20px; }
.page a { background: #e5fcf4; padding:5px 10px; margin: 5px; border-radius: 20px; }
.page .current { background: #006eff; padding: 5px 10px; margin: 5px; border-radius: 20px; color:#ffff }
.page .pre {}
.page .next{}
.my_links li {  }
.my_links .active { background: #006eff; color: #fff; border-radius: 10px; }
.my_links .active mark { margin-left: 20px; background:none; color: #fff;}
.my_links .active a { color: #fff !Important;}
.my_links li a { padding-top: 12px !important; display: block; }
.fwb { font-weight: b; text-transform: uppercase; }
.afwb * { font-weight: bold; text-transform: uppercase; }

#contact-form .resume { border: solid 2px #0313a6 !Important; }
#contact-form label { Color:#0313a6 !Important; margin-left: 5px; font-size: 18px; margin-bottom: 10px; }
header.scroll {    background: url(../images/bg-page-header1.jpg) no-repeat !important; background-size: cover !important;background-position: 0px -432px !important;  }
.icndiv { border: solid 1px #ddd; border-radius: 50%; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; margin-left: 40%; margin-top: -100px; background: #fff;   }
.icn { color:#2ab0b0; font-size: 45px; margin-top: -19px; }
.main_search>div>div div { 0px;  background: #000;  }
#topnav{ background: #777; }
.logo img { height: 60px !Important; margin-top: 0px;   }
header .tagline { background: #333;  }
.bg-home {    background: url('../images/bg-home.jpg') center center no-repeat;    background-size: cover; }
.city_item { width: 30%; }
.category-item {    position: relative;    overflow: hidden;    border-radius: 8px;}
.category-item img {    width: 100%;    height: 450px;    object-fit: cover;    transition: transform 0.5s ease;}
.category-overlay {    position: absolute;    inset: 0;    display: flex;    flex-direction: column;
    justify-content: flex-end;    align-items: flex-start;    padding: 20px;    background: linear-gradient(
        transparent 35%,        rgba(0,0,0,0.85)    );    color: #fff;}
.category-overlay h4 {    margin: 0 0 10px;    font-size: 18px;}
.explore-btn {    opacity: 0;    transform: translateY(15px);    transition: all 0.4s ease;    display: inline-block;
    padding: 7px 15px;    border: 1px solid #fff;    border-radius: 5px;    color: #fff;    text-decoration: none;
    font-size: 14px;}
.category-item:hover img {    transform: scale(1.08);}
.category-item:hover .explore-btn {    opacity: 1;    transform: translateY(0);}
.explore-btn:hover {    background: #fff;    color: #000;}
.explore-btn span {    margin-left: 5px;}
.login-button>a{  background: var(--bs-teal) !Important; padding: 0px !Important; min-height: 20px !Important;
margin-top: 15px; margin-left:10px; padding: 10px 13px !Important; border-radius: 10px;}
.smalls { line-height: 15px;}
.smalls small{ font-size: 11px; }
.eye { position: absolute; right: 10px; top:35px; cursor: pointer; }
.mnu { display: none; }
@media (max-width: 768px) { 
.main_search { padding: 10px; } 
.main_search>div>div div {  background: #fff;  } 
#topnav.scroll { background: #fff !Important; }
.logo img{ height:30px !Important;  } 
.logo { line-height: 40px !Important;  } 
.menu-item { margin-top: -20px; } 
.city_item { width: 48%; } 
.category-item img { height: 210px; } 
.category-overlay  { padding: 12px; } 
.category-overlay h4 { font-size: 14px; margin-bottom: 7px; } 
.explore-btn { opacity: 1;  transform: none;   padding: 5px 10px;  font-size: 12px;  } 
.mnu { display: block; float: right; width: 75%; text-align: right; } 
.mnu a { color: #fff; margin-left: 20px; } 
.wlcm { font-size: 10px; } 
.dsh { font-size: 20px; margin-top: 10px; margin-right: -20px; } 
.bg-half { padding: 90px 0px 5px 0px !Important; } 
} 



