/**
Theme Name: waleed-child
Author: B
Author URI:
Description:
Version: 1.0.0
License:
License URI: h
Text Domain: waleed-child
Template: waleed
*/

/* ============================================================
   MAILCHIMP FORM
   ============================================================ */
#mc4wp-form-1 p { margin-bottom: 15px; }
#mc4wp-form-1 #email { width: 100%; border-radius: 10px; padding: 10px; }
#mc4wp-form-1 .submit { border-radius: 30px; padding: 12px 30px; }

/* ============================================================
   BANNER
   ============================================================ */
.banner_text h4 { display: flex; align-items: center; gap: 30px; }
.banner_text h4:after,
.banner_text h4:before { content: ''; width: 82px; height: 3px; background: #fff; display: block; }

/* ============================================================
   SHORT DESCRIPTION OVERLAY
   ============================================================ */
.pre_img { position: relative; overflow: hidden; }
.short_des {
	position: absolute;
	top: 5px;
	left: 100%;
	padding: 10px;
	font-size: 14px;
	height: calc(100% - 30px);
	background: #0040b4;
	border-radius: 15px;
	display: none;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	-webkit-transition: all 0.5s ease-out;
	width: 96%;
	z-index: 99;
}
.short_des button { border-radius: 30px; padding: 10px 20px; margin-left: auto; width: 100%; }
.short_des button img { width: 20px !important; height: 20px !important; }

.bookshelf li a:hover .short_des,
.tp li a:hover .short_des { left: 2%; }
.bookshelf li .short_des button img {
	width: auto;
	border: 0;
	padding: 0;
	border-radius: 0;
	margin: 0;
}
.tp .short_des { top: 10px; height: calc(100% - 20px); padding: 15px; }

/* ============================================================
   BOOKS LIST
   ============================================================ */
ul.books_list { display: flex; margin: 0; padding: 0; list-style: none; gap: 20px; }
ul.books_list li,
ul.bookshelf li { width: 100%; }
ul.books_list li img {
	width: 100%;
	border-radius: 10px;
	height: 100%;
	aspect-ratio: 1 / 1.8;
	transition: all .3s ease-out;
	object-fit: cover;
}
ul.books_list li:hover img,
ul.bookshelf li:hover img {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px;
	transition: all .3s ease-out;
	padding: 2px;
}

/* ============================================================
   BOOKSHELF GRID
   ============================================================ */
ul.bookshelf {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	list-style-type: none;
	column-gap: 20px;
	row-gap: 30px;
	text-align: center;
	margin: 0;
	padding: 0;
}
ul.bookshelf li img {
	width: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	margin-bottom: 20px;
	border: 1px dashed #ccc;
	padding: 0;
	border-radius: 15px;
	aspect-ratio: 1 / .8;
	transition: all .3s ease-out;
}
ul.bookshelf li .text span {
	background: #1889D6;
	color: #fff;
	padding: 0 10px 0;
	border-radius: 50px;
	display: block;
	max-width: 200px;
	margin: 0 auto 10px;
}
ul.bookshelf li .text h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 220px;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
}
ul.bookshelf li .text .modified-date {
	background: transparent;
	color: #222;
	width: 100%;
	margin: 0 auto 5px;
	font-weight: 700;
}
ul.bookshelf li .text .modified-date img {
	width: auto;
	border: 0;
	object-position: initial;
	margin: -3px 0 0;
}

/* ============================================================
   BOOKSELF SLIDER (swiper)
   ============================================================ */
.bookself .single-client { background: transparent !important; box-shadow: none !important; }
.bookself span.content-image img {
	height: 272px;
	object-fit: cover;
	object-position: center;
	width: 100%;
}
.bookself .swiper-button-next:after,
.bookself .swiper-button-prev:after { display: none !important; }
.bookself .ekit-wid-con .elementskit-clients-slider.arrow_inside .swiper-button-prev {
	left: -60px;
	right: initial;
	background: #fff;
	border-radius: 50px;
	padding: 10px !important;
}
.bookself .ekit-wid-con .elementskit-clients-slider.arrow_inside .swiper-button-next {
	right: -60px;
	left: inherit;
	background: #fff;
	border-radius: 50px;
	padding: 10px !important;
}

