:root {
    --plain-color : #FFFFFF;
    --black-color: #000000;
	--plain-rgb: 255,255,255;
	--black-rgb :0,0,0;
	--dark-color: #644425;
	--primary-color : #C99755;
    --primary-rgb: 193, 2, 48;
    --light-color : #555;
   
	--body-color: #333;
	--header-padding:3rem;
	--large-padding: 8rem;
	--medium-padding: 5rem;
    --small-padding: 2rem;
	--menu-padding: 0 20px;
	
	--header-height: 20rem;
	--fixed-header-height: 5rem;
    --fixed-header-padding:1rem;
	--nav-height : 60px;
	--cart-icon-size : 80px;
    --hamburger-color : var(--primary-color);
	--ext-nav-width : 300px;
    --logo-width: 20rem;
    --fixed-logo-width: 12rem;

	--html-font-size: 62.5%;
	--body-font-family: 'EB Garamond', serif;
	--body-font-size: 1.8rem;
	--body-font-weight: 400;
	--heading-font-family: 'Open Sans', sans-serif;
	--heading-font-weight: 700;
	--heading-font-color: var(--dark-color);
	--heading-one-size: calc(var(--body-font-size) * 1.2);
	--heading-two-size: calc(var(--body-font-size) * 1.6);
	--heading-three-size: calc(var(--body-font-size) *1.4);
	--heading-four-size: calc(var(--body-font-size) *1.2);
	--heading-five-size: calc(var(--body-font-size) *1.2);
	
    --transition : all 0.5s ease-in-out 0s;
   
    --btn-height: 4rem;
	--btn-color: var(--plain-color);
	--btn-hover-color : var(--primary-color);
	--btn-border: var(--primary-color);
	--btn-background: var(--primary-color);
    --btn-background-hover: var(--secondary-color);
    --btn-font-family: var(--heading-font-family);
	--btn-font-weight: var(--heading-font-weight);
	--btn-font-size: var(--body-font-size);
	

	--sm-icon-size: calc(var(--body-font-size) *1.67); 
	--field-height: 4rem;
    --field-background : var(--plain-color);
    --field-border : var(--dark-color);
    --field-padding: 1rem 2rem;
    --field-color : var(--dark-color);
    --placeholder-color: var(--dark-color);
	--card-padding: 2rem;
    --blog-card-padding: 3rem;
}

@media (max-width:991px) {
	:root {
	/*	--html-font-size: 41.67%; */
		--body-font-size: 2rem;
		--heading-five-size: calc(var(--body-font-size) *1.1);
        --header-padding:2rem;

	}
}

@media (max-width:767px) {
	:root {
		--large-padding : 4rem;
		--card-padding: 1rem;
	}
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--placeholder-color);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--placeholder-color);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--placeholder-color);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--placeholder-color);
}

::-moz-selection { /* Code for Firefox */
  color: var(--dark-color);
  background: var(--primary-color);
}

::selection {
  color: var(--dark-color);
  background: var(--primary-color);
}


