/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.child-categories {
        padding-left: 20px;
    }
.category-toggle {
        cursor: pointer;
    }
.category-toggle {
    display: flex;
    align-items: center;
    gap: 15px;
}
.title_icon {
    display: flex;
        padding: 3px 0 0 0;
            width: 10%;
}
.title_icon svg {
    transform: rotate(180deg);
}


.megamenu__main {
    display: flex;
    flex-wrap: wrap;
	gap:30px;
}
.megamenu__main .megamenu__outer {
    width: calc(25% - 22.5px);
}
.megamenu__main .megamenu__outer h4 {
    font-family: "Work Sans", Sans-serif;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 21.11px !important;
    color: #2B2D42 !important;
	margin:0 0 6px;
	
}
.megamenu__main .megamenu__outer li {
    list-style: none;
    display: flex;
    padding: 8px 0;
}
.megamenu__main .megamenu__outer li a {
    font-family: "Work Sans", Sans-serif;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 16.42px !important;
    color: #2B2D42 !important;
	margin:0;
}
.megamenu__main .megamenu__outer li.view__more a{
	font-weight:700 !important;
}
.megamenu__main .megamenu__outer .megamenu__image {
    display: flex;
    height: 70px;
	margin-bottom:20px;
}
.megamenu__main.courses__main .megamenu__outer .megamenu__image {
    height: 48px;
	    margin: 0;
}



.megamenu__image {
    display: block !important;
}

.megamenu__outer a {
    width: 100%;
    display: flex;
}

.megamenu__image img{
    width: 100%;
    max-width: fit-content !important;
	height: 40px !important;
}


/*  chekout eroor*/
.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .wc-block-components-notice-banner.is-error {
    margin: 0 0 130px 0;
}

.woocommerce-checkout .wc-block-components-notice-banner.is-success{
	 margin: 0 0 130px 0;
}

/* home page filter  */
.products__latest{
	font-family: "Work Sans", Sans-serif; 
	color: var(--e-global-color-primary);
	font-weight: 700 !important;
	font-size: 16px !important;
}
.products__latest ul.categories__main {
   display: flex;
/*     flex-wrap: unset; */
	flex-wrap: wrap;
/*     width: max-content; */
    gap: 10px 35px;
	padding-left:0;
}
.products__latest ul.categories__main li{
	list-style:none;
	cursor:pointer;
}
.products__latest ul.categories__main li a {
    font-family: "Work Sans", Sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: #2B2D42 !important;
	margin:0;
}
.products__latest ul.categories__main li a.active {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #2B2D424D;
    text-underline-offset: 5px;
}
.products__latest .products__main {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.products__latest .products__main .product__inner {
    width: calc(20% - 16px);
}
.products__latest .product__inner a {
	display:flex;
}
.products__latest .product__inner h3 {
    font-family: "Work Sans", Sans-serif;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 21px !important;
    color: #2B2D42 !important;
	margin:0;
}
.products__latest .products__outer {
    padding-bottom: 5px;
	  overflow: auto;
	    margin: 0 0 5px 0;
}

.products__latest .products__outer::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px !important;
}

.products__latest .products__outer::-webkit-scrollbar {
    width: 5px !important;
    background: #71717129;
    border-radius: 50px !important;
    height: 5px;
}

.products__latest .products__outer::-webkit-scrollbar-thumb {
    background-color: #2B2D424D;
    border-radius: 50px !important;
}



/* products__latest-New css*/
.products__latest .product__inner {
    background: #fff;
    padding: 17px 13px 19px 13px;
	border: 1px solid #2B2D421F;
	border-radius:9px;
	position: relative;
}
.products__latest .product__inner .product__content h5 {
    font-weight: 700 !important;
    line-height: 19px !important;
    margin: 0;
    color: var(--e-global-color-primary);
}
}

.products__latest .product__price bdi{
	font-size: 16px;
    font-weight: 700;
    line-height: 21px;
	color: var(--e-global-color-primary);
}
.products__latest img.product__img{
    text-align: center;
    width: 100%;
    height: 122px;
    object-fit: contain;
	padding-bottom:15px;
}
.products__latest .add_to_cart__button button{
    width: 100%;
    background: var(--e-global-color-f246fa0);
    color: #fff;
    font-family: Work Sans;
    padding: 9px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    justify-content: center;
    border-radius: 8px;
	align-items: center;
    gap: 11px;
	border:none !important;
	    display: flex;
}
.add_to_cart__button a.addcart__button{
    width: 100%;
    background: var(--e-global-color-f246fa0);
    color: #fff;
    font-family: Work Sans;
    padding: 9px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    justify-content: center;
    border-radius: 8px;
	align-items: center;
    gap: 11px;
	border:none !important;
	    display: flex;
}

.products__latest .add_to_cart__button  {
    position: absolute;
	width: calc(100% + 2px);
    padding: 0 14px 12px 13px;
    left: -1px;
    bottom: -40px;
    background: #fff;
	border: 1px solid #2b2d421f;
	border-top: 0px;
    border-radius: 0 0 9px 9px;
	opacity:0;
	z-index:9;
/* 	transition: 0.5s all; */
}

.products__latest a.addcart__button:hover {
    background-color: #149BFF;
}

.products__latest .product__inner:hover .add_to_cart__button{
	opacity:1;	
}

.product__inner:hover {
    border-radius: 9px 9px 0 0;
}


/*  qty button cs */

.quantity input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 	-webkit-appearance: none; 	-moz-appearance: none; 	appearance: none; 	margin: 0; } 

.quantity [type=button]:focus, [type=submit]:focus, button:focus { 	outline: 0; } 

