@import url(styles.css);

/* Fonts */
@font-face {
    font-family: 'codecPro';
    src: url(../fonts/codecPro-Regular.ttf);
}

:root {
    --main-color: #0070BB;
    --sec-color: #BD4B00;
    --bg-color: #DBEAF9;
    --bg-color2: #E7F1FB;
    --dark-color: #020202;
    --bg-footer: linear-gradient(0deg, rgba(12, 106, 197, 0.9) 0%, rgba(6, 51, 95, 0.9) 100%);
    
    --bg-gard: linear-gradient(180deg, #073F75 21.22%, rgba(6, 51, 95, 0) 100%);
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: initial;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover {
    text-decoration: none;
    color: initial;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:focus {
    text-decoration: none;
    /* color: inherit; */
}

button,
button:hover {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'codecPro';
    text-align: start;
    direction: rtl;

}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

section,
footer {
    position: relative;
    /* overflow: hidden; */
}

p {
    margin: 0;
    font-size: 16px !important;
    line-height: 28px !important;
}

ul {
    padding: 0;
    margin: 0;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

li {
    display: block;
    list-style: none;
}

iframe {
    width: 100%;
    height: 100%;
}

.padding {
    padding: 0 !important;
}

img {
    max-width: 100%;
}

input,
button,
input:focus,
button:focus,
input:active,
button:active,
button:hover,
textarea:active,
textarea:focus,
select,
select:active,
select:focus {
    outline: none !important;
}

textarea {
    resize: none;
}

main {
    overflow: hidden;
    /* min-height: 100vh; */
}


/* Start Sidebar */

.cursor {
    opacity: 0;
    transition: all .5s;
    display: none;
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    padding: 30px;
    z-index: 9999999999999999999999;
    opacity: 0;
    transition: all .3s;
    background: #fff;
    left: 0;
    z-index: -3;
    visibility: hidden;
    transform: translateX(100%);
}

.menu-backdrop {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -10;
    opacity: 0;
    transition: all .3s;
    display: none;
}

.mobile-menu .menu-box {
    position: relative;
    z-index: 2;
    /* height: 100%; */
    /* display: flex; */
    /* align-items: center; */
    /* -webkit-align-items: center; */
}

.mobile-menu .menu-box .navigation li {
    /* margin: 0 20px; */
}

.mobile-menu .menu-box .navigation li a {
    font-size: 18px;
    color: #333;
    line-height: 2.2;
    display: block;
    text-transform: capitalize;
    padding: 10px 0;
    border-bottom: 1px #eee solid;
}

/* End Sidebar */

/* Start Header */
header.sticky {
    position: absolute;
    z-index: 9;
    padding: 40px 0;
    right: 0;
    left: 0;
    z-index: 999999999;
    transition: all .3s;
}

.logo-h a img {
    max-height: 70px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    opacity: 1;
    width: 100%;
    right: 0 !important;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    font-size: 0.94rem;
    font-weight: 500;
    text-align: center;
}

div#fp-nav {
    top: 0;
    bottom: 0;
    margin: 0 !important;
    height: 100vh;
    right: 72px;
}

div#fp-nav ul {
    display: flex;
    flex-direction: column;
    /* flex: 0 1; */
    height: 100%;
    justify-content: center;
}

div#fp-nav ul li {
    /* flex: auto; */
    margin: 8px 0;
    width: auto;
    height: auto;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    display: none;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    background: #D9D9D9;
    padding: 0 5px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
}

.head-inner {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
}

#fp-nav ul li .fp-tooltip {
    right: -4.625vw !important;
    width: auto;
    font-size: 1.37578125vw;
    font-weight: 700;
    line-height: 26.42px;
    transform: translateX(10px);
    transition: all .4s;
    opacity: 0;
    height: auto;
}

#fp-nav ul li:hover .fp-tooltip {
    opacity: initial;
    transform: none;
}

#fp-nav ul li:hover a,
.fp-slidesNav ul li:hover a,
#fp-nav ul li a.active {
    background: var(--sec-color);
    /* width: 24px; */
    /* height: 24px; */
}

.menu-right .mobile-nav-toggler {
    width: 40px;
    height: 40px;
    /* UI Properties */
    background: var(--main-color);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: #fff;
    position: relative;
    border-radius: 5px;
    display: none;
    font-size: 20px;
}

.menu-right .mobile-nav-toggler .lines {
    display: block;
    width: 22px;
    overflow: hidden;
    top: 0;
    position: relative;
    margin: auto;
}

.menu-right .mobile-nav-toggler .lines i {
    display: block;
    width: 1.4rem;
    height: 1px;
    /* background: var(--main-color); */
    margin: 6px 0;
    transition: all .5s;
    position: relative;
}

body.mobile-menu-visible {
    overflow: hidden;
    /* background: var(--main-color); */
}

body.mobile-menu-visible .ScrollSmoother-wrapper {
    transform: scale(.8) translateX(32vw) translateZ(0) !important;
    height: 100vh;
}

.mobile-menu .close-btn {
    right: 0;
    width: 40px;
    height: 40px;

    /* UI Properties */
    border: 1px solid var(--main-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    position: relative;
    font-size: 19px;
    color: var(--main-color);
    z-index: 9999;
    cursor: pointer;
}

.ScrollSmoother-wrapper {
    transition: all .5s;
}


body.mobile-menu-visible .mobile-menu {
    z-index: 9999999999999999999;
    opacity: 1;
    /* width: 200px; */
    transform: none;
    visibility: visible;
}

.menu-right .mobile-nav-toggler .lines ::after,
.menu-right .mobile-nav-toggler .lines ::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    transition: all .5s;
    top: 0;
    display: inherit;
}

.menu-right .mobile-nav-toggler .lines ::after {
    transform: translateX(-50px);
    transition: all .3s;
}

.menu-right .mobile-nav-toggler:hover .lines ::after {
    transform: none;
}

.menu-right .mobile-nav-toggler:hover .lines ::before {
    transform: translateX(50px);
}

