@font-face {
    font-family: 'GE_SS';
    src: url(../../fonts/GE_SS/GE\ SS\ Text\ Medium.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GE_SS';
    src: url(../../fonts/GE_SS/GE\ SS\ Two\ Bold.otf) format('opentype');
    font-weight: 700;
    font-style: bold;
}
@font-face {
    font-family: 'GE_SS';
    src: url(../../fonts/GE_SS/GE\ SS\ Text\ Light.otf) format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Walkway';
    src: url(../../fonts/walkway/Walkway\ SemiBold.ttf) format('truetype');
}

.font-ar {
    font-family: 'GE_SS', Arial, sans-serif !important;
}

.font-en {
    font-family: 'Walkway', Arial, sans-serif !important;
}

::-moz-selection,::selection {
  color: var(--menu-background-color) !important;
  background: var(--text-color) !important;
}

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

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

@font-face {
    font-family: 'SaudiRiyalSymbol';
    src: url(../../fonts/SAR/saudiriyalsymbol.woff2) format('woff2'),
         url(../../fonts/SAR/saudiriyalsymbol.woff) format('woff'),
         url(../../fonts/SAR/saudiriyalsymbol.otf) format('opentype');
}
.sar {
    font-family: 'SaudiRiyalSymbol', sans-serif;
    font-size: inherit;
    margin: 20px auto;
    padding: 0 5px;
    color: inherit;
    font-weight: bold;
}

.item-selector .item-button.active
{
    font-weight: bold;
    text-decoration: underline;
}

.skillbar-bar, .skillbar-bar-2
{
    background: var(--text-color) !important;
}

.social-icons li span
{
    color:var(--link-color);
}
body, p, p a
{
    font-size: var(--font-size);
}

body, p, p a, p a:hover, h2.hero-heading.hero-heading-dark, .testimonial blockquote, .section-title h2, .intro-years h2, .intro-years h3, .intro-years h4, .team-box, .team-box span, .item-button, .item-name, .item-price, h4, .color-switch, .col-all:hover .color-switch, .skillbar-title, .skill-bar-percent, .skillbar-title-2, .skill-bar-percent-2, .blog-tag, .social-icons li span, .blog-quote p, .more-button-bg-center, .section-title-inner, .section-title-inner.section-title-inner-dark, .testimonial.testimonial-2 blockquote, .contact-info-description, .contact-info-description-img, .contact-info-text a, .contact-info-text a:hover, .contact-info-text a:visited, .contact-info-text a:active, .contact-info-text a:focus, h2.hero-heading, .copyright
{
    color:var(--text-color);
}
.section-title.section-title-dark h2
{
    color:var(--text-color);
}
.contact-info-text a, .contact-info-text a:hover, .testimonial.testimonial-2 .quote .quote-inner, .contact-info-description, .contact-info-description-img, .contact-info-text, .parallax-content .section-title .section-title-line
{
    color:var(--text-color) !important;
}
p a, p a:hover, p a:visited, p a:active, p a:focus, .social-icons li a 
{
    color:var(--link-color) !important;
}
a, a:hover, a:visited, a:active, a:focus
{
    color:var(--link-color);
}
a.link-effect::after, a.link-effect.link-effect-light::after 
{
    background-color:var(--link-color);
}
.contact-info-text a.link-effect::after,
.contact-info-text a.link-effect::after.link-effect-light::after
{
    background-color:var(--text-color);
}
.owl-prev.disabled, .owl-next.disabled
{
    background-color: var(--menu-background-color) !important;
}

.the-line
{
    background: var(--menu-background-color);
}

p, a, span, h1, h2, h3, h4, h5, h6, li, blockquote, .section-title h2, .section-title-inner h2, .section-title-inner.section-title-inner-dark h2, .testimonial.testimonial-2 blockquote p, .testimonial.testimonial-2 blockquote p a, .testimonial.testimonial-2 blockquote p a:hover, .testimonial.testimonial-2 blockquote p a:visited, .testimonial.testimonial-2 blockquote p a:active, .testimonial.testimonial-2 blockquote p a:focus
{
    letter-spacing: var(--letter-spacing) !important;
}

.new-navbar a
{
    color:var(--menu-link-color);
}

.new-navbar a:hover
{
    color:var(--menu-link-hover-color);
}

.mx-1
{
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.font-bold
{
    font-weight: 700 !important;
}

.ls-normal
{
    letter-spacing: normal !important;
}

.main-navigation .navbar-nav li a
{
    text-transform: none !important;
}


.categories-selector
{
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.selector-button
{
    position: relative;
    text-align: center;
    margin: 4px 0 0 0;
    font-weight: 800;
    padding: 0 20px;
}

.selector-button.active
{
    text-decoration: underline;
}

.subcategories-selector
{
    display: none;
}

.subcategories-selector.subcategory-visible
{
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .subcategories-selector.subcategory-visible .selector-button
    {
        width: 50% !important;
        text-align: center;
        padding:0;
    }

    .social-icons ul
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
    }

    .social-icons ul li
    {
        display: block;
        width: 50%;
        margin:0;
        padding:0;
    }

    .match-height
    {
        height: auto !important;
    }
}


.services-menu {
display: none;
}

@media (min-width: 768px) {
  .services-menu {
    grid-column-gap: 40px;
	grid-template-columns: repeat(2, 1fr);
  }
}

.services-menu.menu-visible {
display: grid;
}

.services-menu .item-wrapper {
display: flex;
align-items: baseline;
}

.services-menu .item-name {
font-weight: 800;
line-height: 1.5;
letter-spacing: -0.04em;
}

.services-menu .item-divider {
flex: 1;
border-bottom: 1px dashed #e0e0e0;
margin: 0 15px;
}

.services-menu .item-price {
font-weight: 800;
text-align: center;
line-height: 1.5;
letter-spacing: -0.04em;
}

.services-menu .item-description {
margin: 0 0 50px 0;
}

.team-box,
.team-box span,
.img-caption,
.section-title-line span,
.more-button-txt-center span,
.contact-info-text a,
.skillbar-title,
p,
h1, h2, h3, h4, h5, h6,a,span, li, blockquote
{
    text-transform: none !important;
}
.center-block-contact-modal-padding-top
{
    padding: 50px 0 0 0 !important;
}

.team-box
{
    letter-spacing: var(--letter-spacing) !important;
}

.bg-light
{
    /*background-color: var(--bg-light) !important;*/
}

.btn-book
{
    border: solid 1px var(--text-color) !important;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}

.btn-book:hover
{
    background-color: var(--text-color) !important;
    color: var(--menu-background-color) !important;
}

.selector-button.category:hover
{
    background-color: var(--menu-background-color) !important;
    color: var(--text-color) !important;
}

.selector-button.category
{
    font-size: 1rem;
    text-decoration: none;
    border: solid 1px var(--text-color) ;
    margin: 0 5px;
    border-radius: 1rem;
    padding: 0.5rem 1rem;
}

.selector-button.category.active
{
    background-color: var(--text-color) !important;
    color: var(--menu-background-color) !important;
}

.text-center, .text-center * 
{
    text-align: center !important;
}

.text-right, .text-right * 
{
    text-align: right !important;
}

.text-left, .text-left * 
{
    text-align: left !important;
}

.order-1
{
    order: 1 !important;
}
.order-2
{
    order: 2 !important;
}
.order-3
{
    order: 3 !important;
}

@media (max-width: 768px) {
    .order-sm-1
    {
        order: 1 !important;
    }
    .order-sm-2
    {
        order: 2 !important;
    }
    .order-sm-3
    {
        order: 3 !important;
    }
    .flex-sm-column
    {
        display: flex !important;
        flex-direction: column !important;
    }
}