/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */




.des-flex{
	display: flex;
}

.justify-center{
	justify-content: center;
}

.justify-space-between{
	justify-content: space-between;
}
.justify-space-evenly{
	justify-content: space-evenly;
}
.align-center{
	align-items: center;
}
.flex-wrap{
	flex-wrap: wrap;
}

/*-------------stick header------------------*/
 
 
 #st-header{
	 display: none;
 }

.cover-home1 .container {
    position: relative;
    z-index: 0;
} 

 /*-------------stick header-end------------------*/
.bg-gray-900 {
    background-color: #0f172a1f!important;
}
.header .main-menu li a {
    color: #94a9c9;
	    font-weight: 500;
}
.theme-day .header .main-menu li a {
    color: #28364b;
}
.switch-button input[type=checkbox]:checked:before {
    visibility: hidden;
}
.switch-button .form-switch .form-check-input {
    width: 40px;
    height: 22px;
    margin-left: 0;
    background-image: url(assets/img/svg/moon.svg) !important;
    background-position: left 2px center;
    background-color: #7f92b0;
    border-color: #7f92b0;
    background-size: 18px;
}
.theme-day .switch-button .form-switch .form-check-input {
    background-image: url(assets/img/svg/day.svg)!important;
}
.switch-button .form-check-input:checked {
    background-color: #222f43;
    border-color: #222f43;
}
.btn.btn-search {
    background: url(assets/img/svg/icon-search.svg) no-repeat 50% !important;
}
.header {
    margin-top: 0px;
    padding: 0px 0;
}
.cover-home1:before {
      height: unset;  
}
.header-icon {
	position: absolute;
    display: inline-block;
    animation: swing 2s infinite;
    background: gainsboro;
    z-index: 99999;
    right: 0;
    left: 90%;
    top: -2px;
}

.header-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 100px;
    background-color: #49ff30;
    transform: translateX(-50%);
    z-index: 99999999;
}
.theme-day .header-icon::before {
    background-color: #3d5b86;
}