.menu-right .mobile-nav-toggler .lines .line2::after {
    transition: all .5s;
}

.menu-right .mobile-nav-toggler .lines .line3::after {
    transition: all .7s;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 100%;
    padding: 0 6.25vw;
    position: relative;
    z-index: 3;
}

.logo a {
    display: block;
    max-width: 131px;
}

.logo a img {
    width: 100%;
}

.head-inner .nav-menu ul {
    display: flex;
    gap: 0 24px;
}

.head-inner .nav-menu ul li a {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

.head-inner .nav-menu ul li a:hover,
.head-inner .nav-menu ul li.current-menu-item a {
    color: var(--main-color);
}

.item.res-menu {
    display: none;
}

.lang {
    color: #fff;
    font-family: Tajawal;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.6px;
    display: inline-block;
    line-height: 1.2;
}

.mobile-nav-toggler .lines i.line1,
.mobile-nav-toggler .lines i.line2 {
    width: 100%;
    display: block;
    border: 2px solid #FFFFFF;
    margin: 0 0 4px;
    transition: all .4s;
    position: relative;
}

.mobile-nav-toggler {
    width: 54.43200000000001px;
    cursor: pointer;
    text-align: center;
}

.mobile-nav-toggler .lines {
    display: block;
}

.mobile-nav-toggler h4 {
    /* font-family: Tajawal; */
    font-size: 18px;
    font-weight: 500;
    line-height: 1.201;
    margin: 12px 0 0;
    display: none;
}

.btn-download-profile {
    font-family: 'alexBold';
    font-size: 44.15px;
    color: var(--sec-color);
    line-height: 74.51px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.mobile-menu .menu-box .navigation li.current-menu-item a {
    color: var(--sec-color);
}

.menu-right {
    display: flex;
    align-items: center;
    gap: 35px;
}

.btn {
    min-width: 139px;
    display: inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    min-height: 48px;
    background: var(--main-color);
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.btn:hover {
    color: #fff;
}

.lang-h {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    /* text-decoration: underline; */
    /* text-decoration-style: solid; */
    color: #fff;
}

.lang-h:hover {
    color: #fff;
}


/* End Header */

/* Start Banner-h */

.overlay-img {
    position: absolute;
    inset: 0;
    z-index: -1;
}

section {
    height: 100vh;
}

.overlay-img video,
.overlay-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* object-position: top center; */
}

.banner-h .row {
    height: 100vh;
    align-items: center;
}

.banner-text {
    text-align: center;
}

.banner-text h1 {
    color: #fff;
    font-weight: 600;
    font-size: 60px;
    line-height: 67.2px;
    margin-bottom: 10px;
}

.banner-text .banner-circels {
    width: 83.625px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    position: relative;
    bottom: 13px;
}

.dir-ltr {
    direction: ltr;
}

.banner-text .banner-circels svg {
    width: 100%;
    height: 100%;
}

#fp-nav ul li a::after,
.fp-slidesNav ul li a::after {
    content: "";
    position: absolute;
    border: 2px solid #C8A58E;
    border-radius: 50%;
    transition: all .5s;
    inset: 0;
    opacity: 0;
}

#fp-nav ul li a.active::after,
.fp-slidesNav ul li a.active::after {
    inset: -4px;
    opacity: 1;
}

.banner-h .overlay-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--bg-gard);
}

.video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.video-controls button {
    padding: 13px 24px;
    border: none !important;
    box-shadow: none !important;
    background: #fff;
    gap: 16px;
    display: flex;
    align-items: center;
    color: #050505;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    min-width: 295px;
    justify-content: center;
    min-height: 51px;
}

.video-controls button .play-btn-h {
    display: none;
}

.video-controls button.paused .play-btn-h {
    display: block;
}

.video-controls button.paused .pause-btn-h {
    display: none;
}

.video-controls button.paused .icon::after {
    opacity: 1;
}

.video-controls button .icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
}

.video-controls button .icon::after {
    content: "\f04b";
    position: absolute;
    inset: 0;
    font-family: 'Font Awesome 6 Pro';
    transition: all .2s;
    opacity: 0;
    font-weight: 600;
}

.video-controls button.paused .icon svg {
    opacity: 0;
}

.video-controls button .icon svg {
    transition: all .2s;
}

/* End Banner-h */

/* Start About-h */

.about-h .row {
    height: 100vh;
    align-items: center;
}

.about-text {
    padding-inline-start: 34px;
    /* max-width: 590px; */
}

.title {
    margin-bottom: 24px;
}

.title h3 {
    color: #020202;
    font-weight: bold;
    margin: 0;
    font-size: 40px;
    line-height: 67.2px;
}

.about-text .title {
    margin-bottom: 32px;
}

.about-text h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #11100F;
    margin: 0 0 20px;
}

