:root {
    --plain-color : #FFFFFF;
    --black-color: #000000;
	--plain-rgb: 255,255,255;
	--black-rgb :0,0,0;
	--dark-color: #333;
	--primary-color : #C8102E;
    --primary-rgb: 241, 102, 29;
    
	--secondary-color: #18736C;
	
	--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: 'Almarai', sans-serif;
	--body-font-size: 1.8rem;
	--body-font-weight: 400;
	--heading-font-family: 'Almarai', 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(--plain-color);
	--btn-border: #C8102E;
	--btn-background: #C8102E;
    --btn-background-hover: var(--dark-color);
	--btn-border-hover: var(--dark-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;
		--body-font-size: 1.6rem;
		--heading-five-size: calc(var(--body-font-size) *1.2);
	}
}

::-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; padding-bottom:80px;}
.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-secondary_bgr {background:var(--secondary-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;}
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 1rem;}
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);}
a:hover {color:var(--dark-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 2rem; 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: var(--btn-background-hover); color: var(--btn-hover-color); border-color:var(--btn-border-hover);}
.mt-btn_trans .mt-btn {margin-top:0;}
.mt-btn + .mt-btn {margin-top: 3rem;}

.mt-order_btn {position:fixed; bottom:20px; left:20px; right:20px; z-index:9; display:flex; justify-content:space-between; padding:5px 10px;}
.mt-order_btn span {width:calc(50% - 40px);}
.mt-order_btn .mt-btn_icon {width:70px; height:70px; border:solid 2px #fff; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; position:absolute; left:50%; top:50%; padding:15px; border-radius:50%; background:#DF041B; transform:translate(-50%, -50%);}
.mt-btn_icon svg {width:100%; height:auto;}
.mt-btn_icon svg path {fill:var(--plain-color);}

.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:2rem; display:flex; flex-wrap:wrap; justify-content:center;}


.mt-pop_btn {width:100%; margin:10px; background:var(--secondary-color); padding:20px; border-radius:10px; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#fff; text-decoration:none; border:solid 2px #fff;}
.mt-pop_btn .mt-icon {width:80px; padding:20px; background:#DF041B; border-radius:50%; border:solid 2px #fff; margin-bottom:20px;}
.mt-pop_btn .mt-icon svg {width:100%; height:100%;}
.mt-pop_btn .mt-icon svg {fill:#fff;}
.mt-pop_btn:hover {background:#fff; color:var(--secondary-color);}

.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;}
.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-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:absolute;}
.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;}


.mt-grid {display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 30px;}
.mt-branch_card {background:#eee; border-radius:1rem; padding:2rem;}
#map .mt-btn {margin:20px 0;}

.mt-course_cat_card {margin:0 auto 4rem; text-align:center;}
.mt-course_cat_card .mt-thumb {background:#eee; border:solid 1px #ddd; border-radius:1rem;}
.mt-course_card {margin:0 auto 5rem;}
.mt-course_title {margin:3rem 0 0;}
.mt-course_title + .mt-course_title {margin-top:10px;}
.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-popup {position:fixed; overflow:auto; width:90%; max-height:80%; max-width:80rem; left:50%; transform:translate(-50%, 100%); bottom:0; padding:4rem; 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-popup .mt-tags {position:static; margin:4rem 0 2rem;}
.mt-close {position:absolute; top:20px; right:20px; 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:9998; }
.mt-overlay.mt-show {opacity:1; z-index:9998; pointer-events:auto;}

@media (min-width:768px) {
	.mt-order_btn {right:auto;}
	.mt-order_btn .mt-en {width:100%;}
	.mt-order_btn .mt-ar {display:none;}
	.mt-order_btn .mt-btn_icon {left:unset; right:-10px; transform:translateY(-50%);}
	
	[lang=ar] {direction:rtl;}
	[lang=ar] .mt-order_btn {left:auto; right:20px;}
	[lang=ar] .mt-order_btn .mt-ar {width:100%; display:block;}
	[lang=ar] .mt-order_btn .mt-en {display:none;}
	[lang=ar] .mt-order_btn .mt-btn_icon {left:-10px; transform:translateY(-50%);}
	
	.mt-popup {bottom:unset; top:50%; border-radius:20px; transform:translate(-50%, 130%); opacity:0;}
	.mt-popup.mt-visible {transform:translate(-50%, -50%); opacity:1;}
	.mt-pop_btn {display:inline-flex; width:45%;}
	
	.mt-grid {grid-template-columns: repeat(3, 1fr);}
	
}

/*

@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;}
    
}

@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;}
}




*/