@charset "utf-8";

/*-------------Fonts---------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/*-------------General Style---------------------------------------*/

@font-face {
    font-family: 'EuropeExt';
    src: url("../fonts/europeext/EuropeExt.otf");
    font-weight: normal;
}

@font-face {
    font-family: 'EuropeExt-Bold';
    src: url("../fonts/europeext/EuropeExt-Bold.otf");
    font-weight: bold;
}

@font-face {
    font-family: 'EuropeExt-Italic';
    src: url("../fonts/europeext/EuropeExt-Italic.otf");
    font-style: italic;
}

.rtl input {
    direction: rtl;
}

.rtl .font_family_tajawal_sans {
    font-family: "Tajawal", sans-serif !important;
}

.rtl .rtl_font_size_18 {
    font-size: 18px!important;
}

.rtl .footer-div .footer-up .z-content .up-title,
.rtl .footer-div .footer-up .z-content .up-text {
    font-family: "Tajawal", sans-serif !important;
}

.transition_slow_custom {
    transition: all 0.3s ease !important;
}

.text-primary-custom-one {
    color: #74C6E6!important;
}

.bg-primary-custom-one {
    background: #74C6E6!important;
}

.border-primary-custom-one {
    border: 1px solid #74C6E6!important;
}

.font_size_16 {
    font-size: 16px!important;
}

.border_radius_16 {
    border-radius: 16px!important;
}

.border_radius_5 {
    border-radius: 5px!important;
}

.border_box_custom {
    border: 1px solid #70707040;
    box-shadow: 0px 4px 8px 0px #0000001F;
}

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

html {
    overflow-x: hidden !important;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 13px;
    height: 100%;
    text-align: center;
    background: #191919 !important;
    color: #fff;
    font-family: "Prompt", Helvetica !important;
    /* direction: rtl; */
}

.rtl {
    direction: rtl;
}

body.rtl {
    font-family: "Tajawal", sans-serif !important;
}

.text-color-custom-primary {
    color: #74C6E6!important;
}

.border-radius-50-custom {
    border-radius: 50%!important;
}

.input-field::-ms-input-placeholder,
.input-field::placeholder,
.textarea-field::-ms-input-placeholder,
.textarea-field::placeholder {
    color: #757575;
    padding: 0 50px;
}

a {
    text-decoration: none!important;
}

#main {
    opacity: 0;
}

#wrapper {
    background: #010204;
}

.loader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
}


/*--------------------------------------- header ---------------------------------------*/

.nav-bar-header {
    display: flex;
    width: 100%;
    height: 76px;
    align-items: center;
    justify-content: space-between;
    padding: 0px 16px;
    position: relative;
    background-color: #fff;
}

.nav-bar-header .frame-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
}

.nav-bar-header .frame-btn .btn-wrapper {
    display: inline-flex;
    flex-direction: column;
    height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    position: relative;
    flex: 0 0 auto;
    background-color: #fbd796;
    border: 1px solid;
    border-color: #000000;
    color: #0e0e0e;
    animation: 2.5s linear ease-in-out;
}

.nav-bar-header .frame-btn .btn-wrapper:hover {
    background-color: #000000;
}

.nav-bar-header .frame-btn .btn-wrapper:hover .div-wrapper .text-wrapper {
    color: #fff;
}

.nav-bar-header .frame-btn .btn-wrapper-bg:hover {
    background-color: #fbd796!important;
}

.nav-bar-header .frame-btn .btn-wrapper-bg:hover .div-wrapper .text-wrapper {
    color: #000000!important;
}

.nav-bar-header .frame-btn .btn-wrapper-bg {
    display: inline-flex;
    flex-direction: column;
    height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    position: relative;
    flex: 0 0 auto;
    background-color: #000000;
    color: #fff;
}

.nav-bar-header .frame-btn .btn-wrapper .div-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
    flex: 0 0 auto;
}

.nav-bar-header .frame-btn .btn-wrapper .div-wrapper .text-wrapper {
    position: relative;
    width: 120.72px;
    height: 21px;
    margin-top: -1px;
    font-weight: 700;
    color: #0e0e0e;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.nav-bar-header .frame-btn .btn-wrapper-bg .div-wrapper .text-wrapper {
    color: #fff!important;
}

.nav-bar-header .image-logo {
    position: relative;
    width: 120px;
    height: 54px;
    object-fit: cover;
}

.nav-bar-header .menu {
    width: 30%;
}

.nav-bar-header .menu .list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-bar-header .menu .list .item {}

.nav-bar-header .menu .list .item .link {
    color: #010204;
    font-size: 16px;
    font-weight: 600;
    line-height: 21.6px;
}

.text-first-font-color {
    color: #010204 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.background-first-color {
    background-color: #fcd698 !important;
}

.nav-bar-headers .frame-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
}

.nav-bar-headers .frame-btn .btn-wrapper {
    display: inline-flex;
    flex-direction: column;
    height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 3px;
    position: relative;
    flex: 0 0 auto;
    background-color: #fff;
    border: 1px solid;
    border-color: #74C6E6;
    border-radius: 12px;
    color: #74C6E6;
    animation: 2.5s linear ease-in-out;
}

.nav-bar-headers .frame-btn .btn-wrapper:hover {
    background-color: #74C6E6;
}

.nav-bar-headers .frame-btn .btn-wrapper:hover .div-wrapper .text-wrapper {
    color: #fff;
}

.nav-bar-headers .frame-btn .btn-wrapper-bg:hover {
    background-color: #fff!important;
}

.nav-bar-headers .frame-btn .btn-wrapper-bg:hover .div-wrapper .text-wrapper {
    color: #74C6E6!important;
}

.nav-bar-headers .frame-btn .btn-wrapper-bg {
    display: inline-flex;
    flex-direction: column;
    height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 3px;
    border-radius: 12px;
    border: 1px solid #74C6E6;
    position: relative;
    flex: 0 0 auto;
    background-color: #74C6E6;
    color: #fff;
}

.nav-bar-headers .frame-btn .btn-wrapper .div-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
    flex: 0 0 auto;
}

.nav-bar-headers .frame-btn .btn-wrapper .div-wrapper .text-wrapper {
    position: relative;
    width: 120.72px;
    height: 21px;
    margin-top: -1px;
    font-weight: 400;
    color: #74C6E6;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.nav-bar-headers .frame-btn .btn-wrapper-bg .div-wrapper .text-wrapper {
    color: #fff!important;
}

.nav-bar-headers .nav-head-profile {}

.nav-bar-headers .nav-head-profile .content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nav-bar-headers .nav-head-profile .content .image {
    position: relative;
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 15px;
}

.nav-bar-headers .nav-head-profile .content .info {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: start;
}

.nav-bar-headers .nav-head-profile .content .info .text-name {
    font-weight: 700;
    color: #74c6e6;
    font-size: 15px;
    margin-bottom: 12px;
}

.nav-bar-headers .nav-head-profile .content .info .text-role {
    font-weight: 500;
    color: #10293b;
    font-size: 15px;
}


/*--------------------------------------- footer ---------------------------------------*/

.footer-div {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #504e4e;
}

.footer-div .footer-up {
    background-image: url("../images/footer-up-img.png")!important;
    min-height: 354px;
    background-position: center;
    background-size: cover;
    padding: 45px;
    position: relative;
}

.footer-div .footer-up .gray-internal {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #102a3b;
    opacity: 0.8;
}

.footer-div .footer-up .z-content {
    position: relative;
    z-index: 5;
    text-align: center;
}

.footer-div .footer-up .z-content .up-title {
    opacity: 0.06;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 43.5px;
    text-transform: uppercase;
    line-height: 0px;
}

.footer-div .footer-up .z-content .up-text {
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 37.5px;
    text-transform: uppercase;
}

.rtl .header_video .title {
    font-family: "Tajawal", sans-serif !important;
}

.footer-div .footer-up .z-content .up-info {
    opacity: 0.8;
    font-family: "Prompt", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 13.5px;
    margin: 20px auto;
    width: 41%;
}

@media (max-width: 991.98px) {
    .footer-div .footer-up .z-content .up-info {
        width: 71%;
    }
}

.footer-div .footer-up .z-content .subscribe {
    position: relative;
}

.footer-div .footer-up .z-content .subscribe .input-contain {
    position: relative;
    width: 60%;
    height: 52px;
    border-radius: 34.5px;
    border: 0.75px solid;
    border-color: #e8eaebb2;
    margin: auto;
}

.footer-div .footer-up .z-content .subscribe .input-contain .email-subscribe {
    width: 78%;
    height: 100%;
    margin: auto;
    border: 0;
    outline: 0;
    background: 0;
    color: #838383;
}

.footer-div .footer-up .z-content .subscribe .input-contain .email-subscribe:focus-visible,
.footer-div .footer-up .z-content .subscribe .input-contain .email-subscribe:focus,
.footer-div .footer-up .z-content .subscribe .input-contain .email-subscribe:active {
    border: 0;
    outline: 0;
}

.footer-div .footer-up .z-content .subscribe .input-contain .icon-subscribe {
    position: absolute;
    left: 21px;
    top: 15px;
}

.footer-div .footer-up .z-content .subscribe .input-contain .btn-subscribe {
    position: absolute;
    right: 0;
    border: 0;
    border-radius: 34.5px;
    width: 148px;
    height: 100%;
}

.rtl .footer-div .footer-up .z-content .subscribe .input-contain .email-subscribe {
    direction: rtl;
}

.rtl .footer-div .footer-up .z-content .subscribe .input-contain .icon-subscribe {
    right: 21px;
    left: auto;
}