.about-text p {
    font-weight: 400;
    margin: 20px 0;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.readMore {
    color: var(--main-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    display: inline-flex;
}

.readMore:hover {
    color: var(--main-color);
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
}

.about-img {
    max-width: 508px;
    margin-inline-start: auto;
    border-radius: 24px;
    overflow: hidden;
    height: 408px;
}

.about-img .img,
.about-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.about-text .readMore {
    margin-top: 44px;
}

/* End About-h */

/* Start Investments-h */

.investments-h {
    background: var(--bg-color);
}

.investments-h .row {
    height: 100vh;
    align-items: center;
}

.invest-img.about-img {
    max-width: 542px;
    height: 523px;
    margin: 0;
}

.invest-text.about-text {
    padding-inline-start: 1vw;
}

/* End Investments-h */

/* Start News-h */

.news-h {
    padding: 120px 0;
    overflow: hidden;
}

.news-block {
    margin: 12px 0;
    background: var(--bg-color2);
    padding: 20px;
    border-radius: 8px;
}

.link-block {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.news-block .inner-block {
    margin-bottom: 12px;
}

.news-block .inner-block p {
    color: #050505;
    font-weight: 400;height: 55px;overflow:hidden;
    font-size: 16px;
    line-height: 26px;
}

.news-block .foot-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-block .foot-block ul {
    display: flex;
    align-items: center;
    gap: 8px;
}

.news-block .foot-block ul li {
    display: flex;
    font-weight: 400;
    align-items: center;
    font-size: 14px;
    gap: 8px;
    line-height: 20px;
    color: #52636F;
}

.news-block .foot-block .showMore {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--main-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

/* End News-h */

/* Start Footer */

.footer-top .row {
    background: var(--bg-footer);
    border-radius: 24px;
    padding: 58px;
    text-align: center;
    margin: 0;
}

.logo-f a {
    display: block;
    max-width: 314px;
    margin: 0 auto;
}

.foot-title {
    margin-block: 24px 20px;
}

.foot-title h3 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 44px;
}

.info-f {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 19px;
    margin: 20px 0;
}

.info-f li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.info-f li a {
    color: inherit;
}

.info-f li u {
    display: block;
    direction: ltr;
    text-decoration: none;
}

.s-h {
    display: inline-flex;
    /* background: #FFFFFF33; */
    border-radius: 8.35px;
    padding: 8px 29px;
    gap: 11px;
    align-items: center;
}

.s-h span {
    color: #fff;
    font-weight: 400;
    font-size: 16.71px;
    line-height: 27.15px;
}

.s-h .s-h-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 27.58px;
    align-items: center;
}

.s-h .s-h-inner a {
    font-size: 18px;
    color: #FFFFFF;
}

.ryad-logo {
    float: left;
    display: inline-block;
}

.footer-bottom .row {
    align-items: center;
}

.copy-right p {
    color: #05284A;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.copy-right p span {
    color: var(--sec-color);
}

.upPage {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 25px;
    min-width: 46px;
    width: 46px;
    min-height: 46px;
    background: var(--sec-color);
    align-content: center;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    transition: all .4s;
    transform: scale(0);
    z-index: 4;
}

.upPage.active {
    transform: none;
}

#section5,
#section5 .fp-tableCell,
#section-about-6,
#section-about-6 .fp-tableCell {
    height: auto !important;
}

/* End Footer */

/* Start Breadcrumb-h */

.breadcrumb-h {
    height: auto;
    padding-block: 209px 36px;
}

#section-about-1 .fp-tableCell {
    vertical-align: top;
}

.breadcrumb-h .overlay-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #073F75 21.22%, rgba(6, 51, 95, 0) 100%);
}

.bread-text {
    text-align: center;
}

.bread-text h1 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 67.2px;
}

.bread-text ul {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
}

.bread-text ul li a,
.bread-text ul li span {
    color: #fff;
    font-weight: 400;
    display: inline-block;
    font-size: 20px;
    line-height: .85;
}

.bread-text ul li a::after {
    content: "|";
    position: relative;
    margin: 0 10px;
}

/* End Breadcrumb-h */

/* Start About-page */

.about-page .title h3 {
    color: var(--main-color);
}

.directors-h .row,
.management-h .row {
    height: 100vh;
    align-items: center;
}

.directors-h {
    background: var(--bg-color);
}

.title.text-center {
    margin-bottom: 0;
}

.directors-slider .item {
    padding: 40px 10px;
    height: auto;
}

.direct-block {
    background: #FFFFFF;
    backdrop-filter: blur(33.04304122924805px);
    border-radius: 12px;
    padding: 24px;
}

.direct-block .img {
    height: 273px;
    overflow: hidden;
    border-radius: 8px;
}

.direct-block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.direct-block .details {
    padding-top: 18px;
}

.direct-block .details h3 {
    color: #090B0D;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 14px;
}

.direct-block .details span {
    color: #090B0D;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
}

.management-h .direct-block {
    box-shadow: 0px 4px 51px 0px #ACACAC40;
}

.section {
    overflow: hidden;
}

.ceo-h {
    background: var(--bg-color2);
    margin-bottom: 80px;
}

.ceo-h .row {
    /* align-items: center; */
    /* -webkit-align-items: center; */
    height: 100vh;
}

.ceo-img {
    height: 306px;
    overflow: hidden;
    border-radius: 24px;
    max-width: 508px;
    background: #fff;
}

.about-text.ceo-text {
    padding-inline-start: 0;
    /* max-width: 515px; */
}

.about-text.ceo-text .title h3 {
    color: var(--main-color);
    font-weight: bold;
}

.ceo-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* End About-page */

/* Start Single-page */

.direct-img {
    height: 512px;
    border-radius: 24px;
    overflow: hidden;
}

.direct-img .img,
.direct-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.direct-texr.about-text .title {
    margin-bottom: 20px;
}

.direct-texr.about-text .title h3 {
    color: var(--main-color);
}

.direct-texr.about-text .title h3+span {
    margin-top: 33px;
    display: inline-block;
    color: #3C3A3A;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
}

.single-page .row {
    /* align-items: center; */
    /* -webkit-align-items: center; */
    /* height: 100vh; */
}

.direct-img {
    height: 512px;
    border-radius: 24px;
    overflow: hidden;
}

.direct-img .img,
.direct-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.direct-texr.about-text .title {
    margin-bottom: 20px;
}

.direct-texr.about-text .title h3 {
    color: var(--main-color);
}

.direct-texr.about-text .title h3+span {
    margin-top: 33px;
    display: inline-block;
    color: #3C3A3A;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
}

.single-page {
    padding: 10vh 0;
}

/* End Single-page */

/* Start Invest-page */

.invest-text {
    padding-left: 30px;
    text-align: justify;
}

.invest-page .container>.row {
    align-items: center;
    -webkit-align-items: center;
    height: 100vh;
}

.invest-text .title h3 {
    font-size: 32px;
    line-height: 51px;
}

.invest-img {
    height: 322px;
    /* background: #fff; */
}

.invest-img .img {
    width: 100%;
    height: 100%;
}

