@font-face {
    font-family: 'GE SS Unique Bold';
    src: url('../font/GE_SS_Unique_Bold_5.otf') format('opentype');
}

@font-face {
    font-family: 'GE SS Unique Light';
    src: url('../font/GE_SS_Unique_Light_1.otf') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    src: url('../font/MYRIADPRO-BOLD.OTF') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Bold Condensed';
    src: url('../font/MYRIADPRO-BOLDCOND.OTF') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    src: url('../font/MYRIADPRO-BOLDCONDIT.OTF') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Bold Italic';
    src: url('../font/MYRIADPRO-BOLDIT.OTF') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('../font/MYRIADPRO-COND.OTF') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Condensed Italic';
    src: url('../font/MYRIADPRO-CONDIT.OTF') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Light';
    src: url('../font/MyriadPro-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Regular';
    src: url('../font/MYRIADPRO-REGULAR.OTF') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Semi Bold';
    src: url('../font/MYRIADPRO-SEMIBOLD.OTF') format('opentype');
}

@font-face {
    font-family: 'Myriad Pro Semi Bold Italic';
    src: url('../font/MYRIADPRO-SEMIBOLDIT.OTF') format('opentype');
}

body {
    font-family: 'Myriad Pro Regular', sans-serif;
    color: #fff;
    margin: 0px;
}

.fw-b {
    font-family: 'Myriad Pro Bold', sans-serif;
}

.fw-bc {
    font-family: 'Myriad Pro Bold Condensed', sans-serif;
}

.fw-bci {
    font-family: 'Myriad Pro Bold Condensed Italic', sans-serif;
}

.fw-bi {
    font-family: 'Myriad Pro Bold Italic', sans-serif;
}

.fw-c {
    font-family: 'Myriad Pro Condensed', sans-serif;
}

.fw-ci {
    font-family: 'Myriad Pro Condensed Italic', sans-serif;
}

.fw-l {
    font-family: 'Myriad Pro Light', sans-serif;
}

.fw-sb {
    font-family: 'Myriad Pro Semi Bold', sans-serif;
}

.fw-sbi {
    font-family: 'Myriad Pro Semi Bold Italic', sans-serif;
}

.fw-ge-b {
    font-family: 'GE SS Unique Bold', sans-serif;
}

.fw-ge-l {
    font-family: 'GE SS Unique Light', sans-serif;
}


:root {
    --primary: #d1441d;
    --secondery: #31729b;
}

.max-w-60 {
    max-width: 60vw;
}

.rtl {
    direction: rtl;
}

section {
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: #31729b solid 1px;
}

section .main-container {
    background-image: url('/assets/img/bg.jpg');
    background-position: top center;
    background-size: cover;
}

.column-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.padding-custom {
    padding: 10px 49px;
}

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

.test-margin {
    /* margin-top: 100vh; */
}

.bg-primary {
    background-color: var(--secondery) !important;
}

.text-primary {
    color: var(--secondery) !important;
}

.vsh {
    visibility: hidden;
}

.btn:hover {
    background-color: var(--secondery);
    border-color: white;
}

.product-img {
    max-width: 35%;
}

/* ------------------------------------- Section 1 ----------------------------------------*/
.section-1 .side-banner {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.section-1 h1 {
    color: var(--primary);
    padding: 0px 50px;
}

.section-1 .bg-half {
    background-image: linear-gradient(290deg, #ffffff00 0%, #ffffff00 55%, #31729b 55%, #31729b 100%)
}

.section-1 .top-left-image {
    width: 40%;
}

.section-1 .p-en {
    font-size: 26px;
    line-height: 28px;
}

.section-1 .h3-en {
    font-size: 34px;
    line-height: 34px;
}

.section-1 .h4-en {
    font-size: 34px;
    line-height: 28px;
}

.section-1 .en-container {
    direction: ltr;
}

.section-1 .ar-container {
    direction: rtl;
}

.section-1 .p-ar {
    font-size: 26px;
    line-height: 34px;
}

.section-1 .h3-ar {
    font-size: 43px;
    line-height: 69px;
}

.section-1 .h4-ar {
    font-size: 40px;
    line-height: 36px;
}

.section-1 .text-main-en,
.text-main-ar {
    color: var(--primary) !important;
    text-align: center;
    font-size: 45px;
    line-height: 59px;
}

.section-1 .buttons-container img {
    width: 40%;
}

.btn-image {
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    cursor: default;
}

.btn-image:hover {
    transform: scale(1.1);
    cursor: pointer;
}

/* ------------------------------------- Section 2 ----------------------------------------*/
section.main-container-2 {
    /* min-height: 100vh !important; */
    /* background-image: url('/assets/img/bg.jpg'); */
    /* background-position: 0% 16%; */
    /* background-size: 145%; */
    background-image: url('/assets/img/bg2.png');
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
}


.bg-half2 {
    background-image: linear-gradient(290deg, #ffffff00 0%, #ffffff00 70%, #31729b 70%, #31729b 100%)
}

.top-left-image {
    width: 25%;
}

.mark,
mark {
    color: #fff;
    background-color: var(--secondery);
}

.main-text>div {
    padding: 5px 0px;
    font-size: 36px
}

.main-btn button {
    background-color: var(--primary);
    border: var(--primary) 1px solid;
    font-size: 36px;
    padding: 0px 48px;
    margin: 32px;
    margin-left: 0p;
}

.footer-banner {
    background-color: #31729b6f;
}

.footer-banner .footer-text {
    color: #fff;
    font-size: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

/* ------------------------------------- Section 3 ----------------------------------------*/
.section-3 .max-w-section {
    max-width: 75%;
}

/* ------------------------------------- Section 4 ----------------------------------------*/
.section-4 .smaller-text {
    font-size: 29px;
}

/* ------------------------------------- Section 5 ----------------------------------------*/
.section-5 .main-title {
    font-size: 18px;
    background-color: #d1441d;
    padding: 8px;
    width: 100%;
    margin: 10px;
    text-align: center;
}

.section-5 .main-btns img {
    max-width: 20vw;
}

.section-5 .btn {
    background-color: var(--primary);
    border: var(--primary) 1px solid;
    font-size: 25px;
    padding: 0px 20px;
    margin: 32px;
}

.section-5 .text-small {
    font-size: 14px;
}

/* ------------------------------------- Section 6 ----------------------------------------*/

.section-6 .main-btns img {
    max-width: 20vw;
}

.section-6 .btn {
    background-color: var(--secondery);
    border: var(--secondery) 1px solid;
    font-size: 25px;
    padding: 0px 27px;
    margin: 32px;
}

/* ------------------------------------- Section 7 ----------------------------------------*/
section.main-container-3 {
    min-height: 100vh !important;
    background-image: url('/assets/img/7/bg.jpg');
    background-position: 0% 16%;
    background-size: 145%;
    /* background-image: url('/assets/img/7/bg2.png');
    background-position: center center;
    background-size: 100%; */
}

.section-7 .titel {
    background-color: var(--secondery);
    padding: 0px;
    font-size: 32px;
}

.section-7 form {
    background-color: #f4f8fbab;
}

.section-7 form label {
    color: #585858;
    font-size: 24px;
    line-height: 21px;
}

.not-req-span {
    font-size: 18px;
}

.section-7 form>div {
    margin-top: 15px;
}

.section-7 form input {
    border-radius: 0px;
}

.section-7 form label.check-column {
    font-size: 16px;
}

.section-6 form input::placeholder,
.section-6 form .form-control {
    color: #585858 !important;
}

.section-7 .req-span {
    color: var(--secondery);
}

.section-7 .note-text {
    color: #585858;
}

/* ------------------------------------- Section 8 ----------------------------------------*/
section.main-container-4 {
    background-color: #f4f8fb;
}

.section-8 .card-header-image {
    background-image: url("/assets/img/8/bg.jpg");
    background-position: center top;
    background-size: cover;
    min-height: 300px;
}

.section-8 .card-header-image .text-1 {
    font-size: 48px;
    line-height: 31px;
}

.section-8 .card-header-image .text-2 {
    font-size: 64px;
    line-height: 62px;
}

.section-8 {
    color: #585858;
}

.section-8 .titel {
    font-size: 43px;
}

.section-8 p {
    text-align: center;
    font-size: 24px;
}

.section-8 p span {
    color: var(--primary);
}


/* ------------------------------------- Section 9 ----------------------------------------*/

.section-9 .text-1 {
    font-size: 40px;
    line-height: 50px;
}

.section-9 .text-2 {
    font-size: 60px;
    line-height: 46px;
    color: var(--primary) !important;
}

.section-9 .text-3 {
    font-size: 40px;
    line-height: 50px;
}

.section-9 .text-4 {
    font-size: 30px;
    color: var(--secondery);
}

.section-9 .text-5 {
    font-size: 27px;
    color: #585858;
}

.section-9 .text-head {
    font-size: 26px;
    color: var(--secondery);
}

.section-9 p {
    font-size: 16px;
    color: #585858;
    font-family: 'Myriad Pro Condensed Italic', sans-serif;
}

.section-9 .product-img {
    max-width: 50%;
}

.section-9 .max-w-25 {
    /* max-width: 25vw; */
    width: 18%;
}

.section-9 .cover-part {
    width: 64%;
    height: 119px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 16px;
    margin-bottom: 16px;
}

.section-9 .cover1 {
    background-image: url('/assets/img/9/s1.png');
}

.section-9 .cover2 {
    background-image: url('/assets/img/9/s2.png');
}

.section-9 .cover3 {
    background-image: url('/assets/img/9/s3.png');
}

.section-9 .cover4 {
    background-image: url('/assets/img/9/s4.png');
}

.section-9 .cover5 {
    background-image: url('/assets/img/9/s5.png');
}

.cert-img {
    position: absolute;
    width: 15vw;
    right: 100px;
    top: 20px;
}