.container-fluid {padding-left:2rem; padding-right:2rem;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
.row {
    --bs-gutter-x: calc(var(--body-font-size) *1.875); 
}

html { font-size: var(--html-font-size); } /* =10px */
body { font-family:var(--body-font-family); font-weight:var(--body-font-weight); font-size: var(--body-font-size); line-height:1.7; color:var(--body-color); /*padding-bottom:calc(var(--nav-height) * 2);*/ transition:var(--transition); } /* =16px */


.mt-wrapper {overflow:hidden;}
.mt-large_padding {padding-top: var(--large-padding); padding-bottom: var(--large-padding);}
.mt-large_pt {padding-top: var(--large-padding);}
.mt-large_pb {padding-bottom: var(--large-padding);}
.mt-medium_padding {padding-top: var(--medium-padding); padding-bottom: var(--medium-padding);}
.mt-medium_pt {padding-top: var(--medium-padding);}
.mt-medium_pb {padding-bottom: var(--medium-padding);}
.mt-small_padding {padding-top: var(--small-padding); padding-bottom: var(--small-padding);}
.mt-small_pt {padding-top: var(--small-padding);}
.mt-small_pb {padding-bottom: var(--small-padding);}

.mt-primary_bgr {background:var(--primary-color); color:var(--plain-color);}
.mt-dark_bgr {--btn-background: var(--primary-color); --btn-color: var(--plain-color); --btn-hover-color: var(--primary-color); --btn-border: var(--primary-color); background-color:var(--dark-color); color: var(--plain-color);}
.mt-black_bgr {--btn-background: var(--primary-color); --btn-color: var(--plain-color); --btn-hover-color: var(--primary-color); --btn-border: var(--primary-color); background-color:var(--black-color); color: var(--plain-color);}

.mt-plain_bgr {--btn-background: var(--primary-color); --btn-color: var(--dark-color); --btn-hover-color: var(--primary-color); --btn-border: var(--primary-color); --link-color: var(--dark-color); --link-hover-color: var(--primary-color); background-color: var(--plain-color); color: var(--dark-color);}
.mt-light_bgr {--btn-background: var(--primary-color); --btn-color: var(--dark-color); --btn-hover-color: var(--primary-color); --btn-border: var(--primary-color); --link-color: var(--dark-color); --link-hover-color: var(--primary-color); background-color: var(--light-color); color: var(--plain-color);}


h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); line-height:1.5; letter-spacing:1.5px; text-transform:uppercase;}
h1, .h1 {font-size: var(--heading-one-size);}
h2 {font-size: var(--heading-two-size);}
h2 span, h2 strong {color: var(--primary-color);}
h3, .h3 {font-size: var(--heading-three-size); margin: 0 0 3rem;}
h4, .mt-h4 {font-size: var(--heading-four-size);}
h5, .mt-h5 {font-size: var(--heading-five-size);}
h6, .mt-h6 {font-size: var(--body-font-size); text-transform:uppercase;}
hr {margin:3rem 0;}
a {color:var(--primary-color);}

label {font-family:var(--heading-font-family); font-weight:var(--heading-font-weight); color:var(--heading-color); margin:2rem 0  1rem;}
input:not([type="range"]):not([type="color"]):not([type="button"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]), textarea, .mt-field {background:var(--field-background); width:100%; height:var(--field-height); border:solid 1px var(--field-border); border-radius:calc(var(--field-height) * 0.5); padding:1rem 2rem;}
input:not([type="range"]):not([type="color"]):not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]):focus, textarea:focus, .mt-field:focus {border-color:var(--primary-color); outline:none;}
textarea ,textarea.mt-field {height:calc(var(--field-height) * 4); border-radius:calc(var(--field-height) * 0.25);}
.mt-field_row {margin-bottom:2rem;}
.mt-field_row .mt-btn {margin-top:0;}

.mt-btn {padding:0.5rem 2.5rem; background: var(--btn-background); border:solid 2px var(--btn-border); border-radius:calc(var(--btn-height) * 0.5); color: var(--btn-color); font-family: var(--btn-font-family); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); min-width:15rem; text-decoration: none; text-transform: uppercase; display: inline-table; margin: 4rem 0 0;  transition: var(--transition); cursor:pointer;}
.mt-btn:hover {background: transparent; color: var(--btn-hover-color);}
.mt-btn + .mt-btn {margin-left: 3rem;}




.mt-btn_trans {background: none; border: solid 2px var(--plain-color);}
.mt-btn_trans:hover {background: var(--plain-color); color: var(--btn-background);}
.mt-btn_wrap {margin-top:4rem;}
.mt-btn_wrap .mt-btn {margin-top:0;}
.mt-thumb img {width: 100%; height: auto; max-width: 100%;}
.mt-banner .mt-banner_image {aspect-ratio : 2.35 / 1; object-fit:cover; width:100%; max-width:100%; height:auto; min-height:100vmin; }
.mt-thumb.mt-thumb_square img {aspect-ratio: 1 / 1; object-fit: cover; border-radius: 1rem;}
.mt-thumb.mt-thumb_landscape img {aspect-ratio: 16 / 9; object-fit: cover; border-radius: 1rem;}
.mt-thumb.mt-thumb_portrait img {aspect-ratio: 3 / 4; object-fit: cover; border-radius: 1rem;}

