/* ----------------------------------------
    Stylesheet Guide
 ------------------------------------------

    1. Base
    2. Layout
    3. Components
    4. Pages

---------------------------------------------------------- */

/* ----------------------------------------
    1. Base
 ---------------------------------------- */

/* ----------------------------------------
        Reset
     ---------------------------------------- */
@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/Tajawal-Regular.ttf) format("truetype");
}


* {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video,
main {
    display: block;
}

mark,
rp,
rt,
ruby,
summary,
time {
    display: inline;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
center,
canvas,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
tdvideo,
tt,
u,
ul,
var {
    background: transparent;
    border: 0 none;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

a {
    text-decoration: none;
    outline: none !important;
    vertical-align: baseline;
}

b,
strong {
    font-weight: bold;
}

ul,
ol {
    list-style: none;
}

q {
    quotes: none;
}

table,
table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}

img {
    vertical-align: top;
    max-width: 100%;
}

embed {
    vertical-align: top;
}

input,
textarea {
    font-family: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

input,
button {
    -webkit-appearance: none;
    outline: none;
    background: transparent;
}

button::-moz-focus-inner {
    border: 0;
}

th {
    text-align: left;
}

textarea {
    outline: none !important;
}

button {
    cursor: pointer;
    color: inherit;
}

html,
body {
    min-height: 100%;
}

fieldset,
legend,
label,
select,
input,
textarea,
form,
button,
optgroup {
    -webkit-appearance: none !important;
}

.container,
.container-fluid {
    padding-right: 16px;
    padding-left: 16px;
}

.row {
    margin-right: -16px;
    margin-left: -16px;
}

.row > [class*="col-"] {
    padding-left: 16px;
    padding-right: 16px;
}

/* ----------------------------------------
        Global
    ---------------------------------------- */

body {
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: initial !important;
}

.mad-page-wrapper {
    overflow: hidden;
    position: relative;
}

html {
    overflow-y: initial !important;
}

::-webkit-selection {
    color: #fff;
    background-color: #2e2d2e;
}

::-moz-selection {
    color: #fff;
    background-color: #2e2d2e;
}

::selection {
    color: #fff;
    background-color: #2e2d2e;
}

mark {
    color: #fff;
    background-color: #2e2d2e;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.page-wrapper {
    overflow: hidden;
}

[data-bg-image-src] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.animated {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.w-100 {
    width: 100%;
}

.material-icons,
.material-icons-outlined {
    font-size: inherit;
    line-height: inherit;
}

/* ----------------------------------------
        Typography
    ---------------------------------------- */

:root {
    font-size: 16px;
}

body {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: normal;
    color: #575457;
}

address:not(:last-child) {
    margin-bottom: 1.625rem;
}

q,
kbd,
strong,
em,
tt,
var,
span,
del,
big,
small {
    vertical-align: baseline;
}

/* ----------------------------------------
            Headings
        ---------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #232223;
    font-family: 'Tajawal', sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
}

h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child) {
    margin-bottom: 2rem;
}

h1 {
    font-size: 4.5rem;
    line-height: 5rem;
    letter-spacing: 0px;
}

h2 {
    font-size: 3.75rem;
    line-height: 4.5rem;
    letter-spacing: 0px;
}

h3 {
    font-size: 3rem;
    line-height: 3.5rem;
}

h4 {
    font-size: 2.25rem;
    line-height: 3rem;
}

h5 {
    font-size: 1.875rem;
    line-height: 2.5rem;
}

h6 {
    font-size: 1.5rem;
    line-height: 2rem;
}

h5:not(:last-child),
h6:not(:last-child) {
    margin-bottom: 1rem;
}

h2.mad-page-title {
    letter-spacing: 0px;
}

h4.mad-page-title {
    letter-spacing: 0px;
}

h2.mad-page-title:not(:last-child),
.mad-title-wrap:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-page-title.no-bts:not(:last-child) {
    margin-bottom: 0;
}

.mad-title-wrap h2.mad-page-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-sub-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #fecf73;
    font-weight: 600;
}

.mad-sub-title:hover {
    text-decoration: underline;
}

.mad-sub-title.style-2 {
    color: #eb0029;
}

.mad-semi-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.mad-semi-title:not(:last-child) {
    margin-bottom: 0.5rem;
}

/* ----------------------------------------
            Paragraphs
        ---------------------------------------- */

p {
    line-height: inherit;
}

p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-text-small {
    font-size: 1rem;
    line-height: 1.5rem;
}

p.mad-text-small:not(:last-child) {
    margin-bottom: 1.3125rem;
}

.mad-text-small {
    font-size: 0.9286rem;
    font-weight: 500;
}

.mad-text-medium {
    font-size: 1.125rem;
    font-weight: 500;
}

.text-color-1 {
    color: #e6e6e6;
}

.text-color-1 .mad-page-title {
    color: #fff;
}

.text-color-2 .mad-page-title {
    color: #eb0029;
}

.text-color-3 .mad-page-title {
    color: #fecf73;
}

.mad-colorizer--scheme-color-3 .text-color-1 {
    color: #ffd9dc;
}

.mad-text-color-2 {
    color: #232223;
}

.mad-text-color-3 {
    color: #959595;
}

.fw-medium {
    font-weight: 500;
}

.fw-black {
    font-weight: 900;
}

/* ----------------------------------------
            Links
        ---------------------------------------- */

a {
    color: #232223;
}

.mad-link,
a,
button {
    transition: all 0.5s ease;
}

.mad-link {
    color: #fecf73;
    border-bottom: 1px solid transparent;
}

.mad-link:hover {
    border-color: inherit;
}

.mad-link.color-2 {
    color: #eb0029;
}

.mad-dir {
    font-size: 1rem;
}

/* ----------------------------------------
            Icons
        ---------------------------------------- */

[class*="mad-font-icon"] {
    line-height: 1;
}

/* ----------------------------------------
            Colors
        ---------------------------------------- */

.mad-color {
}

/* ----------------------------------------
        Utils classes
    ---------------------------------------- */

.mad-d-none {
    display: none;
}

.mad-fw-bold {
    font-weight: bold;
}

.mad-fw-semi {
    font-weight: 600;
}

.mad-tt-uppercase {
    text-transform: uppercase;
}

.mad-d-down-xxxl-none {
    display: none;
}

.mad-fw-down-xxxl-bold {
    font-weight: bold;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

img[class*="align"] {
    border-radius: 1.5rem;
    overflow: hidden;
}

img.alignleft {
    margin-right: 2rem;
}

img.alignright {
    margin-left: 2rem;
}

.mad-img {
    border-radius: 1.5rem;
    overflow: hidden;
}

.mad-img img {
    width: 100%;
}

/* ----------------------------------------
    2. Layout
---------------------------------------- */

/* ----------------------------------------
        Preloader
    ---------------------------------------- */

.mad-preloader-circle,
.mad-preloader {
    position: fixed;
    width: 260vw;
    height: 260vw;
    margin-left: -130vw;
    margin-top: -130vw;
    background-color: #fff;
    z-index: 50;
    border-radius: 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-preloader-circle {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.mad-preloader {
    left: 50%;
    top: 50%;
}

.mad-preloader-circle,
.mad-preloader.mad-preloader--disappearing {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.mad-preloader-circle--appearing {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* ----------------------------------------
        Critical full screen message
    ---------------------------------------- */

.mad-body--has-critical-fullscreen-message {
    overflow: hidden !important;
}

.mad-fullscreen-message {
    position: fixed;
    z-index: 49;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-family: 'Tajawal', sans-serif;
    font-size: 1.875rem;
    line-height: 2.34375rem;
    color: #313131;
    background-color: #fff;
    padding: 2rem;
    overflow: auto;
}

.mad-fullscreen-message .mad-aligner-inner {
    vertical-align: middle;
}

.mad-fullscreen-message-before {
    font-size: 3.25rem;
    line-height: 4rem;
}

.mad-fullscreen-message-before:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-fullscreen-message-before:empty,
.mad-fullscreen-message-after:empty {
    display: none;
}

/* ----------------------------------------
        Header
    ---------------------------------------- */

.mad-header {
    position: relative;
    z-index: 25;
    background: #eb0029;
    color: #fdf7e6;
}

.mad-header.mad-header--transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
}

[class*="mad-header-section--sticky"] {
    padding: 0.125rem 3.875rem;
}

[class*="mad-header-section--sticky"].mad-header-section--sticked {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: #eb0029;
}

.mad-pre-header {
    border-bottom: 1px solid #f26375;
}

.mad-pre-header .mad-pre-header-wrap,
.mad-header:not(.header-3) .mad-pre-header {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 3.875rem;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0px;
}

.mad-pre-header .mad-pre-header-wrap {
    padding-left: 0;
    padding-right: 0;
}

/* ----------------------------------------
            Header Section
        ---------------------------------------- */

.mad-header-section {
    display: block;
}

.mad-header-section:not(:last-child) {
    margin-bottom: 3.5rem;
}

/* ----------------------------------------
            Header Items
        ---------------------------------------- */

.mad-header-items {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mad-header-item .mad-logo {
    padding-right: 3rem;
}

.mad-navigation-container {
    display: flex;
}

.mad-actions {
    display: flex;
    align-items: center;
    margin: -1rem -0.5rem 0;
}

.mad-actions > .mad-item {
    padding: 1rem 0.5rem 0;
    display: flex;
}

.mad-actions .mad-item-link:not(.mad-dropdown-title):not(:last-child) {
    margin-right: 0.625rem;
}

.mad-actions .mad-item-link {
    position: relative;
    color: #fff;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #b8001f;
    text-align: center;
    display: block;
}

.mad-actions .mad-item-link:hover {
    -webkit-box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.4);
    -moz-box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.4);
    box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.4);
}

.mad-actions .mad-item-link i {
    font-size: 1.375rem;
    line-height: 3rem;
}

.mad-actions .mad-item-link.mad-dropdown-title i {
    font-size: 1.125rem;
}

.mad-item-link.mad-dropdown-title span {
    font-family: 'Tajawal', sans-serif;
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #232223;
    font-size: 0.875rem;
    background: #fecf73;
    border-radius: 50%;
}

.mad-pre-header .mad-quick-links a {
    color: #fff;
}

.mad-quick-links a:hover {
    text-decoration: underline;
}

.mad-pre-header .mad-quick-links > span {
    padding: 0 0.25rem;
}

/* Header 2 */

.mad-header.style-2 {
    background: #fff;
    color: #575457;
}

.mad-header.style-2
    [class*="mad-header-section--sticky"].mad-header-section--sticked {
    background: #fff;
    -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.1);
}

.mad-header.style-2 .mad-navigation > li:hover > a,
.mad-header.style-2 .mad-navigation > li.current-menu-item > a {
    color: #eb0029;
}

.mad-header.style-2 .mad-navigation > li > a {
    color: #232223;
}

.mad-header.style-2 .mad-our-info.type-2 .mad-info-title,
.mad-header.style-2 .mad-our-info.type-2 .mad-info i {
    color: #eb0029;
}

.mad-header.style-2 .mad-actions .mad-item-link {
    background: #e6e6e6;
    color: #232223;
}

.mad-header.style-2 .mad-actions .mad-item-link:hover {
    -webkit-box-shadow: 2px 6px 0px 0px rgba(230, 230, 230, 0.4);
    -moz-box-shadow: 2px 6px 0px 0px rgba(230, 230, 230, 0.4);
    box-shadow: 2px 6px 0px 0px rgba(230, 230, 230, 0.4);
}

.mad-header.style-2 .mad-item-link.mad-dropdown-title span {
    background: #eb0029;
    color: #fff;
}

.mad-header.style-2 .mad-pre-header {
    border-bottom-color: #e6e6e6;
}

.mad-header.style-2 .mad-pre-header .mad-quick-links a {
    color: #232223;
}

.mad-message {
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0px;
    padding: 0.75rem 1rem;
    padding-right: 2rem;
    font-family: 'Tajawal', sans-serif;
    font-weight: 600;
    color: #eb0029;
    text-align: center;
    background: #fef2f4;
    border-radius: 0 0 1.5rem 1.5rem;
    margin: 0 3.875rem;
}

.mad-message .close-message {
    position: absolute;
    right: 1rem;
    top: 0;
    color: #232223;
}

.mad-message .close-message i {
    font-size: 1rem;
    line-height: 2.5rem;
}

/* Header 3 */

.mad-header.header-3 .mad-header-items {
    padding: 2rem 0;
    padding-bottom: 0;
}

.mad-header.header-3 .mad-header-items .mad-header-item {
    width: 33.3333%;
}

.mad-header.header-3 [class*="mad-header-section--sticky"] {
    padding: 2.25rem 0;
}

.mad-header.header-3
    [class*="mad-header-section--sticky"]
    .mad-navigation-container {
    justify-content: center;
}

.mad-header.header-3 .mad-header-item .mad-logo {
    padding: 0;
}

.mad-header.header-3 .mad-actions,
.mad-header.header-3 .mad-social-icons ul {
    justify-content: flex-end;
}

.mad-header.header-3 .mad-message {
    margin: 0;
    border-radius: 0;
}

/* ----------------------------------------
            Navigation
        ---------------------------------------- */

.mad-navigation {
    z-index: 4;
    text-align: initial;
    margin: 0 -1.25rem;
    display: flex;
}

.mad-navigation > li {
    font-size: 1rem;
    padding: 0 1.25rem;
    position: relative;
    vertical-align: top;
    font-family: 'Tajawal', sans-serif;
}

.mad-navigation > li > a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;

    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
    position: relative;
}

.mad-navigation > li:hover > a,
.mad-navigation > li.current-menu-item > a {
    color: #fecf73;
}

.mad-navigation .menu-item-has-children > li > a::after {
    content: "keyboard_arrow_down";
    font-family: 'Tajawal', sans-serif;
    text-transform: none;
    display: inline-block;
    font-weight: normal;
    vertical-align: -4px;
    font-size: 22px;
    font-weight: bold;
    margin-left: 0.625rem;
    line-height: 0.5rem;
    max-width: 20px;
}

.mad-navigation .menu-item-has-children:hover,
.mad-navigation .menu-item-has-children.mad-seleceted,
.mad-navigation .menu-item-has-children.mad-tapped {
    z-index: 2;
}

.mad-mobile-nav-btn {
    background-color: #fecf73;
}

.mad-navigation .sub-menu {
    font-family: 'Tajawal', sans-serif;
    width: 21.75rem;
    font-size: 1rem;
    padding: 2rem;
    position: absolute;
    top: 100%;
    left: -1rem;
    margin-top: 1.3125rem;
    border-radius: 1.5rem;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    background-color: #232223;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

    -webkit-box-shadow: 0px 0px 30px 0px rgba(15, 27, 56, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(15, 27, 56, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(15, 27, 56, 0.1);
}

.mad-navigation .sub-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 2rem;
}

.mad-navigation .sub-menu a {
    color: #232831;
}

.mad-navigation .sub-menu > li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-navigation .sub-menu > li > a {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1rem;
    font-weight: 500;
    border-bottom: 1px solid transparent;
}

.mad-navigation .sub-menu.mad-reverse {
    left: auto;
    right: -1.625rem;
}

.mad-navigation .sub-menu .sub-menu {
    top: -3.5rem;
    left: calc(100% + 2.25rem);
}

.mad-navigation .sub-menu .sub-menu.mad-reverse {
    left: auto;
    right: calc(100% + 2.25rem);
}

.mad-navigation .sub-menu .menu-item-has-children {
    position: relative;
    padding-right: 1rem;
}

.mad-navigation .sub-menu .menu-item-has-children::after {
    font-family: 'Tajawal', sans-serif;
    content: "keyboard_arrow_right";
    position: absolute;
    right: 0;
    font-size: 1.25rem;
    line-height: inherit;
    width: 14px;
    top: 0;
}

.mad-no-touchevents .mad-navigation .sub-menu li:hover > a:not(.sub-title),
.mad-no-touchevents
    .mad-navigation
    .sub-menu
    .menu-item-has-children.mad-selected
    > a:not(.sub-title),
.mad-touchevents
    .mad-navigation
    .sub-menu
    .menu-item-has-children.mad-tapped
    > a:not(.sub-title),
.mad-navigation .sub-menu .current-menu-item > a:not(.sub-title),
.mad-navigation .sub-menu .current-menu-ancestor > a:not(.sub-title),
.mad-navigation .sub-menu .current-menu-parent > a:not(.sub-title) {
    border-bottom-color: inherit;
    color: #fecf73;
}

.mad-no-touchevents .menu-item-has-children:hover > .sub-menu,
.mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu,
.mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu {
    opacity: 1;
    visibility: visible;
}

.mad-navigation .sub-menu li.menu-item-has-children:hover:after,
.mad-navigation .sub-menu li.menu-item-has-children.current-menu-item::after {
    color: #fecf73;
}

.mad-csstransforms3d .mad-navigation .sub-menu {
    -webkit-transition-property: -webkit-transform, opacity, visibility;
    transition-property: transform, opacity, visibility;

    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}

.mad-csstransforms3d.mad-no-touchevents
    .menu-item-has-children:hover
    > .sub-menu,
.mad-csstransforms3d.mad-no-touchevents
    .menu-item-has-children.mad-selected
    > .sub-menu,
.mad-csstransforms3d.mad-touchevents
    .menu-item-has-children.mad-tapped
    > .sub-menu {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.mad-mobile-nav-btn {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    color: #232223;
    display: none;
}

            .mad-mobile-nav-btn::after {
                font-family: Linearicons;
                content: "\e92b";
            }

.mad-mobile-nav-btn.mad-opened {
    -webkit-transform: translate3d(-3px, -5px, 0);
    transform: translate3d(-3px, -5px, 0);
    -webkit-box-shadow: 2px 6px 0px 0px rgba(235, 225, 23, 0.4);
    -moz-box-shadow: 2px 6px 0px 0px rgba(235, 225, 23, 0.4);
    box-shadow: 2px 6px 0px 0px rgba(235, 225, 23, 0.4);
}

/* ----------------------------------------
        Breadcrumb
    ---------------------------------------- */

.mad-breadcrumb.with-bg-image {
    position: relative;
    z-index: 1;
}

.mad-breadcrumb.with-bg-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(35, 34, 35, 0.5);
    z-index: -1;
}

.mad-breadcrumb {
    padding: 1rem 0;
    background: #f8f8f8;
    text-align: center;
}

.mad-breadcrumb.with-bg-image {
    color: #e6e6e6;
    padding-top: 138px;
    padding-bottom: 142px;
    background-size: cover;
}

.mad-breadcrumb .mad-page-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-breadcrumb-path {
    font-size: 1.125rem;
    line-height: 2rem;
    vertical-align: baseline;
    margin: 0 -0.3rem;
}

.mad-breadcrumb-path > span {
    display: inline-block;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.mad-breadcrumb .mad-page-title {
    color: #fff;
}

.mad-breadcrumb a {
    color: #eb0029;
}

.mad-breadcrumb.with-bg-image a {
    color: #fecf73;
}

.mad-breadcrumb a:hover {
    text-decoration: underline;
}

/* ----------------------------------------
        Sections
    ---------------------------------------- */

.mad-content {
    padding-top: 1rem;
    padding-bottom: 9rem;
}

.mad-section {
    position: relative;
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.mad-content.no-pt,
.mad-section.no-pt {
    padding-top: 0;
}

.mad-content.no-pb,
.mad-section.no-pb {
    padding-bottom: 0;
}

.mad-content.no-pd,
.mad-section.no-pd {
    padding-top: 0;
    padding-bottom: 0;
}

.mad-section--stretched-content {
    padding-left: 3.875rem;
    padding-right: 3.875rem;
}

.mad-section--stretched-content .mad-colorizer-bg-color {
    margin: 0 3.875rem;
    border-radius: 2rem;
}

.mad-section--parallax {
    background-size: auto;
}

.mad-section.very-small-size {
    padding: 3.5rem 0;
}

.mad-section.small-size {
    padding: 4.5rem 0;
}

.mad-section--parallax {
    background-size: auto;
}

.content-element:not(:last-child) {
    margin-bottom: 0.5rem;
}

.content-element-2:not(:last-child) {
    margin-bottom: 1rem;
}

.content-element-3:not(:last-child) {
    margin-bottom: 1.5rem;
}

.content-element-4:not(:last-child) {
    margin-bottom: 2rem;
}

.content-element-5:not(:last-child) {
    margin-bottom: 2.5rem;
}

.content-element-6:not(:last-child) {
    margin-bottom: 3rem;
}

.content-element-7:not(:last-child) {
    margin-bottom: 3.5rem;
}

.content-element-8:not(:last-child) {
    margin-bottom: 4rem;
}

.content-element-9:not(:last-child) {
    margin-bottom: 4.5rem;
}

.content-element-10:not(:last-child) {
    margin-bottom: 5rem;
}

.content-element-11:not(:last-child) {
    margin-bottom: 5.5rem;
}

.content-element-12:not(:last-child) {
    margin-bottom: 6rem;
}

.content-element-13:not(:last-child) {
    margin-bottom: 6.5rem;
}

.content-element-14:not(:last-child) {
    margin-bottom: 7rem;
}

.content-element-15:not(:last-child) {
    margin-bottom: 7.5rem;
}

.content-element-16:not(:last-child) {
    margin-bottom: 8rem;
}

.content-element-17:not(:last-child) {
    margin-bottom: 136px;
}

.content-element-18:not(:last-child) {
    margin-bottom: 9rem;
}

.content-element-19:not(:last-child) {
    margin-bottom: 9.5rem;
}

.content-element-20:not(:last-child) {
    margin-bottom: 10rem;
}

.content-element-21:not(:last-child) {
    margin-bottom: 10.5rem;
}

.content-element-22:not(:last-child) {
    margin-bottom: 11rem;
}

[class*="mad-section-icon"] {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -4.5rem;
    margin-bottom: -4.25rem;
}

.mad-section--stretched-content [class*="mad-section-icon"] {
    margin-left: -8rem;
}

.mad-section--stretched-content [class*="mad-section-icon"].right-side {
    bottom: 50%;
    left: 95%;
}

[class*="mad-section-icon"] .svg path {
    fill: #fbccd4;
    stroke: transparent;
}

[class*="mad-section-icon"].right-side {
    left: auto;
    right: 0;
}

.mad-section-icon-burger .svg {
    height: 19.1875rem;
    transform: rotate(10deg);
}

.mad-section-icon-pizza .svg {
    height: 37.375rem;
}

/* ----------------------------------------
        Sidebar
    ---------------------------------------- */

/* ----------------------------------------
            Widgets
        ---------------------------------------- */

.mad-widget:not(:last-child) {
    margin-bottom: 3.25rem;
}

.mad-widget-title {
    font-weight: 500;
}

.mad-widget.mad-categories {
    padding: 1.5rem 0;
    border-radius: 1.5rem;
    background: #f8f8f8;
}

.mad-widget.mad-categories .mad-widget-title {
    padding-left: 2rem;
}

.mad-widget.mad-categories ul li a {
    color: #eb0029;
    font-weight: bold;
    padding: 0 2rem;
    padding-left: 5rem;
    line-height: 3rem;
    position: relative;
    display: flex;
    align-items: center;
}

.mad-widget.mad-categories ul li a:hover {
    background: #fecf73;
}

.mad-widget.mad-categories ul li a .svg {
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    left: 2rem;
    height: 2rem;
}

.mad-widget.mad-categories ul li a .svg path {
    fill: transparent;
    stroke: #232223;
}

/* ----------------------------------------
                Sponsors widget
            ---------------------------------------- */

.mad-sponsors:not(.owl-carousel) {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.mad-csstransforms3d .mad-sponsors img {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.25, 3, 0.79, 0.38);
    transition-timing-function: cubic-bezier(0.25, 3, 0.79, 0.38);
    opacity: 1;
}

.mad-csstransforms3d .mad-sponsors a {
    display: block;
    overflow: hidden;
    border-radius: 1.5rem;
}

.mad-csstransforms3d .mad-sponsors a:hover > img {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}

/* ----------------------------------------
                Tags
            ---------------------------------------- */

.tagcloud {
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
}

.tagcloud > a {
    color: #232223;
    font-size: 0.9375rem;
    line-height: 2rem;
    white-space: nowrap;
    padding: 0 1rem;
    display: inline-block;
    border-radius: 0.5rem;
    margin: 4px;
    letter-spacing: 0px;
    font-style: italic;
    background: #fcd9df;
}

.tagcloud > a:hover {
    color: #fff;
    background: #eb0029;
}

.tags-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tags-wrap > span {
    padding-right: 1rem;
}

/* ----------------------------------------
                Search
            ---------------------------------------- */

/* ----------------------------------------
                Banners
            ---------------------------------------- */

.mad-banners .mad-banner:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-banner {
    border-radius: 1.5rem;
    padding: 4rem 2.5rem 4.5rem;
    background-size: cover;
    color: #e6e6e6;
    font-size: 1rem;
    line-height: 1.5rem;
    flex: 1;
    position: relative;
    z-index: 1;
}

.mad-banners:not(.type-2) .mad-banner:not(.with-icon) .mad-page-title {
    font-size: 2.5rem;
    line-height: 3rem;
}

.mad-banner:not(.with-icon) .mad-page-title {
    color: #fff;
}

.mad-banner:not(.with-icon) .mad-page-title.color-2 {
    color: #232223;
}

.mad-banner .mad-page-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-banner .mad-read-more {
    font-size: 1.125rem;
}

.mad-banner:not(.with-icon) .mad-banner-content .btn {
    margin-top: 1rem;
}

.mad-banner:not(.with-icon) .mad-banner-content .btn-set {
    padding-top: 1.5rem;
}

.mad-banner.with-icon {
    display: flex;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background: #ffdd9c;
}

.mad-banner.with-icon .mad-banner-icon {
    min-width: 6.5rem;
}

.mad-banner.with-icon .mad-page-title {
    line-height: 2.5rem;
}

.mad-banner.with-icon .mad-page-title span {
    color: #eb0029;
}

.mad-banner.with-icon .mad-banner-icon .svg {
    height: 5rem;
}

.mad-banner.with-icon .mad-banner-icon .svg path {
    fill: #eb0029;
}

.mad-banner.with-icon .mad-banner-icon .svg .cls-1 {
    stroke-width: 10px;
}

.mad-banner.with-icon .mad-banner-icon .svg .cls-1 {
    fill: transparent;
    stroke: #232223;
}

.mad-banners .row:not(.col-no-space) {
    margin-bottom: -2rem;
    flex: 1;
}

.mad-banners .row:not(.col-no-space) > [class*="col"] {
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
}

.mad-banner.bg-color-2 {
    background: #eb0029;
}

.mad-banner.bg-color-2 .mad-page-title span {
    color: #fff;
}

.mad-banner.bg-color-2 .mad-read-more {
    color: #fecf73;
}

.mad-banner.bg-color-2 .mad-read-more:after {
    background-color: #fecf73;
}

.mad-banners.type-2 .mad-banner.bg-color-2 .mad-banner-icon .svg .cls-1 {
    stroke: #9b0e27;
}

.mad-banners.type-2 .mad-banner {
    padding: 2.5rem;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.mad-banners.type-2 .col-size-x2 .mad-banner {
    min-height: 31rem;
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-banners.type-2 .mad-banner .mad-banner-icon {
    position: absolute;
    right: -1.75rem;
    bottom: 1rem;
    z-index: -1;
}

.mad-banners.type-2 .mad-banner .mad-banner-icon .svg {
    height: 8rem;
}

.mad-banners.type-2 .mad-banner .mad-banner-icon .cls-1 {
    stroke: #9b951c;
}

.mad-banners.type-2:not(.with-icon) h2.mad-page-title {
    color: #fff;
    font-size: 3.75rem;
    line-height: 4.5rem;
}

.mad-banners.type-2:not(.with-icon) h2.mad-page-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-banners .mad-box {
    padding: 2.5rem;
}

.mad-banners .mad-box .mad-page-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-widget .mad-banners .mad-banner {
    min-height: 31rem;
    max-width: 19.875rem;
}

/* ----------------------------------------
                Entities
            ---------------------------------------- */

.mad-widget .mad-entities .mad-entity {
    overflow: hidden;
}

/* ----------------------------------------
                Calendar
            ---------------------------------------- */

.calendar_wrap:not(:last-child) {
    margin-bottom: 1.5rem;
}

.calendar_wrap {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
}

.calendar_wrap table tr th:last-child {
    width: auto;
}

.calendar_wrap table {
    font-size: 0.875rem;
    line-height: 1.5rem;
    border-width: 0;
    background: #fff;
    font-size: 1rem;
    border-radius: 0;
    background: #f8f8f8;
}

.calendar_wrap table tbody {
    position: relative;
}

.calendar_wrap table caption {
    color: #fff;
    font-family: 'Tajawal', sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-align: center;
    border-style: inherit;
    border-color: inherit;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background: #2e2d2e;
    position: relative;
    z-index: 2;
}

.calendar_wrap.calendar-medium table caption {
    font-size: 1.5rem;
    line-height: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.calendar_wrap table tr:hover {
    background-color: transparent;
}

.calendar_wrap table thead {
    background-color: #fecf73;
}

.calendar_wrap table thead th {
    font-size: 0.875rem;
    line-height: 2rem;
    font-family: 'Tajawal', sans-serif;
    font-weight: normal;
    color: #232223;
    text-transform: uppercase;
}

.calendar_wrap.calendar-medium table thead th {
    font-size: 1.25rem;
    line-height: 3rem;
}

.calendar_wrap table td > a,
.calendar_wrap table td > div > a {
    position: relative;
    z-index: 1;
    color: #fff;
}

.calendar_wrap table td > a:before,
.calendar_wrap table td > div > a:before {
    content: "";
    position: absolute;
    background: #eb0029;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    top: 50%;
    left: 50%;
    margin-top: -1rem;
    margin-left: -1rem;
    line-height: 2rem;
    z-index: -1;
}

.calendar_wrap table td {
    font-size: 0.875rem;
}

.calendar_wrap.calendar-medium table td {
    font-size: 1.25rem;
}

.calendar_wrap table td.marker {
    position: relative;
    z-index: 1;
}

.calendar_wrap table td.marker:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fbf8f7;
    z-index: -1;
}

.calendar_wrap table td .marker {
    background: #f1f1f1;
    height: 100%;
    line-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.calendar_wrap table td.first {
    color: #959595;
}

.calendar_wrap table th,
.calendar_wrap table td {
    padding: 0;
    text-align: center;
    line-height: 3rem;
    vertical-align: middle;
    border-bottom: none;
}

.calendar_wrap table tr td:not(:last-child) {
    border-right: 1px solid #dcdcdc;
}

.calendar_wrap table tfoot td {
    padding: 1.4rem 0 0;
    border-width: 0;
}

.calendar_wrap table tfoot #prev a,
.calendar_wrap table tfoot #next a {
    font-size: 0.8125rem;
    line-height: 1.5rem;
    font-weight: 800;
    border: none;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.calendar_wrap table tfoot #prev {
    text-align: left;
}

.calendar_wrap table tfoot #next {
    text-align: right;
}

.calendar_wrap table .calendar-caption-prev,
.calendar_wrap table .calendar-caption-next {
    display: block;
    position: absolute;
    top: 0;
    line-height: 3rem;
    height: 100%;
    font-size: 1.5rem;
    width: 3rem;
    text-align: center;
    color: #fff;
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.calendar_wrap.calendar-medium table .calendar-caption-prev,
.calendar_wrap.calendar-medium table .calendar-caption-next {
    line-height: 4rem;
    font-size: 2rem;
    width: 3.875rem;
}

.calendar_wrap table .calendar-caption-prev:hover,
.calendar_wrap table .calendar-caption-next:hover {
    color: #fecf73;
}

.calendar_wrap table .calendar-caption-prev i,
.calendar_wrap table .calendar-caption-next i {
    font-size: 1.5rem;
}

.calendar_wrap table .calendar-caption-prev {
    left: 0;
}

.calendar_wrap table .calendar-caption-next {
    right: 0;
}

.big-calendar.calendar_wrap:not(:last-child) {
    margin-bottom: 3.5rem;
}

.big-calendar.calendar_wrap table thead th,
.big-calendar.calendar_wrap table tr td {
    text-align: left;
    padding: 1.5rem;
    line-height: 1rem;
    vertical-align: top;
}

.big-calendar.calendar_wrap table thead th {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: bold;
}

.big-calendar.calendar_wrap table tr td {
    font-size: 1.5rem;
    color: #b8b7b7;
    position: relative;
}

.big-calendar.calendar_wrap table tr td > div:first-child {
    font-weight: 700;
}

.big-calendar.calendar_wrap table tr td:hover {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17);
    -moz-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17);
    box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17);
}

.big-calendar.calendar_wrap table tr td.active {
    color: #595758;
}

.big-calendar.calendar_wrap table tr:not(:last-child) td {
    border-bottom: 1px solid #f2e4df;
}

.big-calendar.calendar_wrap table tr td:before,
.big-calendar.calendar_wrap table tr td:after {
    opacity: 0;
    visibility: hidden;
}

.big-calendar.calendar_wrap table tr td:hover:after,
.big-calendar.calendar_wrap table tr td:hover:before {
    opacity: 1;
    visibility: visible;
}

.calendar_wrap.big-calendar table td > *:not(:last-child) {
    margin-bottom: 1.5rem;
}

.calendar_wrap.big-calendar table td a:before {
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
}

.calendar_wrap.big-calendar .mad-event .mad-event-title {
    position: relative;
    display: inline-block;
}

.calendar_wrap.big-calendar
    .mad-event
    .mad-event-title:hover
    .mad-dropdown-element {
    opacity: 1;
    visibility: visible;
}

.calendar_wrap.big-calendar .mad-event .mad-event-title a,
.calendar_wrap.big-calendar .mad-event .mad-event-title {
    font-size: 1rem;
    line-height: 1.25rem;
}

.calendar_wrap.big-calendar .mad-event .mad-event-title a {
    line-height: 1rem;
}

.calendar_wrap.big-calendar .mad-dropdown-element {
    font-family: 'Tajawal', sans-serif;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 1.5rem;
    background: #fff;
    width: 280px;
    border-radius: 1rem;
    overflow: hidden;
    min-width: 100%;
    margin-top: 0;
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17);
    -moz-box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17);
    box-shadow: 0px 0px 24px 0px rgba(0, 18, 29, 0.17);
    z-index: 2;
}

.calendar_wrap.big-calendar .mad-dropdown-element:after,
.big-calendar.calendar_wrap table tr td:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #eb0029;
}

.calendar_wrap.big-calendar .mad-dropdown-element:before,
.big-calendar.calendar_wrap table tr td:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    -webkit-mask: url(../../../index.html) no-repeat;
    mask: url(../../../index.html) no-repeat;
    background-color: #fff;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 1;
}

.calendar_wrap.big-calendar .mad-dropdown-element .mad-event-content {
    color: #595758;
    line-height: 1rem;
    font-size: 14px;
}

.calendar_wrap.big-calendar
    .mad-dropdown-element
    .mad-event-content
    .mad-event-title:not(:last-child) {
    margin-bottom: 1rem;
}

.calendar_wrap.big-calendar .mad-dropdown-element figure:not(:last-child) {
    margin-bottom: 1rem;
}

.calendar_wrap.big-calendar
    .mad-dropdown-element
    .mad-event-content
    .mad-event-title,
.calendar_wrap.big-calendar
    .mad-dropdown-element
    .mad-event-content
    .mad-event-title
    a {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-style: normal;
    font-weight: bold;
}

.calendar_wrap.big-calendar span.mad-event-sub {
    font-size: 0.875rem;
}

.calendar_wrap.big-calendar .mad-dropdown-element .mad-event-sub {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1rem;
}

.calendar_wrap.big-calendar
    .mad-dropdown-element
    .mad-event-sub:not(:last-child) {
    margin-bottom: 0.25rem;
}

.calendar_wrap.big-calendar .mad-abs-title {
    position: relative;
}

.calendar_wrap.big-calendar .mad-abs-title .mad-event-title {
    font-family: 'Tajawal', sans-serif;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 24px;
    margin-left: -24px;
    width: calc(200% + 98px);
    background: #fbf8f7;
}

.calendar_wrap.big-calendar {
    overflow: visible;
}

.calendar_wrap.calendar-medium table tr td {
    height: 5vw;
}

.calendar_wrap.calendar-medium table td > a:before,
.calendar_wrap.calendar-medium table td > div > a:before {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: -1.75rem;
    margin-left: -1.75rem;
}

/* ----------------------------------------
                Recent Comments
            ---------------------------------------- */

.mad-widget .recentcomments li:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-widget .recentcomments li {
    position: relative;
    padding-left: 2rem;
}

.mad-widget .recentcomments li:before {
    position: absolute;
    font-family: 'Tajawal', sans-serif;
    content: "comment";
    font-size: 1.25rem;
    top: 0;
    left: 0;
    line-height: 2rem;
    color: #232223;
}

.mad-widget .recentcomments li a {
    color: #eb0029;
}

.mad-widget .recentcomments li a:hover {
    text-decoration: underline;
}

/* ----------------------------------------
                Email
            ---------------------------------------- */

/* ----------------------------------------
        Footer
    ---------------------------------------- */

.mad-footer {
    color: #b6b6b6;
    background: #232223;
}

.mad-footer .mad-footer-main {
    padding: 8.75rem 0;
}

.mad-footer .mad-our-info.vr-type .mad-info > i {
    color: #fff;
}

.mad-footer .mad-widget-title {
    color: #fff;
    font-weight: 500;
}

.mad-footer-bottom .container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.5rem;
}

.mad-footer-bottom p:not(:last-child) {
    margin-bottom: 0;
}

.mad-banners.with-slide-down {
    position: relative;
    margin-bottom: -1px;
}

.mad-banners.with-slide-down:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 100%;
    background: #232223;
    z-index: -1;
}