.invest-img .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.invest-page.invest-page2,
.invest-page.invest-page4 {
    background: var(--bg-color);
}

.invest-page.invest-page4 {
    margin-bottom: 80px;
}

/* End Invest-page */

/* Start News-page */

.body-inner {
    height: auto;
    padding: 120px 0;
}

.all-pages {
    text-align: center;
    margin-top: 64px;
}

.all-pages .pagination {
    display: inline-flex;
    background: #FFFFFF;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 0px -2px 24px 0px #0000000F;
    align-items: center;
}

.all-pages .pagination .page-item .page-link {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    margin: 0 6px;
    color: #464646;
    opacity: .3;
    font-size: 16px;
    line-height: 24px;
}

.all-pages .pagination .prev-page .page-link,
.all-pages .pagination .next-page .page-link {
    width: 40px;
    height: 40px;
    padding: 0;
    align-content: center;
    line-height: 3;
    border-radius: 12px;
    border: 1.53px solid #0A5BAA;
    font-size: 14px;
    color: #0A5BAA;
    opacity: .3;
    margin: 0;
}

.all-pages .pagination .prev-page .page-link:hover,
.all-pages .pagination .next-page .page-link:hover {
    opacity: 1;
    background: transparent;
}

.all-pages .pagination .prev-page {
    margin-inline-end: 6px;
}

.all-pages .pagination .next-page {
    margin-inline-start: 6px;
}

.all-pages .pagination .page-item.active .page-link {
    opacity: 1;
    color: #232323;
}

/* End News-page */

/* Start Single-news */

.news-inner h2 {
    color: #050505;
    font-weight: bold;
    margin-bottom: 16px;
    font-size: 48px;
    line-height: 61px;
}

.news-info {
    display: inline-block;
    margin-bottom: 24px;
    background: var(--main-color);
    padding: 12px 20px;
    border-radius: 12px;
}

.news-info ul {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.news-info ul li {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
}

.news-inner .news-text {
    max-width: 1141px;
}

.news-inner .news-text p {
    color: #050505;
    font-weight: 400;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 28px;
}

.news-inner .news-text p:last-child {
    margin: 0;
}

/* End Single-news */

/* Start Careers-page */

.career-block {
    max-width: 569px;
}

.career-block h3 {
    color: #272525;
    font-weight: bold;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 56px;
}

.career-form {
    border: 1px solid #08447F;
    padding: 71px 55px 50px;
    border-radius: 24px;
    box-shadow: 0px 20px 36px 0px #65A77814;
}

.career-form .form-group {
    margin-bottom: 12px;
}

.career-form .form-group:last-child {
    margin: 0;
}

.career-form .form-group .form-control {
    border: 1px solid rgb(5 5 5 / 30%);
    border-radius: 16px;
    padding: 12px 20px !important;
    height: 48px;
    min-height: 48px;
    align-content: center;
    color: #050505;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
}

.career-form .form-group .form-control::placeholder {
    color: #050505;
}

.career-form .form-group .form-control:focus {
    box-shadow: none;
}

.nice-select:after {
    top: 12px;
    color: #050505;
    font-weight: 300;
}

.career-form .form-group .file-upload-group.form-control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline-end: 0 !important;
}

.career-form .form-group .file-upload-group.form-control .file-uploadH {
    position: absolute;
    inset: 0;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}

.career-form .form-group .file-upload-group.form-control .for-sm-input-file {
    width: 41px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-inline-start: 1px solid rgb(5 5 5 / 30%);
    color: var(--sec-color);
}

.career-form .form-group .btn {
    width: 100%;
    margin-top: 20px;
}

.career-jobs .accordion-item {
    margin-bottom: 16px;
    border-radius: 16px !important;
    border: 1px transparent solid;
    transition: all .4s;
    box-shadow: 0px 20px 36px 0px #65A77814;
    padding: 20px 16px;
    color: #272525;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.career-jobs .accordion-item .accordion-button {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
    font-size: 18px;
    color: #272525;
    line-height: 28px;
    text-align: start;
}

.career-jobs .accordion-item .accordion-button::after {
    content: "\2b";
    margin: 0;
    width: 38px;
    height: 32px;
    background: var(--main-color);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    font-family: 'Font Awesome 6 Pro';
    color: #fff;
    font-size: 16px;
}

.career-jobs .accordion-item.active {
    box-shadow: 0px 4px 36px 0px #D3D3D340;
    border-color: var(--main-color);
}

.accordion-body {
    padding: 12px 0 0;
    margin-top: 20px;
    border-top: 1px solid #D3D3D3;
}

.accordion-body p {
    font-weight: 400;
    color: #585856;
    font-size: 16px;
    line-height: 26px;
}

.career-jobs .accordion-item.active .accordion-button {
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
}

.career-jobs .accordion-item.active .accordion-button::after {
    content: "-";
}

.iti__flag {
    display: none;
}

form {
    direction: rtl;
}

.iti__arrow {
    display: none;
}

.iti--separate-dial-code .iti__selected-dial-code {
    direction: ltr;
    color: var(--main-color);
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

/* End Careers-page */

/* Start Contact-page */

.component-contact-low-h2 {
    /* padding: 300px 0; */
}

.component-contact-block h3 {
    color: #050505;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
}

.component-contact-block {
    box-shadow: 0px 4.39px 39.47px 0px #4F4F4F1F;
    padding: 38px;
    border-radius: 8px;
    height: 100%;
    border: 6px solid #FFFFFF;
    background: #FBFCFF;
    max-width: 537px;
}

.component-contact-form2.component-contact-block {
    margin-inline-end: 50px;
}

.component-contact-form2 .component-form2 .form-group {
    margin-bottom: 16px;
}

.component-contact-form2 .component-form2 div:last-child .form-group {
    margin: 0;
}

.component-contact-form2 .component-form2 .form-group .form-control {
    width: 100%;
    height: 45px;
    min-height: 45px;
    padding: 13px 16px !important;
    border: 1px solid #E7F1FB;
    border-radius: 25px;
    transition: all .4s;
    text-align: right;
    background: #F0F8FF;
}

.component-contact-form2 .component-form2 .form-group textarea.form-control {
    height: 133px;
    border-radius: 15px;
}

.component-contact-form2 .component-form2 .form-group .form-control:focus {
    box-shadow: none;
}

.component-contact-form2 .component-form2 .btn-form {
    margin-top: 16px;
}

.component-contact-form2 .component-form2 .btn-form .btn {
    width: 100%;
    min-height: 56px;
    font-size: 18px;
    line-height: 28px;
}

.iti {
    display: block;
}

.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important;
}