.quantity [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { 	color: #000; 	background-color: transparent; 	text-decoration: none; }

/* brand css */
.product-brand {
    color: #2B2D42;
/*     font-size: 20px; */
	font-size: 14px;
    font-weight: 600;
}

/* shop page category css */
.product__cate__main h5 {
    color: #2B2D42;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    text-decoration: underline;
        line-height: 37px;
}
.product__cate__main:before {
    content: "";
    position: absolute;
    border-left: 1px solid rgba(43, 45, 66, 0.10);
        height: calc(100% - 18.5px);
    left: 0;
}
.product__cate__main {
    padding: 0 0 0 20px;
    position: relative;
}

.product__cate__main a:after {
    content: "";
    width: 15px;
    height: 1px;
    background: rgba(43, 45, 66, 0.10);
    position: absolute;
    left: -20px;
    top: 50%;
}
.product__cate__main a {
    position: relative;
}




/* chekcout sucees page  */

.woocommerce-order {
    font-family: "Work Sans", Sans-serif;
}

.woocommerce-order .woocommerce-thankyou-order-received {
    text-align: center;
    color: #2B2D42;
    font-size: 16px;
}
.woocommerce-order .woocommerce-thankyou-order-details.order_details {
    padding: 0;
    justify-content: center;
    display: flex;
    margin: 20px 0 !important;
    gap: 20px;
}
.woocommerce-order .woocommerce ul.order_details li {
    font-size: 12px;
    font-weight: 500;
    color: #2B2D42;
}
.woocommerce-order p{
    font-size: 16px !important;
    color: #2B2D42 !important;
    text-align: center !important; 
    border-top: 1px solid #2B2D424A !important;
    padding: 20px 0 0 0 !important;
}
.woocommerce-order .woocommerce-order-details__title {
    color: #2B2D42;
    text-align: center;
}
.woocommerce-order table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: 1px solid #2B2D424A;
    border-radius: 9px;
    padding: 20px;
}
.woocommerce-order section.woocommerce-order-details th.woocommerce-table__product-name.product-name, section.woocommerce-order-details th.woocommerce-table__product-table.product-total {
    font-size: 18px;
    color: #2B2D42;
	border-bottom: 1px solid #BBBCCA;
}
.woocommerce-order .woocommerce-order-details .shop_table tfoot tr th {
    color: #2B2D42 !important;
    padding: 0 25px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
section.woocommerce-customer-details .woocommerce-column__title {
    color: #2B2D42;
}
section.woocommerce-customer-details address {
    background: #fff;
	 height: 100% !important;
	padding:30px !important;
	color:#2B2D42;
}
section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
    padding: 0 !important;
}

p.woocommerce-customer-details--phone {
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
    padding-left: 1.5em !important;
}
p.woocommerce-customer-details--email{
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
    padding-left: 1.5em !important;
}

.payment_method_igfw_invoice_gateway{
  display: none;
}


/* 28-03-2024 new chekout  */
div#collector-wrapper div#collector-iframe {
    width: calc(50% - 16px);
	position: relative;
}

.item_s{
	position:relative;
}
.item_s td.product-remove {
    position: absolute;
    top: -33px;
}



@media only screen and (max-width: 1024px) {
.megamenu__main .megamenu__outer {
    width: 100%;
}
.product__cate__main h5 {
    font-size: 14px;
        line-height: 37px;
}	
.megamenu__main .megamenu__outer .megamenu__image {
    height: 40px;
}
.megamenu__main .megamenu__outer li {
    padding: 5px 0;
}
.megamenu__main.courses__main .megamenu__outer .megamenu__image {
    height: 32px;
}
.products__latest .products__main .product__inner {
    width: calc(50% - 10px);
}
	.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .wc-block-components-notice-banner.is-error {
    margin: 0 0 30px 0;
}
		.woocommerce-checkout .wc-block-components-notice-banner.is-success{
	 margin: 0 0 30px 0;
}
/* .bredcrum_main {
    overflow-x: auto;
    overflow-y: hidden;
}
.bredcrum_slide {
    min-width: 900px !important;
} */
.bredcrum_slide ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100%;
    overflow: auto;
	    padding: 0 0 10px 0 !important;
}
	.bredcrum_slide ul li {
    white-space: nowrap;
}
	ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
}
.main_order {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
	.woocommerce ul.order_details li {
    border: none;
    margin: 0;
    padding: 0;
}
	.megamenu__outer {
    display: flex;
    gap: 20px;
}
	div#collector-wrapper div#collector-iframe {
    width: 100%;
}
}

@media only screen and (max-width: 767px) {
.products__latest .products__main .product__inner {
    width:100%;
}
	.product__cate__main h5 {
    font-size: 18px;
}
.products__latest .products__outer {
    padding-bottom: 10px;
    overflow: auto;
	margin-bottom:10px;
}
.products__latest ul.categories__main {
    display: flex;
    flex-wrap: unset;
    width: max-content;
}
	
	.megamenu__outer .megamenu__inner {
    margin: 40px 0 0 0;
}
	
	.megamenu__main .megamenu__outer .megamenu__image {
		display: flex !important;
		align-items: center;
		gap: 15px;
	}
	
	.megamenu__outer .megamenu__inner {
		margin: 0;
	}
	
	.products__latest .product__inner .add_to_cart__button {
		opacity: 1;
	}
	
	.products__latest .products__main {
		gap: 60px;
	}
	.megamenu__image img {
    width: 100%;
    max-width: 30px !important;
    height: 36px !important;
		object-fit: contain;
}
	.megamenu__main .megamenu__outer h4 {
    font-size: 16px !important;
    font-weight: 400 !important;
	
}
}