.header-icon::after {
	content: "✰ Discounts ✰";
    position: absolute;
    bottom: -126px;
    width: 119px;
    height: 26px;
    z-index: 99999999;
    right: 7px;
    text-align: center;
    background: linear-gradient(90deg,#e5ff4b,#0bd1d1 51%,#0ea5ea) var(--x,0)/200%;
    border-radius: 4px;
    color: black;
    cursor: pointer;
}
.theme-day .header-icon::after {
   background: linear-gradient(90deg,#ff3221,#c9784a 51%,#99316d) var(--x,0)/200%;
    color: white;
}

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(-8deg);
  }
  66% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.header-popup-content {
	display:none;
    position: absolute;
    top: 0;
    background: white;
    width: 100%;
    z-index: 99999;
	height:100vh;
}
.my-slogan{
	font-size: 40px;
	color: #e5ff4b;
}
.pattern-4 img{
	width: 35px !important;
}
.pattern-3 img{
	width: 50px;
}
 .pattern-1 img{
	 width: 50px !important;
 }
.pattern-2 img{
	width: 50px;
}

 #burger-icon {
    margin-top: 6%;
}
.theme-day .banner {
    padding-top: 100px;
    position: relative;
    background: url('./assets/imgs/bg-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -119px;
}
.theme-day .banner::before{
	position: absolute;
	content: "";
	top: 0;
	background: rgba(255,255,255,.6);
	width: 100%;
    height: 100%;
}
.theme-day .header{
    z-index: 1;
    background-color: transparent !important;
}
/*.theme-day .m-top {
    margin-top: 130px!important;
}*/
.theme-day .my-slogan {
    font-size: 39px;
    color: #e5ff4b;
    color: #343f52 !important;
    display: inline;
}
.theme-day .text-base {
    color: #60697b;
    font-size: 17px;
    line-height: 27px;
	padding-bottom: 40px;
}

.theme-day .fexed-area{
	margin-top: 200px !important;
}





.my-slogan {
    font-size: 39px;
    color: #e5ff4b;
    display: inline;
}
.theme-day .masr-bottom {
    margin-bottom: 198px!important;
}



/*-------------------categroies-sec-----------------------*/

.categroies-sec{
	width: 100%;
	padding: 50px 0;
	position: relative;
}
.theme-day .categroies-sec h3{
	color: #343f52;
}
.categroies-sec h3{
	margin: 30px 0 50px 0;
	font-size: 30px;
    color: #e6f0ff;
}
.categ-item img{
	width: 150px !important;
	height: 150px;
	object-fit: cover;
	border-radius: 50%;
	position: relative; 
}
 
 .categ-warpper .owl-carousel .owl-nav.disabled {
     display:  block; 
	 font-size: 22px;
	 position: absolute;
	 right: 0;
     top: -107px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background:  unset;
    color: #fff;
    text-decoration: none;
}
.theme-day .owl-theme .owl-nav [class*=owl-]:hover {
    background:  unset;
    color: #000;
    text-decoration: none;
}
 .categ-warpper .owl-carousel  button.owl-next {
     border: 1px solid #fff;
    border-radius: 50%;
    padding: -57px!important; 
    text-align: center;
    padding: 0px 16px !important;
    margin-left: 15px !important;
	color: #fff;
}
.categ-warpper .owl-carousel  button.owl-prev {
    margin-left: 30px !important; 
    border: 1px solid #fff;
    border-radius: 50%;
    padding: -57px!important; 
    text-align: center;
    padding: 0px 16px !important;
		color: #fff;
}
.theme-day .categ-warpper .owl-carousel  button.owl-prev,  .theme-day .categ-warpper .owl-carousel  button.owl-next{
	color:  #000;
	  border: 1px solid #000;
}
.theme-day .categ-item h6 {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
    position: absolute;
    top: 0;
    border-radius: 50%;
    background: linear-gradient(45deg, #f5d6dd8f, #26c2c64f);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
	opacity: 0;
	transition: all .5s; 
	 
}
.theme-day .categ-item:hover.categ-item h6{
	opacity:1; 
	overflow: hidden;
}

.categ-item h6 {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
    position: absolute;
    top: 0;
    border-radius: 50%;
    background: linear-gradient(45deg, #09277073, #09277073);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
	opacity: 0;
	transition: all .5s; 
	 
}
.categ-item:hover.categ-item h6{
	opacity:1; 
	overflow: hidden;
}


/*-----------------------------------------featured-area------------------*/
.featured-area{
	   background: #131c31; 
	   padding: 90px 0;
	   border-radius: 50px;
	   position: relative;
 }
 .featured-area h3{
	 margin: 0 0 50px 0;
	font-size: 30px;
	color: #e6f0ff;
	text-align: center;
 }
 .theme-day .featured-area h3{
	 color: #343f52;
 }
.theme-day .featured-area{
	   background: #c9e9f454;  
 }
.featured-sec{
	width: 100%;
}
.grid-vise-post-feat {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-left: 20px;
}
.feature-item {
    width: 100%;
   height: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.feature-item img{
	width: 100%;
	height: 200px;
	object-fit: cover !important;
	border-radius: 10px;
	transition: all .5s;
	border-radius: 10px;
}
.feature-item img:hover{
	transform: scale(1.1); 
}
.feature-item-1 img:hover{
	transform: scale(1.1); 
}
.main-featu{
	width: 40%; 
}
.grid-vise-post-feat{
	width: 60%; 
}
.feature-item-1{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.feature-item-1 img{
	width: 100%;
	height:500px;
	object-fit: cover !important;
	border-radius: 10px;
	transition: all .5s;
	position: relative;
}
 
.feature-item h6, .feature-item-1 h6{
    font-size: 16px;
    text-transform: capitalize;
    padding: 12px 0;
    text-align: center;
    color: #e1ebfa;
	margin: 0;
}
.feature-item h4, .feature-item-1 h4{
	text-align: center;
}
.feature-item h4 .amount, .feature-item-1 h4 .amount{
    color: #b7ddf0; 
}
 .theme-day .feature-item h4 .amount,  .theme-day .feature-item-1 h4 .amount{
    color: #000000;
    text-decoration: none;
}
.feature-item-1 h6{
	color: #e1ebfa!important;
	margin: 0;
}
 .theme-day .feature-item-1 h6{
	 color: #343f52!important;
}
 .theme-day .feature-item h6{
	 color: #343f52;
 }
/*-------------------fixed-area------------------*/
.fixed-img-portion{
	position: relative;
	background: red;
}
/*.fixed-area{
	background: url("/wp-content/uploads/2023/12/Photo-2.jpg");
	width: 100%;
	height: auto;
	padding: 200px 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}*/
.fixed-area{
	background: linear-gradient(45deg, #000000bd,#0000009e, #4fcccf4a), url("/wp-content/uploads/2023/12/image-1-1-scaled.jpeg");
	width: 100%;
	height: auto;
	padding: 150px 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.Collection-area {
    text-align: center;
    max-width: 900px; 
    padding: 70px 50px;
   /*background: linear-gradient(45deg, #222f43f7, #222f43f7);*/
    margin: 0 auto;
    border-radius: 50px;
}
/*  .theme-day .Collection-area{  
	   background: linear-gradient(45deg, #f5d6ddc7,#ededc5eb, #26c2c6b0);
   } */
   
/*-------------------------------------sipp-details---------------------------*/
.shipp-details{
	width: 100%;
}
 .theme-day .free-ship-wrapper{
	 background: #f7e4cbc7;
	 border: 2px solid #fbebd7;
 }
 .theme-day .shipping-area i, .theme-day .shipping-area h2, .theme-day .shipping-area p{ 
	 color: #343f52;
 }
  .theme-day .best-online-ship-wrapper{
	   background: #dcdef7c2;
	   border: 2px solid #dcdef7;
  }
   .theme-day .money-ship-wrapper{
	    background: #caefe4c7;
		border: 2px solid #caefe4;
   }
.shipping-area{
	width: 33.333%;
	padding: 70px;
	background: #131c31d6;
	margin-left: 35px;
	/*clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);*/
	padding: 50px 20px;
	text-align: center;
	border-top-left-radius: 104px;
    border-bottom-right-radius: 104px;  
	border: 2px solid #e1ebfa;  
}
.shipping-area i{
	font-size: 50px;
	margin-bottom: 15px;
	color: #e1ebfa;
}
.shipping-area h2 {
    font-size: 22px;
    margin-bottom: 10px; 
	color: #e1ebfa;
}
.shipping-area p {  
    line-height: 22px;
    font-size: 15px;
	color: #e1ebfa;
}
   
  .theme-day .Collection-area h3{
	 color: #343f52;
}
.Collection-area h3{
	font-size: 30px;
	 color: #e1ebfa;
}
.Collection-area p{
	font-size: 16px;
	 margin-bottom: 50px !important;
	 color: #7f92b0;
}
 .theme-day .Collection-area p{
	 color: #2f2f2f;
 }
 .Collection-area a {
    padding: 15px 40px;
    border: 1px solid #e1ebfa;
    font-size: 20px;
    color: #e1ebfa;
    border-radius: 50px;
} 
 
  
 .theme-day .Collection-area a { 
    border: 1.5px solid #000;
	color: #343f52;
 }
 
 .close-mobile-icon{
		 display:  none;
	 }
	  #burger-icon i {
		font-size: 22px;
		color: #343f52;
	}
	
	
	
	/*-------------------------contact-cont-banner-sec-----------------------------*/
	.theme-day .cont-banner-sec{
		background: linear-gradient(45deg, #f5d6dd8f, #26c2c64f), url('/wp-content/uploads/2023/12/image-1-1-scaled.jpeg');
		margin-top: -25px;		
	}
	.cont-banner-sec{
		background: linear-gradient(45deg, #222f4394, #222f4394), url('/wp-content/uploads/2023/12/image-1-1-scaled.jpeg');
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: center!important;
		padding: 120px 0; 
	}
	.contact-form{
		position: relative;
	}
	.cont-banner-sec .contact-banner-head{ 
		padding: 80px 0 90px 0; 
		align-items: center;
		max-width: 700px;
		margin: 0 auto!important;
	}
	.theme-day .contact-banner-head h2, .theme-day .contact-banner-head p{ 
		color: #000;
	}
	
	 .contact-banner-head h2{
		 font-size: 30px;
		 color: #e1ebfa;
		 text-align: center
	 }
	 .contact-banner-head p{
		 font-size: 16px;
		color: #e1ebfa;
		 max-width: 600px;
         text-align: center;
	 }
	 .contact-form{
		padding: 70px 0; 
	}
	 .contact-wrapper{
		 width: 100%;
	 }
	 .theme-day .cont-form-area{
		 border: 1px solid #acbfbd;
	 }
	 .cont-form-area{
		 width: 60%;
		 background:  #121d3a;
		 padding: 35px 50px;
		 border-radius: 50px;
		 box-shadow: rgba(30,34,40,.02) 0 2px 1px,rgba(30,34,40,.02) 0 4px 2px,rgba(30,34,40,.02) 0 8px 4px,rgba(30,34,40,.02) 0 16px 8px,rgba(30,34,40,.03) 0 32px 16px!important;
		 border: 1px solid #222f43;
	 }
	 .theme-day .cont-form-area{ 
		 background:  #e9f5fb; 
	 }
	 
	 
	 .cont-contant{
		 width: 40%; 
		 padding: 0 0 0 40px;
		 box-shadow: rgba(30,34,40,.02) 0 2px 1px,rgba(30,34,40,.02) 0 4px 2px,rgba(30,34,40,.02) 0 8px 4px,rgba(30,34,40,.02) 0 16px 8px,rgba(30,34,40,.03) 0 32px 16px!important;
	 }
	 
	 .form-group {
      margin-bottom: 15px; 
    }

    .form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
	  color: #e6f0ff;
    }
	.con-head{
		text-align: center;
		padding: 0px 0 50px 0;
		font-size: 30px;
		color: #e6f0ff;
	}
	.theme-day .con-head{
		color: #343f52;
	}
	.theme-day .form-group label{
		color: #343f52;
	} 
	  
	.theme-day .form-group input .form-group textarea{
		border: 1px solid #343f52!important;
	}
	.theme-day input{
		border: 1px solid #343f52;
	}
    .form-group input {
      width: 100%;
      padding: 8px;
	  min-height: 35px !important;	
      box-sizing: border-box; 
      border-radius: 8px!important;
	  color: #e6f0ff;
    }
	.theme-day .form-group button { 
		color: #343f52;
		border: 1px solid #343f52;
	}
    .form-group button {
		padding: 14px 33px;
		border: 1px solid #e1ebfa;
		font-size: 18px;
		color: ##e1ebfa;
		border-radius: 50px;
		background: transparent;
		margin-top: 20px;
    }
	.form-group button:hover{
		background: unset;
	}
	 
	.theme-day .form-group input[type='text'], .theme-day .form-group input[type='email']{
		border: 1px solid #343f52;
	}
	form input:focus:invalid, form textarea:focus:invalid, form select:focus:invalid {
		color: unset;
		border-color: unset;
	}
	 
	.form-group input[type='text'], .form-group input[type='email']{
		border: 1px solid #e6f0ff;
	}
	.form-group textarea {
		width: 100%;
		height: 50px;
		max-height: 140px;
		max-width: 100%;
		border: 1px solid #e6f0ff;
		border-radius: 8px!important;
		color: #e6f0ff;
		padding: 0 !important;
	}
	.theme-day .form-group textarea { 
		border: 1px solid #343f52;
		border-radius: 8px!important;
		color: #343f52;
	}
	.content-area-msg{
		width: 100%;
		margin-top: 60px; 
	}
	.icon-area{
		width: 20%;
		margin-right: 20px;
	}
	.head-area{
		width: 70%; 
	}
	.icon-area i {
		font-size: 37px; 
		background: #d7dae4;
		color: #121d3a;
		padding: 20px;
		border-radius: 9px; 
		margin-right: 20px !important;
		box-shadow: rgba(30,34,40,.02) 0 2px 1px,rgba(30,34,40,.02) 0 4px 2px,rgba(30,34,40,.02) 0 8px 4px,rgba(30,34,40,.02) 0 16px 8px,rgba(30,34,40,.03) 0 32px 16px!important;
		
	}
	.head-area h4 {
		margin: 0;
		font-size: 25px;
		line-height: 40px;
		color: #d7dae4;
	}
	.head-area p {
		margin: 0;
		font-size: 16px; 
		color: #d7dae4;
	}
	.theme-day .icon-area i.fa-location-arrow {
		background: #fef3e4;
		color: #343f52; 
	}
	.theme-day .icon-area i.fa.fa-envelope {
		background: #e1f6f0;
		color: #343f52; 
	}
	.theme-day .icon-area i.fa.fa-phone {
		background: #e9eaf8;
		color: #343f52; 
	}
	.theme-day .cont-contant { 
		background: #f8e7ec;
	}
	.theme-day .cont-contant {
		border: 1px solid #dec6cd;
	}
	.cont-contant {
		width: 40%;
		padding: 0 0 0 40px;
		max-height: 500px;
		border-radius: 50px;
		margin-top: 100px;
		margin-left: -20px;
		background: #131c31;
		border: 1px solid #222f43;
	}
	.theme-day .head-area h4, .theme-day .head-area p{
		color: #343f52; 
	}
	.head-area {
		width: 80% !important;
	}

/*  -------------------------------------------all-product-sec---------------------------- */
.theme-day .all-product-sec{
	 background: #f2d0da73;
}	
.all-product-sec{
	background: #0b132438;
	padding: 90px 0;
	position: relative;
}
img.side-image {
    width: 300px;
    height: 250px;
    position: absolute;
    top: 25px;
    left: -25px;
    opacity: .5; 
    transform: rotate(-90deg);
}
img.side-image-right{
	 width: 300px;
    height: 250px;
    position: absolute;
    bottom: 25px;
    right: -25px;
    opacity: .5; 
    transform: rotate(90deg);
}
.all-product-sec h2{
	margin: 0 0 50px 0;
    font-size: 30px;
    color: #e6f0ff;
    text-align: center;
}
.product-wrapper{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.theme-day .all-product-sec h2{
	color: #343f52;
}
.products-item {
	overflow: hidden;
	border-radius: 10px!important;
}
.products-item img{
    width: 100%;
    height: 400px; 
	object-fit: cover;
	border-radius: 10px;
	transition: all .4s;
}
.products-item img:hover{
	transform: scale(1.1);
	
}

.products-item h6{
	font-size: 18px;
    text-transform: capitalize;
    padding: 12px 0;
    text-align: center;
    color: #e1ebfa;
    margin: 0;
}
.products-item h4{
	 text-align: center;
	
}
 .amount {
    color: #b7ddf0 !important;
}
.theme-day .products-item h6{ 
	color: #343f52;
	padding: 30px 0 0 0;
} 
.custom-checkout .wc-block-components-sidebar-layout {
    display: inline-flex;
}
.page-wrapr {
    padding-top: 90px;
}
.woocommerce .shop-wrapr .oceanwp-toolbar {
    border-top: 0 ;
    border-bottom: 0;
}
.slick-list {
    height: 100% !important;
}
.nslick-list {
    height: auto !important;
}
.header .main-header .header-logo {
    max-width: 300px;
    width: 100%;
}
.header .main-header .header-logo a img {
    min-height: auto;
}
div#__next {
    margin-top: -10px;
}
.header .main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 15px 0 0;
}
.banner {
    padding-top: 0;
}
.header-popup-content .all-product-sec {
    overflow: scroll;
    height: 100vh;
}
span.popup_close-icon {
    position: absolute;
    right: 30px;
    top: 25px;
    color: white;
    font-size: 20px;
    cursor: pointer;
    z-index: 99;
	font-weight: bold;
}
.theme-day span.popup_close-icon {
		color: #0c3f76;

}
.header-popup-content .product-wrapper {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.header-popup-content .container {
    width: 1200px;
    max-width: 96%;
    margin: 0 auto;
}
.header-popup-content .products-item img {
    height: 300px;
}
.search-formm {
    width: 0;
    overflow: hidden;
    position: absolute;
	top: 19px;
    right: -45px;
    opacity: 0;
    transition: width 0.5s, opacity 0.5s;
}
.search-formm input{
	height: 45px;
    padding-left: 10px;
    border: 1px solid #969393;
    background: #222f43;
    border-radius: 5px;
    color: white;
	width: 100%;
}
.search-formm.active {
    width: 100%; /* Set the desired width */
    opacity: 1;
}
.header .main-header .header-nav {
    position: relative;
}
 del .amount {
    color: #61778a !important;
	   font-size: 14px;
}
.theme-day del .amount {
    color: #bba6b4 !important; 
}
 
.theme-day .amount {
    color: #460426 !important;
}
/*  -------------------------------------------shop-product-sec---------------------------- */
.shop-container{
	padding: 0 20px;
}
.woocommerce #content .oceanwp-toolbar {
	margin-top: 70px;
    border-top: none;
    border-bottom: none;
}
.archive.post-type-archive-product .search-formm {
    top: 5px;
}
.woocommerce #content span.onsale {
    left: 129px;
}
.page-wrapr{
	padding-top:180px;
}
 
 .woo-entry-image.clr {
    margin-right: 20px;
}
.woo-entry-image.clr{
	border-radius: 10px;
	overflow: hidden;
	margin-top: 25px !important;
}
.woo-entry-image.clr img {
    width: 100%;
    height: 335px;
    object-fit: cover;
    border-radius: 10px;
	overflow: hidden;
	transition: all .4s; 
	
}
.woo-entry-image.clr img:hover{
	transform: scale(1.1);
}
.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a {
    display: inline-block;
    font-family: inherit;
    font-size: 16px !important;
    line-height: 1.5; 
	margin-bottom: 5px !important;
	text-transform: capitalize;
}
 
.woocommerce ul.products li.product .woo-entry-inner li {
    margin-bottom: 0px !important;
    line-height: umset;
}
.woo-entry-inner li.title h2 a{
	  color: #e1ebfa !important;
}
.theme-day .woo-entry-inner li.title h2 a{
	color: #343f52 !important;
}
.woo-entry-inner li.title h2 {
    margin-top: 15px!important;
}
.theme-day .woo-entry-inner bdi{
	color: #343f52;
}
.theme-day .woo-entry-inner bdi {
    color: #460426; 
}
 .woo-entry-inner bdi {
    color: #b7ddf0;
    font-weight: 600;
}
span.onsale {
    display: none;
}

/*-------------------------------------single-product-page-----------------------------*/
.theme-day .woocommerce button.button {
	   border: 1px solid #343f52;
	   background: transparent;
	   color: #343f52;
} 

.woocommerce button.button { 
    padding: 15px 27px !important;
    border: 1px solid #b7ddf0;
    font-size: 17px;
    color: #b7ddf0;
    border-radius: 50px;
    background: #9fd8de00;
    margin-top: 0px !important;
}
.theme-day .woocommerce-product-details__short-description p {
    color: #60697b;
    font-size: 16px;
} 
.woocommerce-product-details__short-description p {
    color: #7f92b0;
    font-size: 16px;
	border-bottom: unset;
}
.single .entry-title {
    font-size: 25px !important; 
    margin: 0 0 0px !important;
    border-bottom: unset; 
	color: #b7ddf0;
}
.theme-day .single .entry-title { 
	color: #343f52;
}
.quantity { 
    zoom: 1.3 !important; 
	margin-right: 10px !important;
}
.quantity .minus, .quantity .plus {
    font-size: 14px !important; 
	color: #b7ddf0 !important;
}
.theme-day .quantity .minus, .quantity .plus {
    font-size: 14px !important; 
	color: #343f52 !important;
}
.quantity .qty, .quantity .minus, .quantity .plus { 
    border: 1px solid #b7ddf0 !important;  
	border-radius: 10px !important;
}
.theme-day .quantity .qty, .quantity .minus, .quantity .plus { 
    border: 1px solid #343f52 !important; 
}
input#quantity_658ac22407799 {
    margin: 0 5px !important;
}
.theme-day div#tab-description {
    color: #343f52 !important;
}

div#tab-description {
    color: #7f92b0 !important;
	font-size: 16px !important;
}
.woocommerce-Tabs-panel h2 {
    color: #b7ddf0 !important;
}
.theme-day .woocommerce-Tabs-panel h2 {
    color: #343f52 !important;
}
.woocommerce form.cart { 
		border-top: unset !important;  
		border-bottom: unset !important; 
		border-color: unset !important;  
}
	.product_meta { 
    border-top: unset !important;  
     border-bottom: unset !important;  
}
a.minus {
    margin-right: 5px !important;
}
a.plus {
	 margin-left: 5px !important;
}
img.attachment-woocommerce_gallery_thumbnail.size-woocommerce_gallery_thumbnail {
    border-radius: 10px;
}
li.product_thumbnail_item.wp-post-image-thumb.nslick-slide.nslick-current.nslick-active img {
    border-radius: 10px !important;
}
i.btn-next.dashicons.dashicons-arrow-right-alt2.nslick-arrow { 
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px; 
}
i.btn-prev.dashicons.dashicons-arrow-left-alt2.nslick-arrow.nslick-disabled {
    border-bottom-right-radius: 5px;
	 border-top-right-radius: 5px;
}
.theme-day .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #343f52 !important;
    border-color: #343f52 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #b7ddf0 !important;
    border-color: #b7ddf0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color:  unset !important;
}
.reviews_tab.active{
	border: unset !important
}
.theme-day a.woocommerce-review-link {
    color: #343f52;
}
a.woocommerce-review-link {
    color: #b7ddf0;
}
.theme-day  .related.products h2 {
    color: #343f52;
}
.related.products h2 {
    color: #b7ddf0;
}
 
.theme-day p.meta {
    color: #343f52 !important;
}
p.meta {
    color: #b7ddf0  !important;
}
strong.woocommerce-review__author {
    color: #b7ddf0!important;
}
.theme-day strong.woocommerce-review__author {
    color: #343f52 !important;
}
.theme-day  .description p {
    color: #343f52 !important;
}
.description p {
    color: #b7ddf0!important;
}
.theme-day .comment-form-rating, .theme-day .comment-form-comment label,  .theme-day textarea, .theme-day p.woocommerce-noreviews{
   color: #343f52 !important;
}
.comment-form-rating, .comment-form-comment label, textarea, p.woocommerce-noreviews{
	color: #b7ddf0  !important;
}
.header .main-menu li a.active, .header .main-menu li a:hover {
    color: #b7ddf0 !important;
	border: unset !important;
}	
.theme-day .header .main-menu li a.active, .header .main-menu li a:hover {
    color: #343f52 !important;
	border: unset !important;
}
.theme-day input#submit {
	border: 1px solid #343f52;
	color: #343f52;
}
input#submit {
    padding: 14px 33px !important;
    border: 1px solid #b7ddf0;
    font-size: 18px;
    color: #b7ddf0;
    border-radius: 50px;
    background: transparent;
    margin-top: 20px;
}
.theme-day .woocommerce div.product .woocommerce-tabs ul.tabs, .theme-day #li#tab-title-description a, .theme-day .woocommerce #reviews #comments ol.commentlist li .comment_container, .theme-day textarea { 
    border-color:  #343f52!important;
	color:  #343f52!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs, #li#tab-title-description a, .woocommerce #reviews #comments ol.commentlist li .comment_container,  textarea{ 
    border-color: #b7ddf0!important;
	color: #b7ddf0!important;
}