/* ============================================================
   LAYOUT & CONTAINERS
   ============================================================ */
.elementor-template-full-width .ast-container {
	display: block;
	width: 100% !important;
	max-width: 100%;
	padding: 0;
}
.site-content .ast-container {
	display: block !important;
	max-width: 100%;
	padding: 0 !important;
	background: #fff;
}
div#primary {
	max-width: 1200px;
	margin: 0 auto !important;
}
header .ast-container {
	max-width: 1200px !important;
	padding: 0 10px !important;
}
.ab img {
	width: 100%;
	height: 428px;
	object-fit: cover;
	object-position: center;
}
.main-header-bar-wrap { border-bottom: 1px solid #ffffff29; }

/* ============================================================
   BLOG POSTS GRID (bp)
   ============================================================ */
ul.bp {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 40px;
	row-gap: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.bp li { border-radius: 20px; width: 100%; }
ul.bp li .boxc,
ul.bp li .boxc a,
ul.bp li .cbox,
ul.bp li .cbox .text { position: static; }
ul.bp li .boxc a {
	display: grid;
	grid-template-columns: 1fr 160px;
	gap: 20px;
	align-items: center;
	text-decoration: none;
}
ul.bp li img {
	width: 160px;
	height: 120px;
	object-fit: cover;
	object-position: center;
	border-radius: 15px;
	display: block;
}
ul.bp li .cbox {
	padding: 0;
	background: transparent;
	width: 100%;
	height: auto;
	border-radius: 0;
	display: block;
	z-index: auto;
}
ul.bp h3 {
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	margin: 0 0 8px 0;
	text-transform: none;
}
ul.bp span {
	position: static;
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #666666;
	border-radius: 0;
	font-size: 14px;
	font-weight: 500;
	float: none;
	clear: none;
	right: auto;
	left: auto;
	bottom: auto;
	z-index: auto;
}

/* ============================================================
   REVOLUTION SLIDER & BUTTONS
   ============================================================ */
#rev_slider_1_1 .rev-btn { display: flex; align-items: center; justify-content: center; gap: 10px; }
#rev_slider_1_1 .arrow_icon,
.bs1 span.elementor-button-icon svg { height: 16px; width: 16px; }
.bs1 .elementor-button-icon { display: flex; align-items: center; }
.bs span.elementor-button-icon svg { height: 20px; width: 20px; transition: 0.2s; }
.bs span.elementor-button-icon { top: 2px; position: relative; left: 4px; }
.bs:hover span.elementor-button-icon svg { transform: rotate(44deg); transition: 0.2s; }

/* ============================================================
   WOOCOMMERCE — STORE (os class)
   ============================================================ */
.os img.attachment-woocommerce_thumbnail {
	border: 1px solid #ACDBFC;
	border-radius: 10px;
	height: 250px;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.os a.button {
	width: auto;
	padding: 0 20px !important;
	display: inline-block !important;
	margin: 5px 0 0 !important;
}
.os ul.products li.product .button.add_to_cart_button::before { display: none !important; }
.os ul.products li.product a.added_to_cart {
	background-color: #1889D6 !important;
	font-family: "Plus Jakarta Sans", Sans-serif;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0;
	word-spacing: 0;
	width: auto;
	padding: 0 20px !important;
	display: inline-block !important;
	margin: 10px 0 0 !important;
	line-height: 38px !important;
	border-radius: 50px;
}
.os h2.woocommerce-loop-product__title {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}

/* ============================================================
   WOOCOMMERCE — MINI CART
   ============================================================ */
.widget_shopping_cart_content p.woocommerce-mini-cart__buttons.buttons { display: flex; column-gap: 6px; }
.widget_shopping_cart_content p.woocommerce-mini-cart__buttons.buttons a { border-radius: 50px !important; padding: 10px; }
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a { border-radius: 50px; }

/* ============================================================
   PROJECTS GRID (tp)
   ============================================================ */
ul.tp {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 40px;
	list-style-type: none;
	row-gap: 40px;
	margin: 0;
	padding: 0;
}
ul.tp li {
	border-radius: 20px;
	background: #f7f7f7;
	position: relative;
	padding: 15px;
}
ul.tp li .boxc { position: relative; }
ul.tp li .boxc .pre_img { position: relative; }
ul.tp li img.tp_img {
	border-radius: 20px;
	height: 200px;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
ul.tp li img.logo_img {
	position: absolute;
	width: 50px;
	background: #fff;
	right: 10px;
	top: 10px;
	padding: 3px;
}
ul.tp li .cbox { padding: 20px 0; height: 100%; }
ul.tp span {
	margin-bottom: 10px;
	background: #1889d6;
	padding: 5px 10px;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	border-radius: 20px;
	line-height: normal;
}
ul.tp h3 { font-size: 20px; line-height: 30px; color: #222; }
ul.tp li a.el img { width: 20px; height: 20px; }
a.el {
	padding: 2px 20px 6px;
	background: #1889d6;
	border-radius: 20px;
	display: inline-block;
}

/* ============================================================
   DECORATIVE LINE (btlr)
   ============================================================ */
.btlr { position: relative; }
.btlr:after {
	content: "";
	position: absolute;
	max-width: 1920px;
	height: 1px;
	background: #57a8e3;
	top: -1px;
	right: 100%;
	width: 100%;
}
.btlr:before {
	content: "";
	position: absolute;
	width: 1920px;
	height: 1px;
	left: 0%;
	top: -1px;
}
.cd a { color: #fff; }

/* ============================================================
   MAILPOET FORM
   ============================================================ */
input#form_email_1 {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	padding: 0 17px !important;
}
#mailpoet_form_1 .mailpoet_submit {
	background: #1889D6;
	border-radius: 50px;
	display: inline-block !important;
	width: 145px !important;
	height: 36px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: "Plus Jakarta Sans";
	font-size: 16px;
}
#mailpoet_form_1 form.mailpoet_form { padding: 0 !important; margin-top: 12px; }
#mailpoet_form_1 .mailpoet_paragraph { line-height: 20px; margin-bottom: 15px; }

/* ============================================================
   CONTACT FORM (cform)
   ============================================================ */
.cform .hw { width: calc((100% / 2) - 20px); margin: 10px; float: left; }
.cform .fw { width: calc((100% / 1) - 20px); margin: 10px; float: left; }
.cform p { padding: 0; margin: 0; }
.cform select {
	width: 100%;
	border-radius: 10px;
	box-shadow: 3px 3px 0 #e3e3e3;
	border-color: #ccc;
	background: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(https://waleedms.com/wp-content/uploads/2024/07/down_arrow_icon.svg);
	background-repeat: no-repeat;
	background-position-x: 98%;
	background-position-y: 14px;
	background-size: 2%;
}
.cform input {
	width: 100% !important;
	border-radius: 10px !important;
	box-shadow: 3px 3px 0 #e3e3e3 !important;
	border-color: #ccc !important;
	background: #fff !important;
}
.cform textarea {
	width: 100%;
	border-radius: 10px;
	box-shadow: 3px 3px 0 #e3e3e3;
	border-color: #ccc;
	background: #fff;
	height: 130px;
}
.cform input.wpcf7-submit {
	background: #1889D6 !important;
	text-transform: uppercase;
	width: 130px !important;
	text-align: center;
	padding: 11px 0;
	border-radius: 50px;
	border: 0;
	box-shadow: none;
	color: #fff;
	font-weight: 600;
	margin: 0 auto;
	display: block;
	height: 47px;
	font-family: "Plus Jakarta Sans", Sans-serif;
}
.cform label {
	margin-bottom: 12px;
	float: left;
	width: 100%;
	font-weight: 500;
	color: #222;
	font-size: 18px;
	font-family: "Plus Jakarta Sans", Sans-serif;
}
.cform span.wpcf7-checkbox label { font-weight: 400; margin: 0; font-size: 16px; }
.cform .clearfix { clear: both; display: block; margin: 0 !important; padding: 0 !important; }
.cform form {
	display: table;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	border-radius: 30px;
	padding: 40px;
	background: url(https://waleedms.com/wp-content/uploads/2024/07/bg.jpg);
	background-size: cover;
}
.cform .wpcf7-list-item { margin: 0; }
.cform .screen-reader-response { display: none; }
.cform span.wpcf7-not-valid-tip { color: #ff0000; }
.cform .wpcf7-response-output { float: left; color: #ff0000; width: 100%; text-align: center; margin: 0 !important; }
.cform .wpcf7-spinner { display: none; }

/* ============================================================
   SINGLE POST
   ============================================================ */
.single-post .ast-primary-header-bar {
	display: block;
	background: url(https://waleedms.com/wp-content/uploads/2024/07/bbg.jpg) no-repeat;
	background-size: cover;
}
.single-post .site-content .ast-container { display: block; }
.single-post div#primary { margin: 0 auto !important; }
.single-post article.post { padding: 60px 10px !important; }
.single-post header.entry-header {
	max-width: 1200px !important;
	margin: 0 auto 10px !important;
	padding: 0 10px;
}
.single-post .addtoany_content { max-width: 1200px; }
.single-post .comments-area { border-top: 0; display: none; }
.single-post nav.navigation.post-navigation {
	padding-bottom: 50px;
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	padding-top: 0;
}

/* ============================================================
   RTL OVERRIDES
   ============================================================ */
.rtl .footer .elementor-social-icons-wrapper.elementor-grid { text-align: left; }
.rtl .al .elementor-widget-image { text-align: right !important; }
.rtl article.post {
	max-width: 1200px;
	margin: 0 auto !important;
	display: block;
	padding: 50px 10px !important;
}
.rtl ul.tp span { float: right; }
.rtl .rbl { border-left: 1px solid #FFFFFF52 !important; }
.rtl .rbln { border-right: 0 !important; padding-left: 30px; }
.rtl .rbutr { text-align: right; }
.rtl .rbutl .elementor-align-right { text-align: left !important; }
.rtl .aht { text-align: right !important; }
.rtl #mailpoet_form_1 .mailpoet_paragraph.last { margin-bottom: 0; text-align: right; }

/* ============================================================
   LANGUAGE SWITCHER
   ============================================================ */
.trp-language-switcher { height: auto; width: auto; }
.trp-language-switcher > div > a { padding: 0; color: #fff; }
.trp-language-switcher > div {
	box-sizing: border-box;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
	background-image: url(/wp-content/plugins/translatepress-multilingual/assets/css/../../assets/images/arrow-down-3101.svg);
	background-repeat: no-repeat;
	background-position: initial;
	background-size: 0;
	background-color: transparent;
	width: auto !important;
	height: auto !important;
}
.trp-language-switcher > div > a:hover { background: transparent; border-radius: 0; }

/* ============================================================
   MISC LAYOUT
   ============================================================ */
.fl ul li a { color: #fff; }
.postspace .elementor-column-gap-default { gap: 30px; align-items: flex-start; }
.postspace .post-sidebar { position: sticky; top: 0; z-index: 1; }

/* ============================================================
   WOOCOMMERCE — GENERAL
   ============================================================ */
.woocommerce .ast-primary-header-bar {
	display: block;
	background: url(https://waleedms.com/wp-content/uploads/2024/07/bbg.jpg) no-repeat;
	background-size: cover;
}

/* ============================================================
   WOOCOMMERCE — SINGLE PRODUCT
   ============================================================ */
.single-product h1.product_title.entry-title { text-transform: uppercase; font-weight: 700; color: #222; }
.single-product .entry-summary p.price { margin-bottom: 20px !important; }
.single-product .woocommerce-tabs { display: none !important; }
.single-product section.related.products { display: none !important; }
.single-product .ast-woocommerce-container { padding: 70px 10px; display: inline-block; width: 100%; }
.single-product .woocommerce-product-gallery { border: 1px solid #ccc; }
.single-product button.single_add_to_cart_button { text-transform: uppercase; border-radius: 50px; }
.single-product .entry-summary .quantity .qty { border-radius: 5px; }

/* ============================================================
   WOOCOMMERCE — CART
   ============================================================ */
.woocommerce-cart .ast-primary-header-bar {
	display: block;
	background: url(https://waleedms.com/wp-content/uploads/2024/07/bbg.jpg) no-repeat;
	background-size: cover;
}
.woocommerce-cart .ast-article-single { padding: 60px 10px 50px; }
.woocommerce-cart .wp-block-woocommerce-cart { max-width: 1200px !important; margin: 0 auto !important; }
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block { display: none; }
.woocommerce-cart .shop_table thead tr { background: #333; color: #fff; border-color: #ccc; text-transform: uppercase !important; }
.woocommerce-cart .coupon { display: none !important; }
.woocommerce-cart td.actions button { border-radius: 50px; text-transform: uppercase; }
.woocommerce-cart .cart_totals h2 { background: #333 !important; color: #fff; font-size: 20px; text-transform: uppercase; }
.woocommerce-cart .wc-proceed-to-checkout a { border-radius: 50px !important; text-transform: uppercase; padding: 8px 0 !important; }
.woocommerce-cart header.entry-header .entry-title { text-transform: uppercase; }
p.return-to-shop a { border-radius: 50px; text-transform: uppercase; }

/* ============================================================
   WOOCOMMERCE — CHECKOUT
   ============================================================ */
.woocommerce-checkout .ast-primary-header-bar {
	display: block;
	background: url(https://waleedms.com/wp-content/uploads/2024/07/bbg.jpg) no-repeat;
	background-size: cover;
}
.woocommerce-checkout .wp-block-woocommerce-checkout { max-width: 1200px !important; margin: 0 auto !important; }
.woocommerce-checkout .ast-article-single { padding: 50px 10px; }
.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; }
.woocommerce-checkout .woocommerce-billing-fields h3 {
	background: #333;
	color: #fff;
	text-transform: uppercase;
	padding: 13px 20px !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.woocommerce-checkout header.entry-header .entry-title { text-transform: uppercase; }
.woocommerce-checkout h3#order_review_heading {
	background: #333;
	color: #fff;
	text-transform: uppercase;
	padding: 13px 30px !important;
	border: 0 !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.woocommerce-checkout div#order_review { border-width: 1px !important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.woocommerce-checkout button#place_order { text-transform: uppercase; border-radius: 50px; }
.woocommerce-checkout form .form-row-first,
.woocommerce-checkout form .form-row-last { width: 49%; overflow: visible; }
.woocommerce-checkout .woocommerce-billing-fields { border: 1px solid #e2e8f0; border-radius: 10px; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { padding: 0 30px 30px; }
.woocommerce-checkout .woocommerce-additional-fields h3 {
	background: #333;
	color: #fff;
	text-transform: uppercase;
	padding: 13px 20px !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-bottom: 10px !important;
}
.woocommerce-checkout .woocommerce-additional-fields { border: 1px solid #e2e8f0; border-radius: 10px; margin-top: 20px !important; }
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper { padding: 0 20px 20px; }

/* ============================================================
   BLOG POSTS TABS (bpd)
   ============================================================ */
.bpd .tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	border-bottom: 0;
	align-items: center;
	justify-content: center;
}
.bpd .tabs li { margin-right: 5px; }
.bpd .tabs li a {
	text-decoration: none;
	padding: 10px 20px;
	display: block;
	background: #f7f7f7;
	border: 0;
	color: #222;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.bpd .tabs li.active a {
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #1889d6;
	font-weight: 700;
}
.bpd .tab-contents { border: 1px solid #e9e9e9; background: #fff; border-radius: 20px; padding: 20px; }
.bpd .tab-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	row-gap: 30px;
}
.bpd .post-item { background: #f7f7f7; padding: 20px; border-radius: 20px; }
.bpd .post-item .post-thumbnail {
	position: relative;
	margin-bottom: 15px;
	border: 1px dashed #ddd;
	border-radius: 20px;
	overflow: hidden;
}
.bpd .post-thumbnail .author_date {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px 15px;
	background: #1889d6;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	line-height: normal;
}
.bpd .post-thumbnail .author_date img,
.bpd .post-meta .modified-date img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
	width: 14px;
}
.bpd .post-item h2 { font-size: 20px; line-height: 30px; color: #222; font-weight: 700; margin-bottom: 10px; }
.bpd .post-thumbnail img.blog_img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
	margin-bottom: 10px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.bpd .entry-content p { margin: 10px 0; }
.bpd .post-meta {
	background: #1889d6;
	padding: 5px 10px;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	border-radius: 20px;
	line-height: normal;
}
.bpd .modified-date,
.bpd .post-date,
.bpd .author-name { display: flex; align-items: center; gap: 5px; }

/* ============================================================
   PRODUCTS TABS (osp)
   ============================================================ */
.osp ul.custom-tabs { border-bottom: 0; align-items: center; justify-content: center; column-gap: 8px; margin: 0; }
.osp .custom-product-tabs { margin-top: 0; }
.osp .custom-tab-link.current { color: #fff; background: #1889d6; font-weight: 700; }
.osp .custom-tab-link { border: 0; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.osp .custom-tab-content { border: 1px solid #e9e9e9; background: #fff; border-radius: 20px; padding: 20px; }
.osp .custom-tab-content .products { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 30px; row-gap: 30px; }
.osp .custom-tab-content .products .product-item { background: #f7f7f7; padding: 20px; border-radius: 20px; border: 0; margin: 0; }
.osp .product-item .price { font-size: 16px; color: #222; margin: 4px 0 10px; width: 100%; display: block; }
.osp .custom-tab-content .products .product-item a.button {
	border-radius: 50px;
	padding: 12px 19px 13px !important;
	font-size: 14px !important;
	display: block;
	width: 134px;
	margin: 0 auto;
	text-transform: uppercase;
}
.osp .custom-tab-content .products .product-item h2 { font-size: 16px; margin: 18px 0 0; line-height: 26px; }

/* ============================================================
   IMAGE BOX (rlr)
   ============================================================ */
.rtl .rlr h3.elementor-image-box-title { text-align: right; }
.rlr .elementor-image-box-wrapper { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 30px; align-items: center; }
.rlr { outline: 1px dashed #067dd7; outline-offset: -10px; background: repeating-linear-gradient(45deg, #fff, #e7f5ff 100px); }
.rlr figure.elementor-image-box-img img { box-shadow: 0 0 10px #07589552; border-radius: 5px; }
.bws h3.elementor-image-box-title { text-align: left; }
.bwrm { background: #077fd6; float: left; width: 63px; padding: 2px 7px 7px; border-radius: 50pc; margin-top: 10px; }
.bwrm img { width: 28px !important; }

/* ============================================================
   NAVIGATION MENU
   ============================================================ */
.main-header-menu .sub-menu { background: #0f59f9 !important; }
.main-header-bar .main-header-bar-navigation .sub-menu li { border-bottom: 1px solid #ffffff26 !important; padding: 9px 10px !important; }
.main-header-bar .main-header-bar-navigation .sub-menu li:last-child { border-bottom: 0 !important; }

/* ============================================================
   PAGINATION
   ============================================================ */
.custom-pagination { display: flex; align-items: center; justify-content: center; margin-top: 40px; column-gap: 5px; }
.custom-pagination .page-numbers { background: #f3f3f3; border-radius: 5px; padding: 7px 15px; color: #222 !important; }
.custom-pagination span.page-numbers.current { color: #fff !important; background: #1889d6; }

/* ============================================================
   ENTRY CONTENT & META
   ============================================================ */
.entry-meta img { width: 15px; margin-right: 5px; }
.entry-meta p { margin-bottom: 8px; font-size: 14px; }
.entry-content .trp-ls-shortcode-current-language { display: none; }
.entry-content .trp-ls-shortcode-language { display: inline-block !important; visibility: visible; position: static !important; width: auto !important; }
.entry-content .trp-ls-shortcode-language a,
.entry-content .trp-ls-shortcode-language a:hover {
	text-decoration: none !important;
	background: #ddd;
	background-color: #1889D6;
	color: #fff !important;
	padding: 6px 25px;
	border-radius: 0;
	font-size: 15px;
	margin: 0 10px 20px;
}
header.entry-header .entry-title:after { content: ''; width: 80px; display: block; background: #1889d6; height: 3px; margin: 5px 0 15px; }
.elementor-widget-icon-list ul li a { text-decoration: none !important; }
.elementor-widget-icon-list ul li a.active { text-decoration: underline !important; }
.elementor-widget-icon-list ul li a.active .elementor-icon-list-text { color: #1C8AD5 !important; }

/* ============================================================
   MISC HIDDEN ELEMENTS
   ============================================================ */
.nav-links { display: none !important; }
.woocommerce-additional-fields { display: none !important; }
.xlwcty_thankyou table td.download-file { display: none; }
.mc4wp-checkbox-woocommerce .input-checkbox { display: none !important; }

/* ============================================================
   ELEMENTOR POSTS WIDGET
   ============================================================ */
.elementor-posts--skin-classic .elementor-post__thumbnail {
	width: 200px;
	height: 300px;
	overflow: hidden;
}
.elementor-posts--skin-classic .elementor-post__thumbnail img {
	width: 200px;
	height: 300px;
	object-fit: cover;
	object-position: center;
	display: block;
}
.elementor-posts--skin-classic .elementor-post {
	padding: 0;
	margin-bottom: 0;
}
.elementor-posts--skin-classic .elementor-post__text {
	padding: 5px 0;
}

/* ============================================================
   RESPONSIVE — max-width: 1200px
   ============================================================ */
@media(max-width:1200px) {
	.btlr:after,
	.btlr:before { display: none; }
}

/* ============================================================
   RESPONSIVE — max-width: 1120px
   ============================================================ */
@media(max-width:1120px) {
	.main-header-menu .menu-link,
	.main-header-menu > a { padding: 0 6px !important; font-size: 15px !important; }
	header .ast-builder-grid-row { grid-template-columns: 3fr 9fr !important; }
}

/* ============================================================
   RESPONSIVE — max-width: 1024px
   ============================================================ */
@media(max-width:1024px) {
	ul.bookshelf { column-gap: 10px; }
	ul.bookshelf li .text h3 { font-size: 20px; max-width: 160px; }
	.rtl .rbutr { text-align: center; }
	.rtl .rbutl .elementor-align-right { text-align: center !important; }
	.postspace .elementor-column.elementor-col-66,
	.postspace .elementor-column.elementor-col-33 { width: 100%; }
	.single-post nav.navigation.post-navigation { padding-top: 30px; }
	.single-post-content .elementor-element-populated { margin: 0 !important; }
	.postspace .post-sidebar { position: static; }
	.custom-logo,
	.custom-logo-link img,
	.astra-logo-svg { width: clamp(70px, 14vw, 110px) !important; height: auto !important; max-width: 100% !important; }
}

/* ============================================================
   RESPONSIVE — max-width: 1000px
   ============================================================ */
@media(max-width:1000px) {
	.main-header-menu .menu-link,
	.main-header-menu > a { padding: 0 4px !important; font-size: 15px !important; }
	ul.bp { grid-template-columns: repeat(2, 1fr) !important; column-gap: 30px; row-gap: 30px; }
	ul.tp { column-gap: 30px; }
}

/* ============================================================
   RESPONSIVE — max-width: 992px
   ============================================================ */
@media(max-width:992px) {
	.single-post div#primary { margin: 0 auto !important; padding: 0; }
	.bpd .tab-content { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 30px; }
	.osp .custom-tab-content .products { grid-template-columns: repeat(3, 1fr); }
	.woocommerce-checkout div#customer_details { width: 100% !important; margin-right: 0 !important; }
	.woocommerce-page.woocommerce-checkout form #order_review_heading,
	.woocommerce-page.woocommerce-checkout form #order_review { width: 100% !important; }
	header .ast-builder-grid-row { grid-template-columns: 3fr 9fr !important; }
	.ast-mobile-header-wrap .ast-primary-header-bar,
	.ast-primary-header-bar .site-primary-header-wrap { min-height: 90px !important; }
}

/* ============================================================
   RESPONSIVE — max-width: 920px
   ============================================================ */
@media(max-width:920px) {
	header .ast-builder-grid-row,
	.ast-builder-grid-row { grid-template-columns: auto auto !important; }
	.woocommerce-cart .ast-article-single { padding: 40px 10px 20px; }
	.os ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	ul.bp { grid-template-columns: repeat(2, 1fr) !important; column-gap: 30px; row-gap: 30px; }
	.single-post article.post { padding: 40px 10px 0 !important; }
}

/* ============================================================
   RESPONSIVE — max-width: 768px
   ============================================================ */
@media(max-width:768px) {
	.trp-language-switcher > div > a { color: #000; }
	ul.bookshelf { grid-template-columns: repeat(3, 1fr); }
	ul.bookshelf li img { margin-bottom: 10px; }
	.bookself .ekit-wid-con .elementskit-clients-slider.arrow_inside .swiper-button-next { right: 20px; }
	.bookself .ekit-wid-con .elementskit-clients-slider.arrow_inside .swiper-button-prev { left: 20px; }
	.woocommerce-checkout .ast-article-single { padding: 40px 10px; }
	.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { padding: 0 20px 30px; }
	.woocommerce-checkout #billing_first_name_field,
	.woocommerce-checkout #billing_last_name_field { width: 100%; }
	.osp .custom-tab-content { margin: 0 10px; }
	.osp .custom-tab-content .products { grid-template-columns: repeat(2, 1fr); }
	.al img { width: 378px !important; }
	.single-post article.post { padding: 40px 0 0 !important; }
	.rtl .footer .elementor-social-icons-wrapper.elementor-grid { text-align: right; justify-content: flex-start !important; }
	ul.bp { grid-template-columns: repeat(1, 1fr) !important; column-gap: 30px; row-gap: 30px; }
	ul.tp { grid-template-columns: repeat(1, 1fr) !important; row-gap: 20px; }
	.cform form { padding: 20px; }
	.cform .hw { width: calc((100% / 1) - 20px); }
	.bpd .tab-content { grid-template-columns: repeat(1, 1fr); }
	ul.books_list { gap: 10px; }
	.entry-content .trp-ls-shortcode-language a { margin: 0 10px; }
}

/* ============================================================
   RESPONSIVE — max-width: 600px
   ============================================================ */
@media(max-width:600px) {
	.banner_text h4:after,
	.banner_text h4:before { width: 60px; }
	.op { grid-template-columns: 1fr !important; }
	.single-product .ast-woocommerce-container { padding: 20px 10px; }
	ul.bookshelf { grid-template-columns: repeat(2, 1fr); }
	ul.bookshelf li img { width: auto; }
}

/* ============================================================
   RESPONSIVE — max-width: 544px
   ============================================================ */
@media(max-width:544px) {
	.ast-mobile-header-wrap .ast-primary-header-bar,
	.ast-primary-header-bar .site-primary-header-wrap { min-height: 70px !important; padding: 0 10px !important; }
	.ast-button-wrap .menu-toggle.main-header-menu-toggle { padding: 8px; }
}

/* ============================================================
   RESPONSIVE — max-width: 480px
   ============================================================ */
@media(max-width:480px) {
	.osp .custom-tab-content .products { grid-template-columns: repeat(1, 1fr); }
	.rlr .elementor-image-box-wrapper { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 20px; align-items: center; }
	ul.bookshelf { grid-template-columns: repeat(1, 1fr); row-gap: 20px; }
}
img.attachment-woocommerce_thumbnail.wvs-archive-product-image {
    height: 175px !important;
    width: 175px !important;
    object-fit: cover !important;
    object-position: center !important;
}