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

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

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

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

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

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

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

@font-face {
    font-family: 'Volte';
    font-weight: 100;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Light.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Medium.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 300;
    font-style: italic;
    src: url('../fonts/Volte/Volte-MediumItalic.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Regular.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Semibold.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 600;
    font-style: italic;
    src: url('../fonts/Volte/Volte-SemiboldItalic.woff') format("woff");
}

@font-face {
    font-family: 'Volte';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Volte/Volte-Bold.woff') format("woff");
}

@font-face {
    font-family: 'Mabrouk';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/mabrouk/Mabrouk.woff') format("woff");
}

@font-face {
    font-family: 'Mabrouk';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/mabrouk/Mabrouk.woff') format("woff");
    font-display: swap;
}

:root {
    font-family: "Volte";
    /* font-weight: normal; */
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

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

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /* background-image: url(../images/lp.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

input:focus,
a:focus {
    outline: none;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

img {
    max-width: 100%;
    height: auto;
}

.centerPadding_2 {
    margin: 0 2%;
}

.centerPadding_5 {
    margin: 0 5.5%;
}

.centerPadding_7_5 {
    /* margin: 0 7.29%; */
    margin: 0 auto;
    width: 166rem;
}

.centerPadding_8 {
    margin: 0 8%;
}

.centerPadding_9 {
    margin: 0 9%;
}

.desk {
    display: block !important;
}

.mob {
    display: none !important;
}

.textBold {
    font-weight: 700;
}

.textBlack {
    font-weight: 900;
}

.backColor_red {
    background-color: #d30d23;
}

.backColor_white {
    background-color: #ffffff;
}

.color_red {
    color: #d30d23;
}

.font-volte {
    font-family: 'Volte';
}

.font-mabrouk {
    font-family: 'Mabrouk';
}


/* media query */

@media (min-width:768px) {
    html {
        font-size: .5208333333333333vw;
    }
}

@media (max-width:767px) {
    html {
        font-size: 1.302083333333333vw;
    }
    .desk {
        display: none !important;
    }
    .mob {
        display: block !important;
    }
    .centerPadding_7_5 {
        width: 68.8rem;
    }
    .centerPadding_8 {
        margin: 0 4%;
    }
}