.component-contact-form2 .component-form2 .form-group .iti__flag {
    display: none;
}

.component-contact-form2 .component-form2 .form-group .iti--separate-dial-code .iti__selected-dial-code {
    direction: ltr;
    color: var(--main-color);
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
}

.component-contact-form2 .component-form2 .form-group .iti__arrow {
    display: none;
}

.iti__country-list {
    left: 0;
}

.iti__country {
    direction: ltr;
    text-align: right;
}

.component-contact-info2 .component-info2 .item {
    display: flex;
    align-items: center;
    margin: 24px 0;
}

.component-contact-info2.component-contact-block {
    padding: 38px 63px 69px;
    max-width: 100%;
}

.component-contact-info2 .component-info2 .item .icon {
    font-size: 21px;
    color: var(--main-color);
    width: 31px;
    text-align: center;
}

.component-contact-info2 .component-info2 .item .details {
    max-width: calc(100% - 31px);
}

.component-contact-info2 .component-info2 .item .details a,
.component-contact-info2 .component-info2 .item .details span {
    color: #050505;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
}

.component-contact-info2 .component-info2 .item .details u {
    direction: ltr;
    text-decoration: none;
    display: inline-block;
}

.component-contact-info2.component-contact-block .component-s-h {
    margin-top: 37px;
}

.component-contact-info2 .component-s-h-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: var(--bg-color2);
    padding: 16px;
    border-radius: 8px;
    gap: 36.5px;
    align-items: center;
}

.component-contact-info2 .component-s-h-inner a {
    font-size: 25px;
    color: var(--main-color);
}



@media (min-width: 991px) {
    .component-contact-form2 .component-form2 .btn-form .btn:hover {
        background: var(--sec-color);
        color: #fff;
    }

    .component-contact-form2 .component-form2 .form-group .form-control:focus {
        border-color: var(--main-color);
    }

    .component-contact-info2 .component-s-h-inner a:hover {
        color: var(--sec-color);
    }
}

/* End Contact-page */

/* Start Invest-page */

.table-h .title {
    margin-bottom: 20px;
}

.table-h .title h3 {
    color: #0F1011;
}

.table-h .table-inner table {
    width: 100%;
}

.table-h .table-inner table th,
.table-h .table-inner table td {
    padding: 25px 22px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.table-h .table-inner table th {
    color: #090B0D;
}

.table-h .table-inner table tr:nth-child(odd) td {
    background: #F9F9F9;
}

.table-h .table-inner table tr td:nth-child(1) {
    color: var(--main-color);
}

.table-h .btn-center {
    margin-top: 32px;
}

.table-h.table-style2 table {
    background: #FFFFFF99;
}

.table-h.table-style2 .table-inner table tr:nth-child(odd) td {
    background: var(--bg-color);
}

.table-h .table-inner table td .btn {
    min-width: 148px;
    border-radius: 4px;
    min-height: 35px;
    height: 35px;
    gap: 10px;
}

.table-h.table-style3 .table-inner table tr td:nth-child(1) {
    color: #090B0D;
}

.table-h.table-style2.table-style4 .table-inner table tr td:nth-child(1) {
    color: #182936;
}

.table-h .table-inner table td>span {
    color: #040404;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    display: inline-block;
}

.table-h .table-inner table td span i {
    font-size: 18px;
    color: var(--main-color);
}

.invest-page.invest-page5 {
    padding-block: 60px 120px;
}

.investors-inner {
    position: relative;
    padding: 130px 40px;
}

.investors-inner .overlay-img {
    background: #013E67;
}

.investors-inner .overlay-img img {
    opacity: .35;
    mix-blend-mode: soft-light;
}

.invest-page5 .container>.row {
    height: auto;
}

.investors-block-inner .invest-text {
    max-width: 610px;
    color: #fff;
}

.investors-block-inner .invest-text h3 {
    margin-bottom: 32px;
    font-weight: 600;
    font-size: 40px;
    line-height: 67.2px;
}

.investors-block-inner .invest-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    max-width: 542px;
}

.investors-block-inner .invest-text .invest-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 32px;
}

.investors-block-inner .invest-text .invest-items .item {
    display: flex;
    align-items: center;
    background: #FFFFFF33;
    border-radius: 6px;
    padding: 10px 16px;
    gap: 8px;
}

.investors-block-inner .invest-text .invest-items .item .icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
    min-height: 24px;
}

.investors-block-inner .invest-text .invest-items .item .details a {
    color: #fff;
    font-size: 18px;
    line-height: 34px;
    display: inline-block;
}

.investors-block-inner .invest-text .invest-items .item .details u {
    display: inline-block;
    direction: ltr;
    text-decoration: none;
}

.investors-block-inner .invest-text .invest-items .item .icon svg {
    width: 100%;
}

.invest-img.about-img img {
    object-fit: cover;
}

.title-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.title-flex .title {
    margin: 0;
}

/* End Invest-page */

.single-news .news-inner {
    padding: 20px;
    border: 1px solid var(--sec-color);
}

.single-news .news-inner h2 {
    font-size: 24px;
    color: #444;
    position: relative;
    padding-bottom: 15px;
    margin: 0;
}

.single-news .news-inner h2::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: var(--sec-color);
}

