/*
 Theme Name:   Shoptimizer Child
 Template:     shoptimizer
 Theme URI:    https://example.com
 Author:       Shoptimizer
 Author URI:   https://yourwebsite.com
 Description:  A child theme of Shoptimizer.
 Version:      1.0.0
 Text Domain:  shoptimizer-child
*/

/* Import parent styles */
@import url("../shoptimizer/style.css");
body{
	background: #0b0e13 !important;
}
.woocommerce.archive .site-content {
    padding-bottom: 0!important;
}
.col-full-nav{
	border:none!important;
}
.archive-header {
    display: none;
}
.sil-logo-slider .swiper-slide .swiper-slide-inner{
	border: 1px solid #fff;
}
.sil-logo-slider .swiper-slide img{
	margin: 0 auto !important;
	padding: 20px 10px 20px !important;
}
.sl-about-title h4::after {
	position: absolute;
    content: "";
    background: linear-gradient(90deg, #40afd1 0%, #261f2740 100%);
    width: 171px;
    height: 1px;
    left: 0;
    bottom: -8px;
}
.sl-headind-text h2 span, .sl-banner-title-heading > div{
	background: linear-gradient(169deg, #2ACBDE 0%, #8E479F 62%);
	-webkit-background-clip: text;
    color: transparent !important;
}
.sl-about-box-items{
	position: relative;
}
.sl-about-box-items::before {
    position: absolute;
    top: 0px;
    left: 0;
    content: "";
    width: 80px;
    z-index: 9;
    height: 2px;
    background: linear-gradient(169deg, #2acbde70 0%, #8e479fcc 62%, #0b0e1300 100%);
    animation: slideBorder 3s linear infinite alternate;
}
@keyframes slideBorder {
 0% {
    left: 0;
    right: 0;
}
 100% {
    left: 90%;
}
}
.sl-about-boxs-item::before {
    position: absolute;
    top: 0px;
    left: 0;
    content: "";
    width: 80px;
    z-index: 9;
    height: 2px;
    background: linear-gradient(169deg, #2acbde70 0%, #8e479fcc 62%, #0b0e1300 100%);
    animation: slideBorders 3s linear infinite alternate;
}
@keyframes slideBorders {
 0% {
      right: -10px;
    left: auto;
}
 100% {
    right: 90%;
    left: auto;
}
}
.n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer{
	max-width: 1566px !important;
}
.n2-section-smartslider .n2-ss-section-main-content .n2-ss-layer .sl-banner-btn a {
	font-size: 17px !important;
    font-weight: 700 !important;
    font-family: "Chakra Petch" !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #fff;
    display: inline-block !important;
    text-align: center !important;
    min-width: 90px;
    overflow: hidden;
    border-radius: 0;
    padding: 14px 40px !important;
    background-size: 100% auto !important;
    background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
    transition: 0.5s;
    clip-path: polygon(24% 0, 88% 0, 100% 0, 100% 77%, 100% 100%, 0 100%, 0 80%, 0 30%, 7% 0) !important;
	    transition: transform .6s ease;
	&:hover{
		transform: scale(1.04);
    -webkit-transform: scale(1.04);
	}
}
.sl-testimonial-heading h6:before{
	position: absolute;
	content: "";
	background: linear-gradient(169deg, #2acbde 0%, #2acbde 62%, #0b0e1300 100%);
    width: 44px;
    height: 1px;
    left: 0;
    top: 10px;
	animation: borderAnim 2s infinite alternate ease-in-out;
}
@keyframes borderAnim {
 0% {
     width: 0;
}
 100% {
    width: 44px; 
}
}
.sl-testimonial-heading h6:after{
    position: absolute;
    content: "";
    background: linear-gradient(169deg, #2acbde 0%, #2acbde 62%, #0b0e1300 100%);
    width: 44px;
    height: 1px;
    right: 0;
    top: 10px;
    left: initial;
    animation: borderAnim 2s infinite alternate ease-in-out;
}

.sl-headind-text h2 span{
	font-size:60px
}
/*------------------------------Button styles--------------------------*/
.primary-btn a.elementor-button {
	font-size: 17px !important;
    font-weight: 700 !important;
    font-family: "Chakra Petch" !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #fff;
    display: inline-block !important;
    text-align: center !important;
    min-width: 90px;
    overflow: hidden;
    border-radius: 0;
    padding: 20px 40px !important;
    background-size: 100% auto !important;
    background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
    transition: 0.5s;
    clip-path: polygon(24% 0, 88% 0, 100% 0, 100% 77%, 100% 100%, 0 100%, 0 80%, 0 30%, 7% 0) !important;
	    transition: transform .6s ease;
	&:hover{
		background-image: linear-gradient(to left, #2acbde 0%, #8e479fcc 100%) !important;
    transition: 0.5s;
		transform: scale(1.04);
    -webkit-transform: scale(1.04);
	}
}

/*-----------------contact us form styles------------------------*/
.contact-page-form .wpforms-field-label {
    color: #fff !important;
    font-family: "Chakra Petch", Sans-serif;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.contact-page-form input,
.contact-page-form textarea {
    color: #fff !important;
	border: 1px solid #ffffff26!important;
    background: #ffffff0d!important;
	font-family: "Chakra Petch", Sans-serif;
}
.contact-page-form input::placeholder,
.contact-page-form textarea::placeholder {
  	color: #fff!important;
	font-family: "Chakra Petch", Sans-serif;  
}

.contact-page-form .wpforms-submit {
	 height: 53px !important;
	font-size: 17px !important;
    font-weight: 700 !important;
    font-family: "Chakra Petch" !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #fff;
    display: inline-block !important;
    text-align: center !important;
    min-width: 90px;
    overflow: hidden;
    border-radius: 0;
    padding: 20px 40px !important;
    background-size: 100% auto !important;
    background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
    transition: 0.5s;
    clip-path: polygon(24% 0, 88% 0, 100% 0, 100% 77%, 100% 100%, 0 100%, 0 80%, 0 30%, 7% 0) !important;
	    transition: transform .6s ease;
	&:hover{
		background-image: linear-gradient(to left, #2acbde 0%, #8e479fcc 100%) !important;
    transition: 0.5s;
		transform: scale(1.04);
    -webkit-transform: scale(1.04);
	}
}

.custom-counter{
    height: 280px!important;
    width: 280px!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.faq-sec .eael-accordion-header {
  border: 3px solid transparent!important; /* Required to make the border visible */
  border-radius: 50px!important; /* Optional: smooth corners */
  background-image: linear-gradient(#000, #000), 
                    linear-gradient(169deg, #2ACBDE 0%, #8E479F 62%)!important;
  background-origin: border-box!important;
  background-clip: padding-box, border-box!important;
}

/*-----------------contact us form styles end------------------------*/

.hero-sec-btns .n2-ss-layer-col {
    display: flex;
    flex-direction: row!important;
    justify-content: flex-start !important;
    gap: 30px;
}
.home-hero-sec-btns .n2-ss-layer-col {
    display: flex;
    flex-direction: row!important;
    gap: 30px;
}
/*-----------------------------home product section-------------------------*/
.products-section .eael-woo-product-carousel-container .swiper-image-stretch .product-image-wrap img{
/* 	width:auto!important;
height:200px!important; */
aspect-ratio: 3 / 2;
	object-fit:cover;
margin:30px auto 10px!important;
}

.products-section .eael-woo-product-carousel-container .eael-woo-product-carousel[data-items="4"] .product.swiper-slide{
	background: #1C1D20;
    height: 100%;
}

.products-section .eael-product-carousel{
	background:#1C1D20!important;
}

.products-section .product-details-wrap{
	flex-direction:column!important
}
.products-section .product-details-wrap .product-details, .products-section .product-details-wrap .eael-product-price{
	width:100%!important;
	text-align:center!important;
}

/*-----------------------------home product section styles end-------------------------*/
.blogs-page-shortcode .gaming-blog-grid-all{
	justify-content:space-between!important;
}
.blogs-page-shortcode .gaming-blog-card-all {
    width: calc(50% - 30px)!important;
}
/*-------------------home blog shortcode styles---------------------------*/
.gaming-blog-grid {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
	width:100%;
}

.gaming-blog-card {
  background-color: #1C1D20;
  color: #fff;
  width: calc(33.33% - 30px);
  padding: 25px;
  position: relative;
  font-family: 'Arial', sans-serif;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
}
.gaming-blog-card:hover {
  transform: translateY(-5px);
}

.gaming-blog-card .post-thumbnail img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  margin-bottom: 15px;
}

.gaming-blog-card .post-meta {
  font-size: 14px;
  opacity: 0.7;
  display: flex;
  align-items: center;
  gap: 5px;
border-bottom: 1px solid #ababab;
}
.gaming-blog-card span.post-date {
    margin: 14px 0 20px;
	color: #ababab;
	font-family: "Chakra Petch", Sans-serif;
	font-weight: 600;
    font-size: 16px;
}
.post-date i.far.fa-calendar-alt {
    margin-right: 10px;
}
.gaming-blog-card h3.post-title {    font-size: 22px;
    font-family: "Chakra Petch", Sans-serif;
    text-transform: uppercase;
    margin: 40px 0 20px;
}
.gaming-blog-card h3.post-title a{
	color:#fff!important;
}

.gaming-blog-card .post-excerpt {
	font-family: "Chakra Petch", Sans-serif;
  font-size: 17px;
  color: #ababab;
  line-height: 1.5;
}

.gaming-blog-card .read-more-icon {
  position: absolute;
  bottom: 15px;
  left: 20px;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
	transform: rotate(314deg);
}
.gaming-blog-card .read-more-icon:hover i {
  transform: rotate(45deg);
}
/*-------------------home blog shortcode styles end---------------------------*/

/*-----------------recent posts shortcode styles------------------------*/
.recent-posts-widget {
    background: #121418;
    padding: 20px;
    width:100%;
    color: #fff;
    font-family: "Chakra Petch", Sans-serif;
}

.recent-posts-title {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
	font-family: "Chakra Petch", Sans-serif;
}

.recent-posts-divider {
    border: none;
    border-top: 1px solid #6e6e6e;
	margin: 20px 0 40px!important;
}

.recent-post-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    align-items: center;
}

.recent-post-thumb img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 0px;
}

.recent-post-info {
    flex: 1;
	height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.recent-post-title {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    display: block;
    line-height: 1.2;
    margin-bottom: 4px;
	font-family: "Chakra Petch", Sans-serif;
}

.recent-post-title:hover {
    color: #2acbde;
}

.recent-post-date {
    font-size: 16px;
    color: #aaa;
	font-family: "Chakra Petch", Sans-serif;
}
/*-----------------recent posts shortcode styles end------------------------*/
.post-content h2{
	color:#fff!important;
}
.post-comments h2, .post-comments p, .post-comments a, .post-comments span, .post-comments label{
	color:#fff!important;
}
.post-comments input[type=submit]{
	background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
}
/*-------------------shop page styles-----------------------*/
.shop-products .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wvs-archive-product-image {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.shop-products ul.products li.product:not(.product-category):before{
	background:transparent!important
}


.page-template-default .site-content{
 	padding-bottom: 0!important;
}
.filter-product-widget .ui-slider-range{
	background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
}
.filter-product-widget  .eszlwcf-product-button a{
	background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
}
.filter-product-widget .eszlwcf-product{
	justify-content: space-between;
}
.filter-product-widget .eszlwcf-load-more a{
	background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
    border-radius: 0!important;
    margin: 50px 0px 0px 0px!important;
    padding: 12px 40px 12px 40px!important;
    clip-path: polygon(24% 0, 88% 0, 100% 0, 100% 77%, 100% 100%, 0 100%, 0 80%, 0 30%, 7% 0) !important;
}
.filter-product-widget .eszlwcf-product-thumbnail{
	object-fit:contain!important;
}
.product_tag-filter-box.eszlwcf-filter-block.eszlwcf-field-type-checkbox {
    display: none;
}
/*---------------shop page styles end-----------------------*/

/*---------------Product detail page styles start-----------------------*/
.product-details .woocommerce-product-gallery__wrapper img {
    height: 600px;
    object-fit: contain;
}
.product-details button.single_add_to_cart_button.button.alt {
    background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
}
.related-products img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    height: 300px;
    object-fit: contain;
}
.product-meta-custom .product_meta {
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0!important;
	text-align:start!important;
}
.product-meta-custom .product_meta .sku_wrapper,
.product-meta-custom .product_meta .posted_in,
.product-meta-custom .product_meta .tagged_as{
	color:#fff!important;
    margin: 0 !important;
}
.product-meta-custom .product_meta .sku_wrapper span {
    margin-left: 0!important;
}
.related-products ul.products li.product .woocommerce-LoopProduct-link,
.related-products li.product p.product__categories a{
	color:#fff!important;
}
.related-products ul.products li.product:not(.product-category):before{
	background-color:transparent!important;
}
.product-info .woocommerce-tabs.wc-tabs-wrapper {
    background-color: #1a1c20!important;
}
.product-info .woocommerce-Tabs-panel {
    border: none !important;
}
.product-info .woocommerce-tabs .tabs li a::after{
	border:none!important;
}
/*---------------Product detail page styles end-----------------------*/
.product-categories li.product-category {
    background:#1C1D20;
}
.product-categories li.product-category img{
    height:300px;
	object-fit:contain;
}

/* .shoptimizer-sorting.sorting-end
 {
    display: none!important;
}
.shop-products li.product {
    background: #1C1D20!important;
    height: 400px!important;
}
.shop-products ul.products li.product img {
    width: 100%;
    height: 250px!important;
    object-fit: contain!important;
    aspect-ratio: 3 / 2;
}
.shop-products li.product p.product__categories a {
    color: #b7b7b7!important;
}
.shop-products ul.products li.product .woocommerce-LoopProduct-link {
    color: #ffffff!important;
}
.shop-products ul.products li.product .price{
	color: #b7b7b7!important;
}

.shop-products select.orderby{
	background: #fff!important;
	padding: 10px 15px!important;
}
.woocommerce-result-count{
    color: #ffffff!important;
}
.shop-products .shoptimizer-sorting{
	justify-content: space-between!important;
}
.shop-products .woocommerce-notices-wrapper{
	display:none!important;
} */


/*---------------Cart page styles-----------------------*/
.cart-details .checkout-wrap {
    display: none;
}
.cart-details img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 150px!important;
	max-width: 150px !important;
}
.cart-details .product-remove a.remove {
    font-size: 30px!important;
    margin-right: 10px!important;
}
.cart-details .cart-custom-field {
    display: none!important;
}
.cart-details .wc-proceed-to-checkout {
    position: relative;
}
.cart-details a.checkout-button.button.alt.wc-forward {
	position: absolute;
    top: 0px;
    width: 100%;
}
.cart-details .ppcp-messages {
    margin-top: 100px;
}
.cart-details table.cart thead {
    display: contents!important;
}
.cart-details a.remove{
	text-indent:0!important;
}
.cart-details a.remove:before{
	display:none!important;
}
/*---------------checkout page styles-----------------------*/
.checkout-details .cart-custom-field {
    display: none!important;
}
.checkout-details .woocommerce-checkout-payment label {
    color: #fff !important;
}
.checkout-details .woocommerce-validated label {
    color: #ffffff !important;
}
.woocommerce-checkout.min-ck:not(.woocommerce-order-received) .site-header{
	display:none!important;
	border:0!important;
}
.checkout-details .checkout-wrap {
    display: none;
}
.payment_box.payment_method_ppcp-gateway p {
    color: #ffffff;
}
/*---------------sidebar menu cart styles-----------------------*/
.custom-menu-cart .product_list_widget li{
	position:relative!important;
}

.custom-menu-cart .product_list_widget li{
	list-style: none!important;
}
.custom-menu-cart .product_list_widget li > a{
    color: #fff !important;
    font-size: 16px!important;
}
.custom-menu-cart a.remove.remove_from_cart_button{
	font-size:24px!important;
	position: absolute!important;
    left: -33px!important;
    top: 5px!important;
}
.custom-menu-cart span.quantity {
    color: #ABABAB!important;
}
.custom-menu-cart p.woocommerce-mini-cart__total.total {
    font-size: 15px!important;
    color: #fff!important;
}

.custom-menu-cart a.button.wc-forward {
    background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
	width: 120px!important;
    text-align: center!important;
}
.custom-menu-cart p.woocommerce-mini-cart__buttons.buttons {
    display: flex!important;
    gap: 25px!important;
}
.custom-menu-car .product_list_widget li img{
	max-width:80px;
	width:80px!important;
}
/*-------------category page styles------------------*/
.category-page .shoptimizer-sorting{
	justify-content:flex-end;
}
.category-page .shoptimizer-sorting .woocommerce-ordering{
	background: #fff !important;
    padding: 10px!important;
    border-radius: 5px!important;
}
.category-page .shoptimizer-sorting nav.woocommerce-pagination {
    display: none;
}
.category-page ul.products li.product.product-category h2{
	color:#fff!important;
}
.category-page ul.products li.product.product-category h2 mark {
    display: inline-block!important;
    color: #fff!important;
}
.category-page .ui-slider-range.ui-corner-all.ui-widget-header {
    background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
    height: 8px;
}
.category-page .price_label {
    color: #fff !important;
    font-size: 14px;
}
.category-page .widget_price_filter .price_slider_amount .button {
    padding: 10px 30px!important;
    border-radius: 30px;
    color: #fff;
	font-size:16px!important
    font-weight: normal;
    background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
}
.category-page .product-categories .cat-item a {
    color: #fff!important;
    font-size: 18px!important;
}
.category-page .product-categories .cat-item.current-cat a {
    color: #2acbde !important;
    font-size: 22px !important;
}

.category-page .product-categories span.count {
    color: #fff !important;
    font-size: 16px !important;
}
.category-page ul.products.elementor-grid li.product{
	background: #1C1D20 !important;
    padding: 20px!important;
}
.category-page li.product p.product__categories{
	display:none!important;
}
.category-page ul.products li.product:hover::before{
	visibility:hidden!important;
}

.category-page ul.products li.product .button{
	position:relative!important;
	opacity:1!important;
	background-image: linear-gradient(to right, #2acbde 0%, #8e479fcc 100%) !important;
}
.category-page ul.products li.product .woocommerce-LoopProduct-link{
	color:#fff!important;
}
.category-page ul.products li.product .price{
	color:#ABABAB!important;
}
.category-page .woocommerce-pagination .page-numbers li{
	background: #fff !important;
    padding: 5px!important;
    margin: 0 5px!important;
}
.category-page .shoptimizer-sorting.sorting-end .woocommerce-ordering{
	display:none!important;
}
.category-page .shoptimizer-sorting.sorting-end nav.woocommerce-pagination {
    display: contents !important;
}
.category-page .shoptimizer-sorting.sorting-end{
	margin:50px 0!important;
	justify-content: center !important;
}
.category-page .widget_product_categories ul .children{
	border-left:none!important;
}
.drawer-open:before{
	display:none!important;
}
.drawer-open .shoptimizer-mini-cart-wrap{
	display:none!important;
}
ul.products li.product:hover .added_to_cart{
	position:relative!important;
}
/*---------------about page styles-----------------*/
.achievements-section .elementor-counter {
    width: 100%;
    gap:10px;
}
.achievements-section .elementor-counter .elementor-counter-number-wrapper {
    display: flex;
    align-items: end;
}
.achievements-section .elementor-counter .elementor-counter-title {
    align-items: flex-start;
}



@media (max-width: 1150px) {
	.custom-counter{
    	height: 250px!important;
    	width: 250px!important;
	}
}

@media (max-width: 1024px) {
	.gaming-blog-card {
	  background-color: #13161d;
	  color: #fff;
	  width: calc(50% - 30px);
	}
	.sl-headind-text h2 span{
		font-size:50px
	}
}
@media (max-width: 768px) {
	#page{
	  overflow:hidden!important;
	}
	.sl-about-title h4::after{
		left:25%;
	}
	.gaming-blog-card {
	  background-color: #13161d;
	  color: #fff;
	  width: 100%;
	}
	.sl-headind-text h2 span{
		font-size:35px
	}
}