/*----------------------------load-more---------------------------------*/

.load-more-sec {
    text-align: center;
    padding: 20px 0;
}
 .theme-day .load-more-sec button{
	 border: 1px solid #343f52;
	 color: #343f52;
 }
.load-more-sec button{
    padding: 10px 33px;
    border: 1px solid #e1ebfa;
    font-size: 18px;
    color: #e1ebfa;
    border-radius: 50px;
    background: transparent;
    margin-top: 20px;
}
 .theme-day #burger-icon i{
	 color: #343f52;
 }
#burger-icon i{
	color: #e1ebfa;
	font-size: 24px;
}


/*--------------------------------------------Galler Page----------------------*/


.gallery-product-wrapper{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
    padding: 70px 0;
	position: relative;
}
.theme-day .gallery-product-wrapper::before {
    content: "";
    position: absolute;
    top: -5%;
    left: 0; 
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%; 
    filter: blur(150px);
    background: linear-gradient(90deg, #00bcd49e, rgb(197 157 186 / 82%), rgb(236 198 158)); 
}
  

 /*---------------------------------------------media query------------------------------*/
 @media only screen and (max-width: 1100px) {
	 .header .main-menu { 
		display: none;
	}
	.header { 
		position: relative;
		z-index: 999;
	}
	ul#menu-header-menu {
	display: none !important;
 
}
 }
 @media only screen and (max-width: 1080px) {
	  .stick-area{
    display: block !important;
	}
	.theme-day .stick-area{ 
   background: linear-gradient(90deg, rgb(198 231 238), rgba(237,211,230,1), rgb(235 221 206)); 
	}
	.theme-day #st-header i{
		    color: #343f52;
	}
	ul#menu-header-menu-1 {
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	}
	.menu-items-link{
		display: none; 
	}
	 .active-menu{
		display: block;
	}