.single-news .news-inner .news-info {
    margin-top: 17px;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.single-news .news-inner .news-info ul li {
    color: #333;
    font-size: 16px;
}

.single-news .news-inner .news-info ul li i {
    color: var(--sec-color);
    font-weight: 400;
}

.single-news .news-inner .news-text table {
    width: 100%;
    margin: 30px 0;
    border: 1px solid #ddd;
}

.single-news .news-inner .news-text {
    max-width: 100%;
}

.single-news .news-inner .news-text table th, .single-news .news-inner .news-text table td {
    padding: 15px;
    font-size: 16px;
    border: 1px solid #ddd;
    line-height: 25px;
    overflow-wrap: anywhere;
}

.single-news .news-inner .news-text table th {
    border-bottom-width: 2px;
}



/* Start Hover */

@media (min-width: 991px) {
    .btn:hover {
        background: var(--sec-color);
    }

    .logo a {
        max-width: 8.528645833333334vw;
    }

    .head-inner .nav-menu ul {
        gap: 0 1.5625vw;
    }

    .head-inner .nav-menu ul li a,
    .lang-h {
        font-size: 1.0416666666666667vw;
        line-height: 1.6927083333333333vw;
    }

    .btn {
        min-width: 9.049479166666666vw;
        height: 6.504065040650406vh;
        font-size: 1.0416666666666667vw;
        line-height: 1.6927083333333333vw;
    }

    .lang-h:hover {
        color: var(--main-color);
    }

    .banner-text h1 {
        font-size: 3.90625vw;
        line-height: 4.375vw;
        margin-bottom: 1.3550135501355014vh;
    }

    .banner-text .banner-circels {
        width: 5.4443359375vw;
        height: 5.149051490514905vh;
        line-height: 5.149051490514905vh;
        bottom: 1.7615176151761518vh;
    }

    div#fp-nav {
        right: 1.6875vw;
    }

    #fp-nav ul li a,
    .fp-slidesNav ul li a {
        width: 1.0416666666666667vw;
        height: 1.0416666666666667vw;
    }

    div#fp-nav ul li {
        margin: 1.084010840108401vh 0;
    }

    #fp-nav ul li a.active::after,
    .fp-slidesNav ul li a.active::after {
        inset: -0.2604166666666667vw;
    }

    .video-controls button {
        padding: 1.7615176151761518vh 1.5625vw;
        gap: 1.0416666666666667vw;
        line-height: 3.658536585365854vh;
        min-width: 19.205729166666668vw;
    }

    .title {
        margin-bottom: 3.252032520325203vh;
    }

    .about-text .title {
        margin-bottom: 4.336043360433604vh;
    }

    .title h3 {
        font-size: 2.6041666666666665vw;
        line-height: 1.68;
    }

    .about-text h4 {
        font-size: 1.0416666666666667vw;
        line-height: 1.5;
        margin: 0 0 2.710027100271003vh;
    }

    .about-text p {
        margin: 2.710027100271003vh 0;
        font-size: 1.171875vw;text-align: justify;
        line-height: 1.56;
    }

    .about-text .readMore {
        margin-top: 5.9620596205962055vh;
    }

    .readMore {
        font-size: 1.0416666666666667vw;
        line-height: 1.5;
    }

    .about-img {
        border-radius: 3.252032520325203vh;
        height: 55.28455284552845vh;
        max-width: 33.072916666666664vw;
    }

    .invest-img.about-img {
        max-width: 35.286458333333336vw;
        height: 70.86720867208672vh;
    }

    .readMore:hover {
        color: var(--sec-color);
    }

    .news-h {
        padding: 16.260162601626018vh 0;
    }

    .news-block {
        margin: 1.6260162601626016vh 0;
        padding: 2.710027100271003vh 1.3020833333333333vw;
        border-radius: 0.5208333333333334vw;
    }

    .news-block .inner-block p {
        font-size: 1.0416666666666667vw;
        line-height: 1.625;
    }

    .news-block .inner-block {
        margin-bottom: 1.6260162601626016vh;
    }

    .news-block .foot-block ul {
        gap: 1.084010840108401vh 0.5208333333333334vw;
    }

    .news-block .foot-block ul li {
        gap: 1.084010840108401vh 0.5208333333333334vw;
        font-size: 0.9114583333333334vw;
        line-height: 1.45;
    }

    .news-block .foot-block .showMore {
        gap: 1.084010840108401vh 0.5208333333333334vw;
        font-size: 0.9114583333333334vw;
        line-height: 1.58;
    }

    .footer-top .row {
        border-radius: 1.5625vw;
        padding: 7.8590785907859075vh 3.7760416666666665vw;
    }

    .logo-f a {
        max-width: 20.442708333333332vw;
    }

    .foot-title {
        margin-block: 3.252032520325203vh 2.710027100271003vh;
    }

    .foot-title h3 {
        font-size: 1.5625vw;
        line-height: 1.84;
    }

    .info-f {
        gap: 2.5745257452574526vh 1.2369791666666667vw;
        margin: 2.710027100271003vh 0;
    }

    .info-f li {
        font-size: 1.0416666666666667vw;
        line-height: 1.63;
        gap: 1.084010840108401vh 0.5208333333333334vw;
    }

    .s-h {
        border-radius: 0.5436197916666666vw;
        padding: 1.084010840108401vh 1.8880208333333333vw;
        gap: 1.4905149051490514vh 0.7161458333333334vw;
    }

    .s-h span {
        font-size: 1.087890625vw;
        line-height: 1.625;
    }

    .s-h .s-h-inner {
        gap: 1.4905149051490514vh 1.7955729166666667vw;
    }

    .s-h .s-h-inner a {
        font-size: 1.171875vw;
    }

    .copy-right p {
        font-size: 1.0416666666666667vw;
        line-height: 1.625;
    }

    .s-h .s-h-inner a:hover {
        color: var(--sec-color);
    }

    .info-f li:hover {
        color: var(--sec-color);
    }

    header.sticky {
        padding: 5.420054200542006vh 0;
    }

    .breadcrumb-h {
        padding-block: 28.319783197831978vh 4.878048780487805vh;
    }

    .bread-text h1 {
        margin-bottom: 1.084010840108401vh;
        font-size: 2.6041666666666665vw;
        line-height: 1.68;
    }

    .bread-text ul li a,
    .bread-text ul li span {
        font-size: 1.3020833333333333vw;
    }

    .bread-text ul li a::after {
        margin: 0 0.6510416666666666vw;
    }

    .direct-block {
        border-radius: 0.78125vw;
        padding: 1.5625vw;
        height: 100%;
    }

    .direct-block .img {
        height: 36.99186991869919vh;
        border-radius: 0.5208333333333334vw;
    }

    .direct-block .details {
        padding-top: 2.4390243902439024vh;
    }

    .direct-block .details h3 {
        font-size: 1.3020833333333333vw;
        line-height: 1.5;
        margin-bottom: 1.897018970189702vh;
    }

    .direct-block .details span {
        font-size: 1.0416666666666667vw;
        line-height: 1.625;
    }

    .ceo-h {
        margin-bottom: 10.840108401084011vh;
    }

    .invest-page.invest-page4 {
        margin-bottom: 10.840108401084011vh;
    }

    .invest-text .title h3 {
        font-size: 2.0833333333333335vw;
        line-height: 1.594;
    }

    .all-pages {
        margin-top: 8.672086720867208vh;
    }

    .all-pages .pagination {
        padding: 0.5208333333333334vw;
        border-radius: 0.6510416666666666vw;
    }

    .all-pages .pagination .prev-page .page-link,
    .all-pages .pagination .next-page .page-link {
        width: 2.6041666666666665vw;
        height: 2.6041666666666665vw;
        border-radius: 0.78125vw;
        font-size: 0.9114583333333334vw;
    }

    .all-pages .pagination .page-item .page-link {
        font-size: 1.0416666666666667vw;
        line-height: 1.5;
    }

    .body-inner {
        padding: 16.260162601626018vh 0;
    }

    .news-inner h2 {
        margin-bottom: 2.168021680216802vh;
        font-size: 3.125vw;
        line-height: 1.271;
    }

    .news-info {
        padding: 1.6260162601626016vh 1.3020833333333333vw;
        border-radius: 0.78125vw;
        margin-bottom: 3.252032520325203vh;
    }

    .news-info ul {
        gap: 0.5208333333333334vw;
    }

    .news-info ul li {
        gap: 0.5208333333333334vw;
        font-size: 0.9114583333333334vw;
    }

    .news-inner .news-text p {
        margin-bottom: 3.252032520325203vh;
        font-size: 1.171875vw;
        line-height: 1.556;
    }

    .career-block h3 {
        margin-bottom: 4.336043360433604vh;
        font-size: 1.5625vw;
        line-height: 2.34;
    }

    .career-form {
        border-width: 0.06510416666666667vw;
        padding: 9.620596205962059vh 3.5807291666666665vw 6.775067750677507vh;
        border-radius: 1.5625vw;
    }

    .career-form .form-group .form-control {
        border-radius: 1.0416666666666667vw;
        padding: 1.6260162601626016vh 1.3020833333333333vw !important;
        font-size: 1.0416666666666667vw;
        line-height: 1.5;
        height: 6.504065040650406vh;
    }

    .career-jobs .accordion-item {
        margin-bottom: 2.168021680216802vh;
        border-radius: 1.0416666666666667vw !important;
        font-size: 1.171875vw;
        line-height: 1.5;
        padding: 2.710027100271003vh 1.0416666666666667vw;
        border-width: 0.06510416666666667vw;
    }

    .career-jobs .accordion-item .accordion-button {
        font-size: 1.171875vw;
        line-height: 1.6;
    }

    .career-jobs .accordion-item.active .accordion-button {
        font-size: 1.3020833333333333vw;
        line-height: 1.6;
    }

    .career-jobs .accordion-item .accordion-button::after {
        width: 2.4739583333333335vw;
        height: 2.0833333333333335vw;
        min-width: 38px;
        min-height: 32px;
        font-size: 1.0416666666666667vw;
    }

    .accordion-body {
        padding: 1.6260162601626016vh 0 0;
        margin-top: 2.710027100271003vh;
        border-width: 0.06510416666666667vw;
    }

    .accordion-body p {
        font-size: 1.0416666666666667vw;
        line-height: 1.625;
    }

    .career-form .form-group .form-control:focus {
        border-color: var(--main-color);
    }

    .component-contact-form2.component-contact-block {
        margin-inline-end: 3.2552083333333335vw;
    }

    .component-contact-block {
        padding: 5.149051490514905vh 2.4739583333333335vw;
        border-radius: 0.5208333333333334vw;
        max-width: 34.9609375vw;
        border-width: 0.390625vw;
    }

    .component-contact-block h3 {
        margin-bottom: 2.710027100271003vh;
        font-size: 1.5625vw;
        line-height: 1.42;
    }

    .component-contact-form2 .component-form2 .form-group {
        margin-bottom: 2.168021680216802vh;
    }

    .component-contact-form2 .component-form2 .form-group .form-control {
        height: 6.097560975609756vh;
        padding: 1.7615176151761518vh 1.0416666666666667vw !important;
        border-width: 0.06510416666666667vw;
    }

    .component-contact-form2 .component-form2 .form-group textarea.form-control {
        height: 18.021680216802167vh;
        border-radius: 0.9765625vw;
    }

    .component-contact-form2 .component-form2 .btn-form .btn {
        height: 7.588075880758808vh;
        font-size: 1.171875vw;
        line-height: 1.6;
    }

    .component-contact-info2.component-contact-block {
        padding: 5.149051490514905vh 4.1015625vw 9.34959349593496vh;
    }

    .component-contact-info2 .component-info2 .item {
        margin: 3.252032520325203vh 0;
    }

    .component-contact-info2 .component-info2 .item .icon {
        font-size: 1.3671875vw;
        width: 2.0182291666666665vw;
    }

    .component-contact-info2 .component-info2 .item .details {
        max-width: calc(100% - 2.0182291666666665vw);
        padding-inline-start: .6vw;
    }

    .component-contact-info2 .component-info2 .item .details a,
    .component-contact-info2 .component-info2 .item .details span {
        font-size: 1.0416666666666667vw;
        line-height: 1.556;
    }

    .component-contact-info2.component-contact-block .component-s-h {
        margin-top: 5.013550135501355vh;
    }

    .component-contact-info2 .component-s-h-inner {
        padding: 2.168021680216802vh 1.0416666666666667vw;
        border-radius: 0.5208333333333334vw;
        gap: 2.34375vw;
    }

    .component-contact-info2 .component-s-h-inner a {
        font-size: 1.6276041666666667vw;
    }

    .table-h .title {
        margin-bottom: 2.710027100271003vh;
    }

    .table-h .table-inner table th,
    .table-h .table-inner table td {
        padding: 3.3875338753387534vh 1.4322916666666667vw;
        font-size: 1.0416666666666667vw;
        line-height: 1.63;
    }

    .table-h .table-inner table td .btn {
        min-width: 9.635416666666666vw;
        border-radius: 0.2604166666666667vw;
        height: 4.742547425474255vh;
        gap: 0.6510416666666666vw;
    }

    .table-h .btn-center {
        margin-top: 4.336043360433604vh;
    }

    .table-h .table-inner table td>span {
        font-size: 1.0416666666666667vw;
        line-height: 1.688;
    }

    .table-h .table-inner table td span i {
        font-size: 1.171875vw;
    }

    .invest-page.invest-page5 {
        padding-block: 4.130081vh 16.260162601626018vh;
        margin-bottom: 6vh;
    }

    .investors-inner {
        padding: 17.615176151761517vh 2.6041666666666665vw;
    }

    .investors-block-inner .invest-text h3 {
        margin-bottom: 4.336043360433604vh;
        font-size: 2.6041666666666665vw;
        line-height: 1.68;
    }

    .investors-block-inner .invest-text {
        max-width: 39.713541666666664vw;
    }

    .investors-block-inner .invest-text p {
        font-size: 1.171875vw;
        line-height: 1.889;
        max-width: 35.286458333333336vw;
    }

    .investors-block-inner .invest-text .invest-items {
        gap: 1.3020833333333333vw;
        margin-top: 4.336043360433604vh;
    }

    .investors-block-inner .invest-text .invest-items .item {
        padding: 1.3550135501355014vh 1.0416666666666667vw;
        gap: 0.5208333333333334vw;
    }

    .investors-block-inner .invest-text .invest-items .item .icon {
        width: 1.5625vw;
        height: 1.5625vw;
        line-height: 1.5625vw;
    }

    .investors-block-inner .invest-text .invest-items .item .details a {
        font-size: 1.171875vw;
        line-height: 1.89;
    }
    
    .component-contact-info2 .component-info2 .item:hover .details a, .component-contact-info2 .component-info2 .item:hover .details span {
        color: var(--main-color);
    }
    
    .directors-h .slick-track {
        display: flex;
    }
    
    .ceo-h .row {padding: 4vh 0;}