.rtl .footer-div .footer-up .z-content .subscribe .input-contain .btn-subscribe {
    right: auto;
    left: 0;
}

@media (max-width: 991.98px) {
    .footer-div .footer-up .z-content .subscribe .input-contain {
        width: 80%;
    }
    .footer-div .footer-up .z-content .subscribe .input-contain .email-subscribe {
        width: 70%;
    }
}

.circle-logo {
    height: 157px;
    width: 157px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 2px dashed #ffffff4f;
    outline-offset: 7px;
}

.circle-logo .logo-image {
    width: 90%;
}

.footer-down {
    background: #102a3b;
    padding: 50px;
}

.footer-down .footer-down-one {}

.footer-down .footer-down-one .company {
    margin-bottom: 60px;
}

.footer-down .footer-down-one .company .name {
    font-family: "EuropeExt-Italic", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    text-transform: capitalize;
    opacity: 0.7;
}

.footer-down .footer-down-one .company .text-one {
    font-weight: 400;
    color: #fcf4f4;
    font-size: 13.5px;
    opacity: 0.7;
    text-transform: capitalize;
}

.rtl .footer-down .footer-down-one .company .name {
    font-family: "Tajawal", sans-serif !important;
}

.footer-down .footer-down-one .follow {}

.footer-down .footer-down-one .follow .title {
    font-family: "EuropeExt", Helvetica;
    font-weight: 400;
    color: #FCF4F4;
    opacity: 0.7;
    font-size: 13.5px;
    margin-bottom: 20px;
}

.rtl .footer-down .footer-down-one .follow .title {
    font-family: "Tajawal", sans-serif !important;
}

.footer-down .footer-down-one .follow .links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-down .footer-down-one .follow .links .link {
    margin-left: 0;
    margin-right: 20px;
}

.rtl .footer-down .footer-down-one .follow .links .link {
    margin-right: 0;
    margin-left: 20px;
}

.footer-down .footer-down-one .follow .links .link .icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0A0A0A;
    background: #fff;
    font-size: 16px;
}

.footer-down .footer-down-one .contact {
    margin-top: 15px;
}

.footer-down .footer-down-one .contact .title {
    font-family: "EuropeExt", Helvetica;
    font-weight: 400;
    color: #FCF4F4;
    opacity: 0.7;
    font-size: 13.5px;
    margin-bottom: 20px;
}

.rtl .footer-down .footer-down-one .contact .title {
    font-family: "Tajawal", sans-serif !important;
}

.footer-down .footer-down-one .contact .contact-info {
    color: #fff;
    font-size: 13.5px;
    margin-bottom: 20px;
}

.footer-down .footer-down-one .contact .contact-info .icon {
    font-size: 18px;
}

.footer-down .footer-down-one .contact .contact-info .text {
    margin: 0 10px;
    opacity: 0.7;
}

.footer-down .footer-down-two {
    width: 67% !important;
}

.footer-down .footer-down-two table tbody a {
    color: #fff;
    opacity: 0.7;
}

.hr-line {
    color: #fff;
}

.footer-down .copy-links {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0.7;
}

.footer-down .copy-links .links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-down .copy-links .links .link a {
    color: #fff;
}

.drop-list-nav-wrap {
    position: relative;
}

.drop-list-nav-tooltip {
    position: absolute;
    top: 40px;
    right: 0;
    min-width: 205px;
    width: auto;
    min-width: 205px;
    z-index: 105;
    background: #fff;
    padding: 10px 0 12px;
    border-radius: 4px;
    /* border: 1px solid #eee; */
    border-top: none;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 8px 12px 0px #0000001F;
    transition: all 0.3s ease;
}

.show-drop-list-nav {
    cursor: pointer;
    padding: 10px 10px 10px 0;
    position: relative;
    z-index: 99;
    display: flex;
    text-align: center;
}

.drop-list-nav-wrap:hover .drop-list-nav-tooltip {
    visibility: visible;
    opacity: 1;
}

.drop-list-nav-tooltip li {
    float: left;
    width: 100%;
    position: relative;
    text-align: left;
    color: #5F5F63;
    border-radius: 4px;
    padding: 6px 14px;
    transition: all 0.2s ease;
}

.drop-list-nav-tooltip li a {
    color: #5F5F63;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    position: relative;
    float: left;
    width: 100%;
}

.drop-list-nav-tooltip li:hover a {
    color: #5F5F63;
    font-weight: 500;
    font-size: 13px;
    text-shadow: 0px 0px 3px #0589B7;
    transition: all 0.2s ease;
}

.drop-list-nav-tooltip li:hover a::before {
    opacity: 1;
}

.drop-list-nav-tooltip li a:before {
    font-family: FontAwesome;
    content: "\f054";
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}

.drop-list-nav-tooltip li a.current-lan:before {
    opacity: 1;
}

@media (max-width: 991.98px) {
    .drop-list-nav-tooltip {
        right: -45px;
    }
}

.lang-wrap {
    float: right;
    position: relative;
    top: 20px;
}

.lang-tooltip {
    position: absolute;
    top: 40px;
    right: 0;
    width: 100px;
    z-index: 105;
    background: #fff;
    padding: 10px 0 12px;
    border-radius: 4px;
    border: 1px solid #eee;
    border-top: none;
    visibility: hidden;
    opacity: 0;
}

.show-lang {
    color: #fff;
    cursor: pointer;
    width: 75px;
    float: right;
    padding: 10px 10px 10px 0;
    position: relative;
    z-index: 106;
    font-size: 20px;
    border: 1px solid transparent;
    display: flex;
}

.show-lang i.arrlan {
    position: absolute;
    left: 70px;
    top: 50%;
    line-height: 10px;
    height: 10px;
    margin-top: -5px;
    color: #fff;
}

.show-lang span {
    position: relative;
    z-index: 2;
    float: left;
    margin-left: 10px;
}

.show-lang span strong {
    padding-left: 10px;
    top: -2px;
    font-weight: 500;
    position: relative;
}

.show-lang span i {
    font-size: 17px;
}

.show-lang .fa-angle-down {
    position: relative;
    top: 2px;
}

.lang-wrap:hover .lang-tooltip {
    visibility: visible;
    opacity: 1;
}

.no-list-style {
    list-style: none;
}

.lang-tooltip li {
    float: left;
    width: 100%;
    position: relative;
    text-align: left;
    color: #fff;
    border-radius: 4px;
    padding: 6px 14px;
}

.lang-tooltip li a {
    color: #1e1e1e;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    position: relative;
    float: left;
    width: 100%;
}

.lang-tooltip li a:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f00c";
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}

.lang-tooltip li a.current-lan:before {
    opacity: 1;
}


/*--------------------------------------- section one ---------------------------------------*/

.tns .tns-nav {
    padding-bottom: 0!important;
    position: absolute;
    bottom: 48px;
    left: 0;
    right: 0;
    z-index: 7;
}

.tns .tns-nav button {
    width: 5px!important;
    height: 5px!important;
    border-radius: 50%;
    padding: 0;
    background-color: #707070!important;
}

.tns .tns-nav button.tns-nav-active {
    background-color: #fff!important;
    outline: 1px solid #fff!important;
    outline-offset: 2px;
    width: 0.75rem;
    height: 0.9rem;
}

.section_one {
    position: relative;
    display: flex;
    width: 100%;
}

.section_one .left-image {
    position: relative;
    width: 30%;
    height: 100%;
}

.section_one .left-image .overlay-left {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #102a3b;
    opacity: 0.95;
}

.section_one .left-image img {
    width: 100%;
    height: 100%;
}

.section_one .right-image {
    position: relative;
    width: 70%;
    height: 100%;
}

.section_one .right-image .overlay-right {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #292727;
    opacity: 0.2;
}

.section_one .right-image .overlay-right-text {
    position: absolute;
    z-index: 5;
    left: 60px;
    bottom: 17px;
    font-size: 15px;
    color: #fff;
}

.rtl .section_one .right-image .overlay-right-text {
    position: absolute;
    z-index: 5;
    right: 60px;
    left: auto;
    bottom: 17px;
    font-size: 15px;
    color: #fff;
}

.section_one .arrow-going-to {
    position: absolute;
    z-index: 3;
    top: 40%;
    right: 0;
}

.section_one .titles {
    position: absolute;
    z-index: 3;
    top: 35%;
    right: 20%;
}

.rtl .section_one .arrow-going-to {
    position: absolute;
    z-index: 3;
    top: 40%;
    left: 0;
    right: auto;
}

.rtl .section_one .titles {
    position: absolute;
    z-index: 3;
    top: 35%;
    left: 20%;
    right: auto;
}

.section_one .titles .title-one {
    font-size: 42px;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
}

.rtl .section_one .titles .title-one {
    font-family: "Tajawal", sans-serif !important;
}

.section_one .titles .title-two {
    max-width: 300px;
    width: 100%;
    font-family: "Prompt", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
}

.section_one .title-three {
    position: absolute;
    z-index: 3;
    top: 60%;
    right: 19%;
    font-family: "EuropeExt", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 42px;
}

.rtl .section_one .title-three {
    position: absolute;
    z-index: 3;
    top: 60%;
    left: 19%;
    right: auto;
    font-family: "Tajawal", sans-serif !important;
    font-weight: 400;
    color: #ffffff;
    font-size: 42px;
}