.mt-banner {position:relative;}
.mt-banner:after {content:''; position: absolute; left: 0; right: 0; top: 0; bottom: -1px; background:linear-gradient(180deg, rgba(var(--plain-rgb),0.05) 50%, rgba(var(--plain-rgb),1) 100%)}

.mt-page_header, .mt-section_header {margin: 0 0 5rem; text-align:center;}
.mt-page_header .mt-page_title {margin: 0; color:var(--primary-color);}
.mt-section_header p {font-size: calc(var(--body-font-size) * 1.1); margin: 1rem 0 0;}

.mt-header {height: var(--header-height); width: 100%; top:0; left:0; right: 0; padding: var(--header-padding); z-index: 99; transition: var(--transition);}
.mt-header {position:fixed;}
.mt-header_fixed .mt-header {--header-height: 9rem; height: var(--header-height); padding-top:var(--fixed-header-padding); padding-bottom:var(--fixed-header-padding);}
.mt-logo img {width: var(--logo-width); height:auto; max-width:100%; transition: var(--transition);}
.mt-header_fixed .mt-logo img {width: var(--fixed-logo-width);}
.mt-lang {list-style:none; margin:0 0.5em; position:relative; top:-5px;}
.lang-item-ar {font-family:'Tajawal', sans-serif; }

.lang-item a {color:var(--primary-color);/* padding:5px 10px; background:var(--primary-color); border-radius:5px; */text-decoration:none; font-weight:700; text-transform:uppercase; height:32px; display:flex; align-items:center; justify-content:center;}
.lang-item-ar a {font-size:0;}
.lang-item-ar a:after {content:'ع'; font-size:var(--body-font-size); display:block; text-align:center;}
.mt-home_logo {position:absolute; left:50%; transform:translateX(-50%); bottom:5rem; z-index:9; padding:3rem; border-radius:50%; background:rgba(var(--plain-rgb),0.9);}
.mt-course_cat_card {margin:0 auto 5rem; text-align:center;}
.mt-course_card {margin:0 auto 5rem;}
.mt-course_title {margin:3rem 0 0;}
.mt-course_title a {color:var(--primary-color); text-decoration:none;}
.mt-section_title {color:var(--primary-color);}

.mt-card {--card-margin: calc(var(--card-padding) * 1.5); padding:var(--card-padding); margin:0 0 var(--card-margin); border-radius:1.5rem; box-shadow:0 0 5px rgba(0,0,0,0.2); position:relative; overflow:hidden;}
.mt-course_title_card {padding:0;}
.mt-course_card_title {margin:0; padding:0;}
.mt-course_card_title a {text-decoration:none; color:inherit; display:block; padding:var(--card-padding);}
.mt-course_card {height:calc(100% - var(--card-margin)); cursor:pointer;}
.mt-product_row a {text-decoration:none;}
.mt-card_content {pointer-events:none;}

.mt-card_content.mt-has_tag {margin-bottom:6rem;}
.mt-card_content h5 {color:var(--primary-color); margin-bottom:1rem;}
.mt-card_content h5 span {margin-left:1rem;}
.mt-card_content h6::not(:first-of-type) {margin-top:2rem;}
.mt-card_content ul.mt-tags {display:flex; flex-wrap:wrap;}
.mt-card_content ul:not(.mt-tags) {padding:0; list-style:square;}
.mt-card_content ul:not(.mt-tags) li, .mt-card_content h6 {display:flex; justify-content:space-between;}
.mt-card_content ul:not(.mt-tags) li em, .mt-card_content h6 em {font-style:normal;}
[data-id="262"] .mt-card_title, [data-id="267"] .mt-card_title, [data-id="271"] .mt-card_title, [data-id="192"] .mt-card_title {display:none !important;}
.mt-course_card .mt-thumb {position:absolute; top:0; right:0; bottom:0; margin:0; padding:1rem; pointer-events:none;}
.mt-course_card .mt-thumb a {display:block;}
.mt-course_card .mt-thumb img {height:auto; object-fit:contain; border-radius:1rem;}
.mt-breadrumb {display:flex; list-style:none; border-bottom:solid 2px var(--black-color); padding:0 0 2rem; margin-bottom:2rem;}
.mt-breadrumb li {margin-right:2rem;}
.mt-breadrumb li:after {content:'\2022'; margin-left:2rem;}
.mt-breadrumb li:last-child:after {display:none;}