.ceo-img {
    margin-top: 20vh;
}

.table-inner-wrapper {
    max-height: calc(100vh - 27vh);
    overflow: hidden;
    overflow-y: auto;
}

.about-text {
    padding-inline-start: 2.2135416666666665vw;
}

.career-block {
    max-width: 37.044270833333336vw;
}

.career-form .form-group .form-control::placeholder {font-size: .8vw;}



.single-news .news-inner h2 {
    font-size: 1.5625vw;
    padding-bottom: 2.032520325203252vh;
    line-height: 1.6;
}

.single-news .news-inner .news-info {
    margin-top: 2.303523035230352vh;
}

.single-news .news-inner .news-info ul li {
    font-size: 1.0416666666666667vw;
}

.single-news .news-inner {
    padding: 1.3020833333333333vw;
}

.single-news .news-inner .news-text table {
    margin: 4.065040650406504vh 0;
}

.single-news .news-inner .news-text table th, .single-news .news-inner .news-text table td {
    padding: 0.9765625vw;
    font-size: 1.0416666666666667vw;
}

}

.table-h .table-inner table td span.res-only {
    display: none;
}

div#section-invest-2 .invest-text.about-text {
    max-width: 100%;
}



.info-f li.phone-h .details {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

/* End Hover */

@media (max-width: 768px) {
  .table-inner-wrapper table thead {
    display: none; 
  }
  .table-inner-wrapper table,
  .table-inner-wrapper table tbody,
  .table-inner-wrapper table tr,
  .table-inner-wrapper table td {
    display: block;
    width: 100%;
  }

  .table-inner-wrapper table tr {
    /* border: 1px solid #ddd; */
    /* margin-bottom: 10px; */
    /* border-radius: 5px; */
    /* overflow: hidden; */
  }

  .table-inner-wrapper table td {
    border: none;
    border-bottom: 1px solid #eee;
    /* text-align: right; */
    padding: 8px 12px;
  }


  .table-inner-wrapper table td:first-child {
    /* background: #f5f5f5; */
    /* font-weight: bold; */
    cursor: pointer;
    /* border-bottom: none; */
    position: relative;
  }

  .table-inner-wrapper table td:not(:first-child) {
    display: none;
  }

  .table-inner-wrapper table tr.active td {
    display: block;
  }

  .table-inner-wrapper table tr.active td:first-child {
    background: #ddd;
  }
  
  .table-inner-wrapper table td:first-child::after {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 0;
    margin: 0 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    background: var(--main-color);
    color: #fff;
}

.table-h .table-inner table td span.res-only {
    display: inline-block;
    margin-inline-end: 15px;
    color: var(--main-color);
}

.single-news .news-inner .news-text table td {
}
}

div#section-about-22 .about-img {
    margin: 0;
}

.direct-texr.about-text p, .direct-texr.about-text {
    text-align: justify;
}