/* Style 2 */

.mad-footer.style-2 {
    background: #2e2d2e;
    border-radius: 1.5rem 1.5rem 0 0;
    margin: 0 3.875rem;
}

.mad-footer.style-2 .mad-footer-top,
.mad-footer.style-2 .mad-footer-main {
    padding: 4rem 2.5rem;
}

.mad-footer.style-2 .mad-footer-main {
    background: #232223;
    color: #b6b6b6;
}

.mad-footer.style-2 .mad-footer-main .mad-social-icons ul,
.mad-footer.style-2 .mad-footer-main .mad-hr-list ul {
    justify-content: flex-end;
}

/* Style 3 */

.mad-footer.footer-4 .mad-widget.align-center .mad-hr-list ul,
.mad-footer.footer-4 .mad-widget.align-center .mad-social-icons ul {
    justify-content: center;
}

.mad-footer.footer-4 .row > *:last-child .mad-our-info .mad-info {
    text-align: right;
    justify-content: flex-end;
}

/* ----------------------------------------
        Grid
    ---------------------------------------- */

[class*="item-col-"]:not(.no-gutters) {
    margin: -3rem -1rem 0;
}

[class*="item-col-"]:not(.no-gutters) > * {
    padding: 3rem 1rem 0;
}

.mad-grid--isotope[class*="item-col-"]:not(.no-gutters) {
    margin-top: -2rem;
}

.mad-grid--isotope[class*="item-col-"]:not(.no-gutters) > * {
    padding-top: 2rem;
}

.item-col {
    width: 100%;
}

.item-col-2 > * {
    width: 50%;
}

.item-col-3 > * {
    width: 33.3333%;
}

.item-col-4 > * {
    width: 25%;
}

.item-col-5 > * {
    width: 20%;
}

.item-col-6 > * {
    width: 16.6666%;
}

.row:not(.col-no-space) {
    margin-bottom: -3rem;
}

.row:not(.col-no-space) > [class*="col"] {
    padding-bottom: 3rem;
}

.row:not(.col-no-space) {
    margin-bottom: -3rem;
}

.row:not(.col-no-space) > [class*="col"] {
    padding-bottom: 3rem;
}

.row.vr-size-1:not(.col-no-space) {
    margin-bottom: -2rem;
}

.row.vr-size-1:not(.col-no-space) > [class*="col"] {
    padding-bottom: 2rem;
}

.row.vr-size-2:not(.col-no-space) {
    margin-bottom: -4.5rem;
}

.row.vr-size-2:not(.col-no-space) > [class*="col"] {
    padding-bottom: 4.5rem;
}