.mt-popup {position:fixed; overflow:auto; width:90%; max-height:80%; max-width:80rem; left:50%; transform:translate(-50%, 100%); bottom:0; padding:calc(var(--card-padding) * 1.5); border-radius:2rem 2rem 0 0; transition:var(--transition); z-index:9999;}
.mt-popup.mt-visible {transform:translatex(-50%);}
.mt-course_details h2 {margin:0 0 3rem;}
.mt-course_details h2 span {padding-left:2rem;}
.mt-course_details .mt-thumb {margin:calc((var(--card-padding) * -1.5) - 6rem) calc(var(--card-padding) * -1.5) calc(var(--card-padding) * 1.5);}
.mt-course_details .mt-thumb img {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.mt-tags{display:flex; list-style:none; padding:0; margin:0; position:absolute; bottom:2rem; font-family:var(--heading-font-family);}
.mt-tags li {margin-right:1rem; width:3.5rem; height:3.5rem; border-radius:5px; background:rgba(255,255,255,0.4); display:flex; align-items:center; justify-content:center; position:relative;}
.mt-tags li .mt-tooltip {position:absolute; left:0; top:-100%; background:var(--primary-color); font-size:14px; padding:5px; border-radius:5px; white-space:nowrap; margin-top:-20px; transition:var(--transition); opacity:0; visibility:hidden;}
.mt-tags li .mt-tooltip:before {content:''; position:absolute; width:10px; height:10px; bottom:-5px; background:var(--primary-color); transform:rotate(45deg);}
.mt-tags li:hover .mt-tooltip {opacity:1; visibility:visible;}
.mt-radio {display:flex; list-style:none; padding:0; margin:3rem 0;}
.mt-radio li {margin-right:2rem;}



.mt-popup .mt-tags {position:static; margin:4rem 0 2rem;}
.mt-close {position:sticky; top:0; height:6rem; display:flex; justify-content:flex-end; cursor:pointer; z-index:9;}
.mt-close svg {width:3rem; height:3rem; position:relative; pointer-events:none;}
.mt-close svg rect {fill:var(--primary-color);}
.mt-close svg path {fill:var(--plain-color);}

.mt-overlay {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(var(--black-rgb) ,0.7); transition:var(--transition); opacity:0; visibility:visible; pointer-events:none; z-index:-9999; }
.mt-overlay.mt-show {opacity:1; z-index:9998; pointer-events:auto;}

@media (max-width:767px) {
	.mt-course_thumb {width:80%; margin:auto;}
	.mt-course_card .mt-thumb {position:static; width:100%; padding:0; margin-bottom:2rem;}
}


.mt-cart_item {padding:2rem; border-bottom:dashed 1px var(--black-color); position:relative;}
.mt-quantity {border:solid 2px var(--plain-color); height:var(--field-height); border-radius:calc(var(--field-height) / 2); display:flex; align-items:center; overflow:hidden; width:10rem; max-width:100%;}
.mt-quantity span {width:40%; height:var(--field-height); display:inline-flex; text-align:center; border-left:solid 1px var(--plain-color); border-right:solid 1px var(--plain-color); justify-content:center; align-items:center;}
.mt-quantity .mt-icon {width:30%;  background:var(--plain-color); color:var(--dark-color); font-size:3rem; border:none;}
.mt-price {font-weight:var(--heading-font-weight);}
.mt-total_wrap, .mt-heading_wrap {padding:2rem; border-radius:2rem; margin-top:2rem;}
.mt-heading_wrap {margin:0 0 2rem;}
.mt-total_wrap.mt-hide, .mt-heading_wrap.mt-hide {display:none;}
.mt-total_price {font-weight:var(--heading-font-weight);}
.mt-remove {width:3rem; height:3rem; font-size:0; background:url(../img/delete.svg); background-size:cover; margin-right:2rem;}

/*main navigations */
.mt-navigation {position:fixed; left:0; right:0; bottom:0; height:var(--nav-height); background:var(--primary-color); z-index:999; transition:var(--transition); box-shadow:0 -5px 5px rgba(var(--black-rgb), 0.3);}
.mt-cart {width:var(--cart-icon-size); height:var(--cart-icon-size); padding:10px; border-radius:50%; position:absolute; top:-20px; left:50%; transform:translateX(-50%); background:var(--primary-color); box-shadow:0 -5px 5px rgba(var(--black-rgb), 0.3); margin:auto; cursor:pointer; } 
.mt-cart span {width:calc(var(--cart-icon-size) - 3rem); height:calc(var(--cart-icon-size) - 3rem); border-radius:50%; background:var(--primary-color); display:flex; justify-content:center; align-items:center; color:var(--plain-color); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-family:var(--heading-font-family); font-size:var(--heading-three-size); font-weight:var(--heading-font-weight); opacity:0; visibility:hidden;}
.mt-cart span.mt-show {opacity:1; visibility:visible;}
.mt-cart svg path, .mt-call svg path {fill:var(--plain-color); }
.mt-call svg {width:35px; height:35px;}

.mt-extended_nav {padding:3rem; position:fixed; top:0; left:0; height:100vh; width:var(--ext-nav-width); overflow:auto; transform:translateX(calc(var(--ext-nav-width) * -1)); transition:var(--transition); z-index:999;}
.mt-extended_nav ul {list-style:none; padding:0; font-family:var(--heading-font-family); font-weight:var(--heading-font-weight); font-size:var(--heading-five-size); text-transform:uppercase; letter-spacing:1px;}
.mt-extended_nav ul li a {padding:0.8rem 0; color:var(--plain-color); text-decoration:none; display:block;}
.mt-extended_nav ul li a:hover, .mt-extended_nav ul li a.mt-current {color:var(--primary-color);}
.mt-extended_nav ul ul {margin-left:2rem;}

body.mt-nav_open, body.mt-nav_open .mt-navigation, body.mt-nav_open .mt-header {margin-left:var(--ext-nav-width); margin-right:calc(var(--ext-nav-width) * -1);}
body.mt-nav_open .mt-extended_nav {transform:none;}

.mt-banner {position: relative; padding:0;}
.hamburger {display: block; padding:0;}
.hamburger-inner::before {top:-12px;}
.hamburger-inner::after {bottom:-12px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: var(--hamburger-color);}

.mt-nav_close {margin-bottom:1rem;}
.mt-nav_close svg {width:3rem; margin-right:2rem;}
.mt-nav_close svg path {fill: var(--plain-color);}




.mt-min_height {min-height:25rem;}
.term-41 .mt-min_height {min-height:12rem;}

@media (min-width:992px) {
	.container-fluid {padding-left:5rem; padding-right:5rem;}
	.mt-min_height {min-height:25rem; /*previously 10rem */}
    
}

@media (max-width:767px) {
	body {line-height:1.5}
	.mt-cart_item h4 {margin-bottom:2rem;}
	.mt-card_content.mt-has_tag {margin-bottom:5rem;}
	.mt-tags {bottom:1rem;}
	.mt-tags li {width:2rem; height:2rem; font-size:14px;}
}

@media (max-width:299px) {
	.mt-course_card .mt-thumb {position:static; margin:calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) calc(var(--card-padding) * 2); max-height:15rem; width: calc(100% + calc(var(--card-padding)) * 2); overflow:hidden;}
}