@media (max-width: 991.98px) {
    .tns .tns-nav {
        position: absolute;
        bottom: 15px;
    }
    .section_one .arrow-going-to {
        top: 32%;
    }
    .section_one .titles {
        position: absolute;
        top: 22%;
        right: 18%;
        font-size: 30px!important;
        margin: 0 30px;
    }
    .section_one .titles .title-one {
        font-size: 33px;
    }
    .section_one .title-three {
        position: absolute;
        top: 77%;
        right: 15%;
        font-size: 30px!important;
    }
    .rtl .section_one .titles {
        position: absolute;
        top: 22%;
        left: 18%;
        right: auto;
        font-size: 30px!important;
        margin: 0 30px;
    }
    .rtl .section_one .title-three {
        position: absolute;
        top: 77%;
        left: 15%;
        right: auto;
        font-size: 30px!important;
    }
    .section_two .title_sec_one {
        font-size: 37px;
    }
    .section_two .title_sec_two {
        font-size: 27px;
    }
}

.section_two {}

.section_two .title_sec_one {
    opacity: 0.05;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 700;
    color: #0a0a0a;
    font-size: 42px;
    text-transform: uppercase;
}

.section_two .title_sec_two {
    font-family: "EuropeExt", Helvetica;
    font-weight: 400;
    color: #0a0a0a;
    font-size: 32px;
    margin-left: 130px;
    text-transform: uppercase;
}

.rtl .section_two .title_sec_one,
.rtl .section_two .title_sec_two {
    font-family: "Tajawal", sans-serif !important;
}

.section_two .hr_line_sec {
    width: 87px;
    background: #707070;
}

.section_two .text__sec {
    max-width: 450px;
    opacity: 0.8;
    font-family: "Prompt", Helvetica;
    font-weight: 400;
    color: #0a0a0a;
    font-size: 16px;
    margin: 20px 0;
}

.section_two .btn__sec {
    width: 160px;
    text-align: center;
    padding: 16px 0px;
    position: relative;
    flex: 0 0 auto;
    background-color: #292727;
    border-radius: 24px;
    font-family: "Prompt", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
}

.section_two .section_two_video {
    width: 100%;
    max-width: 583px;
}

.section_three {
    background: #102a3b;
    opacity: 0.95;
}

.section_three .our_product {
    position: relative;
    max-width: 282px;
    max-height: 300px;
}

.section_three .our_product .image_info {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 9px;
}

.section_three .our_product .overlay_info {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0A0A0A;
    opacity: 0.5;
    border-radius: 9px;
}

.section_three .our_product .info {
    position: absolute;
    z-index: 3;
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    border-radius: 9px;
}

.section_three .our_product .info .title {
    font-size: 20px;
    font-weight: 400;
}

.section_three .our_product .info .text {
    font-size: 14px;
    opacity: 0.7;
    height: 62px;
    overflow: hidden;
}

.border_radius_9 {
    border-radius: 9px;
}

.btn_arrow_product {
    border: 0;
    background: #102a3b;
    border-radius: 50%;
    width: 51px;
    height: 51px;
    color: #fff;
}

.btn_arrow_product:hover {
    background: #fff;
    color: #292727;
}

.arrow__right {
    right: 43px!important;
}

.arrow__left {
    left: 43px!important;
}

.title_header_section {
    position: relative;
    z-index: 3;
}

.title_header_section .title_one_head {
    opacity: 0.04;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 600;
    font-size: 42px;
    text-transform: uppercase;
}

.title_header_section .title_one_head_two {
    opacity: 0.2;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 600;
    font-size: 43px;
    text-transform: uppercase;
}

.title_header_section .title_one_head_three {
    opacity: 0.2;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 600;
    font-size: 50px;
    text-transform: uppercase;
}

.rtl .title_header_section .title_one_head,
.rtl .title_header_section .title_one_head_two,
.rtl .title_header_section .title_two_head,
.rtl .title_header_section .title_two_head_three,
.rtl .title_header_section .title_one_head_three {
    font-family: "Tajawal", sans-serif !important;
}

.title_header_section .title_two_head {
    font-family: "EuropeExt", Helvetica;
    font-weight: 500;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 24px;
}

.title_header_section .title_two_head_three {
    font-family: "EuropeExt", Helvetica;
    font-weight: 500;
    font-size: 50px;
    text-transform: uppercase;
    line-height: 5px;
}

.title_header_section .line {
    background: #E2B111;
    width: 86px;
    margin: 15px auto 30px auto;
}

.title_header_section .line_blue {
    background: #74C6E6;
    width: 86px;
    margin: 15px auto 30px auto;
}

.title_header_section .line_two {
    background: #E2B111;
    width: 86px;
    margin: 15px 0 30px 0;
}

.title_header_section .text {
    font-size: 16px;
    max-width: 650px;
    margin: auto;
}

@media (max-width: 991.98px) {
    .title_header_section .title_one_head {
        font-size: 34px;
    }
    .title_header_section .title_one_head_two {
        font-size: 31px;
    }
    .title_header_section .title_one_head_three {
        font-size: 38px;
    }
    .title_header_section .title_two_head {
        font-size: 25px;
    }
    .title_header_section .title_two_head_three {
        font-size: 38px;
    }
    .title_header_section .text_header_bigger {
        font-size: 42px!important;
    }
}

.color3030 {
    color: #303030!important;
}

.text_header_bigger {
    font-size: 56px!important;
}

.btn_style_one {
    width: 150px;
    padding: 15px 0px;
    background-color: #292727;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
}

.btn_style_two {
    width: 180px;
    padding: 10px 0px;
    background-color: #fff;
    color: #292727;
    border: 1px solid #292727;
    font-weight: 500;
    font-size: 16px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
}

.section_four {
    background: #fff;
}

.section_four .our_awards {}

.section_four .our_awards .item_award {
    padding: 30px 37px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    text-align: center;
    transition: all 0.3s ease;
}

.section_four .our_awards .item_award .icon {
    padding: 13px 17px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FAAE2B;
    font-size: 22px;
    margin: 15px 0 20px 0;
}

.section_four .our_awards .item_award .title {
    font-size: 24px;
    color: #303030;
    margin: 15px 0;
}

.section_four .our_awards .item_award .text {
    font-size: 16px;
    color: #303030;
}

.section_four .our_awards .item_award:hover {
    background: #303030;
}

.section_four .our_awards .item_award:hover .icon {
    background: #FAAE2B;
    color: #fff;
}

.section_four .our_awards .item_award:hover .title {
    color: #FAAE2B;
}

.section_four .our_awards .item_award:hover .text {
    color: #fff;
}

.section_five {
    background: #102a3b;
}

.btn_style_three {
    width: 150px;
    padding: 10px 0px;
    background-color: #292727;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 500;
    font-size: 16px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_five {}

.section_five .title_section_five {
    position: relative;
}

.section_five .title_section_five .title_one {
    font-family: "Prompt", Helvetica;
    font-weight: 600;
    color: #faae2b;
    font-size: 16px;
    text-transform: uppercase;
}

.rtl .section_five .title_section_five .title_two {
    font-family: "Tajawal", sans-serif !important;
}

.section_five .title_section_five .title_two {
    font-family: "EuropeExt", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    max-width: 450px;
    line-height: 50px;
    text-transform: capitalize;
}

.section_five .title_section_five .line_title {
    width: 57px;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* slider image one */

.section_five .containers {
    display: grid;
    place-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 3.75px;
    --position: 50%;
}

.section_five .image-container {
    /* max-width: 800px; */
    max-height: 375px;
    /* aspect-ratio: 1/1; */
    /* transform: rotateY(180deg); */
}

.section_five .slider-image {
    width: 100%;
    height: 375px;
    object-fit: cover;
    object-position: left;
}

.section_five .image-before {
    position: absolute;
    inset: 0;
    /* width: var(--position); */
    /* filter: grayscale(100%) */
}

.section_five .overlay_filter {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: var(--position);
    bottom: 0;
    background-color: #0A0A0A;
    opacity: 0.6;
}

.section_five .slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
    /* for Firefox */
    width: 100%;
    height: 100%;
    transform: rotateY(180deg);
}

.section_five .slider:focus-visible~.slider-button {
    outline: 5px solid black;
    outline-offset: 3px;
}

.section_five .slider-line {
    position: absolute;
    inset: 0;
    width: .2rem;
    height: 100%;
    background-color: #fff;
    /* z-index: 10; */
    left: auto;
    right: var(--position);
    transform: translateX(-50%);
    pointer-events: none;
}

.section_five .slider-button {
    position: absolute;
    /* background-color: #fff; */
    color: black;
    padding: .5rem;
    border-radius: 100vw;
    display: grid;
    place-items: center;
    top: 50%;
    right: var(--position);
    transform: translate(47%, -50%);
    pointer-events: none;
    /* z-index: 100; */
    /* box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5); */
}


/* slider image two */

.section_five .s_containers {
    display: grid;
    place-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 3.75px;
    --position: 50%;
}

.section_five .s_image-container {
    /* max-width: 800px; */
    max-height: 375px;
    /* aspect-ratio: 1/1; */
    /* transform: rotateY(180deg); */
}

.section_five .s_slider-image {
    width: 100%;
    height: 375px;
    object-fit: cover;
    object-position: left;
}

.section_five .s_image-before {
    position: absolute;
    inset: 0;
    /* width: var(--position); */
    /* filter: grayscale(100%) */
}

.section_five .s_overlay_filter {
    content: '';
    position: absolute;
    top: 0;
    left: var(--position);
    right: 0;
    bottom: 0;
    background-color: #0A0A0A;
    opacity: 0.6;
}

.section_five .s_slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
    /* for Firefox */
    width: 100%;
    height: 100%;
}

