html, body, div, h1, h2, h3, p, font, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    font-size: 16px;
}

body {
    text-align: center;
    line-height: 0;
}

/*FONT*/
@font-face {
    font-family: "PF DinText Arabic";
    src: url("fonts/PFDinTextArabic-Regular.eot");
    src: url("fonts/PFDinTextArabic-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/PFDinTextArabic-Regular.woff2") format("woff2"), url("fonts/PFDinTextArabic-Regular.woff") format("woff"), url("fonts/PFDinTextArabic-Regular.ttf") format("truetype"), url("fonts/PFDinTextArabic-Regular.svg#PFDinTextArabic-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-ExtraLight.eot');
    src: url('fonts/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Oswald-ExtraLight.woff2') format('woff2'),
        url('fonts/Oswald-ExtraLight.woff') format('woff'),
        url('fonts/Oswald-ExtraLight.ttf') format('truetype'),
        url('fonts/Oswald-ExtraLight.svg#Oswald-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Light.eot');
    src: url('fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Oswald-Light.woff2') format('woff2'),
        url('fonts/Oswald-Light.woff') format('woff'),
        url('fonts/Oswald-Light.ttf') format('truetype'),
        url('fonts/Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Bold.eot');
    src: url('fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Oswald-Bold.woff2') format('woff2'),
        url('fonts/Oswald-Bold.woff') format('woff'),
        url('fonts/Oswald-Bold.ttf') format('truetype'),
        url('fonts/Oswald-Bold.svg#Oswald-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Regular.eot');
    src: url('fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Oswald-Regular.woff2') format('woff2'),
        url('fonts/Oswald-Regular.woff') format('woff'),
        url('fonts/Oswald-Regular.ttf') format('truetype'),
        url('fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Medium.eot');
    src: url('fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Oswald-Medium.woff2') format('woff2'),
        url('fonts/Oswald-Medium.woff') format('woff'),
        url('fonts/Oswald-Medium.ttf') format('truetype'),
        url('fonts/Oswald-Medium.svg#Oswald-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-SemiBold.eot');
    src: url('fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Oswald-SemiBold.woff2') format('woff2'),
        url('fonts/Oswald-SemiBold.woff') format('woff'),
        url('fonts/Oswald-SemiBold.ttf') format('truetype'),
        url('fonts/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/*Text*/
h1, h2, h3 {
    text-transform: uppercase;
    font-family: "Oswald", sans serif;
    line-height: 120%;
}

h1, h2, h3, p {
    margin: 0;
}

h1, h3 {
    font-weight: 400;
}

h1 {
    color: white;
    font-size: max(8vw, 2.125rem);
    line-height: 120%;
}

h2 {
    font-size: max(8vw, 1.875rem);
    font-weight: 400;
}

h3 {
    color: #C70D01;
    font-size: max(8vw, 1.625rem);
}

p {
    font-family: "PF DinText Arabic", sans serif;
    font-size: max(3vw, 0.875rem);
    line-height: 130%;
}

/*Color*/
.bkg-black {
    background-color: #000000;
}

.bkg-grey {
    background-color: #e2e2e2;
}

.color-white {
    color: #ffffff;
}

/*Position*/
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
    top: 0;
}

/*Container*/
.container {
    padding: 0 5%;
    width: 90%;
}

.container-full {
    width: 100%;
}

/*Img*/
.img-fluid {
    width: 100%;
    height: auto;
}

.img-logo {
    width: 55%;
    height: auto;
}

.img-certified {
    width: 50%;
    height: auto;
}

/*Padding*/
.pb-15 {
    /* padding-bottom: 15%; */
}

.pb-11 {
    padding-bottom: 11%;
}

.pt-11 {
    padding-top: 11%;
}

.pb-10 {
    padding-bottom: 10%;
}

.pt-5 {
    padding-top: 5%;
}

.pb-5 {
    padding-bottom: 5%;
}