.row.hr-size-1:not(.col-no-space) {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.row.hr-size-1:not(.col-no-space) > [class*="col"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.row.hr-size-2:not(.col-no-space) {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
}

.row.hr-size-2:not(.col-no-space) > [class*="col"] {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}

/* ----------------------------------------
        Square image
    ---------------------------------------- */

.mad-square-image[data-bg-image-src] {
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.mad-square-image[data-bg-image-src] a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.mad-square-image.mad-square-image--size-90 {
    padding-bottom: 90%;
}

.mad-square-image.mad-square-image--size-80 {
    padding-bottom: 80%;
}

.mad-square-image.mad-square-image--size-70 {
    padding-bottom: 70%;
}

.mad-square-image.mad-square-image--size-60 {
    padding-bottom: 60%;
}

.mad-square-image.mad-square-image--size-50 {
    padding-bottom: 50%;
}

.mad-square-image.mad-square-image--size-40 {
    padding-bottom: 40%;
}

.mad-square-image--position-left-top {
    background-position: left top;
}

.mad-square-image--position-left-center {
    background-position: left center;
}

.mad-square-image--position-left-bottom {
    background-position: left bottom;
}

.mad-square-image--position-center-top {
    background-position: center top;
}

.mad-square-image--position-center-center {
    background-position: center center;
}

.mad-square-image--position-center-bottom {
    background-position: center bottom;
}

.mad-square-image--position-right-top {
    background-position: right top;
}

.mad-square-image--position-right-center {
    background-position: right center;
}

.mad-square-image--position-right-bottom {
    background-position: right bottom;
}

/* ----------------------------------------
        Modals
    ---------------------------------------- */

.mad-modal {
    position: relative;
    width: 100%;
    height: 100%;
}

/* ----------------------------------------
        Arctic Modal
    ---------------------------------------- */

.arcticmodal-container {
    background-color: #fff;
}

.arcticmodal-container_i2 {
    padding: 0;
    height: 100%;
}

.arcticmodal-container table {
    background-color: transparent;
    border: none;
}

.arcticmodal-container table tr {
    border: none;
    -webkit-transition: none;
    transition: none;
}

.arcticmodal-container table tr:hover {
    background-color: transparent;
}

.arcticmodal-close {
    font-size: 2rem;
    color: #232223;
    position: absolute;
    right: 4rem;
    top: 4rem;
}

.arcticmodal-close:hover {
    color: #eb0029;
}

.arcticmodal-close i {
    font-size: 2.5rem;
}

/* ----------------------------------------
        Search Modal
    ---------------------------------------- */

.mad-modal--search .arcticmodal-container_i2 {
    vertical-align: middle;
}

.arcticmodal-container table {
    border-radius: 0;
}

.mad-modal--search {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fecf73;
}

.mad-modal--search .mad-title {
    margin-right: 2rem;
}

.mad-modal--search .mad-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-searchform {
    position: relative;
}

.mad-modal--search form {
    width: 40%;
    display: flex;
}

.mad-modal--search form input {
    width: 100%;
}

.mad-modal--search form button {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    line-height: 3rem;
    text-align: center;
    padding: 0;
    margin-left: 0.5rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.mad-modal--search form button i {
    font-size: 1.5rem;
}

/* ----------------------------------------
        Responsive Iframe
    ---------------------------------------- */

.mad-responsive-iframe {
    position: relative;
    height: 0;
    padding-bottom: 56%;
}

.mad-responsive-iframe > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mad-fullwidth-iframe > iframe {
    width: 100%;
}

/* ----------------------------------------
        Responsive Iframe
    ---------------------------------------- */

.mad-responsive-iframe {
    position: relative;
    height: 0;
    padding-bottom: 56%;
}

.mad-responsive-iframe > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mad-fullwidth-iframe > iframe {
    width: 100%;
}

/* ----------------------------------------
        Comments
    ---------------------------------------- */

/* ----------------------------------------
        Comments
    ---------------------------------------- */

.comments-list {
    overflow: hidden;
}

.comments-list > .comment:first-child {
    margin-top: -2rem;
}

.comment {
    font-size: 1.125rem;
    line-height: 2rem;
    padding-top: 2rem;
}

.comment .fn {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #040a1c;
    display: block;
    font-style: normal;
    font-weight: bold;
    font-family: 'Tajawal', sans-serif;
}

.comment-author-avatar {
    float: left;
    margin-right: 1.25rem;
    position: relative;
    z-index: 2;
}

.comment .children > li,
.comment.comment-has-children > .comment-body > .comment-author-info {
    position: relative;
}

.comment-author-info {
    padding-left: 6.5rem;
}

.comment-meta {
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: 1rem;
    color: #959595;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.comment-meta time {
    font-size: 0.9375rem;
    color: #959595;
    font-style: italic;
}

.mad-text-link {
    font-weight: bold;
    color: #eb0029;
    text-transform: uppercase;
}

.mad-text-link i {
    font-size: 1rem;
    line-height: inherit;
}

.mad-text-link:hover {
    text-decoration: underline;
}

.comment-meta > * {
    margin-top: 0.5rem;
}

.comment-content:not(:last-child) {
    margin-bottom: 0.1rem;
}

.comment-actions {
    font-size: 0.6875rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    color: #b1b1b1;
    letter-spacing: 0px;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.comment-actions > a {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.comment::after {
    content: "";
    display: block;
    clear: both;
}

.comment .children {
    padding-left: 2.5rem;
    overflow: hidden;
}

/* ----------------------------------------
        Vertical Navigation
    ---------------------------------------- */

.mad-navigation-vertical {
    display: block !important;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.mad-navigation-vertical .sub-menu {
    padding-top: 0.125rem;
    padding-bottom: 0.625rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.mad-navigation-vertical .sub-menu > li {
    margin-top: 0.5rem;
}

.mad-navigation-vertical .sub-menu > li.menu-item-has-children > a::after {
    font-family: 'Tajawal', sans-serif;
    content: "\e93a";
    margin-left: 0.4rem;
    vertical-align: middle;
    font-size: 0.75rem;
}

.mad-navigation-vertical .sub-menu a {
    color: #b1b1b1;
}

.mad-navigation-vertical > li:hover > a::before,
.mad-navigation-vertical > li.mad-seleceted > a::before,
.mad-navigation-vertical > li.mad-tapped > a::before,
.mad-navigation-vertical > li.current-menu-ancestor > a::before,
.mad-navigation-vertical > li.current-menu-parent > a::before,
.mad-navigation-vertical > li.current-menu-item > a::before {
    opacity: 1;
}

.mad-navigation-vertical > li > a {
    text-transform: uppercase;
    letter-spacing: 0px;
    display: block;
    padding: 0.48rem 1.875rem;
    position: relative;
}

.mad-navigation-vertical > li > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-navigation-vertical a {
    color: #313131;
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-body--scheme-brown .mad-navigation-vertical > li > a::before {
    background-color: #ba89f4;
}

/* ----------------------------------------
    3. Components
---------------------------------------- */

/* ----------------------------------------
        Social icons
    ---------------------------------------- */

.mad-social-icons ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5rem -0.75rem 0;
}

.mad-social-icons ul li {
    padding: 0.5rem 0.75rem 0;
}

.mad-social-icons ul li a {
    display: block;
    color: #fecf73;
    font-size: 1.5rem;
}

.mad-social-icons ul li a:hover {
    color: #fff;
}

.mad-social-icons ul li a i {
    line-height: inherit;
}

.mad-social-icons.size-big ul li a {
    font-size: 2rem;
}

.mad-social-icons.size-big ul {
    margin: -1rem -1rem 0;
}

.mad-social-icons.size-big ul li {
    padding: 1rem 1rem 0;
}

.mad-social-icons.size-small ul li a {
    font-size: 1.25rem;
}

.mad-social-icons.size-small ul {
    margin: -1rem -0.75rem 0;
}

.mad-social-icons.size-small ul li {
    padding: 1rem 0.75rem 0;
}

.mad-social-icons.style-2 ul li a {
    color: #eb0029;
}

.mad-social-icons.style-2 ul li a:hover {
    color: #232223;
}

.mad-social-icons.type-2 ul li a {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-radius: 50%;
    display: block;
    background: #eb0029;
    font-size: 1.25rem;
    color: #fff;
}

.mad-social-icons.type-2 ul li a:hover {
    -webkit-transform: translate3d(-3px, -5px, 0);
    transform: translate3d(-3px, -5px, 0);

    -webkit-box-shadow: 2px 6px 0px 0px rgba(235, 0, 41, 0.3);
    -moz-box-shadow: 2px 6px 0px 0px rgba(235, 0, 41, 0.3);
    box-shadow: 2px 6px 0px 0px rgba(235, 0, 41, 0.3);
}

.mad-social-icons.type-2 ul {
    margin: -0.5rem -0.25rem 0;
}

.mad-social-icons.type-2 ul li {
    padding: 0.5rem 0.25rem 0;
}

/* ----------------------------------------
        Dropcaps
    ---------------------------------------- */

.mad-dropcap > *:first-child:first-letter {
    font-size: 3.75rem;
    font-family: 'Tajawal', sans-serif;
    font-weight: bold;
    line-height: 3rem;
    display: block;
    float: left;
    margin-right: 0.5rem;
    margin-top: 1rem;
    color: #eb0029;
}

.mad-dropcap--filled > *:first-child:first-letter {
    font-size: 2.25rem;
    color: #232223;
    padding: 0.5rem 0.625rem 0px;
    width: 3rem;
    height: 3rem;
    line-height: 2.5rem;
    text-align: center;
    background: #fecf73;
    border-radius: 50%;
    margin-top: 0.5rem;
    margin-right: 1.1rem;
}

/* firefox only */
@-moz-document url-prefix() {
    .mad-dropcap > *:first-child:first-letter {
        margin-top: 12px;
    }
    .mad-dropcap--filled > *:first-child:first-letter {
        margin-top: 0.5rem;
        padding-top: 12px;
        padding-bottom: 10px;
    }
}

/* ----------------------------------------
        Alert Boxes
    ---------------------------------------- */

.mad-alert-boxes-example {
    margin-top: -1rem;
}

.mad-alert-box {
    font-family: 'Tajawal', sans-serif;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 2rem;
    padding-top: 1rem;
}

.mad-alert-box strong {
    font-weight: inherit;
}

.mad-alert-box-inner {
    position: relative;
    border-radius: 1.5rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 4.5rem;
    padding-right: 3.75rem;
    text-align: initial;
}

.mad-alert-box-inner::before {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.75rem;
    line-height: 1;
    position: absolute;
    font-weight: normal;
    left: 2rem;
    top: 30px;
}

.mad-alert-box-close {
    position: absolute;
    color: transparent;
    font-size: 1.25rem;
    line-height: 1;
    display: block;
    width: 1rem;
    height: 1rem;
    right: 1.875rem;
    top: 0;
    margin-top: 35px;
    overflow: hidden;
}

.mad-alert-box-close::-moz-selection {
    color: transparent;
}

.mad-alert-box-close::selection {
    color: transparent;
}

.mad-alert-box-close::-webkit-selection {
    color: transparent;
}

.mad-alert-box-close::after {
    font-family: 'Tajawal', sans-serif;
    content: "close";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    margin-top: -0.575rem;
    color: #232223;
}

.mad-alert-box--success {
    color: #4a7309;
}

.mad-alert-box--success .mad-alert-box-inner {
    background: #e0eede;
    color: #4a7309;
}

.mad-alert-box--success .mad-alert-box-inner::before {
    content: "check_circle";
}

.mad-alert-box--warning {
    color: #f2921d;
}

.mad-alert-box--warning .mad-alert-box-inner {
    background: #fdefdd;
    color: #f2921d;
}

.mad-alert-box--warning .mad-alert-box-inner::before {
    content: "notification_important";
}

.mad-alert-box--info {
    color: #3384aa;
}

.mad-alert-box--info .mad-alert-box-inner {
    color: #3384aa;
    background: #daeaf1;
}

.mad-alert-box--info .mad-alert-box-inner::before {
    content: "info";
}

.mad-alert-box--error {
    color: #eb0029;
}

.mad-alert-box--error .mad-alert-box-inner {
    background: #fde5e9;
}

.mad-alert-box--error .mad-alert-box-inner::before {
    content: "highlight_off";
}

.mad-csstransforms3d .mad-alert-box-close {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 3, 0.75, 0.9);
    transition: transform 0.4s cubic-bezier(0.25, 3, 0.75, 0.9);
}

.mad-csstransforms3d .mad-alert-box-close:hover {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
}

/* ----------------------------------------
        Lists
    ---------------------------------------- */

.mad-entity-content
    > ul:not(.mad-list--icon):not(.mad-list--unstyled)
    > li::before,
.mad-entity-content > ul > li i {
    font-size: 1.125rem;
    color: #eb0029;
}

.mad-entity-content ol {
    list-style-position: inside;
    list-style-type: decimal;
}

.mad-entity-content ol ol,
.mad-entity-content ol ul {
    padding-left: 2rem;
}

.mad-entity-content ol ul > li > ul,
.mad-entity-content ol ul > li > ol {
    padding-left: 0;
}

.mad-list-title:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-entity-content.style-2
    ul:not(.mad-list--icon):not(.mad-list--unstyled)
    > li::before,
.mad-entity-content.style-2 ul > li i {
    color: #232223;
}

/* ----------------------------------------
            Icon List
        ---------------------------------------- */

.mad-list--icon > li,
.mad-entity-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li {
    padding-left: 2rem;
    position: relative;
}

.mad-list--icon > li > .icon,
.mad-entity-content
    > ul:not(.mad-list--icon):not(.mad-list--unstyled)
    > li::before {
    position: absolute;
    left: 1px;
    top: 0;
    line-height: 2rem;
}

.mad-list--icon ul,
.mad-entity-content > ul:not(.mad-list--icon):not(.mad-icon-first) {
    padding-top: 1rem;
}

.mad-entity-content
    > ul:not(.mad-list--icon):not(.mad-list--unstyled)
    > li:not(:last-child),
.mad-list--icon > li:not(:last-child),
.mad-list--icon-big > li:not(:last-child),
.mad-entity-content ol:not(.mad-list--unstyled) > li:not(:last-child),
.mad-entity-content
    > ul:not(.mad-list--icon):not(.mad-list--unstyled)
    > li:not(:last-child),
.mad-list--icon > li:not(:last-child),
.mad-list--icon-big > li:not(:last-child),
.mad-entity-content > ol:not(.mad-list--unstyled) > li:not(:last-child) {
    margin-bottom: 1rem;
}

/* ----------------------------------------
            Vertical List
        ---------------------------------------- */

.mad-vr-list:not(.no-icons) ul li {
    position: relative;
    padding-left: 1.5rem;
}

.mad-vr-list:not(.no-icons) ul li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    -webkit-mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
    mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
    background-color: #fff;
    width: 0.75rem;
    height: 0.625rem;
}

.mad-vr-list ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-vr-list.style-2 ul li a {
    color: #eb0029;
}

.mad-vr-list.style-2 ul li:before {
    background-color: #232223;
}

/* ----------------------------------------
            Horizontal list
        ---------------------------------------- */

.mad-hr-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -7px -7px 0;
}

.mad-hr-list ul li {
    padding: 7px 7px 0;
}

/* ----------------------------------------
        Dividers
    ---------------------------------------- */

hr {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #eaeaea;
}

hr:not(:first-child) {
    margin-top: 2.51875rem;
}

hr:not(:last-child) {
    margin-bottom: 2.51875rem;
}

hr.mad-divider--medium {
    border-top-width: 2px;
}

hr.mad-divider--large {
    border-top-width: 3px;
}

hr.mad-divider--shorter {
    width: 30px;
}

hr.mad-divider--scheme-dark {
    border-color: #b1b1b1;
}

hr.mad-divider--scheme-darkest {
    border-color: #313131;
}

/* ----------------------------------------
        Blockquotes
    ---------------------------------------- */

blockquote:not(.mad-blockquote--unstyled) {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0px;
    color: #eb0029;
}

blockquote:not(.mad-blockquote--unstyled) cite,
.mad-author cite {
    font-size: 1.25rem;
    font-style: normal;
    line-height: 1.5rem;
    color: #232223;
    display: block;
}

blockquote:not(.mad-blockquote--unstyled).mad-blockquote--style-2 {
    color: #fff;
}

blockquote:not(.mad-blockquote--unstyled).mad-blockquote--style-2 cite,
.mad-testimonials.style-2 .mad-author cite {
    color: #fff;
}

.mad-testimonial-bg {
    padding: 4.5rem;
    border-radius: 1.5rem;
    background: #fecf73;
}

.mad-testimonial-bg.size-2 {
    padding: 2rem;
}

.mad-testimonial-bg .mad-testimonial {
    text-align: left;
    z-index: 1;
}

.mad-testimonials.type-2 .mad-testimonial-bg .mad-testimonial:before {
    background-color: #f1ea7b;
}

.mad-testimonial-bg.style-2 {
    background: #eb0029;
}

.mad-testimonial-bg.style-2 blockquote:not(.mad-blockquote--unstyled) {
    color: #fecf73;
}

.mad-testimonial-bg.style-2 blockquote:not(.mad-blockquote--unstyled) cite,
.mad-testimonial-bg.style-2 .mad-testimonial .mad-author cite {
    color: #fff;
}

.mad-testimonials.type-2 .mad-testimonial-bg.style-2 .mad-testimonial:before {
    background-color: #ee495e;
}

/* ----------------------------------------
        Buttons
    ---------------------------------------- */

.btn {
    font-family: 'Tajawal', sans-serif;
    padding: 20px 2rem 20px;
    display: inline-block !important;
    color: #232223;
    font-weight: normal;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1rem;
    position: relative;
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: uppercase;
    z-index: 1;
    border-radius: 2rem;
    position: relative;
    background: #fecf73;
}

.btn:hover {
    -webkit-transform: translate3d(-3px, -5px, 0);
    transform: translate3d(-3px, -5px, 0);

    -webkit-box-shadow: 2px 6px 0px 0px rgba(235, 225, 23, 0.4);
    -moz-box-shadow: 2px 6px 0px 0px rgba(235, 225, 23, 0.4);
    box-shadow: 2px 6px 0px 0px rgba(235, 225, 23, 0.4);
}

.btn-mini {
    font-size: 0.8125rem;
    padding: 0.8125rem 1.5rem;
}

.btn-small {
    font-size: 0.9375rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.btn-big {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 1.25rem 2.5rem 1.25rem;
}

.btn-huge {
    font-size: 2rem;
    line-height: 2.25rem;
    padding: 1.4rem 3.5rem;
    border-radius: 3rem;
}

[class*="btn"] > i {
    font-size: 1.25rem;
    display: inline-block;
    vertical-align: -4px;
    line-height: 0.5rem;
}

.btn-mini > i {
    font-size: 1rem;
}

.btn-small > i {
    font-size: 1.25rem;
}

.btn-big > i {
    font-size: 1.5rem;
    vertical-align: -5px;
}

.btn-huge > i {
    font-size: 2.2rem;
    vertical-align: -7px;
}

[class*="btn"] > i:not(:only-child):first-child {
    margin-right: 0.5rem;
}

[class*="btn"] > i:not(:only-child):last-child {
    margin-left: 0.5rem;
}

[class*="btn"].btn-style-2 {
    background: #e6e6e6;
}

[class*="btn"].btn-style-2:hover {
    -webkit-box-shadow: 2px 6px 0px 0px rgba(230, 230, 230, 0.4);
    -moz-box-shadow: 2px 6px 0px 0px rgba(230, 230, 230, 0.4);
    box-shadow: 2px 6px 0px 0px rgba(230, 230, 230, 0.4);
}

[class*="btn"].btn-style-3 {
    background: #eb0029;
    color: #fff;
}

[class*="btn"].btn-style-3:hover {
    -webkit-box-shadow: 2px 6px 0px 0px rgba(235, 0, 41, 0.3);
    -moz-box-shadow: 2px 6px 0px 0px rgba(235, 0, 41, 0.3);
    box-shadow: 2px 6px 0px 0px rgba(235, 0, 41, 0.3);
}

[class*="btn"].btn-style-4 {
    background: #b8001f;
    color: #fff;
}

[class*="btn"].btn-style-4:hover {
    -webkit-box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.4);
    -moz-box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.4);
    box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.4);
}

[class*="btn"].btn-style-5 {
    background: #2e2d2e;
    color: #fff;
}

[class*="btn"].btn-style-5:hover {
    -webkit-box-shadow: 2px 6px 0px 0px rgba(46, 45, 46, 0.4);
    -moz-box-shadow: 2px 6px 0px 0px rgba(46, 45, 46, 0.4);
    box-shadow: 2px 6px 0px 0px rgba(46, 45, 46, 0.4);
}

.page-nav {
    padding-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.page-nav .menu-button {
    font-size: 30px;
}

.btn-wrap {
    margin: -0.625rem;
}

.btn-wrap > * {
    margin: 0.625rem;
}

.prev-btn,
.next-btn,
.exp {
    font-weight: 600;
    margin-left: 30px;
    position: relative;
}

.prev-btn,
.next-btn {
    border-bottom: 1px solid transparent;
}

.prev-btn:hover,
.next-btn:hover {
    border-bottom-color: inherit;
}

.prev-btn:before,
.next-btn:before,
.exp:before {
    font-family: 'Tajawal', sans-serif;
    content: "\e964";
    font-size: 20px;
    color: #262626;
    position: absolute;
    font-weight: normal;
    left: 0;
    top: 0;
    margin-top: -3px;
    margin-left: -30px;
}

.next-btn {
    margin-left: 0;
    margin-right: 30px;
}

.next-btn:before {
    margin-left: 0;
    margin-right: -30px;
}

.next-btn:before {
    content: "\e965";
    right: 0;
    left: auto;
}


.mad-read-more {
    font-family: 'Tajawal', sans-serif;
    display: inline-block;
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 1.5rem;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #eb0029;
}

.mad-read-more:not(.no-arrow):after {
    content: "";
    position: absolute;
    right: -1.5rem;
    top: 7px;
    -webkit-mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
    mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
    background-color: #eb0029;
    width: 13px;
    height: 11px;
}

.mad-read-more:hover {
    text-decoration: underline;
}

.mad-back-to-top {
    display: none !important;
}
/* .mad-read-more.size-2 {
            font-size: 1.125rem;
            line-height: 2rem;
        }

        .mad-read-more.size-2:not(.no-arrow):after {
            top: 0.625rem;
            width: 0.9375rem;
            height: 0.8125rem;
            right: -1.875rem;
        } */

.btn-set {
    margin: -0.5rem -0.25rem 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.btn-set > * {
    margin: 0.5rem 0.25rem 0;
}

.btn-set.vr-type {
    flex-direction: column;
}

.btn-set.small-btns {
    margin: -0.25rem -0.125rem 0;
}

.btn-set.small-btns > * {
    margin: 0.25rem 0.125rem 0;
}

.btn-set.big-btns {
    margin: -1rem -0.5rem 0;
}

.btn-set.big-btns > * {
    margin: 1rem 0.5rem 0;
}

.btns-set {
    margin: -2rem -1rem 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.btns-set > ul {
    width: 33.3333%;
    padding: 2rem 1rem 0;
    line-height: normal;
}

.btns-set ul > li:not([class*="content-element-"]):not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-share-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -0.25rem -0.125rem 0;
}

.mad-share-btns > a {
    padding: 0.3125rem 2rem;
    font-size: 0.9375rem;
    letter-spacing: 0px;
    color: #fff !important;
    border-radius: 8px;
    font-weight: 500;
    margin: 0.25rem 0.125rem 0;
    background-image: none !important;
}

.mad-share-btns > a i {
    font-size: 0.75rem;
    margin-right: 0.625rem !important;
    margin-left: 0 !important;
    margin-top: 0.25rem;
    line-height: 25px;
}

.mad-share-btns > a i.icon {
    font-size: 0.875rem;
}

.mad-share-btns > span {
    margin-right: 1rem;
}

.mad-share-facebook {
    background: #3a5599;
}

.mad-share-twitter {
    background: #1f9de9;
}

.mad-share-pinterest {
    background: #e00b2b;
}

.mad-share-in {
    background: #2a8dc0;
}

.mad-share-email {
    background: #4caa19;
}

.toggle-item {
    position: relative;
}

.toggle-section {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 1.875rem;
    border: 2px solid #fecf73;
    border-radius: 1.5rem;
    width: 45.75rem;
    background: #fff;
    margin-top: 1.5rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    z-index: 9;
}

.toggle-section.active {
    opacity: 1;
    visibility: visible;
}

.toggle-section:after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 2rem;
    width: 4rem;
    height: 1.125rem;
    background: url(../images/box_arrow3.png) no-repeat;
}

.toggle-section .mad-page-title {
    font-weight: 500;
}

.toggle-section .mad-page-title:not(:last-child) {
    margin-bottom: 1.25rem;
}

.toggle-section.left-side {
    right: auto;
    left: 0;
}

.toggle-section.left-side:after {
    right: auto;
    left: 2rem;
}

.toggle-section-close {
    position: absolute;
    top: 1.75rem;
    right: 1.75rem;
    font-size: 2rem;
    color: #232223;
    z-index: 3;
}

.mad-filter-list ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-filter-list ul li {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    color: #eb0029;
    font-size: 1.125rem;
    cursor: pointer;
}

.mad-filter-list ul li.toggle {
    color: #232223;
}

.mad-filter-list ul li span:first-child {
    display: flex;
}

.mad-filter-list ul li .mad-filter-icon {
    margin-right: 1rem;
}

.mad-filter-list ul li .mad-filter-icon .svg {
    height: 2rem;
}

.mad-filter-list ul li .mad-filter-icon .svg path {
    stroke: #232223;
    fill: transparent;
}

.mad-filter-list ul li .mad-filter-icon.type-2 .svg path {
    stroke: transparent;
    fill: #232223;
}

.mad-order-section {
    max-height: 24.75rem;
    overflow: auto;
    padding-right: 1rem;
}

.mad-order-section:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-order-section ul li {
    padding: 0.5rem 1.5rem;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
    border-top: 1px solid #dcdcdc;
}

.mad-order-section ul li:hover {
    background: #f8f8f8;
}

.mad-order-section ul li .mad-col {
    width: 40%;
}

.mad-order-section ul li .mad-col:last-child {
    width: 20%;
}

.mad-order-item {
    display: flex;
    align-items: center;
}

.mad-order-item > .mad-order-img {
    width: 4rem;
    border-radius: 1rem;
    overflow: hidden;
    margin-right: 1rem;
}

.mad-action-area {
    cursor: pointer;
}

.mad-select-item {
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid #e6e6e6;
    background: #fff;
}

.mad-select-item:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    top: 50%;
    left: 50%;
    background: #232223;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

.mad-action-area.selected .mad-select-item:after {
    opacity: 1;
    visibility: visible;
}

.mad-order-title {
    font-weight: bold;
    color: #232223;
}

.mad-order-title:not(:last-child) {
    margin-bottom: 0.625rem;
}

.mad-order-section .mad-order-title {
    margin-left: -1.5rem;
    line-height: 40px;
}

/* width */
.mad-order-section::-webkit-scrollbar {
    width: 1rem;
    background: #e6e6e6;
    border-radius: 0.625rem;
}

/* Track */
.mad-order-section::-webkit-scrollbar-track {
    border-radius: 0.625rem;
}

/* Handle */
.mad-order-section::-webkit-scrollbar-thumb {
    background: #575457;
    border-radius: 0.625rem;
}

.mad-order-section::-webkit-scrollbar-button:decrement {
    background-image: url("../images/scr_up.png");
    background-repeat: no-repeat;
    background-position: center top 6px;
    width: 10px;
    height: 16px;
}

.mad-order-section::-webkit-scrollbar-button:increment {
    background-image: url("../images/scr_down.png");
    background-repeat: no-repeat;
    background-position: center bottom 6px;
    width: 10px;
    height: 16px;
}

/* ----------------------------------------
        Panels (Accordions & Toggles)
    ---------------------------------------- */

.mad-panels-title > button {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    font-family: 'Tajawal', sans-serif;
    display: inline-block;
    text-align: initial;
    position: relative;
    color: #eb0029;
    padding-left: 2rem;
    letter-spacing: 0px;
    border-bottom: 2px solid transparent;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mad-panels-title > button::after,
.mad-panels-title > button::before {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.25rem;
    line-height: 1.7rem;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
}

.mad-panels-title > button::before {
    content: "add_circle_outline";
}

.mad-panels-title > button::after {
    content: "remove_circle_outline";
    opacity: 0;
}

.mad-panels-title:not(:first-child) {
    margin-top: 1.5rem;
}

.mad-panels-active.mad-panels-title > button::before {
    opacity: 0;
}

.mad-panels-active.mad-panels-title > button::after {
    opacity: 1;
}

.mad-panels-definition {
    padding-top: 1.25rem;
}

.mad-panels-definition:not(:last-child) {
    margin-bottom: 0;
}

.mad-panels-definition p:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-panels--style-2 .mad-panels-title > button {
    width: 100%;
}

.mad-panels--style-2 .mad-panels-title.mad-panels-active > button {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #232223;
}

.mad-panels--style-2 .mad-panels-definition {
    padding: 0 2rem 1.75rem;
    background: #fbf9d1;
    border: 2px solid #fecf73;
    border-top: none;
    border-radius: 0 0 1.5rem 1.5rem;
    overflow: hidden;
}

.mad-panels--style-2 .mad-panels-title > button::after,
.mad-panels--style-2 .mad-panels-title > button::before {
    left: 1.75rem;
    top: 1.625rem;
}

.mad-panels--style-2 .mad-panels-title > button {
    padding: 1.625rem 2rem 1.125rem;
    padding-left: 3.875rem;
    background: #fbf9d1;
    border: 2px solid #fecf73;
    border-radius: 1.5rem;
}

.mad-panels--style-2 .mad-panels-title:not(:first-child) {
    margin-top: 0.5rem;
}

.mad-panels:not(.mad-panels--style-2)
    .mad-panels-title.mad-panels-active
    > button {
    color: #232223;
}

.mad-csstransforms3d .mad-panels-title > button::after,
.mad-csstransforms3d .mad-panels-title > button::before {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.mad-csstransforms3d .mad-panels-title > button::after,
.mad-csstransforms3d .mad-panels-title.mad-panels-active > button::before {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.mad-csstransforms3d .mad-panels-title > button::before,
.mad-csstransforms3d .mad-panels-title.mad-panels-active > button::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* ----------------------------------------
        Tabs & Tour Sections
    ---------------------------------------- */

.mad-tabs:not(:last-child) {
    margin-bottom: 3.5rem;
}

.mad-tabs:not(.mad-tabs--unstyled) {
    overflow: hidden;
}

.mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;
    letter-spacing: 0px;
    display: flex;
    white-space: nowrap;
    z-index: 2;
    position: relative;
}

.mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav > span:not(:last-child) {
    margin-right: 2.5rem;
}

.mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a {
    color: #eb0029;
    display: block;
    white-space: nowrap;

    -webkit-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        border-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        border-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-tabs:not(.mad-tabs--unstyled):not(.mad-tabs--style-2)
    .mad-tabs-nav
    > span.mad-active
    a {
    color: #262123;
}

.mad-tabs-container .mad-tab {
    font-size: 1.125rem;
    padding-top: 2rem;
    line-height: 2rem;
}

.mad-tabs-container .mad-tab p:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-tabs.mad-tabs--style-2 .mad-tabs-nav > span:not(:last-child) {
    margin-right: 8px;
}

.mad-tabs.mad-tabs--style-2 .mad-tabs-nav {
    margin-bottom: -2px;
}

.mad-tabs.mad-tabs--style-2 .mad-tabs-nav a {
    padding: 26px 1.75rem;
    color: #eb0029;
    background: #fbf9d1;
    border: 2px solid #fecf73;
    border-radius: 1.5rem 1.5rem 0 0;
}

.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2
    .mad-tabs-nav
    > span.mad-active
    a {
    color: #232223;
}

.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2:not(
        .mad-tabs--tour-sections
    )
    .mad-tabs-nav
    > span.mad-active
    a {
    border-bottom-color: transparent;
}

.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2
    .mad-tabs-container
    .mad-tab {
    background: #fbf9d1;
    padding: 2rem;
    padding-top: 1.5rem;
    border: 2px solid #fecf73;
    border-radius: 0 1.5rem 1.5rem 1.5rem;
}

.mad-tabs.mad-tabs--tour-sections {
    display: flex;
}

.mad-tabs.mad-tabs--tour-sections > * {
    width: 100%;
}

.mad-tabs.mad-tabs--tour-sections .mad-tabs-nav {
    max-width: 50%;
    display: block;
    margin: 0;
    margin-right: -2px;
}

.mad-tabs.mad-tabs--tour-sections .mad-tabs-nav > span {
    margin-right: 0 !important;
    display: block;
}

.mad-tabs.mad-tabs--tour-sections .mad-tabs-nav > span a {
    display: inline-block;
}

.mad-tabs.mad-tabs--tour-sections.mad-tabs--style-2 .mad-tabs-nav > span a {
    border-radius: 1.5rem 0 0 1.5rem;
    display: block;
}

.mad-tabs.mad-tabs--tour-sections.mad-tabs--style-2
    .mad-tabs-nav
    > span.mad-active
    a {
    border-right-color: transparent;
}

.mad-tabs.mad-tabs--tour-sections .mad-tabs-nav > span:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-tabs.mad-tabs--tour-sections:not(.mad-tabs--style-2)
    .mad-tabs-container
    .mad-tab {
    padding-top: 0;
}

.mad-tabs.mad-tabs--tour-sections.mad-tabs--style-2
    .mad-tabs-nav
    > span:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-tabs .mad-menu-box {
    overflow: visible;
}

.mad-tabs .mad-menu-box > span {
    width: 16.6666%;
    max-width: 15rem;
}

.mad-tabs .mad-menu-box .mad-menu-item {
    position: relative;
    background: transparent;
    padding: 2rem 2rem 3rem;
    border-radius: 1.5rem;
    margin-bottom: 1rem;
}

.mad-tabs .mad-menu-box .mad-active .mad-menu-item {
    background: #fecf73;
}

.mad-tabs .mad-menu-box .mad-active .mad-menu-icon .svg path {
    fill: #eb1e27;
}

.mad-tabs .mad-menu-box .mad-active .mad-menu-icon .svg .cls-2 {
    stroke: #fff;
    fill: transparent !important;
}

.mad-tabs .mad-menu-box .mad-menu-item:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -1.875rem;
    background: url(../images/box_arrow2.png) no-repeat;
    width: 3.75rem;
    height: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.mad-tabs .mad-menu-box .mad-active .mad-menu-item:after {
    opacity: 1;
    visibility: visible;
}

.mad-tabs:not(.mad-tabs--unstyled)
    .mad-tabs-nav.mad-menu-box
    > span:not(:last-child) {
    margin: 0;
}

.mad-menu-box.with-slide-top {
    margin-top: -7.5rem;
    position: relative;
    z-index: 9;
}

/* ----------------------------------------
        Pagination
    ---------------------------------------- */

/* Pages Navigation */

.mad-page-nav {
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mad-page-nav > [class*="mad-nav-"] {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 50%;
}

.mad-page-nav > [class*="mad-nav-"]:before {
    content: "";
    display: block;
    width: 3.5rem;
    min-width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
    background: #e6e6e6;
    transition: all 0.5s ease;
    border-radius: 50%;
    cursor: pointer;
}

.mad-page-nav > .mad-nav-left:after,
.mad-page-nav > .mad-nav-right:after {
    position: absolute;
    left: 1rem;
    top: 50%;
    margin-top: -9.5px;
    content: "";
    height: 19px;
    width: 22px;
    -webkit-mask: url(../yummi_svg_icons/arrow_left.svg) no-repeat;
    mask: url(../yummi_svg_icons/arrow_left.svg) no-repeat;
    background-color: #232223;
    background-size: cover;
}

.mad-page-nav > .mad-nav-right:after {
    left: auto;
    right: 1rem;
    -webkit-mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
    mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
}

.mad-page-nav > [class*="mad-nav-"]:hover:before {
    background: #fecf73;
}

.nav-actions a b {
    font-weight: normal;
}

.mad-page-nav > .mad-nav-right {
    flex-direction: row-reverse;
    text-align: right;
}

.mad-page-nav > [class*="mad-nav-"] > * {
    padding: 0 1rem;
}

.mad-page-nav.mad-entities.mad-entity-hr
    .mad-nav-right
    .mad-entity
    .mad-entity-tags {
    justify-content: flex-end;
}

.mad-page-nav.mad-entities.mad-entity-hr
    .mad-nav-right
    .mad-entity
    .mad-entity-media {
    margin-right: 0;
    margin-left: 1rem;
}

/* / Pages Navigation */

.mad-pagination {
    display: flex;
    margin-top: 3rem;
}

.mad-pagination > li > a {
    font-family: 'Tajawal', sans-serif;
    font-weight: 600;
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 3.5rem;
    background: #e6e6e6;
    color: #232223;
    border-radius: 50%;
}

.mad-pagination > li > a:hover {
    background: #fecf73;
}

.mad-pagination > li > a.current {
    background: #232223;
    color: #fff;
}

.mad-pagination > li > a .svg {
    width: 1.375rem;
    height: 3.5rem;
}

.mad-pagination > li > a .svg path {
    fill: #232223;
    stroke: transparent;
}

.mad-pagination > li:not(:last-child) {
    margin-right: 0.25rem;
}

/* ----------------------------------------
        Progress Bars
    ---------------------------------------- */

.mad-progress-bars-item {
    position: relative;
}

.mad-progress-bars-item:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-progress-bar {
    height: 3.5rem;
    position: relative;
    background-color: #fbf9d1;
    border-radius: 1.5rem;
    overflow: hidden;
}

.mad-progress-bar-title {
    font-family: 'Tajawal', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.25rem;
    font-weight: bold;
    display: block;
    padding: 0 2rem;
    line-height: 3.5rem;
    color: #232223;
    z-index: 2;
}

.mad-progress-bar-title::after {
    content: attr(data-value) attr(data-units);
    position: absolute;
    top: 0;
    right: 2rem;
}

.mad-progress-bar-indicator {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    background: #fecf73;
}

.mad-progress-bars--secondary .mad-progress-bar {
    background-color: #2e2d2e;
}

.mad-progress-bars--secondary .mad-progress-bar-indicator {
    background: #eb0029;
}

.mad-progress-bars--secondary .mad-progress-bar-title {
    color: #fff;
}

/* ----------------------------------------
        Counters
    ---------------------------------------- */

.mad-counters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.mad-counters[class*="item-col-"]:not(.no-gutters) {
    margin-top: -3rem;
}

.mad-counters[class*="item-col-"]:not(.no-gutters) > * {
    padding-top: 3rem;
}

.mad-counter {
    color: #575457;
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: bold;
}

.mad-counter-count {
    font-family: 'Tajawal', sans-serif;
    font-size: 4.5rem;
    line-height: 4rem;
    white-space: nowrap;
    font-weight: bold;
    color: #eb0029;
}

.mad-counter-icon {
    line-height: 1;
}

.mad-counter-icon .svg {
    height: 7rem;
}

.mad-counter .mad-counter-icon:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-counter-icon .svg .cls-1 {
    fill: #eb0029;
    opacity: 1;
}

.mad-counter-icon .svg .cls-2 {
    stroke: #fff;
}

.mad-counters.hr-type .mad-counter .mad-counter-inner {
    display: flex;
    align-items: center;
}

.mad-counters.hr-type .mad-counter .mad-counter-icon {
    margin-bottom: 0;
    min-width: 8.5rem;
}

.mad-counters.style-2 .mad-counter {
    color: #e6e6e6;
}

.mad-counters.style-2 .mad-counter-count {
    color: #fecf73;
}

.mad-counters.style-2 .mad-counter-icon .svg .cls-1 {
    fill: #fecf73;
    stroke: transparent;
}

.mad-counters.style-2 .mad-counter-icon .svg .cls-2 {
    stroke: #232223;
}

.mad-counters.no-icons .mad-counter-icon {
    display: none;
}

.mad-counters.no-icons .mad-counter-icon {
    display: none;
}

/* ----------------------------------------
            Products
        ---------------------------------------- */

.owl-carousel.mad-products .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

.mad-products:not(.owl-carousel):not(.mad-product-small):not(
        .mad-product-single
    ):not(.hr-type) {
    display: flex;
    flex-wrap: wrap;
}

.mad-products:not(.mad-product-small) .mad-product {
    padding: 1.875rem 28px;
    height: 100%;
    border-radius: 1.5rem;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    border: 2px solid transparent;
    font-size: 1rem;
    line-height: 1.5rem;
}

.mad-products:not(.mad-product-small) .mad-product:hover {
    border-color: #fecf73;
}

.mad-products .mad-product-image {
    position: relative;
    background: none !important;
}

.mad-products:not(.mad-product-small) .mad-product-image:not(:last-child) {
    margin-bottom: 1.75rem;
}

.mad-product .mad-rating-top-level > *,
.mad-product .mad-rating-bottom-level > * {
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.mad-products:not(.mad-product-small) .mad-product-image img {
    width: 100%;
}

.mad-product-description {
    flex: 1;
}

.mad-products:not(.mad-product-small)
    .mad-product-description:not(:last-child) {
    margin-bottom: 1.25rem;
}

.mad-product-description .mad-product-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
}

.mad-product-description .mad-product-title .mad-link {
    color: #232223;
}

.mad-product-info {
    font-size: 1rem;
    color: #a8a7a8;
    display: block;
    line-height: 1rem;
}

.mad-product-info:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-products:not(.mad-product-small):not(.mad-product-single)
    .mad-product-description
    .mad-product-title:not(:last-child) {
    margin-bottom: 0.25rem;
}

.mad-product-price {
    position: relative;
    font-family: 'Tajawal', sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    color: #f21f1f;
    display: block;
}

.mad-product-price:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-product .mad-product-price:not(.onsale):before,
.mad-product .mad-product-price span:before,
table .mad-product-price:before,
.mad-total-item .mad-product-price:before {
    content: "$";
    font-size: 0.875rem;
    line-height: 1.5rem;
    vertical-align: top;
    display: inline-block;
}

table tr.bg .mad-product-price {
    color: #eb0029;
    font-size: 1.25rem;
}

.shopping-cart .mad-products .mad-product-price:not(.onsale):before,
.shopping-cart .mad-products .mad-product-price span:before {
    display: none;
}

.mad-product-price > span:first-child {
    color: #7f8c93;
    padding-right: 8px;
    text-decoration: line-through;
    display: inline-block;
}

.mad-label {
    position: absolute;
    z-index: 2;
    top: 0.5rem;
    right: 0.5rem;
    line-height: 2.2rem;
    display: block;
    background: #2f8c1f;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    text-align: center;
}

.mad-label .svg {
    height: 18px;
}

.mad-label .svg path {
    stroke: #fff;
    stroke-width: 1rem;
    fill: transparent;
}

.mad-label.red {
    background: #eb0029;
}

.mad-label.yellow {
    background: #f2921d;
}

.mad-label.yellow .svg path {
    fill: #fff;
    stroke: transparent;
}

.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2:not(
        .mad-tabs--tour-sections
    ).with-products
    .mad-tabs-container
    .mad-tab {
    padding: 0;
}

.mad-tabs.mad-tabs--style-2.with-products .mad-tabs-nav:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-product .mad-coupons .mad-coupon {
    border-radius: 0;
}

/* Products small */

.mad-products.mad-product-small:not(.owl-carousel):not(.mad-page-nav) {
    display: block;
}

.mad-products.mad-product-small .mad-product {
    display: flex;
    position: relative;
    z-index: 1;
    box-shadow: none;
}

.mad-products.mad-product-small .mad-col:not(:last-child),
.mad-products.mad-product-small:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-products.mad-product-small .mad-product .mad-product-description {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.9375rem;
    line-height: 1rem;
    color: #575457;
}

.mad-products.mad-product-small .mad-product .mad-product-image {
    display: inline-block;
    min-width: 5.5rem;
    border-radius: 50%;
    overflow: hidden;
}

.shopping-cart .mad-products.mad-product-small .mad-product .mad-product-image,
.shop-cart-form
    .mad-products.mad-product-small
    .mad-product
    .mad-product-image {
    min-width: 4.5rem;
    border-radius: 1rem;
}

.shop-cart-form
    .mad-products.mad-product-small
    .mad-product
    .mad-product-description {
    line-height: 1.5rem;
}

.shop-cart-form
    .mad-products.mad-product-small
    .mad-product
    .mad-product-description
    .mad-product-title:not(:last-child) {
    margin-bottom: 0;
}

.shopping-cart .mad-products.mad-product-small .mad-product .mad-product-image {
    min-width: 4.5rem;
}

.mad-products.mad-product-small .mad-product .mad-product-price {
    font-size: 1.125rem;
    line-height: 1rem;
    font-weight: bold;
}

.mad-products.mad-product-small .mad-product-price:not(.onsale):before,
.mad-products .mad-product-price span:before {
    font-size: 12px;
    line-height: 10px;
}

.mad-products.mad-product-small
    .mad-product
    .mad-product-description
    .mad-product-title {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.mad-products.mad-product-small
    .mad-product
    .mad-product-description
    .mad-product-title:not(:last-child),
.mad-products.mad-product-small
    .mad-product
    .mad-product-description
    p:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-products.mad-product-small
    .mad-product
    .mad-product-description
    .mad-product-title:not(:last-child) {
    margin-bottom: 0.5rem;
}

table .mad-product-title a:hover {
    text-decoration: underline;
}

/* Products sorting */

.product-sort-section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    align-items: center;
    font-size: 1rem;
    color: #959595;
    margin: -1rem -1rem 0;
}

.product-sort-section > .mad-col {
    padding: 1rem 1rem 0;
}

.product-sort-section:not(:last-child) {
    margin-bottom: 2rem;
}

.product-sort-section .mad-custom-select {
    width: 18rem;
}

.mad-tabs .product-sort-section {
    padding-top: 2rem;
}

.mad-tabs .product-sort-section:not(:last-child) {
    margin-bottom: 0;
}

.product-sort-section .mad-filter {
    margin-bottom: 0;
}

/* Shopping cart */

.mad-dropdown-element.shopping-cart {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    margin-top: 1rem;
    margin-right: -12.25rem;
    min-width: 20rem;
}

.shopping-cart {
    background: #fecf73;
    padding: 2rem;
    border-radius: 1.5rem;
    text-align: left;
    overflow: hidden;
}

.shopping-cart
    .mad-products.mad-product-small
    .mad-product
    .mad-product-description
    .mad-product-title {
    font-weight: normal;
    line-height: 1.5rem;
    font-size: 1.25rem;
    font-weight: bold;
}

.shopping-cart
    .mad-products.mad-product-small
    .mad-product
    .mad-product-description
    .mad-product-price {
    color: #575457;
    font-weight: normal;
    font-family: 'Tajawal', sans-serif;
}

.shopping-cart .mad-close-item {
    position: absolute;
    right: 0;
    top: 0.25rem;
    font-size: 1.25rem;
    color: #232223;
}

.shopping-cart .sc-footer {
    position: relative;
    padding-top: 1.5rem;
}

.shopping-cart .sc-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #c3bb19;
    height: 1px;
}

.shopping-cart .subtotal {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.25rem;
    color: #040a1c;
    font-weight: bold;
    letter-spacing: 0px;
}

.shopping-cart .subtotal span {
    color: #eb0029;
}

.shopping-cart .subtotal span:before {
    content: "$";
    font-size: 0.75rem;
    line-height: 0.875rem;
    display: inline-block;
    vertical-align: top;
}

.shopping-cart .btn i {
    font-size: 1.5rem;
    vertical-align: -6px;
}

.shopping-cart .btn:after {
    background: #f2e4df;
}

.shopping-cart .subtotal:not(:last-child) {
    margin-bottom: 1.5rem;
}

.shop-cart-form table {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.shop-cart-form table tr th {
    width: 25%;
}

.shop-cart-form table tr th:last-child {
    width: 20%;
}

.shop-cart-form table tr td {
    padding-top: 2rem;
    padding-bottom: 2rem;
    vertical-align: middle;
}

.shop-cart-form table tr th:first-child {
    width: 35%;
}

.mad-table-wrap.shop-cart-form table tr:last-child td {
    border-bottom: 1px solid #dcdcdc;
}

.shop-cart-form .mad-product {
    align-items: flex-start;
}

.shop-cart-form .mad-product .mad-close-item {
    margin-right: 1.25rem;
    font-size: 1.125rem;
}

.shop-cart-form
    .mad-products.mad-product-small
    .mad-product-description
    .mad-product-title {
    font-size: 1.125rem;
}

table .mad-product-price {
    font-weight: bold;
    font-size: 1.125rem;
    color: #232223;
}

.shop-cart-form .mad-close-item {
    font-family: 'Tajawal', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    color: #eb0029;
}

.shop-cart-form .mad-close-item:hover {
    text-decoration: underline;
}

.shop-cart-form .mad-close-item:before {
    content: "cancel";
    font-size: 20px;
    font-family: 'Tajawal', sans-serif;
    text-transform: none;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 6px;
}

.shop-cart-form table tfoot tr td {
    padding: 1.3125rem 1.75rem;
}

.mad-shop-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shop-cart-form .mad-shop-footer > * {
    margin: 0;
}

.mad-checkout-form tr th:first-child {
    width: 25%;
    min-width: 18.75rem;
}

.mad-checkout-form .mad-product-title {
    font-size: 1.125rem;
    line-height: 1.875rem;
    letter-spacing: 0px;
    font-weight: 500;
}

.mad-checkout-form .checkout-title {
    font-size: 1.125rem;
}

.mad-checkout-form .checkout-title strong {
    font-weight: 600;
}

.mad-checkout-form tfoot,
.mad-checkout-form tfoot .checkout-title {
    position: relative;
    color: #386f7c !important;
}

.mad-checkout-form tfoot tr td {
    background: none;
}

.shop-cart-form tr th.order-date {
    width: 35%;
}

.shop-cart-form table tr th:first-child.order-number {
    width: 22%;
}

.shop-cart-form table tr td[data-cell-title="Actions"] .mad-link:before {
    content: "remove_red_eye";
    font-family: 'Tajawal', sans-serif;
    display: inline-block;
    vertical-align: -4px;
    text-transform: none;
    font-size: 20px;
    margin-right: 6px;
}

.shop-cart-form table tr td[data-cell-title="Actions"] .mad-link {
    font-family: 'Tajawal', sans-serif;
    border: none;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
}

.shop-cart-form table tr td[data-cell-title="Actions"] .mad-link:hover {
    text-decoration: underline;
}

@-moz-document url-prefix() {
    .mad-checkout-form tfoot:before {
        top: 0;
    }
}

.mad-checkout-form tfoot tr td:first-child {
    border-bottom: none;
}

.payment-option input[type="radio"] + label {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-top: 0 !important;
}

.payment-option input[type="radio"] + label[for]:not(:last-child) {
    margin-bottom: 1.5rem;
}

.payment-option input[type="radio"] + label span {
    font-size: 0.875rem;
    line-height: 1rem;
    display: inline-block;
    color: #959595;
}

.payment-option input[type="radio"] + label span b {
    color: #232223;
}

.payment-desc {
    padding-left: 2.8125rem;
}

.payment-option .input-wrapper:not(:last-child) {
    margin-bottom: 0;
}

.payment-option > li:last-child [class*="btn"]:only-child {
    margin-top: 0.9375rem;
}

/* Single product */

.mad-calc {
    display: flex;
}

.mad-calc .btn:not(.with-text) {
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-left: -4px;
}

.quantity {
    width: 7.8125rem;
    position: relative;
}

.quantity input {
    height: 2.5rem !important;
    line-height: 2.5rem !important;
    font-size: 1rem !important;
    padding: 0 2rem !important;
    text-align: center;
    border: 2px solid #e6e6e6 !important;
    box-shadow: none !important;
}

.quantity.size-2 {
    width: 13.0625rem;
}

.quantity.size-2 input {
    font-size: 1.125rem !important;
    height: 4rem !important;
    line-height: 4rem !important;
    font-size: 1.125rem;
}

.quantity.size-2 button {
    left: 1.875rem;
}

.quantity.size-2 .qty-plus {
    right: 1.875rem;
    left: auto;
}

.quantity.size-2 button {
    font-size: 1rem;
}

.mad-calc .quantity input {
    border-radius: 0.5rem 0 0 0.5rem;
}

.quantity button {
    position: absolute;
    top: 50%;
    left: 0.875rem;
    transform: translateY(-50%);
    color: #a0a0a0;
    font-size: 12px;
}

.quantity .qty-plus {
    left: auto;
    right: 0.875rem;
}

.mad-product.mad-product-single {
    padding: 1.875rem;
    border: 2px solid #fecf73;
    border-radius: 1.5rem;
    position: relative;
}

.mad-product.mad-product-single .image-preview-container:not(:last-child) {
    margin-bottom: 2rem;
}

/* .image-preview {
            overflow: hidden;
            padding-right: 11.625rem;
        }

        .image-preview img {
            width: 100%;
        } */

.mad-product-single .mad-product-title {
    display: inline-block;
}

.mad-product-single .mad-product-title .mad-label {
    position: initial;
    display: inline-block;
    vertical-align: 0;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.mad-product-single .mad-product-title .mad-label .svg {
    height: 1.875rem;
}

.mad-product-single .mad-product-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-product.mad-product-single .mad-product-price {
    display: block;
}

.mad-product.mad-product-single .mad-product-calc:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-product.mad-product-single
    .mad-product-calc
    .mad-product-price:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-product.mad-product-single .mad-product-calc .mad-product-price {
    display: block;
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: bold;
}

.mad-product.mad-product-single .mad-product-calc .mad-product-price:before {
    font-size: 1.5rem;
    line-height: 2rem;
}

.mad-product.mad-product-single .mad-product-calc .mad-product-price i {
    font-size: 1.875rem;
    font-style: normal;
    font-weight: normal;
}

.mad-product.mad-product-single .mad-product-description:not(:last-child) {
    margin-bottom: 3rem;
}

.mad-product-single .mad-shop-footer {
    margin-top: 2rem !important;
}

.image-preview-container,
.zoomContainer {
    overflow: hidden;
    border-radius: 1rem;
}

.mad-product.mad-product-single .mad-product-calc .quantity input {
    height: 3rem;
    font-size: 1rem;
}

.mad-product.mad-product-single .mad-product-calc .quantity {
    width: 10rem;
}

.mad-product.mad-product-single .mad-product-calc .btn {
    margin-left: -4px;
}

.mad-product-single .mad-product-info {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #595758;
}

.mad-product-single .mad-product-info ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-product-single .mad-product-info ul li span {
    color: #d98f4e;
}

.mad-product-single .mad-product-info:not(:last-child) {
    margin-bottom: 2.75rem;
}

.mad-product-footer {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.625rem;
    border-bottom: 1px solid #f2e4df;
}

.mad-product-footer .mad-share-wrap > span {
    font-size: 18px;
}

.mad-product-footer .mad-social-icons.size-2 ul li a {
    font-size: 1.25rem;
}

.shop-cart-form .mad-product .mad-close-item {
    margin-right: 3.75rem;
    font-size: 1.125rem;
}

.shop-cart-form
    .mad-products.mad-product-small
    .mad-product-description
    .mad-product-title {
    font-size: 1.25rem;
}

.mad-product-thumbs .mad-grid-item a {
    opacity: 0.6;
    display: block;
    max-width: 10.5rem;
    overflow: hidden;
    border-radius: 1rem;
}

.mad-product-thumbs .mad-grid-item a.active {
    opacity: 1;
}

.image-preview-container.type-2 {
    position: relative;
}

.image-preview-container .mad-thumb-holer {
    position: relative;
    width: 100%;
    max-width: 48.5rem;
    margin-top: 0.5rem;
    z-index: 9;
}

.image-preview-container.type-2 .mad-thumb-holer {
    position: absolute;
    transform: rotate(90deg);
    top: 296px;
    right: -305px;
}

.image-preview-container .mad-thumb-holer .owl-carousel {
    padding-right: 5rem;
}

.mad-product .image-preview-container .mad-product-thumbs .owl-nav {
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    justify-content: center;
    right: 1rem;
    top: 0;
    height: 100%;
}

.mad-product .image-preview-container .mad-product-thumbs .owl-nav > button {
    position: initial;
    margin: 0.25rem 0;
}

/* ----------------------------------------
        Tooltips
    ---------------------------------------- */

[data-tooltip]:not(a) {
    color: #232223;
}

.monkeysan-tooltip-skin-mad {
    font-size: 0.875rem;
    line-height: 1.875rem;
    font-weight: normal;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    color: #232223;
    background-color: #fecf73;
    border-radius: 0.625rem;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    position: absolute;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip-top::after,
.monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom.monkeysan-tooltip-position-reversed::after {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    margin-top: -1px;
    border-width: 7px 8px 0 8px;
    border-color: #fecf73 transparent transparent transparent;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom::after,
.monkeysan-tooltip-skin-mad.monkeysan-tooltip-top.monkeysan-tooltip-position-reversed::after {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    margin-bottom: -1px;
    border-width: 0 8px 7px 8px;
    border-color: transparent transparent #fecf73 transparent;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip-right::after,
.monkeysan-tooltip-skin-mad.monkeysan-tooltip-left.monkeysan-tooltip-position-reversed::after {
    bottom: auto;
    right: 100%;
    top: 50%;
    left: auto;
    margin-top: -8px;
    margin-right: -1px;
    border-width: 8px 7px 8px 0;
    border-color: transparent #fecf73 transparent transparent;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip-left::after,
.monkeysan-tooltip-skin-mad.monkeysan-tooltip-right.monkeysan-tooltip-position-reversed::after {
    bottom: auto;
    right: auto;
    top: 50%;
    left: 100%;
    margin-top: -8px;
    margin-left: -1px;
    border-width: 8px 0 8px 7px;
    border-color: transparent transparent transparent #fecf73;
}

/* ----------------------------------------
        Team Members
    ---------------------------------------- */

.mad-team {
    display: flex;
    flex-wrap: wrap;
}

.mad-team[class*="item-col-"]:not(.no-gutters) {
    margin-top: -4rem;
}

.mad-team[class*="item-col-"]:not(.no-gutters) > * {
    padding-top: 4rem;
}

.mad-team .mad-team-member-photo {
    border-radius: 1.5rem;
    overflow: hidden;
    display: block;
}

.mad-team .mad-team-member {
    position: relative;
    transition: all 0.5s ease;
}

.mad-team.big-type .mad-team-member {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-team.big-type .mad-col:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-team.big-type .mad-team-member .mad-team-member-name {
    letter-spacing: 0px;
}

.mad-team.big-type .mad-col:nth-child(2n) .mad-team-member {
    flex-direction: row-reverse;
}

.mad-team.big-type .mad-team-member > * {
    max-width: 43rem;
    width: 100%;
}

.mad-team.big-type .mad-team-member > .mad-team-member-info {
    max-width: 51.5%;
}

.mad-team:not(.big-type) .mad-team-member .mad-team-member-info {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-right: 2rem;
}

.mad-team.big-type .mad-team-member .mad-info-header:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-team:not(.big-type) .mad-team-member .mad-info-header:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-team.big-type .mad-team-member .mad-team-member-info {
    padding: 2rem 4.5rem;
}

.mad-team:not(.big-type) .mad-team-member .mad-team-member-name {
    font-weight: bold;
}

.mad-team .mad-team-member .mad-team-member-name a {
    color: #232223;
}

.mad-team .mad-team-member .mad-team-member-name:not(:last-child) {
    margin-bottom: 0;
}

.mad-team .mad-team-member .mad-member-stat {
    color: #959595;
    font-style: italic;
    font-size: 1rem;
    line-height: 1.5rem;
}

.mad-team.big-type .mad-team-member .mad-member-stat {
    font-size: 1.25rem;
}

.mad-team .mad-team-member p:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-team:not(.big-type)
    .mad-team-member
    .mad-team-member-photo:not(:last-child) {
    margin-bottom: 1.625rem;
}

.mad-team .mad-team-member .mad-team-member-photo img {
    width: 100%;
}

.mad-team.big-type .mad-team-member .mad-social-icons {
    margin-top: 3rem;
}

.mad-team.type-2 .mad-team-member {
    padding: 1.875rem;
    border: 2px solid transparent;
    border-radius: 1.5rem;
    text-align: center;
}

.mad-team.type-2 .mad-team-member:hover {
    border-color: #fecf73;
}

.mad-team.type-2 .mad-team-member .mad-team-member-info {
    padding: 0;
}

.mad-team.type-2 .mad-team-member .mad-social-icons ul {
    justify-content: center;
}

.mad-team.owl-carousel:not(.no-dots) .owl-nav {
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.mad-team.owl-carousel:not(.no-dots):hover .owl-nav {
    opacity: 1;
    visibility: visible;
}

/* ----------------------------------------
        Tables
    ---------------------------------------- */

table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border: none;
    border-radius: 20px;
    overflow: hidden;
}

table:not(:last-child) {
    margin-bottom: 1.625rem;
}

table tr {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    border-width: 0;
    border-style: solid;
}

table tr:hover,
table tr:focus {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
}

table td,
table th {
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    border-bottom: 1px solid #dcdcdc;
}

table tr th:last-child {
    width: 30%;
}

table th {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: bold;
    font-family: 'Tajawal', sans-serif;
}

table:not(.mad-table--vertical) tbody tr:last-child td,
table.mad-table--vertical tfoot tr:last-child td,
table tr th {
    border-bottom: none;
}

table td {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

table th,
table tfoot {
    color: #262123;
}

table:not(.mad-table--vertical) tr.bg,
.mad-table.mad-table--vertical tr th {
    background: #fecf73;
}

.mad-table-wrap.style-2 table:not(.mad-table--vertical) tr.bg,
.mad-table-wrap.style-2 .mad-table.mad-table--vertical tr th {
    background: #2e2d2e;
}

.mad-table-wrap.style-2 tr th {
    color: #fff;
}

.mad-table-wrap.style-2 tr td {
    border-color: #dcdcdc;
}

.mad-table.mad-table--vertical tr th {
    width: 30%;
}

table tfoot tr td {
    border-bottom: none;
    font-size: 1.125rem;
}

table tr:hover {
    background: #f8f8f8;
}

table tfoot tr.bg td,
.mad-table.mad-table--vertical tfoot tr th,
.mad-table.mad-table--vertical tfoot tr td {
    color: #eb0029;
    font-weight: bold;
    font-size: 1.25rem;
}

.mad-table.mad-table--vertical tfoot tr th {
    font-size: 1.25rem;
}

table tr.total,
table tr.total td {
    font-family: 'Tajawal', sans-serif;
    font-weight: bold;
}

.mad-dollar {
    position: relative;
}

.mad-dollar:before {
    content: "$";
    font-size: 14px;
    line-height: 1rem;
    display: inline-block;
    vertical-align: top;
}

/* Pricing tables */

.mad-pricing-tables {
    display: flex;
    flex-wrap: wrap;
}

.mad-pricing-table {
    position: relative;
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-pt-img {
    border-radius: 1.7rem;
    overflow: hidden;
    position: relative;
}

.mad-pricing-tables:not(.type-2) .mad-pt-img:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-pricing-tables .mad-pt-content {
    display: flex;
}

.mad-pricing-tables .mad-pt-content .mad-pt-price {
    position: relative;
    font-family: 'Tajawal', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 600;
    color: #232223;
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    min-width: 7.5rem;
    width: 7.5rem;
    height: 7.5rem;
    margin-left: -18px;
    text-align: center;
    padding-left: 0.875rem;
}

.mad-pricing-tables .mad-pt-content .mad-pt-price:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-mask: url(../yummi_svg_icons/blot.svg) no-repeat;
    mask: url(../yummi_svg_icons/blot.svg) no-repeat;
    background-color: #eee63a;
    background-size: cover;
    z-index: -1;
    transform: rotate(90deg);
}

.mad-pt-price-num {
    position: relative;
    font-size: 2.25rem;
    color: #eb0029;
    line-height: 2rem;
    font-weight: bold;
    letter-spacing: 0px;
}

.mad-pt-price-num:before {
    content: "$";
    font-size: 1.25rem;
    line-height: 1rem;
    display: inline-block;
    vertical-align: top;
}

.mad-pricing-tables:not(.type-2):not(.type-3) .mad-pt-text {
    padding-left: 1.5rem;
}

.mad-pt-title:not(:last-child) {
    margin-bottom: 0.25rem;
}

.mad-pricing-tables.type-2 .mad-pricing-table,
.mad-pricing-tables.type-3 .mad-pricing-table {
    padding: 1.875rem;
    border: 2px solid #fecf73;
    border-radius: 1.5rem;
    text-align: center;
    overflow: hidden;
}

.mad-pricing-tables.type-2 .mad-pricing-table .mad-pt-content,
.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-content {
    flex-direction: column;
    align-items: center;
    margin-top: -3.5rem;
    z-index: 1;
    position: relative;
    padding: 0 2.5rem;
}

.mad-pricing-tables.type-2 .mad-pricing-table .mad-pt-content .mad-pt-price {
    margin-bottom: 0.875rem;
}

.mad-pricing-tables.type-2 .mad-pricing-table.mad-pt-selected {
    background: #fecf73;
}

.mad-pricing-tables.type-2
    .mad-pricing-table.mad-pt-selected
    .mad-pt-price:after {
    background-color: #fff;
}

.mad-pricing-tables.type-2 .mad-pricing-table.mad-pt-selected .pt-label {
    background: #232223;
    color: #fff;
}

.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-content {
    margin-top: 0;
}

.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-icon {
    display: block;
}

.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-icon:not(:last-child) {
    margin-bottom: 1.125rem;
}

.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-icon .svg {
    height: 7.5rem;
}

.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-icon .svg .cls-1 {
    fill: #efe749;
}

.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-icon .svg .cls-2 {
    stroke: #232223;
}

.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-price {
    margin: 0 auto;
    background: none;
    width: auto;
    height: auto;
    -webkit-mask: none;
    mask: none;
    padding: 0;
    padding-top: 0.5rem;
}

.mad-pricing-tables.type-3 .mad-pricing-table .mad-pt-price:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-pricing-tables.type-3 .mad-pricing-table.mad-pt-selected {
    background: #fbf9d1;
}

.mad-pricing-tables.type-3 .mad-pt-content .mad-pt-price:after {
    display: none;
}

.pt-label {
    position: absolute;
    top: 1.5rem;
    left: -3.5rem;
    padding: 0 4rem;
    letter-spacing: 0px;
    text-align: left;
    font-weight: bold;
    background: #fecf73;
    color: #232223;
    font-size: 1rem;
    line-height: 2rem;
    white-space: nowrap;
    z-index: 2;
    transform: rotate(-30deg);
}

/* ----------------------------------------
        Banners
    ---------------------------------------- */

.mad-banners {
    overflow: hidden;
}

/* ----------------------------------------
        Icon boxes
    ---------------------------------------- */

.mad-icon-boxes[class*="item-col-"]:not(.no-gutters) {
    margin: -3rem -2rem 0;
}

.mad-icon-boxes[class*="item-col-"]:not(.no-gutters) > * {
    padding: 3rem 2rem 0;
}

.mad-icon-boxes:not(.no-bottom-space):not(:last-child) {
    margin-bottom: 3rem;
}

.mad-icon-boxes {
    display: flex;
    flex-wrap: wrap;
}

.mad-icon-boxes .mad-icon-box {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #575457;
}

.mad-icon-box .mad-icon-box-icon {
    font-size: 3.75rem;
    display: block;
}

.mad-icon-box .mad-icon-box-title {
    letter-spacing: 0px;
}

.mad-icon-box .mad-icon-box-title:not(:last-child) {
    margin-bottom: 0.75rem;
}

.mad-icon-boxes:not(.hr-type)
    .mad-icon-box
    .mad-icon-box-icon:not(:last-child) {
    margin-bottom: 1.75rem;
}

.mad-icon-box .mad-icon-box-icon .svg {
    height: 6rem;
    /* width: 4rem; */
}

.mad-icon-box .mad-icon-box-icon .svg .cls-1 {
    fill: #ede42f;
    stroke: transparent;
}

.mad-icon-box .mad-icon-box-icon .svg .cls-2 {
    stroke: #232223;
    fill: transparent;
}

/* Style-2 */

.mad-icon-boxes.style-2 .mad-icon-box {
    color: #b6b6b6;
}

.mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-icon .svg .cls-1 {
    fill: #ede42f;
}

.mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-icon .svg .cls-2 {
    stroke: #242324;
    fill: transparent;
}

.mad-icon-boxes.style-2 .mad-icon-box .mad-icon-box-title {
    color: #fff;
}

.mad-icon-boxes.style-2 .mad-icon-box {
    color: #b6b6b6;
}

/* Style-3 */

.mad-icon-boxes.style-3 .mad-icon-box .mad-icon-box-icon .svg path {
    fill: #eb0029;
}

.mad-icon-boxes.style-3 .mad-icon-box .mad-icon-box-icon .svg .cls-2 {
    stroke: #fff;
    fill: transparent;
}

/* Style-4 */

.mad-icon-boxes.style-4 .mad-icon-box .mad-icon-box-icon .svg path {
    fill: #252425;
}

.mad-icon-boxes.style-4 .mad-icon-box .mad-icon-box-icon .svg .cls-2 {
    stroke: #fecf73;
    fill: transparent;
}

.mad-icon-boxes.style-4 .mad-icon-box .mad-icon-box-title {
    color: #fff;
}

.mad-icon-boxes.style-4 .mad-icon-box {
    color: #b6b6b6;
}

/* Horisontal type */

.mad-icon-boxes.hr-type .mad-icon-box {
    display: flex;
}

.mad-icon-boxes.hr-type .mad-icon-box > .mad-icon-box-icon {
    min-width: 7.5rem;
    margin-top: -1rem;
}

.mad-icon-boxes.hr-type.small-size .mad-icon-box > .mad-icon-box-icon {
    min-width: 8.5rem;
}

.mad-icon-boxes.hr-type.with-backplate .mad-icon-box {
    padding: 2.5rem;
    background: #fbf9d1;
    border-radius: 2rem;
    font-size: 1.125rem;
    line-height: 2rem;
    border: 2px solid #fecf73;
    position: relative;
}

.mad-icon-boxes.hr-type.with-backplate
    .mad-icon-box
    .mad-icon-box-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-icon-boxes.hr-type.with-backplate
    > .mad-col:not(:last-child)
    .mad-icon-box:after {
    content: "";
    position: absolute;
    background: url(../images/box_arrow.png) no-repeat;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -1.875rem;
    width: 1.125rem;
    height: 3.75rem;
}

.mad-icon-boxes.hr-type.with-backplate[class*="item-col-"]:not(.no-gutters) {
    margin: -3rem -1.5rem 0;
}

.mad-icon-boxes.hr-type.with-backplate[class*="item-col-"]:not(.no-gutters)
    > * {
    padding: 3rem 1.5rem 0;
}

/* With Arrows */

.mad-icon-boxes.with-arrows .mad-icon-box {
    position: relative;
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-icon-boxes.with-arrows .mad-col:not(:last-child) .mad-icon-box:after {
    content: "";
    position: absolute;
    left: 90%;
    top: 1.5rem;
    -webkit-mask: url(../yummi_svg_icons/next_step.svg) no-repeat;
    mask: url(../yummi_svg_icons/next_step.svg) no-repeat;
    background-color: #fff;
    width: 151px;
    height: 31px;
}

.mad-icon-boxes.with-arrows .mad-col:nth-child(2n) .mad-icon-box:after {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.mad-colorizer--scheme-color-5
    .mad-icon-boxes.with-arrows
    .mad-col:not(:last-child)
    .mad-icon-box:after {
    -webkit-mask: url(../yummi_svg_icons/next_step.svg) no-repeat;
    mask: url(../yummi_svg_icons/next_step.svg) no-repeat;
    background-color: #e6e6e6;
}

.mad-icon-boxes.with-arrows .mad-icon-box .mad-icon-box-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-menu-box {
    display: flex;
    flex-wrap: wrap;
    border-radius: 1.5rem;
    overflow: hidden;
}

.mad-menu-box:not(.mad-tabs-nav) {
    background: #f3f3f3;
}

.mad-menu-box.mad-tabs-nav {
    flex-wrap: nowrap;
}

.mad-menu-box .mad-col {
    width: 16.6666%;
}

.mad-menu-box .mad-menu-item {
    display: block;
    padding: 2rem 1rem 3rem;
    text-align: center;
    background: #f3f3f3;
}

.mad-menu-box:not(.mad-tabs-nav) .mad-menu-item:hover {
    background: #fecf73;
}

.mad-menu-icon .svg {
    height: 6rem;
}

.mad-menu-icon .svg [class*="cls-"] {
    transition: all 0.5s ease;
}

.mad-menu-icon .svg .cls-1 {
    fill: #e9e8e9;
    stroke: transparent;
}

.mad-menu-icon .svg .cls-2 {
    stroke: #eb1e27;
    fill: transparent !important;
}

.mad-menu-box:not(.mad-tabs-nav)
    .mad-menu-item:hover
    .mad-menu-icon
    .svg
    .cls-1 {
    fill: #eb1e27;
}

.mad-menu-box:not(.mad-tabs-nav)
    .mad-menu-item:hover
    .mad-menu-icon
    .svg
    .cls-2 {
    stroke: #fff;
    fill: transparent !important;
}

/* ----------------------------------------
        Info boxes
    ---------------------------------------- */

/* ----------------------------------------
        Entities
    ---------------------------------------- */

.mad-entities[class*="item-col-"]:not(.mad-grid--isotope):not(.no-gutters) {
    margin-top: -3rem;
}

.mad-entities[class*="item-col-"]:not(.mad-grid--isotope):not(.no-gutters) > * {
    padding-top: 3rem;
}

.mad-entities[class*="item-col-"]:not(.mad-grid--isotope) {
    display: flex;
    flex-wrap: wrap;
}

.mad-entities:not(.with-big-date) .mad-entity {
    height: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
}

.mad-entities:not(.type-3) .mad-entity-media {
    border-radius: 2rem;
    overflow: hidden;
}

.mad-entities .mad-entity-media img {
    width: 100%;
}

.mad-entities:not(.mad-entity-hr) .mad-entity:not(:last-child),
.mad-entities:not([class*="item-col-"]):not(.type-2):not(.mad-entity-hr)
    .mad-col:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-entities.style-2:not(.type-2):not(.type-3):not(
        .style-3
    )[class*="item-col-"]:not(.mad-grid--isotope):not(.no-gutters) {
    margin-top: -4rem;
}

.mad-entities.style-2:not(.type-2):not(.type-3):not(
        .style-3
    )[class*="item-col-"]:not(.mad-grid--isotope):not(.no-gutters)
    > * {
    padding-top: 4rem;
}

.mad-entities:not(.type-2):not(.type-3):not(.style-3):not(.mad-entity-hr)
    .mad-entity
    .mad-entity-media:not(:last-child) {
    margin-bottom: 1.75rem;
}

.mad-entities:not(.single-entity) .mad-entity p:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-entity .mad-entity-title:not(:last-child) {
    margin-bottom: 0.75rem;
}

.mad-entities .mad-entity .mad-entity-title a.mad-link {
    color: #232223;
}

.mad-entities.size-2 .mad-entity,
.mad-entities.type-2 .mad-entity {
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-entities.size-2 .mad-entity .mad-read-more {
    font-size: 1.125rem;
}

.mad-entities.type-2 .mad-entity {
    display: flex;
    align-items: center;
}

.mad-entities.type-2 .mad-entity > * {
    width: 100%;
}

.mad-entities.type-2 .mad-entity .mad-entity-media {
    width: 100%;
    min-width: 43rem;
    border-radius: 2.125rem;
}

.mad-entities.type-2 .mad-entity .mad-entity-content {
    padding: 4rem 4.5rem;
}

.mad-entities.type-2 .mad-entity .mad-entity-content p:not(:last-child) {
    margin-bottom: 3rem;
}

.mad-entities.type-2.with-bg .mad-entity {
    background: #2e2d2e;
    border-radius: 2.125rem;
}

.mad-entities.type-2 .mad-entity .mad-entity-title {
    letter-spacing: 0px;
}

.mad-entities.type-3:not(.with-big-date):not(.mad-entity-hr) .mad-entity {
    border-radius: 1.5rem;
    background: #fff;
    overflow: hidden;
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-entities.type-3 .mad-entity .mad-entity-media {
    border-radius: 0;
}

.mad-entities.type-3 .mad-entity .mad-entity-body {
    padding: 2rem;
}

.mad-entities.type-3 .mad-entity .mad-entity-tags:not(:last-child) {
    margin-bottom: 0.75rem;
}

.mad-entities.type-3 .mad-entity .mad-entity-tags {
    display: flex;
    flex-wrap: wrap;
    margin: -4px -0.125rem 0;
}

.mad-entities.type-3 .mad-entity .mad-entity-tags > * {
    color: #232223;
    font-style: italic;
    font-size: 0.9375rem;
    line-height: 2rem;
    white-space: nowrap;
    letter-spacing: 0px;
    padding: 0 0.625rem;
    background: #f1f1f1;
    border-radius: 0.5rem;
    margin: 0.25rem 0.125rem 0;
}

.mad-entities.type-3 .mad-entity .mad-entity-tags .mad-in {
    background: #fecf73;
}

.mad-entities.type-3 .mad-entity .mad-entity-tags > a {
    background: #fcd9df;
}

.mad-entities.type-3 .mad-entity .mad-entity-tags a:hover {
    background: #eb0029;
    color: #fff;
}

.mad-entities.type-3.with-big-date .mad-entity .mad-entity-body {
    padding: 0;
    position: relative;
    padding-left: 7.5rem;
}

.mad-entities.type-3.with-big-date .mad-entity .mad-entity-date {
    position: absolute;
    margin-top: 0.25rem;
    top: 0;
    left: 0;
    width: 88px;
    height: 6rem;
    text-align: center;
    font-weight: 900;
    background: #f1f1f1;
    font-size: 3rem;
    font-family: 'Tajawal', sans-serif;
    font-style: italic;
    color: #232223;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 2.5rem;
    border-radius: 0.5rem;
}

.mad-entities.type-3.with-big-date .mad-entity .mad-entity-date span {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.mad-entities.type-3.with-img:not(.mad-entity-hr):not(.single-entity):not(
        .no-border
    )
    .mad-entity {
    padding-bottom: 2.375rem;
    border-bottom: 2px solid #fecf73;
    border-radius: 0;
}

.mad-entities.type-3.with-img.no-border .mad-entity {
    overflow: visible;
}

.mad-entities.type-3.with-img .mad-entity .mad-entity-body {
    padding-bottom: 0;
}

.mad-entities.type-3.with-big-date.with-img .mad-entity .mad-entity-body {
    margin-top: 2rem;
    margin-left: 2rem;
}

.mad-entities-big.mad-entities.type-3.with-big-date.with-img
    .mad-entity
    .mad-entity-body {
    padding-right: 2rem;
}

.mad-entities.type-3.with-img .mad-entity .mad-entity-media {
    border-radius: 1.5rem;
    overflow: hidden;
}

.mad-entities.type-3.with-img.with-sidebar
    .mad-entity
    .mad-testimonials.type-2
    .mad-testimonial {
    padding-left: 0;
}

.mad-entities.type-3.with-img.with-sidebar
    .mad-entity
    .mad-entity-link-element {
    padding-left: 4.5rem;
}

.mad-entity-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -1rem;
}

.mad-entity-footer > * {
    margin-top: 1rem;
}

.mad-share-wrap {
    display: flex;
    align-items: center;
}

.mad-share-wrap > span {
    margin-right: 1.5rem;
    display: inline-block;
    vertical-align: top;
}

.mad-entities.single-entity .mad-entity {
    padding: 1.875rem;
    border: 2px solid #fecf73;
    overflow: hidden;
    border-radius: 1.5rem;
}

.mad-entities.type-3.with-big-date.with-img.single-entity
    .mad-entity
    .mad-entity-body {
    margin-left: 0;
    margin-right: 0;
}

.mad-entities.type-3.with-big-date.with-img.single-entity
    .mad-entity
    .mad-entity-body:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-entities.single-entity .mad-entity .mad-testimonials {
    float: left;
    max-width: 55%;
    margin-right: 2rem;
}

.mad-entities.single-entity .mad-entity .mad-entity-footer,
.mad-product-single .mad-shop-footer {
    margin: -1.875rem;
    padding: 18px 2rem;
    margin-top: 0;
    background: #fbf9d1;
    border-top: 2px solid #fecf73;
    border-bottom-left-radius: 1.4rem;
    border-bottom-right-radius: 1.4rem;
}

.mad-entities.single-entity .mad-entity .mad-entity-footer > *,
.mad-product-single .mad-shop-footer > * {
    margin-top: 0;
}

.mad-entities:not(.mad-entity-small):not(.with-big-date):not(.type-2):not(
        .with-img
    )
    .mad-entity
    .mad-entity-content {
    padding-right: 2rem;
}

/* ----------------------------------------
            Style 2
        ---------------------------------------- */

.mad-entities.style-2 .mad-entity {
    color: #b6b6b6;
}

.mad-entities.style-2 .mad-entity .mad-entity-title a,
.mad-entities.style-2 .mad-entity .mad-entity-title {
    color: #fff;
}

/* Horysontal */

.mad-entities.mad-entity-hr .mad-col:not(:last-child),
.mad-entities.mad-entity-hr .mad-entity:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-entities.mad-entity-hr .mad-entity {
    display: flex;
}

.mad-entities.mad-entity-hr .mad-entity .mad-entity-media {
    border-radius: 1rem;
    overflow: hidden;
    min-width: 5.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
}

.mad-entities.mad-entity-hr .mad-entity .mad-entity-body {
    padding: 0;
}

.mad-entities.mad-entity-hr .mad-entity .mad-entity-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: bold;
}

.mad-entities.mad-entity-hr .mad-entity .mad-entity-title:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-entities.mad-entity-hr .mad-entity .mad-entity-tags > *,
.mad-entities.mad-entity-small .mad-entity .mad-entity-tags > * {
    line-height: 1.5rem;
    font-size: 0.8125rem;
}

.mad-entities.mad-entity-hr .mad-entity .mad-entity-tags:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-entity-link-element {
    font-family: 'Tajawal', sans-serif;
    position: relative;
    font-size: 1.5rem;
    line-height: 2.5rem;
    background: #fecf73;
    color: #eb0029;
    padding: 4.5rem;
    font-weight: 600;
    border-radius: 1rem;
    padding-left: 14rem;
    font-style: italic;
    letter-spacing: 0px;
    display: block;
    z-index: 1;
}

.mad-entity-link-element > i {
    position: absolute;
    top: 50%;
    margin-top: -1.25rem;
    left: 4.5rem;
    color: #f1ea7b;
    font-size: 6rem;
    line-height: inherit;
    transform: rotate(180deg);
    z-index: -1;
}

/* ----------------------------------------
        Carousels
    ---------------------------------------- */

.owl-carousel {
    position: relative;
}

.owl-carousel:not(.mad-simple-slideshow) .owl-stage {
    display: flex;
}

.owl-carousel:not(.mad-simple-slideshow) .owl-item {
    float: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.75rem;
    background: #e6e6e6;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel:not(.no-dots) .owl-nav button.owl-prev,
.owl-carousel:not(.no-dots) .owl-nav button.owl-next {
    top: calc(50% - 2rem);
}

.owl-carousel .mad-grid-item {
    height: 100%;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: auto;
}

.owl-carousel .owl-nav button.owl-prev {
    right: auto;
    left: 0;
}

.owl-carousel .owl-nav button:hover {
    background: #fecf73;
}

.owl-carousel .owl-nav button span {
    line-height: inherit;
    font-size: inherit;
    transform: rotate(105deg);
}

.owl-carousel .owl-nav button svg {
    width: 22px;
    height: 19px;
}

.owl-carousel .owl-nav button svg path {
    fill: #012533;
    stroke: transparent;
}

.owl-carousel .owl-dots,
.tp-bullets {
    width: auto !important;
    display: flex;
    justify-content: center;
    margin: 3rem -0.5rem 0;
}

.tp-bullets {
    margin-top: 0;
}

.owl-carousel .owl-dots > button.owl-dot {
    padding: 0 0.5rem !important;
}

.owl-carousel .owl-dots > button.owl-dot > span,
.tp-bullet {
    display: block;
    width: 1rem !important;
    height: 1rem !important;
    background: transparent;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
}

.owl-carousel .owl-dots > button.owl-dot.active > span {
    background: #dcdcdc;
}

.owl-carousel.dots-style-2 .owl-dots > button.owl-dot > span {
    border-color: #fff;
}

.owl-carousel.dots-style-2 .owl-dots > button.owl-dot.active > span {
    background: #fff;
}

.owl-carousel.no-nav {
    padding: 0 !important;
}

.owl-carousel.no-nav .owl-nav,
.owl-carousel.no-dots .owl-dots {
    display: none;
}

.owl-carousel.nav-hide .owl-nav {
    opacity: 0;
    visibility: hidden;

    transition: all 0.5s ease;
}

.owl-carousel.nav-hide:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}

.owl-carousel.nav-style-2 .owl-nav button:hover {
    background: #232223;
}

.owl-carousel.nav-style-2 .owl-nav button:hover svg path {
    fill: #fff;
}

.owl-carousel.nav-size-2 .owl-nav button {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: -1.25rem;
}

.owl-carousel.nav-size-2 .owl-nav button .svg {
    width: 0.9375rem;
    height: 0.8125rem;
}

/* ----------------------------------------
        Call to Actions
    ---------------------------------------- */

.mad-cta .row > *:last-child {
    text-align: right;
}

.mad-cta .mad-page-title:not(:last-child) {
    margin-bottom: 0;
}

/* ----------------------------------------
        Rating
    ---------------------------------------- */

.mad-rating {
    font-size: 1.5rem;
    line-height: 1rem;
    white-space: nowrap;
}

.mad-rating-top-level > *,
.mad-rating-bottom-level > * {
    font-size: 1.5rem;
    line-height: 1;
    color: #fecf73;
}

.mad-rating-bottom-level > * {
    color: #ccd5d9;
}

/* ----------------------------------------
        Testimonials
    ---------------------------------------- */

.mad-testimonials:not(.type-2) .mad-testimonial {
    text-align: center;
    padding-left: 3rem;
    padding-right: 3rem;
}

.mad-testimonial .mad-rating:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-testimonial .mad-testimonial-info:not(:last-child) {
    margin-bottom: 1.75rem;
}

.mad-testimonials.style-2 .mad-testimonial blockquote {
    color: #fff;
}

.mad-testimonials.style-3 .mad-testimonial .mad-rating-top-level > * {
    color: #fff;
}

.mad-testimonials.type-2 .owl-carousel {
    padding: 0 15rem;
}

.mad-testimonials.type-2 .owl-carousel .owl-dots {
    justify-content: flex-start;
    margin-left: 9rem;
}

.mad-testimonials.type-2 .mad-testimonial {
    position: relative;
    padding-left: 9.5rem;
}

.mad-testimonials.type-2 .mad-testimonial:before {
    content: "";
    -webkit-mask: url(../yummi_svg_icons/blockquote.svg) no-repeat;
    mask: url(../yummi_svg_icons/blockquote.svg) no-repeat;
    background-color: #f0f0f0;
    width: 104px;
    height: 97px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.mad-testimonials.type-2.style-2 .mad-testimonial:before {
    background-color: #3a393a;
}

.mad-testimonials.type-2.style-3 .mad-testimonial:before {
    background-color: #f1ea7b;
}

.mad-testimonials.type-2 .mad-testimonial .mad-author {
    display: flex;
    align-items: center;
}

.mad-testimonials.type-2 .mad-testimonial .mad-author-img:not(:last-child) {
    margin-bottom: 0;
    margin-right: 1.5rem;
}

.mad-testimonials.with-img {
    display: flex;
    align-items: center;
    margin: -4.5rem -2.25rem 0;
}

.mad-testimonials.with-img > .mad-col {
    width: 50%;
    padding: 4.5rem 2.25rem 0;
}

.mad-testimonials.with-img .mad-testimonial-img {
    border-radius: 1.5rem;
    overflow: hidden;
    margin-right: -11.5rem;
}

.mad-testimonials.with-img .mad-col:first-child .mad-testimonial-img {
    margin: 0;
    margin-left: -11.5rem;
}

.mad-testimonials.single-item {
    display: flex;
    flex-wrap: wrap;
}

.mad-testimonials.single-item {
    margin-top: -3.75rem;
}

.mad-testimonials.single-item > .mad-col {
    padding-top: 3.75rem;
}

.mad-entities[class*="item-col-"]:not(.no-gutters) {
    margin-top: -2.5rem;
}

.mad-entities[class*="item-col-"]:not(.no-gutters) > * {
    padding-top: 2.5rem;
}

/* ----------------------------------------
        Author
    ---------------------------------------- */

.mad-author-img {
    display: inline-block;
    width: 6rem;
    border-radius: 50%;
    overflow: hidden;
}

.mad-author-img:not(:last-child) {
    margin-bottom: 1rem;
}

/* ----------------------------------------
        Instafeed
    ---------------------------------------- */

.mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.mad-instafeed
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col.mad-col-full {
    flex: 1;
}

.mad-instafeed
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col:last-child
    .mad-offset-right {
    display: flex;
    justify-content: center;
}

.mad-instafeed
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col
    a
    img {
    width: 100%;
}

.mad-instafeed
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col
    a {
    display: block;
    position: relative;
}

.mad-instafeed
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col
    a:before {
    content: "\f16d";
    font-family: Font Awesome\5 Brands;
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(35, 34, 35, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.mad-instafeed
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col
    a:hover:before {
    opacity: 1;
    visibility: visible;
}

.mad-instafeed.style-2 .mad-grid {
    margin: -8px -4px 0;
}

.mad-instafeed.style-2 .mad-grid .mad-col {
    padding: 8px 4px 0;
}

.mad-instafeed.style-2
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col
    a {
    border-radius: 1.5rem;
    overflow: hidden;
}

.mad-instafeed.style-2 .mad-grid .mad-col.col-x2 {
    width: 40%;
}

.mad-instafeed.style-2.size-2 .mad-grid {
    margin: -0.5rem -0.25rem 0;
}

.mad-instafeed.style-2.size-2 .mad-grid > * {
    padding: 0.5rem 0.25rem 0;
}

.mad-instafeed .mad-separator {
    z-index: 1;
}

.mad-instafeed.size-2
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col
    a:before {
    font-size: 2rem;
}

.mad-instafeed.style-2.size-2
    .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)
    .mad-col
    a {
    border-radius: 0.875rem;
}

.mad-instafeed.style-2.size-2:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-box {
    background: #fecf73;
    padding: 2rem 4.5rem;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 1.5rem;
}

.mad-box .mad-box-content {
    width: 100%;
}

.mad-banners .mad-instafeed.style-2 .mad-grid {
    margin: -2rem -1rem 0;
}

.mad-banners .mad-instafeed.style-2 .mad-grid .mad-col {
    padding: 2rem 1rem 0;
}

/* ----------------------------------------
        Sliders
    ---------------------------------------- */

#rev_slider_1_1_wrapper.rev_slider_wrapper {
    background: #eb0029;
}

.container.wide > #rev_slider_1_1_wrapper.rev_slider_wrapper {
    border-radius: 1.5rem;
    overflow: hidden !important;
    margin-bottom: 2rem;
}

.rev-slider-section .rev-slider,
.rev-slider-section .rev_slider_wrapper {
    position: relative;
}

.rev-slider-section {
    padding: 5rem 0;
    padding-bottom: 2.5rem;
    position: relative;
}

.rev-slider-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f2fcfe;
    z-index: -1;
}

.rev-slider[class*="with-overlay"] {
    z-index: 1;
    position: relative;
}

.rev-slider[class*="with-overlay"] .tp-bgimg:after {
    z-index: 22 !important;
}

.rev-slider[class*="with-overlay"] .tp-bgimg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(35, 34, 35, 0.5);
}

.tp-layer-section-title {
    font-family: 'Tajawal', sans-serif;
    font-weight: bold !important;
    text-shadow: -3px 5px 0px rgba(17, 17, 17, 0.26);
}

.mad-menu-box-wrap {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.mad-menu-box-wrap .mad-menu-box {
    border-radius: 0;
    background: transparent;
}

.mad-menu-box-wrap .mad-menu-box .mad-menu-item {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

.mad-menu-box-wrap .mad-menu-box .mad-menu-item:not(:hover) {
    background: transparent;
}

.mad-menu-box-wrap .mad-menu-box .mad-menu-item:not(:hover) .mad-menu-title {
    color: #fff;
}

/* ----------------------------------------
        Google Map
    ---------------------------------------- */

.mad-gmap {
    height: 49.5rem;
    border-radius: 1.5rem;
    overflow: hidden;
}

.mad-gmap:not(:last-child) {
    margin-bottom: 3.5rem;
}

.mad-gmap {
    height: 100%;
    min-height: 40rem;
}

.mad-section--stretched-content-no-px .mad-gmap {
    border-radius: 0;
}

.mad-gmap.size-2 {
    min-height: 35.5rem;
}

/* ----------------------------------------
        Forms
    ---------------------------------------- */

input[type="text"],
input[type="search"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
.mad-custom-select .mad-selected-option,
.select2-container--milenia .select2-selection {
    height: 4rem;
    width: 100%;
    padding: 2rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #959595;
    background-color: #fff;
    border-radius: 2rem;

    -webkit-box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.16);
    -moz-box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.16);
    box-shadow: 2px 6px 0px 0px rgba(184, 0, 31, 0.16);
}

form.one-line {
    position: relative;
}

form.one-line .btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

form.one-line.mad-newsletter-form input {
    padding-right: 6rem;
    text-overflow: ellipsis;
}

form.style-2 input {
    -webkit-box-shadow: 2px 6px 0px 0px rgba(17, 17, 17, 0.26);
    -moz-box-shadow: 2px 6px 0px 0px rgba(17, 17, 17, 0.26);
    box-shadow: 2px 6px 0px 0px rgba(17, 17, 17, 0.26);
}

form.type-2 input,
form.type-2 textarea {
    border: 2px solid #e6e6e6;
    box-shadow: none;
}

form.type-2 input {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

form.size-2 input {
    height: 3rem;
    font-size: 1rem;
    line-height: 3rem;
    padding-left: 1.5rem;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

form.size-2:not(.one-line) input:not(:last-child) {
    margin-bottom: 1rem;
}

form.one-line.size-2 .btn {
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    padding: 0;
    text-align: center;
}

.mad-contact-form .mad-col:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-form-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -1rem;
}

.mad-form-footer > * {
    margin-top: 1rem;
}

.mad-contact-form.var2 .mad-col:not(:last-child) {
    margin-bottom: 2rem;
}

/* ----------------------------------------
            Placeholder
        ---------------------------------------- */

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-webkit-textarea-placeholder {
    color: inherit;
    opacity: 1;
}

input::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

::-ms-textarea-placeholder {
    color: inherit;
    opacity: 1;
}

/* ----------------------------------------
            Range Slider
        ---------------------------------------- */

.mad-range-slider-field {
    font-size: 1rem;
    line-height: 1.625rem;
    padding-top: 0.5rem;
}

.mad-range-slider-field input[type="text"],
.mad-range-slider-field input[type="search"],
.mad-range-slider-field input[type="date"],
.mad-range-slider-field input[type="datetime-local"],
.mad-range-slider-field input[type="email"],
.mad-range-slider-field input[type="file"],
.mad-range-slider-field input[type="month"],
.mad-range-slider-field input[type="number"],
.mad-range-slider-field input[type="password"],
.mad-range-slider-field input[type="tel"],
.mad-range-slider-field input[type="time"],
.mad-range-slider-field input[type="url"],
.mad-range-slider-field input[type="week"],
.mad-range-slider-field textarea {
    height: auto !important;
    font-size: inherit;
    line-height: inherit !important;
    border-width: 0px;
    font-weight: inherit;
    width: 100%;
    padding: 0 !important;
    background-color: transparent;
    box-shadow: none;
    color: #575457;
}

.mad-range-slider:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-range-slider-input:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-range-slider {
    position: relative;
    height: 0.5rem;
    background-color: #2e2d2e;
    border-radius: 1rem;
}

.mad-range-slider .ui-slider-range {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 1;
    cursor: pointer;
    background: #eb0029;
}

.mad-range-slider .ui-slider-handle {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    border-radius: 50%;
    background-color: #b8001f;
    -webkit-box-shadow: 2px 3px 0px 0px rgba(184, 0, 31, 0.4);
    -moz-box-shadow: 2px 3px 0px 0px rgba(184, 0, 31, 0.4);
    box-shadow: 2px 3px 0px 0px rgba(184, 0, 31, 0.4);
}

.mad-range-slider .ui-slider-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin-left: -8px;
    margin-top: -8px;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}

.mad-range-slider .ui-slider-handle:last-child {
    margin-left: -0.625rem;
}

/* ----------------------------------------
            Checkbox & Radio
        ---------------------------------------- */

input[type="checkbox"],
input[type="radio"] {
    display: none;
}

input[type="checkbox"] + label[for],
input[type="radio"] + label[for] {
    display: block;
    position: relative;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding-left: 4.25rem;
    padding-top: 0.75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    min-height: 3rem;
    color: #575457;
}

input[type="checkbox"] + label[for]::before,
input[type="radio"] + label[for]::before {
    content: "";
    border: 2px solid #e6e6e6;
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    border-radius: 1rem;
    left: 0;
    top: 0;
}

input[type="checkbox"] + label[for]::after,
input[type="radio"] + label[for]::after {
    font-family: 'Linearicons';
    content: "\e934";
    color: #313131;
    font-size: 1.5rem;
    line-height: 3rem;
    position: absolute;
    left: 0;
    width: 3rem;
    text-align: center;
    top: 0;
    display: none;
}

input[type="checkbox"] + label[for]:not(:last-child),
input[type="radio"] + label[for]:not(:last-child) {
    margin-bottom: 0.5rem;
}

input[type="checkbox"]:checked + label[for]::after,
input[type="radio"]:checked + label[for]::after {
    display: block;
}

input[type="radio"] + label[for]::after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #232223;
    left: 1rem;
    top: 1rem;
}

input[type="radio"] + label[for]::before {
    border-radius: 50%;
}

.mad-toggled-fields.hr-type {
    display: flex;
}

.mad-toggled-fields.hr-type > *:not(:last-child) {
    margin-right: 2rem;
}

/* ----------------------------------------
            Select
        ---------------------------------------- */

.mad-custom-select {
    position: relative;
}

.mad-custom-select.mad-over {
    z-index: 3;
}

.mad-custom-select .mad-selected-option {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 4rem;
    border: 2px solid #e6e6e6;
    box-shadow: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.mad-custom-select.size-2 .mad-selected-option {
    font-size: 1rem;
    height: 3rem;
    line-height: 2.75rem;
    padding-left: 1.5rem;
    padding-right: 3rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.mad-custom-select.mad-opened .mad-selected-option {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}

.mad-custom-select .mad-selected-option::after,
.mad-custom-select .mad-selected-option::before {
    content: "keyboard_arrow_down";
    font-family: 'Tajawal', sans-serif;
    font-size: 2rem;
    color: #959595;
    line-height: inherit;
    position: absolute;
    top: 0;
    right: 1.5rem;
    line-height: 3.75rem;

    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        visibility 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        visibility 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-custom-select.size-2 .mad-selected-option::after,
.mad-custom-select.size-2 .mad-selected-option::before {
    font-size: 1.5rem;
    line-height: 2.75rem;
    right: 1rem;
}



.mad-custom-select .mad-options-list {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: initial;
    background-color: #fff;
    color: #959595;
    padding-bottom: 1rem;
    border: 2px solid #e6e6e6;
    border-top: none;
    position: absolute;
    border-radius: 0 0 1.5rem 1.5rem;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -1px;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        visibility 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        visibility 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-custom-select .mad-options-list > li {
    cursor: pointer;
    padding-top: 1rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;

    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-custom-select .mad-options-list > li:hover,
.mad-custom-select .mad-options-list > li.mad-active {
    color: #eb0029;
}

.mad-custom-select.mad-opened .mad-options-list,
.mad-custom-select.mad-opened .mad-selected-option::before {
    opacity: 1;
    visibility: visible;
}

.mad-custom-select.mad-opened .mad-selected-option::after {
    opacity: 0;
    visibility: hidden;
}

.mad-csstransforms3d .mad-custom-select .mad-options-list,
.mad-csstransforms3d .mad-custom-select .mad-selected-option::after,
.mad-csstransforms3d .mad-custom-select .mad-selected-option::before {
    -webkit-transition-property: -webkit-transform, opacity, visibility;
    transition-property: transform, opacity, visibility;
}

.mad-csstransforms3d .mad-custom-select .mad-options-list {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}

.mad-csstransforms3d .mad-custom-select .mad-selected-option::before,
.mad-csstransforms3d .mad-custom-select.mad-opened .mad-selected-option::after {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.mad-csstransforms3d .mad-custom-select.mad-opened .mad-options-list,
.mad-csstransforms3d
    .mad-custom-select.mad-opened
    .mad-selected-option::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* ----------------------------------------
            Counter
        ---------------------------------------- */

.mad-field-counter {
    position: relative;
    padding-right: 3rem;
}

.mad-field-counter-value {
    font-family: 'Tajawal', sans-serif;
    color: #313131;
    font-size: 3.7rem;
    line-height: 0.82;
    position: relative;
    top: 5px;
}

.mad-field-counter-control {
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    right: 0;

    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-field-counter-control::after {
    font-family: 'Tajawal', sans-serif;
}

.mad-field-counter-control:hover {
    color: #313131;
}

.mad-field-counter-control--increase {
    top: 0;
}

.mad-field-counter-control--increase::after {
    content: "\e939";
}

.mad-field-counter-control--decrease {
    bottom: 0;
}

.mad-field-counter-control--decrease::after {
    content: "\e93a";
}

/* ----------------------------------------
            Label
        ---------------------------------------- */

label {
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 1rem;
    display: block;
}

label[for] {
    cursor: pointer;
}

p .req,
label span {
    color: #eb0029;
}

/* ----------------------------------------
            Textarea
        ---------------------------------------- */

textarea {
    height: auto;
    resize: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
}

/* ----------------------------------------
            Form groups
        ---------------------------------------- */

.form-group {
    display: flex;
    margin-top: -1rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.form-group:last-child > [class*="form-col"]:only-child > .btn:only-child {
    margin-top: 1rem;
}

.form-group:first-child {
    margin-top: -1rem;
}

[class*="form-col"] {
    flex: auto;
    width: 100%;
    position: relative;
    margin-top: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

[class*="form-col"].with-icon i {
    position: absolute;
    left: 2.5rem;
    font-size: 1.5rem;
    line-height: 4rem;
    color: #232223;
}

[class*="form-col"].with-icon input {
    padding-left: 4.375rem;
}

.form-group [class*="form-col"].no-fw {
    max-width: max-content;
    width: auto;
}

.form-group.type-2 {
    flex-wrap: wrap;
}

.form-group.type-2 [class*="form-col"] {
    max-width: 50%;
    width: 48%;
}

.form-group.type-2 [class*="form-col"] .btn {
    width: 100%;
}

.form-group.type-3 .form-col .btn {
    margin-top: 2.125rem;
    width: 100%;
}

.form-group.type-3 [class*="form-col"] {
    width: 38%;
}

.form-group.type-3 [class*="form-col"]:last-child {
    width: 24%;
}

.mad-form-tag {
    display: block;
    font-size: 0.875rem;
    color: #959595;
    line-height: 1rem;
    white-space: nowrap;
    margin-top: 0.5rem;
}

/* ----------------------------------------
            Single Field Form
        ---------------------------------------- */

.mad-singlefield-form {
    display: flex;
    margin: -1rem -1rem 0;
}

.mad-singlefield-form input {
    width: 100%;
    margin-right: 1rem;
}

.mad-singlefield-form > * {
    margin: 1rem 1rem 0;
}

/* ----------------------------------------
        Figure
    ---------------------------------------- */

.mad-figure-linked {
    text-align: center;
}

.mad-figure-linked figcaption:last-child:not(:only-child) {
    margin-top: 1.2rem;
}

.mad-figure-linked figcaption:first-child:not(:only-child) {
    margin-bottom: 1.2rem;
}

/* ----------------------------------------
        Colorizer
    ---------------------------------------- */

[class*="mad-colorizer--scheme-"] {
    position: relative;
}

.container
    .mad-section[class*="mad-colorizer--scheme-"]:not(
        [class*="mad-section--stretched"]
    ):not(.mad-section--no-adaptive) {
    padding-left: 1rem;
    padding-right: 1rem;
}

.mad-colorizer-bg-color,
.mad-colorizer-bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.mad-colorizer-bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mad-colorizer--parallax .mad-colorizer-bg-image {
    background-size: auto;
    background-attachment: fixed;
}

.mad-touchevents .mad-colorizer--parallax .mad-colorizer-bg-image {
    background-size: cover !important;
    background-position: center !important;
    background-attachment: scroll !important;
}

[class*="with-overlay"] {
    z-index: 1;
    position: relative;
}

[class*="with-overlay"]:not(.mad-section):after,
.mad-section[class*="with-overlay"] > [class*="mad-colorizer-"]:after {
    content: "";
    background: rgba(35, 34, 35, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.mad-bg-section {
    min-height: 442px;
}

.mad-colorizer--scheme-color-2 > .mad-colorizer-bg-color {
    background: #fecf73;
}

.mad-colorizer--scheme-color-3 > .mad-colorizer-bg-color {
    background: #eb0029;
}

.mad-colorizer--scheme-color-4 > .mad-colorizer-bg-color {
    background: #fef2f4;
}

.mad-colorizer--scheme-color-5 > .mad-colorizer-bg-color {
    background: #f8f8f8;
}

.mad-colorizer--scheme-color-6 > .mad-colorizer-bg-color {
    background: #2e2d2e;
}

.mad-colorizer--scheme-light .mad-cta-title,
.mad-colorizer--scheme-light .mad-title,
.mad-colorizer--scheme-light .mad-section-title,
.mad-colorizer--scheme-light .mad-page-title {
    color: #fff;
}

.mad-colorizer--scheme-color-2 {
}

.mad-colorizer--scheme-color-3 {
}

.mad-colorizer--scheme-color-4 {
}

/* Video wrapper */

.video_wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.video_wrapper > iframe {
    z-index: 2;
}

.video_wrapper_full {
    padding-top: 36rem;
}

.video_wrapper_full.with-half-bg:after {
    content: "";
    position: absolute;
    top: 50%;
    background: #fecf73;
    left: -2000px;
    right: -2000px;
    height: 50%;
}

.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/928x560_img1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    text-indent: -999em;
    opacity: 1;
    z-index: 3;
    overflow: hidden;
    border-radius: 1.5rem;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.videoPoster[class*="with-overlay"]:not(.mad-section):after {
    border-radius: 1rem;
    overflow: hidden;
}

.video_wrapper_full.image-2 {
    padding-top: 37.5rem;
}

.video_wrapper_full.image-2.size-2 {
    padding-top: 18rem;
}

.video_wrapper_full.image-2.size-3 {
    padding-top: 28rem;
}

.video_wrapper_full.image-2.size-2 .videoPoster {
    background-image: url(../images/493x320_img1.jpg);
}

.video_wrapper_full.image-2.size-3 .videoPoster {
    background-image: url(../images/688x448_img1.jpg);
}

.video_wrapper_full.image-2 .videoPoster {
    background-image: url(../images/1018x656_img5.jpg);
    border-radius: 1rem;
}

.videoPoster:hover {
    cursor: pointer;
}

.videoPoster:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
    background: url(../images/play-btn.png) no-repeat;
}

.videoPoster.no-btn {
    cursor: auto;
}

.videoPoster.no-btn:before {
    display: none;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

/* ----------------------------------------
        Gallery
    ---------------------------------------- */

.mad-gallery:not(.mad-grid--isotope) {
    display: flex;
    flex-wrap: wrap;
}

.mad-gallery:not(.mad-grid--isotope) .mad-gallery-item {
    display: block;
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    height: 100%;
    transition: all 0.5s ease;
}

.mad-grid-item.col-x2 {
    width: 50%;
}

.mad-gallery .mad-gallery-item a {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: url(../images/crosshair.png), crosshair;
    overflow: hidden;
    border-radius: 1.5rem;
    z-index: 1;
}

.fancybox-content img {
    overflow: hidden;
    border-radius: 1.7rem;
}

.mad-gallery .mad-gallery-item a img {
    width: 100%;
    transition: all 0.5s ease;
}

.mad-gallery .mad-gallery-item a:hover img {
    transform: scale(1.1);
}

.mad-gallery .mad-gallery-item a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(35, 34, 35, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.mad-grid--isotope:not(:last-child) {
    margin-bottom: 3.5rem;
}

.mad-gallery .mad-gallery-item a:hover:after {
    opacity: 1;
    visibility: visible;
}

.mad-filter {
    position: relative;
    z-index: 2;
    display: flex;
    margin-bottom: 2rem;
}

.mad-filter > li > a {
    display: block;
    font-family: 'Tajawal', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 2rem;
    color: #eb0029;
    letter-spacing: 0px;
}

.mad-filter > li > a.mad-active {
    color: #232223;
}

.mad-filter > *:not(:last-child) {
    margin-right: 2.5rem;
}

.mad-gallery:not([class*="item-col-"]).col-size-3 .mad-gallery-item {
    width: 33.3333%;
}

.mad-gallery.col-size-3:not([class*="item-col-"]) {
    margin: -0.5rem -0.25rem 0;
}

.mad-gallery.col-size-3:not([class*="item-col-"]) > * {
    padding: 0.5rem 0.25rem 0;
}

.mad-gallery.col-size-3 .mad-gallery-item a {
    border-radius: 0.875rem;
}

/* ----------------------------------------
        Countdown
    ---------------------------------------- */

.mad-countdown {
    margin-top: -2rem;
}

.mad-countdown .countdown-row {
    font-size: 0;
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
}

.mad-countdown .countdown-section {
    vertical-align: top;
    padding-top: 2rem;
    width: 25%;
    color: #575457;
    font-weight: bold;
}

.mad-countdown .countdown-amount {
    font-family: 'Tajawal', sans-serif;
    font-size: 4.5rem;
    color: #eb0029;
    font-weight: bold;
    line-height: 4rem;
    letter-spacing: 0px;
    display: block;
}

.mad-countdown .countdown-period {
    font-size: 1.125rem;
    line-height: 2rem;
    display: block;
}

.mad-countdown.style-2 .countdown-amount {
    color: #fecf73;
}

.mad-countdown.style-2 .countdown-section {
    color: #e6e6e6;
}

.mad-countdown.style-3 .countdown-amount {
    color: #232223;
}

/* ----------------------------------------
        Dropdown
    ---------------------------------------- */

.mad-dropdown {
    position: relative;
    z-index: 1;
}

.mad-dropdown-title {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mad-dropdown-element {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: initial;
    padding: 2rem;
    background-color: #fecf73;
    color: #575457;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        visibility 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
        visibility 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-dropdown-element > li {
    padding-top: 1rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
}

.mad-dropdown-element > li > a {
    color: #313131;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(100%, #313131),
        to(#313131)
    );
    background-image: linear-gradient(to bottom, #313131 100%, #313131 100%);
}

.mad-dropdown-element--icons > li {
    position: relative;
    padding-left: 3.1rem;
}

.mad-dropdown-element--x-right {
    left: auto;
    right: 0;
}

.mad-dropdown--opened {
    z-index: 6;
}

.mad-dropdown--opened .mad-dropdown-element {
    opacity: 1;
    visibility: visible;
}

.mad-dropdown--title-icon .mad-dropdown-title {
    position: relative;
    padding-right: 0.875rem;
}

.mad-csstransforms3d .mad-dropdown-element {
    -webkit-transition-property: -webkit-transform, opacity, visibility;
    transition-property: transform, opacity, visibility;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}

.mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened,
.mad-csstransforms3d
    .mad-dropdown--title-icon
    .mad-dropdown-icon--state-default {
    -webkit-transition-property: -webkit-transform, opacity, visibility;
    transition-property: transform, opacity, visibility;
}

.mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened,
.mad-csstransforms3d
    .mad-dropdown--title-icon.mad-dropdown--opened
    .mad-dropdown-icon--state-default {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.mad-csstransforms3d .mad-dropdown--opened .mad-dropdown-element,
.mad-csstransforms3d
    .mad-dropdown--title-icon.mad-dropdown--opened
    .mad-dropdown-icon--state-opened {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* ----------------------------------------
        Twitter Feed
    ---------------------------------------- */

.mad-twitter-feed:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-twitter-feed > li:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-twitter-feed > li {
    padding-left: 2rem;
}

.mad-twitter-feed > li {
    position: relative;
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-twitter-feed > li::before {
    content: "\f099";
    font-family: Font Awesome\5 Brands;
    font-size: 1.125rem;
    line-height: 2rem;
    position: absolute;
    left: 0;
    top: 0;
    color: #232223;
}

.mad-twitter-feed > li a {
    color: #eb0029;
}

.mad-twitter-feed > li a:hover {
    text-decoration: underline;
}

/* ----------------------------------------
    4. Pages
---------------------------------------- */

.fb_iframe_widget,
.fb_iframe_widget span {
    border-radius: 1rem;
    overflow: hidden;
}

.mad-page-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(8, 8, 8, 0.7);
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.mad-page-popup .mad-popup-inner {
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 5rem 0;
    width: 100%;
    max-width: 800px;
    border-radius: 1.5rem;
    background: url(../images/800x440_bg1.jpg) no-repeat #fff;
    background-size: cover;
    z-index: 1;
    overflow: hidden;
    -webkit-box-shadow: -3px 5px 0px 0px rgba(12, 11, 11, 0.18);
    -moz-box-shadow: -3px 5px 0px 0px rgba(12, 11, 11, 0.18);
    box-shadow: -3px 5px 0px 0px rgba(12, 11, 11, 0.18);
}

.mad-popup-inner .mad-page-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-popup-inner .arcticmodal-close {
    right: 1.75rem;
    top: 1.75rem;
}

.mad-popup-inner .arcticmodal-close i {
    font-size: 2rem;
}

.mad-page-popup.share-popup .mad-popup-inner {
    background: #fff;
    padding: 2rem;
    max-width: 28rem;
}

.mad-total-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.mad-total-section .mad-total-item {
    font-size: 1.5rem;
    font-weight: bold;
    color: #eb0029;
}

.mad-total-section .mad-total-item span {
    font-family: 'Tajawal', sans-serif;
    display: inline-block;
    margin-right: 1rem;
}

.mad-service-hours ul li span {
    min-width: 7.5rem;
    display: inline-block;
    font-weight: bold;
    color: #232223;
}

.mad-half-section {
    display: flex;
    flex-wrap: wrap;
    margin: -2rem -1rem 0;
}

.mad-half-section .mad-col {
    width: 50%;
    padding: 2rem 1rem 0;
}

.mad-half-section .mad-col:first-child .mad-half-section-item {
    justify-content: flex-end;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

.mad-half-section .mad-col:last-child .mad-half-section-item {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.mad-half-section-item {
    text-align: center;
    display: flex;
    background-size: cover;
    padding: 10rem 3.875rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.mad-half-section-item .mad-half-content {
    color: #e6e6e6;
    max-width: 20.625rem;
}

.mad-half-content .mad-page-title {
    color: #fff;
}

.mad-half-content .mad-page-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-our-info {
    display: flex;
    flex-wrap: wrap;
    margin: -0.75rem -0.75rem 0;
}

.mad-our-info .mad-info {
    display: flex;
    padding: 0.75rem 0.75rem 0;
}

.mad-our-info .mad-info > i {
    min-width: 1.5rem;
    font-size: 1.125rem;
    line-height: inherit;
}

.mad-our-info.type-2 .mad-info {
    display: flex;
    align-items: center;
    font-family: 'Tajawal', sans-serif;
}

.mad-our-info.type-2 .mad-info span {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.5rem;
}

.mad-our-info.type-2 .mad-info i {
    font-size: 2.5rem;
    color: #fff;
    min-width: 3rem;
}

.mad-our-info.type-2 .mad-info-title {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5rem;
    letter-spacing: 0px;
    color: #fecf73;
}

.mad-our-info.vr-type .mad-info {
    width: 100%;
    line-height: 2rem;
}

.mad-our-info.vr-type .mad-info:not(:last-child) {
    margin-bottom: 0;
}

.mad-our-info.vr-type .mad-info > i {
    min-width: 2rem;
    font-size: 1.25rem;
    color: #232223;
}

.mad-our-info .mad-info .mad-dir {
    margin-top: -4px;
    line-height: 1.25rem;
    display: table;
}

.mad-info .mad-selected {
    color: #fecf73;
    font-size: 1.25rem;
    font-weight: bold;
}

.mad-our-info-map .mad-our-info {
    padding: 1.875rem;
    border: 2px solid #fecf73;
    border-radius: 1.5rem;
    transition: all 0.5s ease;
    color: #575457;
    margin: 0;
    height: 100%;
    display: block;
}

.mad-our-info-map .mad-our-info .mad-info {
    padding: 0;
}

.mad-our-info-map .mad-our-info .mad-info:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-our-info-map .mad-our-info:hover {
    background: #fecf73;
}

.mad-our-info-map .mad-our-info .mad-page-title:not(:last-child) {
    margin-bottom: 0.25rem;
}

.mad-our-info.size-2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
}

.mad-our-info.size-2 .mad-info .mad-dir {
    line-height: 2rem;
    font-size: 1.125rem;
    margin-top: 0;
}

.mad-our-info.vr-type.size-2 .mad-info > i {
    min-width: 4rem;
    font-size: 2.5rem;
}

.mad-our-info.vr-type.size-2 {
    margin-top: -1.5rem;
}

.mad-our-info.vr-type.size-2 .mad-info {
    padding-top: 1.5rem;
}

/* Specifications  */

.mad-specs[class*="item-col-"] {
    display: flex;
    flex-wrap: wrap;
}

.mad-specs:not([class*="item-col-"]) .mad-col:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-specs[class*="item-col-"] {
    margin-top: -3rem;
}

.mad-specs[class*="item-col-"] .mad-col {
    padding-top: 3rem;
}

.mad-specs:not(:last-child) {
    margin-bottom: 3.5rem;
}

.mad-spec-item {
    display: flex;
    color: #7a7879;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.mad-spec-item figure {
    max-width: 88px;
    width: 100%;
    min-width: 88px;
    margin-right: 1.5rem;
    border-radius: 50%;
    overflow: hidden;
}

.mad-spec-item figure img {
    width: 100%;
}

.mad-spec-item > * {
    width: 100%;
}

.mad-spec-header {
    font-family: 'Tajawal', sans-serif;
    position: relative;
    display: flex;
    color: #eb0029;
    line-height: 2rem;
    font-weight: bold;
    font-size: 1.5rem;
    justify-content: space-between;
    margin: 0 -1.5rem;
}

.mad-spec-header > * {
    padding: 0 1.5rem;
}

.mad-spec-header > *:last-child {
    text-align: right;
}

.mad-spec-header .mad-line {
    height: 1.4rem;
    flex: 1;
    border-bottom: 2px dotted #7a7879;
}

.mad-spec-header:not(:last-child) {
    margin-bottom: 0.25rem;
}

.mad-spec-header .mad-spec-title {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #232223;
    letter-spacing: 0px;
    white-space: nowrap;
}

.mad-spec-header .mad-spec-title .mad-label {
    position: initial;
    display: inline-block;
    margin-left: 0.75rem;
    margin-right: -0.25rem;
}

.mad-spec-price {
    white-space: nowrap;
}

.mad-spec-price::before {
    content: "$";
    display: inline-block;
    vertical-align: top;
    line-height: 1.5rem;
    font-size: 1rem;
}

.mad-specs-section .row {
    align-items: center;
}

.mad-specs-section > .row:not(:first-child) {
    margin-top: 2rem;
}

.mad-specs-section img {
    width: 100%;
}

.mad-specs-section > .row > * .mad-specs {
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.mad-specs-section > .row > * .mad-specs {
    padding-left: 4.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.mad-specs-section > .row > *:nth-child(2n) .mad-specs {
    padding-left: 2.5rem;
    padding-right: 4.5rem;
}

.mad-specs.style-2 .mad-spec-item {
    display: block;
}

.mad-spec-tags {
    font-size: 1rem;
    line-height: 1.5rem;
}

.mad-spec-el {
    line-height: 1.5rem;
}

.mad-specs.style-2 .mad-spec-item > figure:not(:last-child) {
    margin-bottom: 1.5rem;
    min-width: 100%;
}

.mad-specs.item-reverse .mad-col:nth-child(2n) .mad-spec-item {
    flex-direction: column-reverse;
    display: flex;
}

.mad-specs.item-reverse
    .mad-col:nth-child(2n)
    .mad-spec-item
    > figure:not(:last-child) {
    margin-bottom: 0;
    margin-top: 1.5rem;
}

.mad-single-menu.owl-carousel .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

.mad-single-menu.owl-carousel .owl-stage .owl-item {
    float: none;
}

.mad-single-menu .mad-menu-item {
    display: flex;
    align-items: center;
    border-radius: 1.5rem;
    overflow: hidden;
    background: #fff;
    height: 100%;
    opacity: 0.7;
}

.mad-single-menu .owl-item.center .mad-menu-item {
    opacity: 1;
}

.mad-single-menu .mad-menu-item > .mad-menu-img {
    max-width: 28rem;
    width: 100%;
}

.mad-single-menu .mad-menu-item .mad-menu-content {
    padding: 2rem;
}

.mad-menu-item .mad-menu-content .mad-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-menu-item .mad-menu-price {
    font-family: 'Tajawal', sans-serif;
    font-size: 3rem;
    line-height: 48px;
    font-weight: bold;
    color: #eb0029;
}

.mad-menu-item .mad-menu-price:before {
    content: "$";
    display: inline-block;
    vertical-align: top;
    font-size: 1.75rem;
    line-height: 1.5rem;
}

.mad-menu-item .btn-set {
    align-items: flex-end;
    padding-top: 0.5rem;
    margin: -1.25rem -1.25rem 0;
}

.mad-menu-item .btn-set > * {
    margin: 1.25rem 1.25rem 0;
}

.owl-carousel.nav-style-2 .owl-nav .owl-prev {
    left: 15%;
}

.owl-carousel.nav-style-2 .owl-nav .owl-next {
    right: 15%;
}

/* ----------------------------------------
        Blog Single
    ---------------------------------------- */

/* ----------------------------------------
        Events
    ---------------------------------------- */

/* ----------------------------------------
            Events by Month
        ---------------------------------------- */

/* ----------------------------------------
            Event Single
        ---------------------------------------- */

/* ----------------------------------------
        404 Page
    ---------------------------------------- */

.mad-404-content:not(:last-child) {
    margin-bottom: 2.6rem;
}

.mad-404-title {
    font-size: 22.5rem;
    font-weight: bold;
    line-height: 19rem;
    color: #eb0029;
}

.mad-404-title + * {
    margin-top: -4rem;
    color: #eb0029;
    font-weight: 500;
}

/* ----------------------------------------
        Coming Soon Page
    ---------------------------------------- */

.mad-coming-soon {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.mad-coming-soon .mad-content {
    flex: 1;
}

.mad-coming-soon .mad-content .mad-section:first-child {
    padding: 11rem 0;
}

.mad-coming-soon .mad-header .mad-header-items {
    padding: 2rem 0;
}

.mad-coming-soon .mad-footer-bottom {
    padding-top: 2rem;
}

.mad-coming-soon .mad-footer-bottom .container {
    display: block;
}

/* ----------------------------------------
        Home
    ---------------------------------------- */