.section_five .s_slider:focus-visible~.s_slider-button {
    outline: 5px solid black;
    outline-offset: 3px;
}

.section_five .s_slider-line {
    position: absolute;
    inset: 0;
    width: .2rem;
    height: 100%;
    background-color: #fff;
    /* z-index: 10; */
    left: var(--position);
    transform: translateX(-50%);
    pointer-events: none;
}

.section_five .s_slider-button {
    position: absolute;
    /* background-color: #fff; */
    color: black;
    padding: .5rem;
    border-radius: 100vw;
    display: grid;
    place-items: center;
    top: 50%;
    left: var(--position);
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* z-index: 100; */
    /* box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5); */
}

.section_five .sec__five {
    max-width: 350px;
    /* margin: auto; */
}

.section_five .sec__five .title_one {
    font-family: "Prompt", Helvetica;
    font-weight: 600;
    color: #faae2b;
    font-size: 16px;
    text-transform: uppercase;
}

.section_five .sec__five .title_two {
    font-family: "EuropeExt", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    max-width: 450px;
    text-transform: capitalize;
}

.rtl .section_five .sec__five .title_two {
    font-family: "Tajawal", sans-serif !important;
}

.section_five .sec__five .text {
    font-family: "Prompt", Helvetica;
    color: #fff;
    font-size: 14px;
}

@media (max-width: 991.98px) {
    .section_five .sec__five {
        max-width: 100%;
        /* margin: auto; */
    }
}

.section_five .arrow_going_to {}

.section_six {
    background: #fff;
}

.section_six .our_new {
    max-width: 385px;
}

.section_six .our_new .image_card_info {
    width: 100%;
    max-height: 300px;
}

.section_six .our_new .info {}

.section_six .our_new .info .date {
    margin-top: 10px;
    opacity: 0.5;
    font-family: "Prompt", Helvetica;
    font-weight: 400;
    color: #0a0a0a;
    font-size: 14px;
}

.section_six .our_new .info .title {
    font-family: "Prompt", Helvetica;
    font-weight: 600;
    color: #0a0a0a;
    font-size: 16px;
    margin: 10px 0;
}

.section_six .our_new .info .more {
    font-family: "Prompt", Helvetica;
    font-weight: 500;
    color: #f3c21e;
    font-size: 14px;
    display: flex;
    align-items: center;
}


/* about page */

.section_about_two {}

.section_about_two .title_sec_one {
    font-weight: 600;
    color: #74C6E6;
    font-size: 16px;
    text-transform: uppercase;
}

.section_about_two .title_sec_two {
    max-width: 320px;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 700;
    color: #303030;
    font-size: 32px;
    text-transform: uppercase;
}

.rtl .section_about_two .title_sec_two {
    font-family: "Tajawal", sans-serif !important;
}

.section_about_two .hr_line_sec {
    position: absolute;
    left: 56%;
    top: 14%;
    transform: translate(-50%, -50%);
    width: 57px;
    background: #707070;
}

.section_about_two .text__sec {
    font-family: "Prompt", Helvetica;
    font-weight: 400;
    color: #303030;
    font-size: 16px;
    margin: 20px 0;
}

.section_about_two .section_two_video {
    width: 100%;
    max-width: 583px;
    margin: auto;
}

.section_about_two .line_faq_about {
    background: #74C6E6;
    width: 100%;
    height: 3px;
}

.accordion_custom_header {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    color: #303030;
}

.accordion_custom_faq {}

.accordion_custom_faq .accordion_item_custom_faq {
    border: 0!important;
    background: transparent;
    color: #fff;
}

.accordion_custom_faq .accordion_button_custom_faq {
    background: transparent;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    text-transform: capitalize;
}

.accordion_custom_faq .accordion-button::after {
    width: 28px!important;
    height: 28px!important;
    background-size: 27px!important;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>")!important;
}

.accordion_custom_faq .accordion-button:not(.collapsed) {
    background-color: transparent!important;
    color: #fff!important;
    box-shadow: none!important;
}

.accordion_custom_faq .accordion_header_custom_faq {
    border: 1px solid #fff;
    border-radius: 10px;
}

.accordion_custom_faq .accordion_body_custom_faq {
    font-family: "Prompt", Helvetica;
    font-size: 16px;
}

.accordion-button:not(.collapsed)::after {}


/* job offers page */

.section_one_job {
    background: #fff;
}

.section_one_job .join_us_image {
    position: relative;
    width: 490px;
    height: 492px;
}

