/* ===========================================================================
Variables
============================================================================*/
:root {
    --color-red: #ff5454;
    --color-green: #006e79;
    --color-green-light: #00a295;
}

/* ===========================================================================
Reset
============================================================================*/
body{
  background-color: #fff;
}

img {
    max-width: 100%;
}

iframe {
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

/* ===========================================================================
Typography
============================================================================*/
body {
    background-color: white;
    color: black;
}

a {
    color: var(--color-green);
    text-decoration: none;
}

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

/* ===========================================================================
Core Bootstrap fix for RTL
============================================================================*/
/* input group */
html[lang="ar"] .input-group > .input-group-prepend > .btn {
	border-radius: 0 4px 4px 0;
}
html[lang="ar"] .input-group > .input-group-append > .btn {
	border-radius: 4px 0 0 4px;
}

html[lang="ar"] .input-group-prepend {
	margin-right: 0;
	margin-left: -1px;
}
html[lang="ar"] .input-group-append {
	margin-left: 0;
	margin-right: -1px;
}

/* ===========================================================================
Utilities
============================================================================*/
/* ---------- Mirror ---------- */
html[lang="ar"] .mirror-on-rtl {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

/* ---------- Display ---------- */
@media(min-width: 1200px){
    .hide-1200-and-up{
        display: none !important;
    }
}
@media(max-width: 1199.98px){
    .hide-lower-than-1200{
        display: none !important;
    }
}

/* etc. old */
.color-red{color: var(--color-red) !important;}
.color-gray{color: gray !important;}

.line-through{text-decoration: line-through !important;}
.underlined{text-decoration: underline;}

.fs-20{font-size: 20px !important;}
.fs-13{font-size: 13px !important;}

html[lang="ar"] ul {
    padding-right: 0;
}

html[lang="en"] .flip-en{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
html[lang="ar"] .rotate180-ar{
    transform: rotate(180deg);
}

.product-details-page .product-tabs .nav-link.active::after, 
#pills-mobile-tab .nav-item .nav-link.active::after {
    background: var(--color-red);
}

@media(min-width: 992px){
    html[lang="en"] .offset-lg-2-opposite-ar {
        margin-left: 16.666667%;
    }
    html[lang="ar"] .offset-lg-2-opposite-ar {
        margin-right: 16.666667%;
    }
}

.mark, mark {
    padding: .2em;
    background-color: #ffce39;
}


/* ===========================================================================
Layout
============================================================================*/
/* ----- container ----- */
@media(min-width: 1200px) {
    .container {
        max-width: 1160px;
    }
}

@media(min-width: 1250px) {
    .container {
        max-width: 1200px;
    }
}

@media(min-width: 1350px) {
    .container {
        max-width: 1210px;
    }
}

@media(min-width: 1400px) {
    .container {
        max-width: 1250px;
    }
}

@media(min-width: 1900px) {
    .container {
        max-width: 1440px;
    }
}