/*************************8      header css           ****************************************************/
.footer {
  clear: both;
}
.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}
.btn.rounded-0 {
  background: #fff;
}
.bg-gray {
  background: #ededed;
}
.woocommerce-pagination {
  padding: 31px 12px;
  color: #fff !important;
}

.woocommerce-pagination a {
  color: #fff;
}
.woocommerce-pagination .page-numbers.current {
  background: #000;
}
.woocommerce-products-header {
  color: #fff !important;
}
.offcanvas {

	background-color: #004945;}
.theme-twentytwentyone .wc-block-components-checkbox__input[type="checkbox"]:checked + .wc-block-components-checkbox__mark {
  display: block;
}
.display-6 {
  font-size: 32px;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.btn-close {
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.146a.5.5 0 011 .708L8.707 8l4.147-4.146a.5.5 0 11.708.708L9.414 8l4.146 4.146a.5.5 0 11-.708.708L8 8.707l-4.146 4.147a.5.5 0 11-.708-.708L6.586 8 2.44 3.854a.5.5 0 01.708-.708z'/%3E%3C/svg%3E") center/1.5em auto no-repeat;
}


.bg-green {
  background: #00948d;
}
.logo-nav {
  background: #0f1e29;
}
.woocommerce .woocommerce-cart-form input.qty {
  
  margin: auto;
}
.shop_table.shop_table_responsive .button {
  background: #000 !important;
  padding: 11px 19px !important;
  color: #fff !important;
}
.logo {max-height:82px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:32px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}
.wp-block-button__link {font-size: 17px;
font-weight: 700;
padding: 14px 40px;
letter-spacing: 0.05em;
text-decoration: none !important;
text-transform: uppercase;
padding: 16px 50px;}
.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 25px;font-size:22px;font-weight:700;}
.navbar .nav-item .nav-link{color:#fff;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{opacity:0.7!important;}

/**********                Home page css       *******************************/
/* Ensure the submenu opens on the right */
.dropdown-item:focus, .dropdown-item:hover {
  color: #000;
  background: transparent;
}
.dropdown-submenu {
    position: absolute;
    left: 100%; /* Aligns the submenu to the right of the parent */
    top: 0; /* Aligns the submenu with the top of the parent */
    display: none; /* Initially hidden */
    background-color: #fff; /* Optional: background color */
    z-index: 1000; /* Ensure it stays above other content */
    padding: 0;
    border: 1px solid #ddd; /* Optional: Add a border */
}

.dropdown-item:hover .dropdown-submenu {
    display: block; /* Show submenu on hover */
}

.dropdown-item {
    position: relative; /* Parent must be relative for the submenu's absolute positioning */
	
}
.dropdown-item a{
    
	font-weight:700;
}

/* Optional: Styling for submenu links */
.dropdown-submenu a {
    display: block;
    padding: 4px 15px;
    color: #000;
    text-decoration: none;
	
}
.dropdown-submenu li {
    list-style:none;
}

.dropdown-submenu a:hover {
    background-color: #f8f9fa; /* Optional: Change background on hover */
}


/**************              Footer                 ******************************/

.footer a{color:#fff;}
.copy{border-top:solid 1px rgba(255,255,255,0.3);}

/********************     Media query       ***************************************/
@media (min-width: 1200px){
.display-5 {
  font-size: 33px;
}}
@media (min-width: 1600px){
	.container {max-width: 1497px;}
	.g-4{--bs-gutter-y:2rem!important;--bs-gutter-x:2rem!important;}

	.display-5{font-size:33px;}
	.display-6{font-size:50px;}
	h1,.h1{font-size:40px;}
	h3{font-size:30px;}
	.fs-18{font-size:20px;}
	.fs-26{font-size:30px;}
	
	.lh-xxl-lg{line-height:2;}
	
	.logo {max-height:115px;}
	.navbar .nav-item{margin:0px 40px;font-size:25px;}
	
	.btn {padding:16px 50px;}
}

@media (min-width: 1920px){
	.banner img {height:500px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.home-banner img {height:700px;}
	.container {max-width: 1700px;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.fs-26{font-size:22px;}
	
	.navbar .nav-item {margin: 0px 10px;font-size:20px;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	
	.logo{max-height:105px;}
	/* Submenu on mobile */
.dropdown-submenu {
    position: static; /* Make it inline for mobile */
    display: none; /* Initially hidden */
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #ddd; /* Optional: Separator for submenu */
}

/* Opened submenu */
.dropdown-item .dropdown-submenu.show {
    display: block;
}

/* Optional: Add a visible indicator for submenus */
.dropdown-item .dropdown-toggle::after {
    content: " ▼";
    font-size: 0.8em;
    margin-left: 5px;
}

/* Style for submenu links */
.dropdown-submenu a {
    padding: 5px 15px;
    display: block;
    color: #000;
}

.dropdown-submenu a:hover {
    background-color: #f8f9fa; /* Change on hover */
}

}

@media (max-width: 575.98px){
	.banner img {height:400px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
}