.stick-area{ 
   background: #161c2ed6;
	display: block;
	 position: fixed;
      top: 0;
      width: 100%;
	}
	#st-header i {
    font-size: 22px;
    padding: 20px;
    text-align: right !important;
    cursor: pointer; 
	   color: #e6f0ff;
	}
	.theme-day .menu-items{
		background: #343f52 !important;
	}
	.menu-items {
		width: 100%;
		height: 100%; 
		position: absolute;
		top: -25px;
		left: 0;
		z-index: 999;
		transform: translatex(500px) !important; 
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all .7s linear !important;
		height: 100vh;
	 }
	  .menu-items.nav-active {
		 opacity: 1;
		transform: translatex(0) !important;
		visibility: visible;
		pointer-events: auto;
	} 
	.woocommerce ul.products .product { 
    z-index: -1;
	}
	body .oceanwp-row .col { 
      padding: 0;  
	}
	img.side-image { 
    z-index: -1;
}
	.banner { 
    position: relative;
    z-index: -1;
	}
	  
	 header {
		 position: relative; 
		 z-index: -1;
	 }
	 .cont-form-area {
		width: 100%; 
	}
	.contact-wrapper {
		 flex-direction: column;
	}
	.cont-contant {
		width: 100%; 
		padding-bottom: 42px;
	}
	.icon-area { 
     margin-right: unset;  
	}
	.cont-banner-sec .contact-banner-head {
		padding: 0px 0 90px 0; 
	}
	  
	.shipping-area i {
		font-size: 35px;
		margin-bottom: 13px; 
	}
	.shipping-area h2 {
    font-size: 18px;
    margin-bottom: 5px; 
	}
	.shipping-area { 
		margin-left: 20px; 
		padding: 30px 10px; 
	}
	   
}
@media only screen and (max-width: 880px) {
	 .woo-entry-image.clr img { 
		 height: 250px;
		object-fit: cover; 
	}
	#burger-icon {
    margin-top: 6%;
	}
	
	.shipping-area i {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.shipping-area { 
		padding: 15px 10px; 
		border-top-left-radius: 80px;
		border-bottom-right-radius: 80px; 
	}
	.header-popup-content .product-wrapper {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.gallery-product-wrapper{ 
	grid-template-columns: repeat(3, 1fr); 
	}
}

@media only screen and (max-width: 767px) {
	  
  .pt-10 {
		padding-top: 50px!important;
	}
	 .banner-img img { 
		margin-top: -52px;
	}
	.my-slogan {
		font-size: 25px; 
	}
	.theme-day .my-slogan {
		font-size: 25px; 
	}
	.text-base { 
		padding-bottom: 0px;  
	}
	.categ-item h6.overlay-name {
		display: none;
	}
	.featured-sec {
		width: 100%;
		flex-direction: column;
	}
	.feature-item-1{
		width: 100%;
		height: 450px; 
		margin-bottom: 20px;
	}
	.main-featu {
		width: 100%;
	}
	.grid-vise-post-feat {
		width: 100%;
	}
	.grid-vise-post-feat { 
		  margin-left: 0px;  
	}
	.Collection-area { 
		left: 0%;
		padding: 40px 50px; 
	}
	.fixed-area-2 { 
		width: 100%;
		height: auto;
		padding: 150px 0;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
	}
	.fixed-area { 
		width: 100%;
		height: auto;
		padding: 150px 0;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
	.cont-form-area {
		width: 100%; 
	}
	.contact-wrapper {
		 flex-direction: column;
	}
	.cont-contant {
		width: 100%;
		padding-bottom: 42px;
		margin-top: 50px;
    	margin-left: 4px;
	}
	.cont-banner-sec .contact-banner-head {
		padding: 0px 0 20px 0;
	}
	 .products-item img { 
		height: 370px;
		object-fit: cover; 
	}
	 .product-wrapper { 
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	 .feature-item-1 img { 
		height: 350px;
		object-fit: cover !important; 
	}
	 .woo-entry-image.clr img { 
		 height: 250px;
		object-fit: cover; 
	}
	 body .oceanwp-row .col{  
    	margin: 0 0 0 !important; 
	}
	 
	.shipping-area i {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.shipping-area { 
		padding: 10px; 
		border-top-left-radius: 70px;
		border-bottom-right-radius: 70px; 
	}
	.fixed-area { 
		padding: 120px 0;
	}
	#burger-icon {
		margin-top: 6%;
		position: absolute;
		left: 60%;
		top: 20%; 
	}
	.gallery-product-wrapper{ 
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
    padding: 50px 0;
	}
	.theme-day .gallery-product-wrapper::before { 
    background: linear-gradient(180deg, #63d7e6, rgb(197 157 186 / 92%), rgb(231 190 146));
	}
	.gallery-product-wrapper::before{
		background: unset;
	}
	/*------------single-page---------------*/
	.images.nickx_product_images_with_video .vertical-img-left.nickx-slider-for {
    width: 79%;
      float: unset !important;  
      margin-left: 0 !important;  
	}
	.nslick-slider { 
    width: 100%; 
    height: unset !important;  
    padding: 0 0 20px 0;
	}
	.nslick-list { 
    height: unset !important;  
	}
}
  @media only screen and (max-width: 600px) {
	.categ-item img {
		width: 120px !important;
		height: 115px; 
	}
	.categroies-sec h3 {
		margin: 30px 0 30px 0;
		font-size: 20px; 
	}
	.categ-warpper .owl-carousel .owl-nav.disabled { 
		font-size: 16px;
		position: absolute; 
		top: -75px;
	}
	.categ-warpper .owl-carousel  button.owl-prev {
		margin-left: 0px !important;  
		padding: 0px 12px !important;
		color: #fff;
	}
	.categ-warpper .owl-carousel  button.owl-next { 
		padding: 0px 12px !important;
		margin-left: 5px !important;  
		color: #fff;
	}
	.featured-area h3 {
		margin: 0 0 40px 0;
		font-size: 20px; 
	}
	.featured-area { 
		padding: 45px 0; 
	}
	.feature-item-1{
		width: 100%;
		height: 350px; 
		margin-bottom: 20px;
	}
	.grid-vise-post-feat {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-left: 0px;
	}
	.Collection-area h3 {
		font-size: 20px; 
	}
	.Collection-area p {
		font-size: 14px; 
		margin-bottom: 35px !important;
	}
	.Collection-area {
		left: 0%;
		padding: 30px 20px;
	}
	.Collection-area a {
		padding: 13px 30px; 
		font-size: 16px; 
	}
	.fixed-area-2 { 
		padding: 120px 0; 
	}
	.fixed-area { 
		padding: 120px 0; 
	}
	.cont-banner-sec .contact-banner-head {
		 padding: 0;  
	}
	.cont-form-area { 
		padding: 20px;
		border-radius: 30px; 
	}
	.form-group button {
		padding: 15px 35px; 
		font-size: 16px; 
		margin-top: 20px;
	}
	.icon-area i {
		font-size: 27px;
		padding: 19px;
		margin-right: 0 !important;
	}
	.head-area h4 {
		margin: 0;
		font-size: 19px;
		line-height: 22px; 
	}
	.content-area-msg {
		width: 100%;
		margin-top: 35px;
	}
	.cont-contant {
		width: 100%; 
		padding: 0 0 42px 30px;
		border-radius: 30px;
	}
	.feature-item-1 img { 
		height: 250px; 
	}
 .feature-item-1 h6 { 
		padding: 5px 0;
		text-align: center; 
	}
	.products-item h6 {
		font-size: 15px; 
		padding: 5px 0 !important; 
	}
	.amount {
    color: #57bf6d;
    font-size: 15px;
	}
	#burger-icon {
    margin-top: 6%;
	}
	.shipping-area p {
		line-height: 20px;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.shipping-area i {
		font-size: 25px;
		margin-bottom: 7px;
	}
	.shipping-area h2 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	 .shipping-area { 
		border-top-left-radius: 45px;
		border-bottom-right-radius: 45px;
	}
	.fixed-area { 
		padding: 100px 0;
	}
	.header-popup-content .product-wrapper {
		grid-template-columns: repeat(2, 1fr); 
	}
}
@media only screen and (max-width: 590px) {
	.shipping-area { 
		width: 100%;
		margin-bottom: 20px;
		padding: 30px 15px;
	}
	.shipp-details {
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.shipping-area i {
    font-size: 28px;
    margin-bottom: 10px;
	}
	.shipping-area h2 {
		font-size: 18px; 
	}
	.shipping-area p {
		line-height: 22px;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.gallery-product-wrapper{ 
	grid-template-columns: repeat(2, 1fr); 
	}
}
@media only screen and (max-width: 480px) {
	 
	.feature-item img{
		height: 185px;
	}
	.product-wrapper { 
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.products-item img {
    height: 185px;
    object-fit: cover;
	}
	.grid-vise-post-feat {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-left: 0px;
	}
	.categroies-sec h3 {
	margin: 20px 0 40px 0;
	font-size: 22px; 
	}
	.categ-warpper .owl-carousel button.owl-prev { 
		padding: 0px 13px !important; 
		margin-right: 10px !important;
	}
	.categ-warpper .owl-carousel button.owl-next { 
		padding: 0px 13px !important; 
			margin: 0 !important;
	}
	.categ-warpper .owl-carousel .owl-nav.disabled { 
		font-size: 18px; 
		top: -95px;
	}
	.item.categ-item {
    width: 80px;
    height: 80px;
	}
	.categ-item img {
    width: 100% !important;
    height: 100%; 
	}
	  .categroies-sec { 
    padding: 30px 0; 
	}
	.products-item h6 {
		font-size: 15px; 
		padding: 5px 0 !important; 
	}
	.contact-banner-head h2 {
		font-size: 25px; 
		margin-bottom: 7px;
	}
	.contact-banner-head p {
		font-size: 15px; 
	}
	.cont-banner-sec { 
		padding: 100px 0 50px 0;
	}
	.cont-form-area { 
		padding: 15px;
		border-radius: 20px; 
	}
	.form-group button {
		padding: 15px 30px; 
		font-size: 15px; 
		margin-top: 15px;
	}
	.form-group textarea {
		min-height: 111px; 
	}
	.icon-area i {
		font-size: 19px; 
		padding: 17px; 
	}
	.head-area h4 {
		margin: 0;
		font-size: 16px;
		line-height: 18px; 
	}
	.content-area-msg {
		width: 100%;
		margin-top: 35px;
	}
	.cont-contant {
		width: 100%; 
		padding: 0 0 42px 30px;
		border-radius: 20px;
	}
	#burger-icon {
		margin-top: 6%;
	}
	.woo-entry-image.clr img {
		height: 210px;
		object-fit: cover;
	}
	.load-more-sec {
		text-align: center; 
	}
	.header-popup-content .products-item img {
		height: 250px;
	}
	.header-popup-content .product-wrapper { 
    gap: 13px;
	}
	.btn.btn-search { 
    display: none !important;
	}
	.form-group label { 
    font-size: 14px;
      margin-bottom: 0;  
	}
	input#firstname {
    padding: 0 10px;
	}
	.form-group {
    margin-bottom: 8px;
	}
	img.side-image-right { 
    z-index: -1;
	}
	.load-more-sec {
		padding: 0 0!important;
		text-align: center; 
	}
	.load-more-sec button {
    padding: 8px 25px; 
    font-size: 16px; 
	}
	.theme-day .header-icon::after {
	background: #222f43;
	}
	.header-icon::after {
	content: "🎁"; 
	width: 100%;
	font-size: 16px;
	}
	.color-gray-50{
		margin-top: 0 0!important; 
	}
	.gallery-product-wrapper{ 
	grid-template-columns: repeat(2, 1fr); 
	}
	.woocommerce button.button {
    padding: 17px 25px !important; 
    font-size: 15px; 
	}
}
  
  
@media only screen and (max-width: 400px) {
	.item.categ-item {
    width: 65px;
    height: 65px;
	}
	.categ-item img {
    width: 100% !important;
    height: 100%; 
	}
} 