.section_one_job .join_us_image .image {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section_one_job .join_us_image .info {
    width: 210px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    background: #fff;
    border-radius: 8px;
    padding: 38px 10px;
    transform: translate(-50%, 0%);
}

.section_one_job .join_us_image .info .icon {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.section_one_job .join_us_image .info .text {
    font-family: "Nunito", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.section_one_job .join_us_content {}

.section_one_job .join_us_content .titles {}

.section_one_job .join_us_content .titles .title_one {
    color: #74C6E6;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.section_one_job .join_us_content .titles .title_two {
    max-width: 470px;
    font-family: "EuropeExt", Helvetica;
    color: #303030;
    font-size: 36px;
    text-transform: capitalize;
    margin: 25px 0;
    display: flex;
    align-items: flex-end;
}

.rtl .section_one_job .join_us_content .titles .title_two {
    font-family: "Tajawal", sans-serif !important;
}

.section_one_job .join_us_content .titles .line {
    width: 70px;
    background: #707070;
}

.section_one_job .join_us_content .text {
    color: #303030;
    font-size: 14px;
}

.section_one_job .item_join_us {}

.section_one_job .item_join_us .title {
    color: #303030;
    font-size: 18px;
    text-transform: capitalize;
}

.section_one_job .item_join_us .text {
    max-width: 220px;
    color: #303030;
    font-size: 12px;
    margin: 10px 0;
}

@media (max-width: 991.98px) {
    .rtl .section_one_job_row {
        flex-direction: column;
    }
    .section_one_job_row {
        flex-direction: column-reverse;
    }
}

.section_two_postions {}

.section_two_postions .item_postion {
    padding: 10px 0;
    border-bottom: 1px solid #7070704e;
}

.section_two_postions .item_postion .item_image {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #74C6E6;
    border-radius: 12px;
    margin-bottom: 15px;
}

.section_two_postions .item_postion .item_image .image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.section_two_postions .item_postion .item_info {
    padding: 0 15px;
}

.section_two_postions .item_postion .item_info .part {
    font-size: 14px;
    font-weight: 600;
    color: #303030;
    display: flex;
}

.section_two_postions .item_postion .item_info .part .line {
    width: 45px;
    background: #303030;
}

.section_two_postions .item_postion .item_info .title_share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
}

.section_two_postions .item_postion .item_info .title_share .title {
    font-size: 24px;
    color: #0A0A0A;
}

.section_two_postions .item_postion .item_info .title_share .share {}

.section_two_postions .item_postion .item_info .info_text {
    font-size: 16px;
    color: #5F5F63;
    margin-bottom: 10px;
    opacity: 0.8;
}

.section_two_postions .item_postion .item_info .location {
    color: #303030;
    font-size: 13.5px;
    opacity: 0.8;
}

.section_two_postions .item_postion .item_info .apply_now {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 15px 0;
}

.section_two_postions .item_postion .item_info .apply_now .apply {
    padding: 10px 60px;
    background-color: #fff;
    color: #0A0A0A;
    border: 1px solid #DBDFE9;
    font-weight: 500;
    font-size: 16px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_global_header_one {
    height: 450px;
    display: flex;
}

.section_global_header_one .header_one {
    position: relative;
    height: 100%;
    width: 77%;
    background-image: url("../images/sec_global_one.jpeg");
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_global_header_one .header_one::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}

.section_global_header_one .break {
    width: 1%;
    height: 100%;
    background: #0c202c;
}

.section_global_header_one .header_two {
    position: relative;
    width: 22%;
    height: 100%;
    background-image: url("../images/sec_one_iamge.png");
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_global_header_one .header_two::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #102a3b;
    opacity: 0.95;
}

.section_global_header_one .header_two .links {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3;
}

.section_global_header_one .header_two .links .link {
    font-size: 18px;
    margin: 10px;
    color: #fff;
}

.section_global_header_two {
    height: 450px;
    display: flex;
}

.section_global_header_two .header_one {
    position: relative;
    height: 100%;
    width: 100%;
    background-image: url("../images/g_h_2.png");
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_global_header_two .header_one::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}

.section_global_header_three {
    height: 450px;
    display: flex;
}

.section_global_header_three .header_one {
    position: relative;
    height: 100%;
    width: 100%;
    background-image: url("../images/img_4.png");
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_global_header_three .header_one::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}

.section_global_header_four {
    height: 450px;
    display: flex;
}

.section_global_header_four .header_one {
    position: relative;
    height: 100%;
    width: 78%;
    background-image: url("../images/pro_2.jpeg");
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_global_header_four .header_two {
    position: relative;
    width: 22%;
    height: 100%;
    background-image: url("../images/sec_one_iamge.png");
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_global_header_four .header_two::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #102a3b;
    opacity: 0.95;
}

.section_global_header_four .header_two .links {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3;
}

.section_global_header_four .header_two .links .link {
    font-size: 18px;
    margin: 10px;
    color: #fff;
}

@media (max-width: 991.98px) {
    .section_global_header_one {
        height: auto;
    }
    .section_global_header_one {
        flex-direction: column;
    }
    .section_global_header_one .break {
        height: 10px;
        width: 100%;
    }
    .section_global_header_one .header_one {
        height: 400px;
        width: 100%;
    }
    .section_global_header_one .header_two {
        height: 150px;
        width: 100%;
    }
    .section_global_header_one .header_two .links {
        flex-direction: row;
    }
    .section_global_header_four {
        height: auto;
    }
    .section_global_header_four {
        flex-direction: column;
    }
    .section_global_header_four .header_one {
        height: 400px;
        width: 100%;
    }
    .section_global_header_four .header_two {
        height: 150px;
        width: 100%;
    }
    .section_global_header_two {
        height: auto;
    }
    .section_global_header_two .header_one {
        height: 400px;
        width: 100%;
    }
    .section_global_header_three {
        height: auto;
    }
    .section_global_header_three .header_one {
        height: 400px;
        width: 100%;
    }
}

.section_one_news {}

.section_one_news .headers {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section_one_news .headers .headers_one {}

.section_one_news .headers .headers_one .one {
    font-weight: 600;
    color: #74C6E6;
    font-size: 16px;
    text-transform: uppercase;
}

.section_one_news .headers .headers_one .two {
    display: flex;
    align-items: center;
}

.section_one_news .headers .headers_one .two .title {
    max-width: 320px;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 700;
    color: #303030;
    font-size: 32px;
    text-transform: uppercase;
}

.rtl .section_one_news .headers .headers_one .two .title {
    font-family: "Tajawal", sans-serif !important;
}

.section_one_news .headers .headers_one .two .line {
    width: 57px;
    background: #707070;
}

.section_one_news .headers .headers_two {}

.section_one_news .headers .headers_two .title {
    opacity: 0.05;
    font-family: "EuropeExt-Bold", Helvetica;
    font-weight: 700;
    color: #303030;
    font-size: 112px;
    text-transform: capitalize;
}

.rtl .section_one_news .headers .headers_two .title {
    font-family: "Tajawal", sans-serif !important;
}

@media (max-width: 991.98px) {
    .section_one_news .headers {
        flex-direction: column;
    }
    .section_one_news .headers .headers_one .two .title {
        max-width: 100%;
    }
}

.section_one_news .our_news {}

.section_one_news .our_news .our_new {
    position: relative;
    max-width: 304px;
    max-height: 373.5px;
    transition: all 0.3s ease;
}

.section_one_news .our_news .our_new .info {
    position: absolute;
    z-index: 3;
    width: 83%;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, 0%);
    color: #fff;
}

.section_one_news .our_news .our_new .info .date_name {
    color: #fff;
    font-size: 12px;
}

.section_one_news .our_news .our_new .info .title {
    color: #fff;
    font-size: 18px;
    margin: 15px 0;
}

.section_one_news .our_news .our_new .overlay_info {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%);
    opacity: 0.7;
}

.section_one_news .our_news .our_new .image_info {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 373.5px;
    object-fit: cover;
}

.section_one_news .our_news .our_new_item .our_new .info .icon {
    display: none;
}

@media (max-width: 991.98px) {
    .section_one_news .our_news .our_new_item:hover {
        width: 350px!important;
        margin: 0 40px;
    }
    .section_one_news .our_news .our_new_item:hover .our_new {
        width: 350px;
        max-width: 350px;
    }
}

.section_one_news .our_news .our_new_item:hover {
    width: 484px!important;
    margin: 0 40px;
    transition: all 0.3s ease;
}

.section_one_news .our_news .our_new_item:hover .our_new {
    width: 484px;
    max-width: 484px;
}

.section_one_news .our_news .our_new_item:hover .our_new .info {
    bottom: 0;
    background: #fff;
    color: #303030;
    width: 90%;
    transform: none;
    left: auto;
    right: 0px;
    box-shadow: 0px 2.25px 2.25px 0px #00000029;
    padding: 24px 40px;
}

.section_one_news .our_news .our_new_item:hover .our_new .info .date_name {
    color: #303030;
}

.section_one_news .our_news .our_new_item:hover .our_new .info .title {
    color: #303030;
}

.section_one_news .our_news .our_new_item:hover .our_new .info .icon {
    position: absolute;
    z-index: 3;
    right: 25px;
    bottom: 25px;
    display: block;
}

.section_one_news .our_news .our_new_item:hover .our_new .overlay_info {}

.section_one_news .our_news .our_new_item:hover .our_new .image_info {}

.overlay_iamge_head {
    width: 100%;
    height: 280px;
    position: relative;
}

.overlay_iamge_head .immge {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay_iamge_head .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #102a3b;
    opacity: 0.5;
}

.section_content_profile {}

.section_content_profile .image_person_btn {
    display: flex;
    justify-content: space-between;
    position: relative;
    --bs-gutter-x: 0;
}

.section_content_profile .image_person_btn .image {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    box-shadow: 0px 4px 8px 0px #0000001F;
    object-fit: cover;
    margin-top: -170px;
    margin-left: 70px;
    margin-right: 70px;
    background: #fff;
}

.section_content_profile .image_person_btn .image.two {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    box-shadow: 0px 4px 8px 0px #0000001F;
    object-fit: cover;
    margin-top: -140px;
    margin-left: 70px;
    margin-right: 70px;
    background: #fff;
}

.section_content_profile .image_person_btn .text_person.two_card {
    margin-top: -90px;
    color: white;
}

.section_content_profile .image_person_btn .text_person {
    margin-top: -125px;
    color: white;
}

.section_content_profile .image_person_btn .text_person .main_text {
    font-size: 28px;
}

.section_content_profile .image_person_btn_two .image {
    margin-top: -85px!important;
}

@media (max-width: 991.98px) {
    .section_content_profile .image_person_btn_two .image {
        margin-top: 20px!important;
    }
}

.section_content_profile .image_person_btn .btn_request {
    transition: all 0.3s ease;
    color: #fff;
    background: #FAAE2B;
    width: 192px;
    height: 52px;
    padding: 12px 16px 12px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 16px;
}

.section_content_profile .image_person_btn .btn_request:hover {
    background: #d19123;
}

.section_content_profile .content_profile {}

.section_content_profile .content_profile .links_profile {}

.section_content_profile .content_profile .links_profile .links {
    display: flex;
    flex-direction: column;
    margin: 30px 0;
}

.section_content_profile .content_profile .links_profile_two .links {
    background: #F9F9F9;
}

.section_content_profile .content_profile .links_profile .links .link {
    background: #fff;
    color: #0A0A0A;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 20px;
    cursor: pointer;
}

.section_content_profile .content_profile .links_profile_two .links .link {
    background: 0!important;
}

.section_content_profile .content_profile .links_profile .links .active {
    background: #008BB81A;
    color: #74C6E6;
}

.section_content_profile .content_profile .links_profile_two .links .active {
    color: #74C6E6;
    background: 0;
}

.section_content_profile .content_profile .links_profile .links .line {
    width: 85%;
    background: #707070A1;
}

.section_content_profile .content_profile .links_profile .links .log_out {
    color: #FF0000;
    padding: 15px 20px;
}

@media (max-width: 991.98px) {
    .section_content_profile .image_person_btn {
        flex-direction: column;
        align-items: center;
    }
    .section_content_profile .image_person_btn .image {
        margin: 15px
    }
    .section_content_profile .image_person_btn .text_person {
        margin-top: 15px;
        text-align: center;
        color: black;
    }
    .section_content_profile .content_profile .links_profile .links .line {
        display: none;
    }
}

.section_content_profile .content_profile .sec_profile {}

.section_content_profile .content_profile .sec_profile .person_info {}

.section_content_profile .content_profile .sec_profile .person_info .content {
    border: 1px solid #70707040;
    box-shadow: 0px 4px 8px 0px #0000001F;
    padding: 24px 16px 24px 16px;
    border-radius: 16px;
}

.section_content_profile .content_profile .sec_profile .person_info .content .title {
    font-size: 20px;
    font-weight: 600;
    color: #0A0A0A;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section_content_profile .content_profile .sec_profile .person_info .content .box {}

.section_content_profile .content_profile .sec_profile .person_payment {}

.section_content_profile .content_profile .sec_profile .person_payment .content {
    border: 1px solid #70707040;
    box-shadow: 0px 4px 8px 0px #0000001F;
    padding: 24px 16px 20px 16px;
    border-radius: 16px;
    height: auto;
}

.section_content_profile .content_profile .sec_profile .person_payment .title {
    font-size: 16px;
    font-weight: 600;
    color: #0A0A0A;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section_content_profile .content_profile .sec_profile .person_payment .box {}

.section_content_profile .content_profile .sec_profile .person_payment .payment_item {
    border: 1px solid #DBDFE9;
    height: 40px;
    padding: 8px;
    border-radius: 8px;
    color: #303030;
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.section_content_profile .content_profile .sec_profile .person_payment .payment_item .icon {}

.section_content_profile .content_profile .sec_profile .person_payment .payment_item .text {
    margin: 0 20px;
    word-break: break-all;
}

.section_content_profile .content_profile .sec_profile .person_payment .expired_item {
    font-size: 13px;
    font-weight: 400;
    color: #FF0000;
}

.section_content_profile .content_profile .recent_survey {
    padding: 16px;
    border: 1px solid #00000087;
    border-radius: 10px;
}

.section_content_profile .content_profile .recent_survey .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.section_content_profile .content_profile .recent_survey .text {
    font-size: 14px;
    font-weight: 400;
    color: #5F5F63;
}

.section_content_profile .content_profile .recent_survey .manage {}

.section_content_profile .content_profile .recent_survey .manage .user {
    display: flex;
}

.section_content_profile .content_profile .recent_survey .manage .user .user_name {
    border: 0.5px solid #0000006E;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section_content_profile .content_profile .recent_survey .manage .user .user_name .img_user {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}

.section_content_profile .content_profile .recent_survey .manage .user .user_name .name {
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

.section_content_profile .content_profile .recent_survey .manage .user .num {
    border: 1px solid #0000006E;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

.section_content_profile .content_profile .recent_survey .manage .s__btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section_content_profile .content_profile .recent_survey .manage .s__btn .btns_manage {
    border: 1px solid #74C6E6;
    padding: 8px;
    border-radius: 10px;
    color: #74C6E6;
    background: #fff;
}

.section_content_profile .content_profile .recent_survey .manage .s__btn .btns_result {
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    background: #74C6E6;
}

.section_content_profile .content_profile .complaint_btn {}

.section_content_profile .content_profile .complaint_btn .complaint__btn {
    padding: 15px 24px 15px 24px;
    border-radius: 12px;
    background: #DE3F3F;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.section_shareholder {}

.section_shareholder .our_shareholder {
    margin: 15px 0;
    position: relative;
}

.section_shareholder .our_shareholder .item_shareholder {
    width: 180px;
    height: 180px;
    /* width: 20%;
    aspect-ratio: 3 / 2; */
    -o-object-fit: contain;
    object-fit: contain;
    margin: -1px -3px;
    filter: grayscale(1);
    opacity: 0.5;
    border: 1px solid #70707040;
    padding: 15px;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.section_shareholder .our_shareholder .item_shareholder:hover {
    filter: grayscale(0);
    opacity: 1;
}

.empty_one {
    position: absolute;
    width: 101%;
    height: 10px;
    top: 0;
    left: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background: #fff;
    z-index: 3;
}

.empty_two {
    position: absolute;
    width: 101%;
    height: 10px;
    bottom: -7px;
    left: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background: #fff;
    z-index: 3;
}

.empty_three {
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translate(50%, 0%);
    background: #fff;
    z-index: 3;
}

.empty_four {
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translate(50%, 0%);
    background: #fff;
    z-index: 3;
}

@media (max-width: 991.98px) {
    .section_shareholder .our_shareholder {
        /* text-align: center; */
    }
    .section_shareholder .our_shareholder .item_shareholder {
        /* width: 33.5%; */
    }
}

.section_reports {}

.section_reports .our_report {
    max-width: 310px;
    width: 100%;
    border: 0.75px solid #707070;
    padding: 20px;
    text-align: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 422.25px;
}

.section_reports .our_report .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    width: 75%;
}

.section_reports .our_report .title .line_one,
.section_reports .our_report .title .line_two {
    width: 36.76px;
    background: #303030;
}

.section_reports .our_report .title .text {}

.section_reports .our_report .num {
    font-size: 36px;
    font-weight: 400;
    color: #303030;
    margin-top: 10px;
}

.section_reports .our_report .text_ufg {
    color: #303030;
    font-size: 12px;
    font-weight: 400;
}

.section_reports .our_report .image {
    width: 102px;
    height: 157px;
    object-fit: cover;
    margin: 20px 0;
}

.section_reports .our_report .view {
    width: 158px;
    height: 44px;
    border-radius: 24px;
    border: 1.5px solid #303030;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #303030;
}

.section_reports .our_report_two {
    max-width: 272px;
    text-align: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section_reports .our_report_two .num {
    font-size: 36px;
    font-weight: 400;
    color: #303030;
    transition: all 0.3s ease;
}

.section_reports .our_report_two:hover .num {
    color: #74C6E6;
}

.section_reports .our_report_three {
    border: 1.5px solid #303030;
    border-radius: 50px;
}

.section_reports .our_report .circle {
    height: 120px;
    width: 120px;
    margin: 10px auto;
    border: 25px solid #EDF9FF;
    border-radius: 50%;
    position: relative;
    transform: rotate(45deg);
}

.section_reports .our_report .circle::before {
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    position: absolute;
    height: 5px;
    width: calc(100% + 48px);
    background: #fff;
    top: 50%;
    left: 50%;
}

.section_reports .our_report .circle::after {
    transform: translate(-50%, -50%) rotate(45deg);
    content: "";
    position: absolute;
    height: 5px;
    width: calc(100% + 48px);
    background: #fff;
    top: 50%;
    left: 50%;
}

.section_reports .our_report .circle.q1 {
    border-left-color: #951b81;
}

.section_reports .our_report .circle.q2 {
    border-top-color: #009640;
}

.section_reports .our_report .circle.q3 {
    border-right-color: #f39200;
}

.section_reports .our_report .circle.full {
    border-color: #00a0e1;
}

.section_reports .our_report.card_quarter {
    box-shadow: 0 12px 22px #00000012;
    border-radius: 14px;
    border: 0;
    text-transform: capitalize;
}

.section_reports .our_report.card_quarter .num {
    font-size: 30px;
}

.section_reports .our_report.card_quarter .view {
    position: relative;
    z-index: 2;
    border: 0;
    background: #74C6E6;
}

.section_reports .color_two {
    background: #102a3b !important;
    position: relative;
}

.section_reports .color_two .title {
    color: #fff!important;
}

.section_reports .color_two .title .line_one,
.section_reports .color_two .title .line_two {
    background: #fff!important;
}

.section_reports .color_two .num {
    color: #74C6E6!important;
}

.section_reports .color_two .text_ufg {
    color: #FFFFFF!important;
    opacity: 0.7;
}

.section_reports .color_two .view {
    position: relative;
    z-index: 2;
    border: 0;
    background: #74C6E6;
}

.section_reports .color_two::after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 70px;
    height: 65px;
    background: #707070;
    opacity: 0.2;
    z-index: 1;
}

.section_reports .color_two::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 70px;
    height: 65px;
    background: #707070;
    opacity: 0.2;
    z-index: 1;
}

.custom_icon_accordion {
    background: #292727;
    width: 51px;
    height: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.head_accordion_post_new {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.head_accordion_post_new .head_two {
    opacity: 0.5;
    font-weight: 400;
}

.content_accordion_new {}

.content_accordion_new .text {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-top: 20px;
    text-align: initial;
}

.content_accordion_new .btn_arrow {
    display: flex;
    align-items: center;
}

.content_accordion_new .image_post {
    max-width: 384.75px;
    height: 257.25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3.75px;
    margin: auto;
}

.our_post_news {
    position: relative;
}

.our_post_news .accordion-icon-on {
    /* position: absolute; */
}

.section_products {}

.section_products .our_products {}

.section_products .our_products .image_product {
    max-width: 275px;
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 9px;
}

.section_products .our_products .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.section_products .our_products .content .title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}

.section_products .our_products .content .text {
    font-size: 14px;
    color: #000;
}

.section_products .our_products .form_preorder {
    width: 65%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section_products .our_products .form_preorder .input_preorder {
    display: flex;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #303030a8;
    margin-bottom: 20px;
}

.section_products .our_products .form_preorder .input_preorder .icon {}

.section_products .our_products .form_preorder .input_preorder .input_box {
    margin: 0 15px;
    border: 0;
    font-size: 12px;
    color: #303030;
    opacity: 0.5;
    width: 100%;
}

.section_products .our_products .form_preorder .input_preorder .input_box:focus-visible,
.section_products .our_products .form_preorder .input_preorder .input_box:focus,
.section_products .our_products .form_preorder .input_preorder .input_box:active {
    border: 0;
    outline: 0;
}

.section_products .our_products .form_preorder .submit_preorder {
    width: 124.45px;
    height: 42px;
    border-radius: 10px;
    opacity: 0px;
    background: #292727;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.section_products .our_products .form_preorder .submit_preorder:hover {
    background: #fff;
    color: #292727;
    border: 1px solid #292727;
}

@media (max-width: 991.98px) {
    .section_products .our_products .form_preorder {
        width: 80%;
    }
}

.claims .form_claims .dropdown-toggle::after {
    display: none!important;
}

.select_border_custom {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #555;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.custom_border_image {
    /* border-image: url("../images/Screenshot_5sda.png") 65 / 12px round !important; */
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23333' stroke-width='3' stroke-dasharray='12%2c 15' stroke-dashoffset='23' stroke-linecap='square'/%3e%3c/svg%3e")!important;
    border-radius: 8px!important;
}

.claims .form_claims .claims_btn_submit {
    width: 125px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #292727;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin: auto;
}

.data_sheet .data_sheet_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.data_sheet .data_sheet_header .logo_img {}

.data_sheet .data_sheet_header .pdf_dwon .btn_download {
    /* width: 286px;
    height: 56px; */
    padding: 16px 18px;
    border-radius: 8px;
    border: 1px solid #74C6E6;
    font-size: 16px;
    font-weight: 400;
    color: #0A0A0A;
    transition: all 0.3s ease;
}

.data_sheet .data_sheet_header .pdf_dwon .btn_download:hover {
    background: #74C6E6;
    border: 1px solid #0A0A0A;
}

.data_sheet .technical_data_sheet {}

.data_sheet .technical_data_sheet .header_titles {
    text-align: center;
    margin: auto;
}

.data_sheet .technical_data_sheet .header_titles .title_one {
    font-size: 32px;
    font-weight: 700;
    color: #0A0A0A;
}

.data_sheet .technical_data_sheet .header_titles .title_two {
    color: #0A0A0A;
    font-size: 24px;
    font-weight: 700;
}

.data_sheet .technical_data_sheet .sheet_one {
    font-size: 20px;
    color: #303030;
}

.border_bottom_style_solid {
    border-bottom-style: solid !important;
}

.data_sheet .technical_data_sheet .sheet_five {}

.margin_left_250_header_global {
    margin-left: 250px;
}

.margin_right_250_header_global {
    margin-right: 250px;
}

@media (max-width: 991.98px) {
    .margin_left_250_header_global {
        margin-left: 50px;
    }
    .margin_right_250_header_global {
        margin-right: 50px;
    }
}

.contact__us {}

.contact__us .header_titles_contact {}

.contact__us .header_titles_contact .title_one {
    font-size: 18px;
    font-weight: 600;
    color: #74C6E6;
}

.contact__us .header_titles_contact .title_two {
    font-family: "EuropeExt", Helvetica;
    font-size: 48px;
    font-weight: 400;
    color: #303030;
    display: flex;
    align-items: center;
}

.rtl .contact__us .header_titles_contact .title_two {
    font-family: "Tajawal", sans-serif !important;
}

.contact__us .header_titles_contact .title_two .line {
    width: 76px;
    height: 2px;
    background: #707070;
    margin: 0 20px;
}

.header_titles_contact_global {}

.header_titles_contact_global .title_one {
    font-size: 18px;
    font-weight: 600;
    color: #74C6E6;
}

.header_titles_contact_global .title_two {
    font-family: "EuropeExt", Helvetica;
    font-size: 48px;
    font-weight: 400;
    color: #303030;
    display: flex;
    align-items: center;
}

.rtl .header_titles_contact_global .title_two {
    font-family: "Tajawal", sans-serif !important;
}

.header_titles_contact_global .title_two .line {
    width: 76px;
    height: 2px;
    background: #707070;
    margin: 0 20px;
}

.contact__us .image_show_video {
    position: relative;
}

.contact__us .image_show_video .image {
    position: relative;
    z-index: 1;
    width: 90%;
    height: 395px;
    object-fit: cover;
}

.contact__us .image_show_video .show_video {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #303030;
    width: 360px;
    padding: 35px 25px;
    font-family: "Yeseva One", serif;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact__us .image_show_video .show_video .line_two {
    width: 49.5px;
    height: 2px;
    background: #707070;
}

.contact__us .contact_box {
    width: 90%;
    margin: auto;
}

.contact__us .contact_box .icon {
    width: 99px;
    height: 99px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #74C6E6;
    color: #000;
    font-size: 30px;
}

.contact__us .contact_box .title {
    font-size: 24px;
    font-weight: 400;
    color: #303030;
    margin: 20px 0;
}

.contact__us .contact_box .text {
    color: #303030;
    font-size: 13.5px;
    font-weight: 600;
}

.text_center_custom {
    text-align: initial;
}

.margin_center_custom {
    margin: 0;
}

@media (max-width: 991.98px) {
    .text_center_custom {
        text-align: center;
    }
    .margin_center_custom {
        margin: auto;
    }
}

.text_contact_us_font {
    font-family: "Alegreya", serif;
    font-size: 48px;
    font-weight: 700;
    color: #1B1B1C;
}

.border-radius-10px-custom {
    border-radius: 10px;
}

.border-radius-8px-custom {
    border-radius: 8px;
}

.bg_global {
    position: relative;
    background-position: center;
    background-size: cover;
}

.bg_global::after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #292727;
    opacity: 0.5;
}

.bg_global_two {
    position: relative;
    background-position: center;
    background-size: cover;
}

.bg_global_two::after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.235294) 11.21%, #264c64 76.6%, #102a3b 100%);
}

.text_tadawl_font {
    display: flex;
    flex-direction: column;
}

.text_tadawl_font .one {
    font-family: "EuropeExt-Bold", Helvetica;
    font-size: 36px;
    font-weight: 700;
}

.text_tadawl_font .two {
    font-family: "EuropeExt", Helvetica;
    font-size: 36px;
    font-weight: 400;
}

.rtl .text_tadawl_font .two,
.rtl .text_tadawl_font .one {
    font-family: "Tajawal", sans-serif !important;
}

.w-85-custom {
    width: 85%!important;
}

.big_global_title_bold {
    font-family: "EuropeExt-Bold", Helvetica;
    font-size: 96px;
    font-weight: 700;
    color: #303030;
    opacity: 0.05;
}

.rtl .big_global_title_bold {
    font-family: "Tajawal", sans-serif !important;
}

.text-color-custom-303030 {
    color: #303030!important;
}

.translate-middle-custom-y {
    transform: translateY(-20%) !important;
}

.font-family-EuropeExt {
    font-family: "EuropeExt", Helvetica;
}

.font-family-EuropeExt-Bold {
    font-family: "EuropeExt-Bold", Helvetica;
}

.rtl .font-family-EuropeExt {
    font-family: "Tajawal", sans-serif !important;
}

.rtl .font-family-EuropeExt-Bold {
    font-family: "Tajawal", sans-serif !important;
}

.bg-color-707070-custom {
    background: #707070!important;
}

.line_global {
    width: 86.25px!important;
}

.form_control_login_global {}

.form_control_login_global::placeholder {
    color: #000!important;
    font-weight: 400!important;
}

.complete_register {}

.complete_register .stepper.stepper-pills .stepper-item.current .stepper-icon {
    background-color: #74C6E6!important;
}

.complete_register .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
    color: #0A0A0A!important;
}

.complete_register .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
    color: #0A0A0A!important;
}

.complete_register .stepper.stepper-pills .stepper-item .stepper-icon {
    background-color: #70707040!important;
}

.complete_register .stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    color: #FFFFFF!important;
}

.input-placeholders {
    position: relative;
}

.input-placeholders .input_placeholders {
    /* padding: 2px; */
}

.input-placeholders .input_placeholders:valid+.placeholders,
.input-placeholders .input_placeholders:focus+.placeholders {
    display: none;
}

.placeholders {
    position: absolute;
    pointer-events: none;
    top: 23px;
    /* bottom: 2px; */
    left: 0;
    transform: translate(26px, -50%);
    margin: auto;
    color: #000;
}

.placeholders span {
    color: red;
}

.our_managers {
    max-width: 282px;
    width: 100%;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
}

.our_managers .image_card_info {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 272px;
    object-fit: cover;
    border-radius: 12px;
    object-position: top;
}

.our_managers .info {}

.our_managers .info .name {
    font-size: 18px;
    font-weight: 400;
    color: #303030;
}

.our_managers .info .job {
    font-size: 12px;
    font-weight: 400;
    color: #303030;
    opacity: 0.8;
}

.our_managers .links {
    transition: all 0.3s ease;
    opacity: 0;
    position: absolute;
    z-index: 3;
    bottom: 60px;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 8px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 4px 4px 0px #0000001F;
}

.our_managers .links .link {
    font-size: 20px;
    color: #303030;
    margin: 0 12px;
}

.our_managers:hover .links {
    opacity: 1;
    transition: all 0.3s ease;
}

.our_managers_two {
    /* display: flex;
    justify-content: space-around; */
    justify-content: center;
}

.our_managers_two .image_card_info {
    position: relative;
    z-index: 2;
    /* width: 400px; */
    max-width: 400px;
    /* min-width: 400px; */
    height: 400px;
    object-fit: cover;
    border-radius: 25px;
    object-position: top;
}

.our_managers_two .info {
    display: flex;
    flex-direction: column;
}

.our_managers_two .info .name {
    font-size: 25px;
    font-weight: 400;
    color: #303030;
}

.our_managers_two .info .job {
    font-size: 18px;
    font-weight: 400;
    color: #303030;
    opacity: 0.8;
}

.our_managers_two .info .desc {
    font-size: 16px;
    font-weight: 400;
    color: #303030;
    opacity: 0.7;
}

.our_managers_two .links .link {
    border-radius: 8px;
    background: #74C6E6;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    border: 1px solid #74C6E6;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 4px 0px #0000001F;
}

.our_managers_two .links .link:hover {
    border-radius: 8px;
    border: 1px solid #74C6E6;
    background: #fff;
    padding: 10px 20px;
    color: #74C6E6;
    font-size: 20px;
}

.border-bottom-solid-custom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.text-color-custom-0A0A0A {
    color: #0A0A0A !important;
}

@media (max-width: 991.98px) {
    .border-bottom-solid-custom {
        border: 0;
    }
}

.all_products .product {
    position: relative;
    /* max-width: 282px; */
    width: 100%;
    height: 221px;
}

.all_products .category {
    position: relative;
    /* max-width: 282px; */
    width: 100%;
    height: 221px;
    transition: all 0.3s ease;
}

.all_products .category .img_category {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all_products .category:hover {
    filter: brightness(0.9);
    transform: scale(1.03);
    transition: all 0.3s ease;
}

.all_products .category:hover .name {
    transition: all 0.3s ease;
    border: 1px solid #000;
    padding: 6px;
    bottom: 18px;
}

.all_products .category .name {
    transition: all 0.3s ease;
    position: absolute;
    z-index: 4;
    font-size: 20px;
    bottom: 25px;
    left: 50%;
    transform: translate(-50%, 0);
    color: #000;
}

.all_products .product_btn {
    position: relative;
    width: 100%;
    padding: 15px;
    box-shadow: 0px 4px 8px 0px #0000001F;
    border: 1px solid #70707040;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    font-family: "EuropeExt-Bold", Helvetica;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    color: #0A0A0A;
}

.rtl .all_products .product_btn {
    font-family: "Tajawal", sans-serif !important;
}

.all_products .product_btn:hover {
    background: #74C6E61A;
    box-shadow: 0px 4px 8px 0px #0000001F;
    color: #74C6E6;
}

.all_products .product_btn.active {
    background: #74C6E61A;
    box-shadow: 0px 4px 8px 0px #0000001F;
    color: #74C6E6;
}

.all_products .product .img_product {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all_products .product .name {
    position: absolute;
    z-index: 3;
    font-size: 20px;
    bottom: 15px;
    transform: translate(25px, 0px);
}

.rtl .all_products .product .name {
    position: absolute;
    z-index: 3;
    font-size: 20px;
    bottom: 15px;
    transform: translate(-25px, 0px);
}

.all_products .product_pdf {
    width: 100%;
    padding: 20px;
    box-shadow: 0px 4px 8px 0px #0000001F;
    border: 1px solid #70707040;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.all_products .product_pdf .title {
    font-family: "EuropeExt-Bold", Helvetica;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    color: #0A0A0A;
}

.rtl .all_products .product_pdf .title {
    font-family: "Tajawal", sans-serif !important;
}

.all_products .product_pdf .btn_download {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #74C6E6;
    padding: 16px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #0A0A0A;
    justify-content: center;
}

.header_video {}

.header_video .title {
    font-family: "EuropeExt", Helvetica;
    font-size: 32px;
    color: #0A0A0A;
    font-weight: 400;
}

.rtl .header_video .title {
    font-family: "Tajawal", sans-serif !important;
}

.header_video .search {
    position: relative;
}

.header_video .search .input_search {
    position: relative;
    width: 100%;
    border-radius: 8px!important;
}

.header_video .search .icon {
    position: absolute;
    right: 50px;
    transform: translate(15px, 0px);
}

.rtl .header_video .search .icon {
    position: absolute;
    right: auto;
    left: 50px;
    transform: translate(-15px, 0px);
}

.header_video .btn_icons {
    position: relative;
    z-index: 2;
    font-size: 20px;
    border-radius: 15px;
    color: #fff;
    padding: 7px 10px;
}

.header_video .btn_icons .red {
    position: absolute;
    z-index: 3;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 29px;
    right: 23px;
    transform: translate(13px, 11px);
    background: #FF0000;
}

.our_videos_centers .our_videos_center {
    position: relative;
    z-index: 2;
}

.our_videos_centers .our_videos_center .image_card_info {
    width: 100%;
    height: 520px;
    object-fit: cover;
    object-position: top;
    position: relative;
    z-index: 2;
}

.our_videos_centers .our_videos_center .image_card_info_two {
    width: 100%;
    height: 223px;
    object-fit: cover;
    object-position: top;
    position: relative;
    z-index: 2;
}

.our_videos_centers .our_videos_center .info {
    position: absolute;
    bottom: 0;
    z-index: 3;
    padding: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #fff;
}

.our_videos_centers .our_videos_center .info .name {}

.our_videos_centers .our_videos_center .info .links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-color-292727-custom {
    background: #292727!important;
}

.bg-color-292727BF-custom {
    background: #787272!important;
}

.our_videos_centers .our_videos_center .play {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    font-size: 25px;
    color: #000;
}

.our_videos_centers .our_videos_center .play .video_play {
    width: 140px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.our_videos_centers .our_videos_center .play_two {
    position: absolute;
    width: 45%;
    z-index: 4;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.our_videos_centers .our_videos_center.new_add::after {
    position: absolute;
    content: 'Recently added';
    z-index: 5;
    top: 0;
    right: 0;
    background: #FAAE2B;
    padding: 10px 16px 10px 16px;
    border-radius: 0px 0px 0px 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 991.98px) {
    .our_videos_centers .our_videos_center .image_card_info {
        height: 350px;
    }
}

.image_emp_one {
    max-width: 420.75px;
    width: 100%;
    height: 482.25px;
}

.container_video_show {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.container_video_show .img_one {
    position: relative;
    z-index: 2;
    width: 40%;
    height: 481px;
    object-fit: cover;
}

.container_video_show .img_two {
    position: relative;
    z-index: 2;
    width: 39%;
    height: 225.61px;
    object-fit: cover;
    margin: 30px 45px;
}

.container_video_show .img_three {
    position: absolute;
    bottom: 0px;
    right: 0;
    transform: translate(-41%, -9%);
    z-index: 2;
    width: 35%;
    height: 185.53px;
    object-fit: cover;
}

.container_video_show .break {
    position: relative;
    z-index: 2;
    width: 20%;
    height: 100%;
}

.container_video_show .play_video {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 50%;
    transform: translate(43%, -50%);
}

.arrow_hover_background:hover {
    background: #E9E5E5 !important;
}

.margin_top_profile {
    margin-top: -70px!important;
}

.border-primary-custom-two {
    border: 1px solid #74C6E626;
}

@media (max-width: 991.98px) {
    .margin_top_profile {
        margin-top: 15px!important;
    }
}

.files_pdf {}

.files_pdf .file_pdf {
    margin-bottom: 2rem;
}

.files_pdf .file_pdf:last-child {
    margin-bottom: 0;
}

.btn_global_submit {
    width: 100%;
    padding: 13px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #292727;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: auto;
}

.all_products .product_two {
    position: relative;
    width: 100%;
    /* height: 221px; */
}

.all_products .product_two .img_product {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 300.19px;
    object-fit: cover;
    border-radius: 9.1px;
}

.all_products .product_two .req_quo {
    border: 1px solid #74C6E6;
    padding: 16px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    justify-content: center;
    background: #74C6E6;
    border-radius: 24px;
}

.all_products .product_two .btn_download {
    border-radius: 8px;
    border: 1px solid #74C6E6;
    padding: 16px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #0A0A0A;
    justify-content: center;
}

.all_products .product_three .img_product {
    position: relative;
    z-index: 2;
    max-width: 282px;
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 9.1px;
}

.all_products .product_three .btn_view {
    border: 1px solid #DBDFE9;
    padding: 16px 35px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #0A0A0A;
    justify-content: center;
    background: #fff;
    border-radius: 24px;
}

.all_products .product_three .req_quo {
    border: 1px solid #74C6E6;
    padding: 16px 25px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    justify-content: center;
    background: #74C6E6;
    border-radius: 24px;
}

.whats-app-icon-fixed {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 3px 4px 3px #999;
    right: 25px;
    z-index: 100;
    transition: all 0.3s ease;
}

.whats-app-icon-fixed:hover {
    background-color: #fff;
    color: #25d366;
    outline: 1px solid #ddd;
}

.login_style {
    font-family: Cairo;
}

.login_style .form_control_login {
    background: transparent !important;
    border: 1px solid #FCD69840;
    color: #FFFFFF7D;
    border-radius: 0!important;
}

.login_style .btn_login {
    background-color: #FCD698 !important;
    border-radius: 0 !important;
    color: #0E0E0E !important;
}

.login_style .text_left_title {
    font-size: 32px;
    font-weight: 500;
    color: #010204;
}

.login_style .text_left_text {
    font-size: 16px;
    font-weight: 500;
    color: #010204;
}

.login_style .overlay_login_relative {
    position: relative;
    z-index: 2;
}

.login_style .overlay_login_relative .overlay_login_relative_text {
    position: relative;
    z-index: 4;
}

.login_style .overlay_login_relative .overlay_login {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background-color: #00000082;
}

.video_custom {}

.container_video {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.container_video #video {
    width: 600px;
    height: 400px;
    border-radius: 20px;
}

.container_video .controls {
    position: absolute;
    bottom: 60px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    opacity: 0.2;
    transition: opacity 0.4s;
    z-index: 2;
}

.container_video:hover .controls {
    opacity: 1;
}

.container_video .controls button {
    background: transparent;
    color: #fff;
    font-weight: bolder;
    text-shadow: 2px 1px 2px #000;
    border: none;
    cursor: pointer;
}

.container_video .controls .timeline {
    flex: 1;
    display: flex;
    align-items: center;
    border: none;
    border-right: 3px solid #ccc;
    border-left: 3px solid #ccc;
}

.container_video .controls .timeline .bar {
    background: rgb(1, 1, 65);
    height: 4px;
    flex: 1;
}

.container_video .controls .timeline .bar .inner {
    background: #ccc;
    width: 0%;
    height: 100%;
}

.fa {
    font-size: 22px !important;
}

.play_button {
    position: relative;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.play_button .circle {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play_button .circle .svg-circle {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.play_button .circle .svg-circle .circle-text {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    fill: black;
    animation: rotate 10s linear infinite;
}

.play_button .triangle {
    position: relative;
    font-size: 30px;
    color: #000;
    background: transparent;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.upload-area-custom .upload-area {
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.upload-area-custom .input-file {
    opacity: 0;
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.upload-area-custom .file-name {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
}

.upload-area-custom .file-display {
    margin-top: 20px;
}

.upload-area-custom .file-display img {
    max-width: 100%;
    max-height: 200px;
    display: block;
    margin: 0 auto;
}

.upload-area-custom .upload-area img {
    width: 200px;
    margin-bottom: 20px;
}

.upload-area-custom .upload-area p {
    font-size: 18px;
    color: #666;
}

.upload-area-custom .upload-area a {
    color: #74C6E6;
    text-decoration: none;
    font-weight: bold;
}

.upload-area-custom .upload-area a:hover {
    text-decoration: underline;
}

.end-custom-img {
    right: 15px;
}

.rtl .end-custom-img {
    left: 15px;
    right: auto;
}

.size_svg svg {
    width: 15px;
}

.profile_height {
    height: 100%;
    min-height: 950px;
}

.star_color {
    color: #ffad0f;
}