@font-face {
    font-family: 'gt-amer';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/GT-America-Extended-Light.ttf) format('truetype');
}


@font-face {
    font-family: 'gt-amer';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/GT-America-Extended-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'gt-amer';
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/GT-America-Extended-Medium-Italic-Trial.otf) format('truetype');
}

@font-face {
    font-family: 'gt-amer';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/GT-America-Extended-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'IBM';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/IBMPlexSansArabic-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'IBM';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/IBMPlexSansArabic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'IBM';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/IBMPlexSansArabic-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family: 'IBM';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/IBMPlexSansArabic-Bold.ttf) format('truetype');
}

:root {
    --whiteColor: #fff;
    --grediantColor: linear-gradient(269deg, #184B2D 6.56%, #22965E 99.49%);
    --grediantColor1: linear-gradient(269deg, #22965E 6.56%, #184B2D 99.49%);
    --primaryColor1: #184B2D;
    --primaryColor2: #22965E;
    --primaryColor3: #7DC099;
    --darkgreenColor: rgba(17, 54, 32, 1);
    --lightgreenColor: rgba(125, 192, 153, 1);
    --greenColor: rgba(34, 150, 94, 1);
    --borderColor: rgba(125, 192, 153, 0.55);
    --acroddion-bg: rgba(125, 192, 153, 0.25);
    --bgColor: #184b2d;
    --lightGray: #efefef;
    --lightBlue: #a3c6eb;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #c6cdde;
}

*,
::after,
::before {
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 7px;
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #c6cdde;
    border-radius: 46px;
}

b,
strong {
    font-weight: 700;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "gt-amer", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
    background: var(--whiteColor);
    overflow-x: hidden;
}

html[lang='ar'] body {
    font-family: "IBM", sans-serif;
    direction: rtl;
    text-align: right;
}

::-moz-selection {
    color: var(--whiteColor);
    background: var(--primaryColor1);
}

::selection {
    color: var(--whiteColor);
    background: var(--primaryColor1);
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: var(--grediantColor);
    display: flex;
    align-items: center;
    justify-content: center;
}

img {
    max-width: 100%;
}

a,
button {
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

button:active,
button:focus,
button:hover,
input:active,
input:focus,
input:hover,
textarea:active,
textarea:focus,
textarea:hover,
select:hover,
select:focus,
input[type="checkbox"]:hover,
input[type="checkbox"]:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

.form-control {
    height: auto;
}

a:focus {
    outline: 0;
    border: none;
}

.nav,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "gt-amer", sans-serif;
    color: var(--blueColor);
}

html[lang='ar'] .nav,
html[lang='ar'] h1,
html[lang='ar'] h2,
html[lang='ar'] h3,
html[lang='ar'] h4,
html[lang='ar'] h5,
html[lang='ar'] h6 {
    font-family: "IBM", sans-serif;
    letter-spacing: 0;
}

h1 {
    font-size: 54px;
    line-height: 68px;
    font-weight: 700;
    color: var(--blueColor);
}

h2 {
    font-size: 45px;
    line-height: 56px;
    font-weight: 700;
    color: var(--blueColor);
}

h3 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: var(--blueColor);
}

h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    color: var(--blueColor);
}

h5 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 1.2rem;
    font-weight: bold;
    color: var(--blueColor);
}

p,
li {
    line-height: 180%;
    font-size: 14px;
}

.clear {
    clear: both;
}

.container-fluid {
    width: 90%;
    max-width: 1500px;
}