@font-face {
    font-family: 'Montserrat';
    /* src: url('Assets/css/bootstrap-icons/fonts/FontsFree-Net-calibri-bold.ttf'); */
    src: url('../fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Noto Sans';
    /* src: url('Assets/css/bootstrap-icons/fonts/FontsFree-Net-calibri-bold.ttf'); */
    src: url('../fonts/Noto_Sans/NotoSans-VariableFont_wdth\,wght.ttf');
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    /* src: url('Assets/css/bootstrap-icons/fonts/FontsFree-Net-calibri-bold.ttf'); */
    src: url('../fonts/Lato-Regular.ttf');
}

@font-face {
    font-family: 'Inter';
    /* src: url('Assets/css/bootstrap-icons/fonts/FontsFree-Net-calibri-bold.ttf'); */
    src: url('../fonts/Inter-VariableFont_slnt\,wght.ttf');
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    /* src: url('Assets/css/bootstrap-icons/fonts/FontsFree-Net-calibri-bold.ttf'); */
    src: url('../fonts/NotoKufiArabic-VariableFont_wght.ttf');
}

@media(min-width: 1200px) and (max-width: 1500px) {
    .container-xxl {
        /* max-width: 1400px !important; */


    }
}

@media(min-width: 1500px) and (max-width: 1800px) {
    .container-xxl {
        /* max-width: 1600px !important; */
    }

    .mainCT {
        margin-top: 6%;
        /* margin-bottom: 3%; */
    }
}

.w-20 {
    /* width: 23%; */
}

.rightArrow1 {
    transform: scalex(-1);
}

@media(min-width:767px) {
    .px-lg-6 {
        padding-right: 5.5rem !important;
        padding-left: 5.5rem !important;
    }
}

body {
    background-color: #002058;
    direction: rtl;
}

/*!---------------------------------------------------! navBar start --> */

.navContainer {
    background-color: rgba(255, 0, 0, 0);
}

.navbar {
    background-color: transparent;
    /* position: absolute; */
    /* z-index: 100; */
    /* left: 50%; */
}

.lang {
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 300;
    line-height: 48px;
    text-align: start;

    border-left: 1px solid #fff;

}

.lang a {
    text-decoration: none;

}

.tax a {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 14px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    padding-left: 5px !important;
    text-decoration: none;
}

.subBtn {
    font-family: 'Noto Kufi Arabic';
    display: flex;
    align-items: center;
    /* width: 150px; */
    height: 50px;
    font-size: 16px;
    font-weight: 800;
    color: #0046B7;
    border-radius: 5px;
    line-height: 19.36px;
    background-color: #fff;
}

.subBtn:hover {
    background: #DEEAFF;
    border: 0.5px solid #C2D8FF;
    cursor: pointer;
    color: #0046B7;
}

.bookBtn {
    display: flex;
    align-items: center;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    /* width: 180px; */
    height: 50px;
    font-weight: 500;
    border-radius: 5px;
    color: 3563E9;
    line-height: 19.36px;
    color: #fff;
    border: 0.5px solid #fff;
}

.bookBtn:hover {
    background: #FFFFFF1A;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    color: #fff;

}

.sidebarBtn {
    background: linear-gradient(131.13deg, #003DA0 27.8%, #002058 100%);
    border-radius: 10px;
    font-size: 25px;
    width: 50px;
    height: 50px;
    border: 0px;
    position: relative;
    z-index: 1;
}

.arrowRight {
    width: 24px !important;
    /* height: 24px !important; */
    font-weight: 900 !important;
}

.bi-list {
    font-size: 28px;
    color: #212121;
    font-weight: 900 !important;

}

.navbar-toggler {
    background: linear-gradient(131.13deg, #003DA0 27.8%, #002058 100%);
    border-radius: 10px;
    font-size: 25px;
    width: 50px;
    color: #fff;
    height: 50px;
    margin: 5px;
    border: 0px;
}

.navbar-toggler .bi-list {
    color: #fff;

}

.sidebar {
    width: 100%;
    background-color: #f0f0f0;
    height: 100%;
    position: fixed;
    top: 12%;
    left: 0;
    z-index: 9;
    overflow-y: auto;
    /* Allow scrolling if content exceeds sidebar height */
    transition: width 0.3s ease;
    /* padding: 4% 0%; */
    border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    overflow-y: auto;
    /* overflow: visible; */
    height: 590px;
}

#side {
    margin-bottom: 0px;
    height: 100vh;
    /* overflow: auto; */
}

.collapsed {
    width: 0px !important;
    /* Collapsed width */
    padding: 0px;
}

.content {
    margin-left: 200px;
    /* Adjust according to initial sidebar width */
    padding: 20px;
    transition: margin-left 0.3s ease;
}

.content.collapsed {
    margin-left: 0px;
    /* Adjust according to collapsed sidebar width */
}

.sideBarItem {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #002058;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #00000033;
    padding-bottom: 20px;
    text-transform: uppercase;
    cursor: pointer;

}

.secondSideBar-item a {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}

.contactSideBbar {
    background: #002058;
    overflow: auto;
}

.contactSideBbar-item {}

.phoneTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #fff;
    text-transform: uppercase;
}

.phoneNumbers {
    font-family: 'Noto Kufi Arabic';
    font-size: 17px;
    font-weight: 400;
    line-height: 21.94px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;
    color: #fff;
}

.setupSubUlContainer {
    right: 0;
    top: 80px;
    z-index: 100;
}

.sideBarItem i {
    font-size: 44px;
    font-weight: bolder;

}

.setupSubUl {
    width: 100%;
    background: #003DA0;
    /* border-top-right-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
}

.setupSubUl li {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;
    color: #fff;
    text-transform: uppercase;
}

.setupSubUl li a {
    text-decoration: none !important;
    color: #fff;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #002058b7;
    /* Adjust opacity as needed */
    z-index: 999;
    /* Ensure it's above other content */
    display: none;
    /* Initially hidden */
    z-index: 0;
}

@media (max-width: 768px) {

    /* Adjust the max-width value according to your design */
    .bigSize {
        display: none !important;
    }

    .navbar {
        justify-content: space-around;
    }

    .tax p {
        color: #fff !important;
        text-decoration: none !important;
    }

    .setupSubUlContainer {
        width: 100%;
    }

    .bookBtn {
        z-index: 10;

    }
}

@media(min-width:767px) {
    .logo {
        /* width: 140px; */
        height: 50px;
    }

    .sidebar {
        width: 450px;
        background-color: #f0f0f0;
        /* height: 100%; */
        position: absolute;
        top: 80%;
        left: 0;
        overflow-y: auto;
        overflow: visible;
        /* Allow scrolling if content exceeds sidebar height */
        transition: width 0.3s ease;
        /* padding: 2% 0%; */
    }

    .smallSize {
        display: none !important;
    }

    .setupSubUl {
        width: 350px;
        background: #003DA0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .setupSubUl li {
        font-family: 'Noto Kufi Arabic';
        font-size: 18px;
        font-weight: 500;
        line-height: 21.94px;
        letter-spacing: 0.20000000298023224px;
        text-align: start;
        color: #fff;
        text-transform: uppercase;
    }

    .setupSubUlContainer {
        right: -78%;
        top: 5px;
    }

    .contactSideBbar {
        /* height: 100vh; */
        padding-bottom: 50px;
        overflow-y: auto;

    }
}

@media(max-width:767px) {
    .navbar-toggler {
        width: fit-content !important;
    }


    .navImgResponse {
        width: fit-content !important;
    }

    .logo {
        width: 100px;
        /* height:62px; */
    }

}

/*!---------------------------------------------------! navBar end --> */

/*?========================================================================= landing start */
.landing {
    position: relative;
    /* Required for positioning pseudo-element */
    /* height: 700px; */
    /* Set your desired height */
    overflow: hidden;
    /* Ensure the pseudo-element doesn't overflow */
}

.landing h3 {
    color: #3EBFF7;
}

.landingDesc {
    color: #b3b3b3b4;
    max-width: 400px;

}

.landing::before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    /* background-image: linear-gradient(180deg, rgba(0, 32, 88, 0) 0%, rgba(0, 32, 88, 0.9) 100%), url('/assets/img/vecteezy_two-businessmen-shaking-hands-in-front-of-a-large-window_32974594\ 1.jpg'); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */
}

.landing {
    background: #012057b2;
}

.landingCarsoul {
    list-style: none;
}


.slideIconCt1 {
    background-color: #22304333;
    border-radius: 10px;
    height: fit-content;
    width: 60px;
}

.chartIcon {
    background-color: #22304333;
    border-radius: 10px;
    height: fit-content;
    width: 60px;
}

.slideIconCt2 {
    /* background-color: #22304333; */
    border-radius: 10px;
    height: fit-content;
    width: 60px;
    opacity: 0%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.slideIconCt3 {
    /* background-color: #22304333; */
    border-radius: 10px;
    height: fit-content;
    width: 60px;
    opacity: 0%;
}

.loc {
    border-radius: 10px;
    width: 50px;
}

.landingCarsoul ul {
    border-bottom: 1px solid #6363638e;
    color: #fff;
    width: 250px;

}

.landingCarsoul ul li {
    padding-left: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.landingCarsoul ul li p {

    font-family: 'Noto Kufi Arabic';
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: start;

    margin: 0;

}

.landingCarsoul ul li.active {
    border-bottom: 1px solid #fff;
    color: #fff;
}


.landingCarsoulBtn {
    font-size: 12px;
    width: 41px;
    height: 41px;
    border-radius: 10px;
    background: transparent;
    border: 0.5px solid #6363638e;
    color: #fff;
}

.landingCarsoulBtn:hover {
    border: 0.5px solid #6363638e;
    color: #fff;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: #ddd;
    border: 0.5px solid #6363638e;

}



.scrollContainer {
    width: fit-content;
}

.scroll {
    transform: rotate(90deg);
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: start;

    color: #fff;

}

.sliders h1 {
    font-family: 'Noto Kufi Arabic';
}

.landingDesc {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    text-align: start;


}

.landingContent a {
    text-decoration: none !important;
}

@media(max-width:767px) {

    /* .slideIconCt1 {

        width: 30px;
    } */
    .scrollContainer {
        width: 20px;
    }

    .scroll {
        font-size: 14px;
        font-weight: 500;
        line-height: 32px;
        text-align: left;
        width: 100px;
    }

    .slideIconCt3 {
        /* background-color: #22304333; */
        border-radius: 10px;
        height: fit-content;
        width: 40px;
        opacity: 0%;
    }

    .loc {
        background-color: #22304333;
        border-radius: 10px;
        width: 40px;
    }

}

@media(min-width:767px) {

    .landingCarsoul ul {
        width: 400px;
    }

    .landingCarsoul ul li p {
        font-size: 16px;
        font-weight: 700;

    }

    .landingCarsoulBtn {
        width: 60px;
        height: 60px;
    }

    .landingCarsoulBtn i {
        font-size: 20px;
    }

    .sliders h1 {
        font-family: 'Noto Kufi Arabic';
        font-size: 114px;
        font-weight: 700;
        line-height: 144px;
        text-align: start;


    }

    .sliders h3 {
        font-family: 'Noto Kufi Arabic';
        font-size: 114px;
        font-weight: 700;
        line-height: 120px;
        text-align: start;


    }

    .landingDesc {
        font-family: 'Noto Kufi Arabic';
        font-size: 20px;
        font-weight: 400;
        line-height: 32px;
        text-align: start;


    }

    .mainCT {
        /* margin-top: 6%; */
        /* margin-bottom: 3%; */
    }
}

/*?================================= landing end */


/* ~====================================================where  start */

.whereContainer {
    margin-top: 10%;
    background: linear-gradient(180deg, rgba(0, 32, 88, 0) 0%, rgba(0, 32, 88, 0.54) 18.82%, rgba(0, 32, 88, 0.9) 41.59%, rgba(0, 32, 88, 0.6) 67.42%, rgba(0, 32, 88, 0) 87.55%);

}

.whereTitle {
    font-family: 'Noto Kufi Arabic';


    text-align: center;

}

.startBus {
    /* width: 609px; */
    /* height: 492.8px; */
    text-decoration: none;
    border-radius: 10px;
    border: 2px;
    background: #003DA073;
    border: 2px solid #003DA0
}

.startBus:hover {
    cursor: pointer;
    background-color: #003DA0;
    text-decoration: none;

}

.startBus h5 {
    font-family: 'Noto Kufi Arabic';
    width: 250.5px;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 600;
}

.startBus p {
    font-family: 'Noto Kufi Arabic';
    color: #FFFFFF;
    font-weight: 300;
}

.startBus img {
    bottom: 0;
    left: 0;
    margin-right: 10%;
    transform: scalex(-1);
}

.whereBtn {
    border-radius: 10px;
    background: transparent;
    border: 0.5px solid #fff;
    color: #fff;
}

.whereBtn:hover {
    border: 0.5px solid #fff;
    background: #fff;
    color: #000;
}

.startBus:hover .whereBtn {
    border: 0.5px solid #fff;
    background: #fff;
    color: #000;
}



.whyWorking {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    /* width: 250px; */
    letter-spacing: 0em;
    text-align: start;

    color: #fff;
    /* transform: rotate(90deg); */
    font-family: 'Noto Kufi Arabic';
}

@media(min-width:767px) {
    .startBus {
        width: 49%;
    }

    .startBus p {
        width: 382.5px;
        font-size: 20px;
    }

    .whereBtn {
        font-size: 20px;
        font-weight: 700;
        width: 70px;
        height: 70px;
    }

    .whyWorkingContainer {
        width: 20px;
    }

    .whyWorking {
        transform: rotate(90deg);
        font-family: 'Noto Kufi Arabic';
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
        width: 300px;
        letter-spacing: 0em;
        text-align: start;

        margin-left: -400%;
        color: #fff;
    }

    .whyWorkingContainer img {
        margin-right: -400%;

    }

    .whereTitle {
        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 600;
        line-height: 80px;
        text-align: center;

    }

}

/* ~=======================where  end */
/* &========================================================== Experience start */

.experienceContainer {
    margin-top: 10%;
    padding-bottom: 7% !important;
    background: linear-gradient(180deg, rgba(0, 23, 64, 0) 0%, rgba(1, 23, 63, 0.8) 48.5%, #01173F 100%);

}


.experience h2 {

    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: start;



}

.experience h2 span {
    color: #3EBFF7;

}

.experience p {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: start;

}

.experienceDetails div p {
    color: #fff;
    margin-bottom: 0px;
}

.experienceDetails div p span {
    color: #0880BC;
}

.timeLine {
    bottom: 0%;
    left: 5%;
    width: 90%;
    /* margin-top: 10%; */
    transform: scaleX(-1);

}

.certi img {
    width: 200px;
}

.handShake img {
    width: 320px;
}

@media(min-width:767px) {
    .experience p {
        width: 263.22px;

        font-size: 20px;
    }

    .experience h1 {
        font-size: 120px;

    }

    .handShake {
        width: 65% !important;
    }

    .experienceDetails {
        margin-top: 13%;
    }

    .experience h2 {
        width: 388.22px;
        font-size: 56px;
        font-weight: 500;
        line-height: 64px;
    }

    .certi img {
        width: 200px;
    }

    .handShake img {
        width: 350px;
    }
}

@media(min-width: 1500px) and (max-width: 1800px) {
    .timeLine {
        bottom: -39%;
        right: 5%;
        height: 70%;
    }

    .handShake {
        width: 49% !important;
    }
}

@media(max-width:767px) {
    .experienceContainer2 {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 35%;
    }
}

/* &======================================= Experience end */

/* ?====================================================setUp start*/
.setUpContainer {
    padding-top: 15%;
    padding-bottom: 14%;
    background-image: url('../../../assets/img/bg.svg'), linear-gradient(#002058, #002058);

}

.setUpRow {
    /* background-color: #002058B2; */
}

.setUpHeader {
    color: #fff;
    font-size: 42px;
    font-family: 'Noto Kufi Arabic';


}

.setUpHeader span {
    color: #3EBFF7;
}

.egyptSetUp {
    color: #fff;
    /* border-left: 4px dashed #fff; */

}

.egyptSetUp p {

    overflow: hidden;
    font-family: 'Noto Kufi Arabic';
    letter-spacing: 0em;
    text-align: start;

    overflow: hidden;
    transition: height .7s ease;
    font-size: 18px;


}

.top {
    top: -44px;
    left: 6px;
    font-size: 40px;
    color: #fff;

}

.top .active {
    color: #003DA0;
}

.btm {
    bottom: -44px;
    left: 6px;
    font-size: 40px;
    color: #fff;

}

#egypt {
    text-align: start;

    font-family: 'Noto Kufi Arabic';
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 30px;

}

.saudiSetUp {
    color: #fff;
    /* margin-left: 16%; */

}

.saudiSetUp p {
    width: 324.69px;
    height: 0px;
    font-size: 20px;
    overflow: hidden;
    font-family: 'Noto Kufi Arabic';
    letter-spacing: 0em;
    text-align: start;

    overflow: hidden;
    transition: height 0.7s ease;
    /* Add transition for smooth animation */

}

#saudi {
    text-align: start;

    font-family: 'Noto Kufi Arabic';
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 30px;

}

.unActive {
    color: #003DA0 !important;
}

.egyptMore {
    display: flex;
    font-family: 'Noto Kufi Arabic';
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    width: 180px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border: 0.5px solid #fff;
}

.saudiMore {
    display: flex;
    display: none;
    font-family: 'Noto Kufi Arabic';
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    width: 180px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border: 0.5px solid #fff;
}

.setUpWizard {
    height: 270px;
    width: 5px;
    border-right: 3px dashed #fff;
    transition: height 0.7s ease;
    margin-right: 20px;

}

.egyptImg {
    margin-right: -35px;
    width: 40%;

}

.saudiImg {
    width: 55%;
}

.egyptImgView {
    top: 10%;
    right: 10%;
    transition: opacity 0.7s ease;

    /* z-index: -1; */
}

.saudiaImgView {
    top: 10%;
    right: 10%;
    transition: opacity 0.7s ease;

    /* z-index: 1; */
}

@media(min-width:767px) {
    .setUpHeader {
        font-size: 72px;
        font-weight: 600;
        line-height: 100px;
        letter-spacing: 0em;
        text-align: start;

        width: 510.35px;
        /* height: 160px; */
        color: #fff;
    }

    .egyptSetUp p {
        font-size: 24px;
        font-weight: 400;
        line-height: 40px;
        width: 504.69px;
        height: 150px;
    }

    #egypt {
        font-weight: 700;
        line-height: 56px;
        letter-spacing: 0em;
        font-size: 40px;


    }

    .saudiSetUp p {
        font-size: 24px;
        font-weight: 400;
        line-height: 40px;
        width: 500px;
    }

    #saudi {
        font-size: 40px;
        font-weight: 700;
        line-height: 56px;
        letter-spacing: 0em;
        width: 500px !important;
        display: block;
    }


}

@media(max-width:767px) {
    .setUpContainer {
        height: 780px;
    }

    .egyptImg {
        margin-right: -22px;
    }
}

/* ?====================================================setUp end*/

/* &====================================================Services start*/
.servicesContainer {
    background-color: #003DA0;

}

.servicesheader {
    height: 150.7px;
}

.servicestittle {
    font-family: 'Noto Kufi Arabic';
    font-size: 52;
    font-weight: 600;
    line-height: 80px;
    letter-spacing: 0em;
    text-align: start;

    color: #fff;

}

.servicesCarsoul ul {
    border-bottom: 1px solid #6363638e;
    color: #fff;

}

.servicesCarsoul ul li {
    padding-left: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.servicesCarsoul ul li p {

    font-family: 'Noto Kufi Arabic';

    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: start;

    margin: 0;

}

.servicesCarsoul ul li.active {
    border-bottom: 1px solid #fff;
    color: #fff;
}


.servicesCarsoulBtn {
    font-size: 12px;
    width: 41px;
    height: 41px;
    border-radius: 10px;
    background: transparent;
    border: 0.5px solid #6363638e;
    color: #fff;
}

.servicesCarsoulBtn:hover {
    border: 0.5px solid #6363638e;
    color: #fff;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: #ddd;
    border: 0.5px solid #6363638e;

}

.servicesCarsoul ul {
    width: 300px;
}

.servicesContent {
    background-color: #fff;
    padding-top: 5%;
    padding-bottom: 5%;
}

.audit,
.Taxx,
.Bookkeeping {
    border-bottom: 0.6px solid #002058;
}

.auditTitle {
    font-family: 'Noto Kufi Arabic';

    font-size: 24px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: 0em;
    text-align: start;

    color: #003DA0;

}

.auditDesc {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: start;

    color: #002058;
}

.servicesDescRightArrow {
    color: #002058;
    font-size: 36px;
    cursor: pointer;
}

@media(min-width:767px) {
    .servicesheader {
        height: 220.7px;
    }

    .servicestittle {

        font-size: 62px;
        font-weight: 600;
        line-height: 80px;
    }

    .servicesCarsoul ul {
        width: 500px;
    }

    .servicesCarsoul ul li p {
        font-size: 16px;
        font-weight: 700;

    }

    .servicesCarsoulBtn {
        width: 60px;
        height: 60px;
    }

    .servicesCarsoulBtn i {
        font-size: 20px;
    }
}

/* &====================================================Services end*/
*/

/** -------------------------------------industries & Sponsers start -->*/
.industries {
    margin-top: 10%;
}

.industriesDesc {
    color: #fff;
    max-width: 571px;
    overflow: hidden;
    font-family: 'Noto Kufi Arabic';
    letter-spacing: 0em;
    text-align: start;



}

.industriesCount h3 {
    font-family: 'Noto Kufi Arabic';
    color: #fff;
    letter-spacing: 0em;
    text-align: start;


}

.industriesCount p {
    font-family: 'Noto Kufi Arabic';
    line-height: 72px;
    letter-spacing: 0em;
    text-align: start;

    color: #3EBFF7;
}

.industriesImg {
    /* width: 140%; */
}

.sponsersContainer {
    height: 140px;
}
.hoverLayer {
    content: 'dd';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #003DA0; /* Adjust opacity and color as needed */
    display: none; /* Initially hidden */
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 20px;
    font-family: 'Noto Kufi Arabic';
    border-radius: 10px;
}
.hoverLayer p{
    margin-bottom: 0px;
}
.industriesImgCt {
    position: relative;
    display: inline-block;
    /* width: 267px; */
}

.industriesImgCt:hover .hoverLayer {
    display: flex; /* Show the layer on hover */
}
@media(min-width:767px) {
    .industriesCount p {
        font-size: 32px;
        font-weight: 600;
    }

    .industriesDesc {
        line-height: 40px;
        height: 102px;
        font-size: 25px;
        font-weight: 300;
    }

    .industriesCount h3 {
        font-size: 56px;
        font-weight: 700;
        line-height: 72px;
    }

    .industriesImg {
        width: 267px;
        padding: 20px;
    }

    .sponserImg {
        width: 233px;
        padding: 10px;

    }

    .sponsersContainer {
        height: 180px;
    }
}

/** -------------------------------------industries ENd -->*/
/*!---------------------------------------------------! Reviews start --> */

.reviewsContainer {
    background-color: #003DA0;
    padding-top: 28%;
    padding-bottom: 7%;
}

.reviewsHeader h4 {

    font-size: 30px;
    font-weight: 600;
    line-height: 80px;
    font-family: 'Noto Kufi Arabic';
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    margin-bottom: 5%;
}

.clientName {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #fff;

}

.companyName {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #fff;

}



.qouteHeader {
    border-bottom: 1px solid #FFFFFF66
}

.qoute {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;
    direction: rtl !important;
    color: #fff;

}

.qoutesSlider {
    display: flex;
    transition: transform 0.5s ease;
    direction: ltr;

}

.ActiveQuote {
    box-shadow: 0px 0px 4px 0px #01173F33;
    background: #002058;
    border-radius: 20px;
    width: 600px;


}

.InactiveQuote {
    box-shadow: none !important;
    background-color: transparent !important;
    width: 400px;
    opacity: 40%;

}

.InactiveQuote .qoute {
    height: 110px;
    overflow: hidden;
    padding: 0;
    font-size: 14px;

}


.qoutesSliderContainer {
    position: relative;
    overflow: hidden;
}



#Qc {
    flex: 0 0 99.33%;
}

.qouteHeader {
    direction: rtl !important;
}

@media(min-width:767px) {
    .reviewsContainer {
        padding-top: 8%;
        padding-bottom: 7%;
    }

    .reviewsHeader h4 {

        font-size: 72px;
        font-weight: 600;
    }

    #Qc {
        flex: 0 0 33.33%;
    }

    .InactiveQuote {
        box-shadow: none !important;
        background-color: transparent !important;
        width: 400px;
        opacity: 40%;


    }
}

/*!-------------------------! Reviews End --> */


/*~ ========================calender  start */
.beforeCalender {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #FAFAFA;
    /* background-color: #3563E9; */
    border-radius: 10px;
    height: fit-content;


}


.beforeCalender h2 {
    font-family: 'Noto Kufi Arabic';
    font-size: 48px;
    font-weight: 600;
    /* line-height: 58px; */
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    text-transform: capitalize;
}

.beforeCalender h2 span {
    color: #3EBFF7;
}

.line1 {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
}

.duringContainer {
    /* height: 381.75px; */
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #01173F;

}

.during {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;



}

.calenderLi {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: start;

}

.nextt {
    width: 115px;
    height: 61px;
    background: #003DA0;

    padding: 25px 36px 25px 36px;
    gap: 10px;
    border-radius: 11px;
    border: 0.5px;
    text-decoration: none;
    color: #fff;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;

}

.nextt :hover {
    color: #fff;

}

.calenderTitle {
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    width: 580px;
    height: 39px;

    border-bottom: 1px solid #BDBDBD
}

.wrapper {
    /* background: #F7F7F7; */
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    /* box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); */
}

.wrapper header {
    display: flex;
    align-items: center;
    padding: 25px 30px 10px;
    justify-content: space-between;
}

header .icons {
    display: flex;
}

header .icons span {
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    color: #878787;
    text-align: center;
    line-height: 38px;
    font-size: 1.9rem;
    user-select: none;
    border-radius: 50%;
}

.icons span:last-child {
    margin-right: -10px;

}

.icons span:last-child:hover {
    cursor: pointer;
}

header .icons span:hover {
    background: #f2f2f2;
}

.material-symbols-rounded:hover {
    cursor: pointer;
}

header .current-date {
    font-size: 1.45rem;
    font-weight: 500;
}

.current-date {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #00205880;
    margin: 0px;

}

.calendar {
    /* padding: 20px; */
    background-color: #F7F7F7;
    padding-top: 10%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;

}

.calendar h1 {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;
    color: #002058;
    width: 341.31px;


}

.calendar h1 span {
    color: #003DA0;

}

.calendar ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
    background-color: #fff;
}

.calendar .days {
    margin-bottom: 20px;
}

.calendar li {
    color: #333;
    width: calc(100% / 7);
    font-size: 1.07rem;
}

.calendar .weeks li {
    font-weight: 500;
    cursor: default;
    font-family: 'Noto Kufi Arabic';
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.03em;
    text-align: center;
    color: #002058;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.calendar .days li {
    z-index: 1;
    cursor: pointer;
    position: relative;
    margin-top: 20px;
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    /* padding: 10px;rr */
    color: #002058;
}

.days li.inactive {
    color: #aaa;
}

.days li.active {
    color: #fff;
}

.days li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 40px;
    width: 40px;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.days li.active::before {
    background: #3EBFF7;
}

.days li:not(.active):hover::before {
    background: #f2f2f2;
}

.times {

    padding: 6px;
    gap: 9px;
    width: 126.79px !important;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #002058;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;


}

.times p {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;
    color: #002058;
}

.zone {
    width: 200px;
    height: fit-content;
}

.timeZoneTitle {
    width: 111px;
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    margin-bottom: 0px;


}

.zone select {
    height: fit-content;
    border: 0px;
    border-bottom: 1px solid #000;
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;
    color: #3EBFF7;
    background-color: transparent !important;

}

.cairoSelect {
    color: #3EBFF7 !important;

}

.datePicker {
    background-color: #fff;
    border-radius: 20px;
    padding: 10px;
    padding-top: 30px;
    height: fit-content;
}

.timeZoneContainer {
    height: fit-content;
}

#prev {
    font-size: 18px;
}

#next {
    font-size: 18px;

}

.timeZoneUl {
    background-color: transparent !important;
}

@media(min-width:767px) {
    .calendarContainer {
        margin-top: 9%;

    }

    .duringContainer {
        width: 741px;

    }

    .calenderLi {
        width: 403.68px
    }

    .wrapper {
        /* width: 59%; */

    }

    .beforeCalender {
        /* width: 40%; */
        height: 516px;

    }

    .beforeCalender h2 {
        font-family: 'Noto Kufi Arabic';

        font-size: 72px;
        font-weight: 700;
        line-height: 88px;
        letter-spacing: 0em;
        text-align: start;

    }

    .beforeCalenderContetnt {

        /* margin-top: 15%; */
        margin-right: 16%;
    }

    .current-date {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        /* width: 200px; */
        height: 24px;

    }

    .line1 {
        font-size: 24px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: start;

        width: 421px;

    }
    .calendarInCalenderFile {
        margin-top: 100px !important;
    }
    .calendar {
        height: 850px;
        padding-right: 10%;

    }
}

@media(max-width:767px) {
    .calendarResponse {
        flex-direction: column;
        padding-top: 14%;

    }

    .calendar {
        flex-direction: column;
        padding-bottom: 50px;
        padding: 20px;
    }

    .beforeCalender {
        padding-bottom: 6%;
    }

    .current-date {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }

    .times {

        width: 119.79px !important;


    }

    .times p {
        font-size: 16px;


    }
}



/*~ ========================calender  End */


/*// ========================footer  start */


.copyRight {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: start;

    color: #ffffff73;

}

.termsContainer {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: start;

    color: #fff;
}

footer {
    margin-top: 7%;
}

@media(max-width:767px) {
    .footerDiv {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .termsContainer {
        font-size: 15px;
    }

    .copyRight {
        font-size: 12px;
    }
}

/*// ========================footer  end */

/*==========================================submitRFP page start*/
.cancelBtn {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;

}

.subBody::before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(0, 32, 88, 0) 0%, rgba(0, 32, 88, 0.54) 18.82%, rgb(0 32 88 / 67%) 41.59%, #002058 67.42%, #002058 100.0%), url('../../../assets/img/Submit\ RFP.jpg');
    /* background-position: center; */
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */
}

.subBody {
    background: #002058;
    object-fit: cover;

}

.whereContainerInSubmitPage {
    margin-top: 7%;
    padding-bottom: 7%;

}

.submitPageTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0em;
    font-size: 50px;
    text-align: center;
    margin-bottom: 20px;
}

.submitPageTitle span {
    color: #3EBFF7;
}

.submitPageSubTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
}

.SubPagelanding {

    position: relative;
    background: #00205851;

    overflow: hidden;


}

@media(min-width:767px) {
    .submitPageTitle {
        font-size: 80px;
        line-height: 144px;
        font-weight: 400;
    }


}



/*~ ========================calender  start */
.beforestepOne {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #FAFAFA;
    /* background-color: #3563E9; */
    border-radius: 10px;
    height: fit-content;


}


.beforestepOne h2 {
    font-family: 'Noto Kufi Arabic';
    font-size: 48px;
    font-weight: 600;
    /* line-height: 58px; */
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    text-transform: capitalize;
}

.beforestepOne h2 span {
    color: #3EBFF7;
}

.beforestepOneContent .line1 {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
}

.unActiveStepLable p {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #fafafa64;
}

.ActiveStepLable p {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #fff;
}

.ActiveStepLable span {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #3EBFF7;
    ;
}

.unActiveStepLable span {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #105978;
}

.duringContainer {
    /* height: 381.75px; */
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #01173F;

}

.during {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;



}

.companyNameInput {

    height: 61px;

    padding: 26px 34px 26px 34px;

    border-radius: 10px;
    border: 1px solid #003DA0;


}

.companyNameInput::placeholder {
    color: #003da065;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;


}

.submitInputLabel {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #002058;
    margin-bottom: 6px;
}

.checkboxLabel {
    font-family: 'Noto Kufi Arabic';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;

    width: fit-content;
    max-width: 120px;

}

.checkbox {
    border: 1px solid #003DA0;
    border-radius: 10px;
    max-width: 178px;
    color: #003DA0;
}

.checkbox:hover {
    background: #003DA0;
    color: #fff;
    cursor: pointer;

}

.activeCheckbox {
    background: #003DA0;
    color: #fff;
    cursor: pointer;
}

.additional {
    border-radius: 10px;
    border: 1px solid #003DA0;
    height: 150px;
}

.additional::placeholder {
    color: #003da065;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: start;

    position: absolute;
    top: 20px;
    right: 20px;
    /* align-items:flex-start; */
}

.backk {
    width: 119px;
    height: 61px;
    padding: 25px 36px 25px 36px;
    border-radius: 11px;
    border: 1px solid #003DA0;
    text-decoration: none;
    color: #003DA0;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    background-color: #fff;

}

.sticky-top {
    /* position: fixed; */
}

.calenderLi {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: start;

}

.nextt {
    width: 115px;
    height: 61px;
    background: #003DA0;

    padding: 25px 36px 25px 36px;
    gap: 10px;
    border-radius: 11px;
    border: 0.5px;
    text-decoration: none;
    color: #fff;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;

}

.nextt :hover {
    color: #fff;

}

.calenderTitle {
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 39px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    width: 580px;
    height: 39px;

    border-bottom: 1px solid #BDBDBD
}

.industriesContainer {
    background-color: #F7F7F7;
    padding-top: 6%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    /* height: 850px; */
    padding-right: 10%;
    padding-left: 6%;

}

.serviceContainer {
    padding-top: 6%;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    /* height: 850px; */
    padding-left: 10%;
    padding-right: 6%;
}

.ct {
    background-color: #F7F7F7;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    /* height: 850px; */
}

@media(min-width:767px) {
    .nextPrvBtns {
        padding-right: 10%;

    }
}

.contactContainer {
    background-color: #F7F7F7;
    padding-top: 6%;
    padding-bottom: 6%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    /* height: 850px; */
    padding-left: 10%;
    padding-right: 6%;

}

.nextInStepOne {
    /* width: 115px; */
    height: 61px;
    background: #003DA0;

    padding: 25px 36px 25px 36px;
    gap: 10px;
    border-radius: 11px;
    border: 0.5px;
    text-decoration: none;
    color: #fff;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;

}

.nextInStepOne :hover {
    color: #fff;

}

.submitInStepOne {
    /* width: 115px; */
    height: 61px;
    background: #003DA0;

    padding: 25px 36px 25px 36px;
    gap: 10px;
    border-radius: 11px;
    border: 0.5px;
    text-decoration: none;
    color: #fff;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
}

.submitInStepOne :hover {
    color: #fff;

}

@media(min-width:767px) {
    .calendarContainer {
        margin-top: 9%;

    }

    .duringContainer {
        width: 741px;

    }


    .beforestepOne {
        /* width: 40%; */
        height: 516px;

    }

    .beforestepOne h2 {
        font-size: 80px;
        font-weight: 400;
        line-height: 88px;
        letter-spacing: 0em;
        text-align: start;

    }

    .beforestepOneContent {

        /* margin-top: 15%; */
        margin-right: 16%;
    }

    .beforestepOneContent .line1 {
        font-size: 24px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: start;

        width: 400px;

    }

    .industriesContainer {
        background-color: #F7F7F7;
        padding-top: 6%;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        /* height: 850px; */
        padding-right: 10%;
        padding-left: 6%;

    }

    .serviceContainer {
        background-color: #F7F7F7;
        padding-top: 6%;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        /* height: 850px; */
        padding-left: 10%;
        padding-right: 6%;
        margin-top: 25%;
    }

    .contactContainer {
        background-color: #F7F7F7;
        padding-top: 6%;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        /* height: 850px; */
        padding-left: 10%;
        padding-right: 6%;
        margin-top: 18%;
    }

}

@media(min-width: 767px) and (max-width: 1400px) {
    .beforestepOne h2 {
        font-size: 60px;
        font-weight: 400;
    }
}

@media(max-width:767px) {


    .beforestepOne {
        padding-bottom: 6%;

    }



}



/*~ ========================calender  End */

/*^ ========================Submit Thanks  start */

.subThanksBody::before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(0, 32, 88, 0) 0%, rgba(0, 32, 88, 0.54) 18.82%, rgb(0 32 88 / 67%) 41.59%, #002058 67.42%, #002058 100.0%), url('../../../assets/img/Consultation.png');
    ;
    /* background-position: center; */
    /* background-size: cover; */
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */
}

.subThanksBody {
    background: #002058;
    object-fit: cover;

}

.SubThanksLanding {

    position: relative;
    background: #00205882;

    overflow: hidden;


}

.newsCardContainer {
    height: 650px;
}

.thanksBlankBanner {
    background: #01173F;
    left: 0;

    height: 400px;

    border-radius: 0px 20px 20px 0px;
    padding: 1%;
    padding-top: 5%;
}


.newsCard {
    border-radius: 10px;
    overflow-y: hidden;
    /* height: 553px; */
    margin-top: 3%;
    max-width: 440.5px;
}

.newsCard img {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
}

.newsCardDate {

    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;

    color: #003da08f;

}

.newsCardTitle {

    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #003DA0;

}

.newsCardContent {

    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: start;

    max-width: 442.99px;
    color: #002058;
}

.readMore {
    /* width: 119px; */
    height: 61px;
    padding: 25px 36px 25px 36px;
    border-radius: 11px;
    border: 1px solid #003DA0;
    text-decoration: none;
    color: #003DA0;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    background-color: #fff;

}

.submitThanksTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 20px;
}

.submitThanksTitle span {
    color: #3EBFF7;
}

.submitThanksSubTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 300;

}

@media(min-width:767px) {
    .submitThanksTitle {
        line-height: 88px;
        font-size: 80px;
        font-weight: 400;
    }

    .submitThanksSubTitle {
        font-family: 'Noto Kufi Arabic';
        font-size: 24px;
        font-weight: 500;
        line-height: 38px;
        letter-spacing: 0em;
        text-align: center;
    }

    .thanksBlankBanner {
        background: #01173F;
        left: 0;

        height: 450px;

        border-radius: 0px 20px 20px 0px;
        max-width: 90%;
        padding: 7%;
    }

    .newsCard {
        border-radius: 10px;
        overflow-y: hidden;
        height: 533px;
        margin-top: 3%;
        max-width: 553.5px;
    }

    .newsCard img {

        max-width: 553.5px;
    }
}

@media(max-width:767px) {
    .newsCardContainer {
        height: 1400px;
    }

    .newsCard {
        margin-top: 50px;
    }
}

/*^ ========================Submit Thanks  End */

/*==================================submitRFP page end*/

/*~ ========================calender Page  start */

.duringDateTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;

    color: #3EBFF7;
}

.duringDate {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #FFFFFF;


}

.duringTime {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;

    color: #FFFFFF;
}

.duringTimeZone {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;

    color: #ffffff77;

}

.duringEdit {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 800;
    line-height: 21.94px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #3EBFF7;
}

@media(min-width:767px) {
    .calendarContainerInCalenderPage {
        margin-top: 1%;

    }
}

/*~ ========================calender Page  End */

/*&=========================investInSaudi Start  */

.investInSaudi::before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(229deg, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 70%) 41.59%, #002058 67.42%, #002058 100.0%), linear-gradient(to top, #002058 0.08%, rgba(0, 32, 88, 0) 47.35%, rgb(0 32 88 / 25%) 99.93%), url('../../../assets/img/Riyadh\ City.jpg');
    /* background-position: center; */
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    transform: scalex(-1);
    /* Ensure the pseudo-element is behind content */
}

.investInSaudi {
    background: #002058;
    object-fit: cover;

}

.investInEgypt:before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(230deg, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #002058 67.42%, #002058 100.0%),
        linear-gradient(to top, #002058 0.08%, rgba(0, 32, 88, 0) 47.35%, rgb(0 32 88 / 25%) 99.93%),
        url('../../../assets/img/Slider2.png');
    /* background-position: center; */
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    transform: scalex(-1);
    /* Ensure the pseudo-element is behind content */

}

.investInEgypt {
    background: #002058;
    object-fit: cover;

}

.investInSaudiLanding {

    position: relative;
    background: linear-gradient(89.92deg, #00205861 0.08%, rgba(0, 32, 88, 0) 146.33%);

    overflow: hidden;


}

.investInSaudiHeader {
    font-family: ' Noto Sans';

    text-align: start;


}

.investSpan {
    font-family: 'Noto Kufi Arabic';
    font-size: 26px;
    color: #3EBFF7;
}

.investInSaudiSubTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    text-align: start;

    max-width: 512px;
}

.whySaudiArabiaContainer {
    background-color: #FFFFFF;
    padding-top: 7%;
    padding-bottom: 2%;
}

.investInSaudiHeader {
    font-family: 'Noto Kufi Arabic';
    font-size: 40px;
}

.whySaudiArabiaContainer p {
    font-family: 'Noto Kufi Arabic';
    font-size: 42px;
    font-weight: 500;
    text-align: start;

    color: #002058;
}

.whySaudiArabiaContainer p span {
    font-family: 'Noto Kufi Arabic';
    color: #3EBFF7;

}

.whyInvestDesc p {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
    text-align: start !important;
    max-width: 600px;
    color: #002058;
}

.cityVector {
    padding-top: 30%;
}

.businessEnvironmentContainer {
    background-color: #003DA0;
    padding-top: 5%;
    padding-bottom: 5%;
}

.businessEnvironment {
    font-family: 'Noto Kufi Arabic';
    font-size: 42px;
    color: #FFFFFF;
}

.auditBusiness {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    color: #002058;
}

.HowCanIHelp {
    content: "";
    /* Required for pseudo-element */
    /* position: absolute; */
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(323deg, #002058 0.08%, rgb(0 32 88) 47.35%, rgb(0 32 88 / 25%) 99.93%),
        linear-gradient(to top, #002058 0.08%, rgba(0, 32, 88, 0) 47.35%, rgb(0 32 88 / 25%) 99.93%),
        url('../../../assets/img/Business\ consultant.jpg');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
}

.HowCanIHelp {
    /* background: #002058; */
    object-fit: cover;
}

.HowCanIHelpHeader {

    font-family: 'Noto Kufi Arabic';
    font-size: 42px;
    text-align: start;

    padding-top: 10%;

}

.HowCanIHelpHeader span {

    color: #3EBFF7;

}

.beforeHowCanIHelpContent {
    width: 1px;
    height: 50px;
    background-color: #fff;
}

.HowCanIHelpContent {
    max-width: 690px;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;

    /* border-left: 1px solid #fff; */
}

@media(min-width:767px) {
    .investInSaudiHeader {
        font-family: 'Noto Kufi Arabic';
        font-size: 80px;
        font-weight: 400;
        line-height: 88px;
        text-align: start;

        max-width: 640px;
    }

    .investSpan {
        font-family: 'Noto Kufi Arabic';
        font-size: 32px;
        font-weight: 600;
        line-height: 39.01px;
        letter-spacing: 0.20000000298023224px;
        text-align: start;

    }

    .investInSaudiSubTitle {
        font-family: 'Noto Kufi Arabic';
        font-size: 24px;
        font-weight: 400;
        line-height: 40px;
        text-align: start;

        margin-top: 4%;
    }



    .whySaudiArabiaContainer p {
        font-family: 'Noto Kufi Arabic';
        font-size: 50px;
        font-weight: 700;
        line-height: 80px;
        text-align: start;

    }

    .businessEnvironment {
        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 600;
        line-height: 80px;
        text-align: start;

        color: #FFFFFF;
    }

    .HowCanIHelpHeader {

        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 600;
        line-height: 80px;
        max-width: 365px;
    }

    .HowCanIHelpContent {
        max-width: 690px;
        font-family: 'Noto Kufi Arabic';
        font-size: 20px;
        font-weight: 400;
        line-height: 40px;
        text-align: start;

    }
}
@media(max-width:767px) {
    .whereContainerInSubmitPageInInvest {
        margin-top: 20%;
        padding-bottom: 22%;
    }
}
/*&=========================investInSaudi End  */

/*^=========================Requirements start  */
.requirementsContainer {
    margin-bottom: 20%;
}

.requirementsHeader {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #FFFFFF;
    margin-top: 20%;
    margin-bottom: 2.5%;


}

.requirementsCard {
    /* width: 406.17px;
    height: 418.72px; */
    gap: 0px;
    border-radius: 10px;
    border: 2px solid #003DA0;
    background: #003DA04D;

}

.requirementsNum {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: start;

    color: #FFFFFF;
    margin-bottom: 20%;
}

.requirementsDesc {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: start;


}

@media(min-width:767px) {
    .requirementsCard {
        width: 32.3%;
    }

    .requirementsHeader {
        margin-top: 10%;
        margin-bottom: 2.5%;
    }

    .requirementsContainer {
        margin-bottom: 13%;
    }

    .requirementsDesc {
        max-width: 328px;
    }
}

/*^=========================Requirements End  */

/*~=========================Service start  */

.taxPage:before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(193deg, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 63%) 41.59%, #002058 67.42%, #002058 67.42%, #002058 100.0%), url('../../../assets/img/Tax\ Services.jpg');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */

}

.taxPage {
    background: #002058;
    object-fit: cover;

}

.taxHeader {
    font-size: 40px;
    font-weight: 400;
    font-family: 'Noto Kufi Arabic';
    text-align: start;

}

.taxHeader span {
    color: #3EBFF7;
}

.taxContainer {
    margin-top: 12.5%;
    padding-bottom: 13% !important;

}

.guideContainer {
    background: #003DA0;
    height: 50px;
}

.guideItem {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 72px;
    text-align: start;

    color: #ffffff96;
    text-align: center;
    cursor: pointer;
    width: 20%;
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;

}

.guideItem p {
    margin-bottom: 0px;
}

.guideItem:hover {}

.rightBorder {
    border-right: 1px solid #f7f7f7bd
}

.activeGuideItem {
    height: 60px;
    border-radius: 10px;
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 400;
    line-height: 72px;
    text-align: start;

    color: #FFFFFF;
    cursor: pointer;
    z-index: 2;
    text-align: center;
    background: #01173F;
    margin-top: -5px;
    margin-left: -5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 20%;
    display: flex;
    align-items: center;

}

.activeGuideItem p {
    margin-bottom: 0px;

}

.subServiceTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 36px;
    font-weight: 500 !important;
    max-width: 505px !important;
}

.whyInvest p {
    font-family: 'Noto Kufi Arabic';
    font-size: 42px;
    font-weight: 600;

    text-align: start;

    color: #002058;
}

.whyInvest span {
    color: #3EBFF7;
}

.forWho {
    padding-top: 5%;
    padding-bottom: 5%;
    right: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.forWhoContainer {
    margin-top: 12%;
    height: fit-content;
    /* padding-left: 7%; */
}

.forWhoCardsContainer {}

.forWhoCardImage img {
    max-width: 300px;
}

.forWhoCardtitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #002058;
}

.forWhoCardDesc {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: start;

    color: #002058;
}

@media(min-width:767px) {
    .taxHeader {
        font-family: 'Noto Kufi Arabic';
        font-size: 80px;
        font-weight: 400;
        line-height: 88px;
        text-align: start;

    }

    .guideContainer {
        height: 90px;
    }

    .subServiceTitle {
        font-family: 'Noto Kufi Arabic';
        font-size: 56px !important;
        font-weight: 500 !important;
        line-height: 72px !important;
        text-align: start;

    }

    .whyInvest p {
        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 600;
        line-height: 80px;
        text-align: start;

    }

    .whyInvest {
        /* padding-left: 10%; */
    }

    .forWhoCardsContainer {
        padding-right: 10%;

    }

    .forWhoCardsContainer {
        width: 100%;
    }

    .forWhoContainer {
        margin-top: 12%;
        height: fit-content;
        padding-right: 3%;
    }

    .guideItem {
        height: 90px;
    }

    .activeGuideItem {
        height: 110.5px;
        margin-top: -12px;
    }
    .whyInvestInTax
    {
        padding-left: 10% !important;
    }
    .sidebarInTax
    {
        top: 10% !important;

    }
    .investInSaudiLandingInTax
    {
        overflow: visible;
    }
    .navbarInTax
    {
                position: static;

    }
}

@media(max-width:767px) {

    .taxPage:before {
        content: "";
        /* Required for pseudo-element */
        position: absolute;
        /* Position the pseudo-element */
        top: 0;
        left: 0;
        width: 100%;
        background-image: linear-gradient(193deg, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 63%) 41.59%, #002058 67.42%, #002058 67.42%, #002058 100.0%), url('../../../assets/img/Tax\ Services.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        height: 100%;
        z-index: -1;
        /* Ensure the pseudo-element is behind content */
        border-right: 0px !important;
    }

    .taxPage {
        background: #002058;
        object-fit: cover;
    }

    .forWho {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .forWhoCardsContainer {
        width: 100%;
        /* align-items: center; */

    }

    .guideItem {
        font-size: 10px;
        /* height: 50px; */

    }

    .forWhoCards {
        align-items: center;
    }

    .forWhoCardDesc {
        text-align: center;
    }
}

/*~=========================Service End  */
/**=========================healthCare start  */

.healthCare:before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(192deg, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #002058 67.42%, #002058 100.0%), url('../../../assets/img/Healthcare.jpg');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    transform: scalex(-1);
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */

}

.healthCare {
    background: #002058;
    object-fit: cover;

}

.sponsersCardsContainers {
    padding-top: 7%;
    padding-bottom: 10%;
}

.sponserCard {
    border: 1px solid #003DA0;
    border-radius: 10px;
    max-height: 280px;
}

.sponserCardImage {
    border-bottom: 1px solid #003DA0;
    padding: 20%;
}

.sponserCardImage img {
    width: 100%;
}

.sponserTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 600;
    line-height: 80px;
    text-align: start;

    color: #003DA0;
}

.sponserPlus {
    font-family: 'Noto Kufi Arabic';
    font-size: 50px;
    font-weight: 300;
    line-height: 80px;
    text-align: start;

    color: #003DA0;
}

.cardData {
    height: 65px;
}

.cardData p {
    margin-bottom: 0px;
}

@media(min-width:767px) {
    .sponserContainer {
        display: flex;
    }

    .sponserCard {
        width: 19%;
    }
    .whyInvestInHealth {
        padding-right: 10% !important;
    }

    .forWhoInHealth {
        gap: 25% !important;
    }

    .taxContainerInHealth {
        margin-top: 5%;
        padding-bottom: 20%;
    }

    .co1InHealth {
        margin-bottom: 7.5%;
    }

    .HowCanIHelpInHealth {
        padding-bottom: 10%;

    }

}

@media(max-width:767px) {

    .healthCare:before {
        content: "";
        /* Required for pseudo-element */
        position: absolute;
        /* Position the pseudo-element */
        top: 0;
        left: 0;
        width: 100%;
        background-image: linear-gradient(192deg, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 4        1.59%, #002058 67.42%, #002058 100.0%), url('../../../assets/img/Healthcare.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        height: 100%;
        transform: scalex(-1);
        z-index: -1;
        /* Ensure the pseudo-element is behind content */
        border-right: 0px !important;
    }

    .healthCare {
        background: #002058;
        object-fit: cover;
    }
    .whyInvestInHealth {
        padding-right: 8% !important;
        width: 100% !important;
    }

    .HowCanIHelpInHealth {
        padding-bottom: 15%;
    }
}

/**=========================healthCare End  */


/*?=========================Resources and News Start  */

.reasourcesPage:before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to left, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #002058 67.42%, #002058 100.0%),
        linear-gradient(to bottom, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #00205800 67.42%, #002058 100.0%),
        url('../../../assets/img/ResourcesLanding.jpg');
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    transform: scalex(-1);
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */

}

.reasourcesPage {
    background: #002058;
    object-fit: cover;
}

.resourcesCardContainer {
    /* height: 650px; */
}

.resourcesBlankBanner {
    background: linear-gradient(269deg, #01173F 0%, rgba(1, 23, 63, 0) 100%);
    right: 0;
    height: 300px;
    border-radius: 0px 20px 20px 0px;
    padding-left: 10%;
    padding-top: 5%;
    max-width: 97%;
}

.searchHeader {
    color: #3EBFF7;
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 300;
    text-align: start;

}

/* .searchGroupInReasources div input {
    height: 61px;
} */

.searchGroupInReasources .dropdowndropdown-toggle {
    height: 61px;
}

.resourcesNum {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;

}

.searchInputInResource {

    height: 50px;
    padding: 10px 10px 10px 15px;
    color: #ffff;
    gap: 10px;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid #F7F7F780
}

.searchIconInResources {
    left: 20px;
    top: 10px;
    color: #3EBFF7;
    font-size: 18px;
    font-weight: 700;
}

.searchInputInResource:focus {
    outline-offset: 0px;
    outline: none;
}

.yearBtn {
    height: 50px;
    padding: 20px;
    /* gap: 99px; */
    border-radius: 10px;
    width: 100%;
    background: #003DA033;
    border: 1px solid #003DA0;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    text-align: start;

    z-index: 1;
    cursor: pointer;
}

.activeYearBtn {
    background: #003DA0 !important;
}

.yearBtn:hover {
    background: #003DA0;
    border: 1px solid #003DA0;
}

.yearBtn:active {
    background: #003DA0;
    border: 1px solid #003DA0;
}

.monthBtn {
    height: 50px;
    padding: 20px;
    /* gap: 99px; */
    border-radius: 10px;
    width: 100%;
    background: #003DA033;
    border: 1px solid #003DA0;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    text-align: start;

    z-index: 1;
    cursor: pointer;
}

.monthBtn:hover {
    background: #003DA0;
    border: 1px solid #003DA0;
}

.monthBtn:active {
    background: #003DA0;
    border: 1px solid #003DA0;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background: #003DA0;
    border: 1px solid #003DA0;
}

.monthDropdownMenu {
    width: 96.9%;
    left: 3px;
    top: 40px;
    /* z-index: -1; */
    position: absolute;
    gap: 0px;
    border-radius: 0px 0px 10px 10px;
    opacity: 0px;
    background: #F7F7F7;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 200px;
    overflow: auto;
}

.monthDropdownMenu li {
    border-bottom: 1px solid #0020583e;
    padding-left: 8%;
    width: 100%;
    cursor: pointer;
}

.yearDropdownMenu {
    width: 96.9%;
    top: 40px;
    left: 3px;
    /* z-index: -1; */
    position: absolute;
    gap: 0px;
    border-radius: 0px 0px 10px 10px;
    opacity: 0px;
    background: #F7F7F7;
    padding-bottom: 20px;
    padding-top: 20px;
    height: 200px;
    overflow: auto;
}

.yearDropdownMenu li {
    border-bottom: 1px solid #0020583e;
    padding-left: 8%;
    width: 100%;
    cursor: pointer;
}

.month-dropdown-item {
    text-decoration: none;
    font-family: 'Noto Kufi Arabic';
    font-size: 21px;
    font-weight: 400;
    line-height: 40px;
    color: #002058;
    text-align: start;

    width: 100%;

}

.year-Dropdown-item {
    text-decoration: none;
    font-family: 'Noto Kufi Arabic';
    font-size: 21px;
    font-weight: 400;
    line-height: 40px;
    color: #002058;
    text-align: start;

    width: 100%;
}


.latestIssueRightLabel {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;

    color: #3EBFF7;
}

.valueRightLabel {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 29.26px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #FFFFFF;
}

.rightLabelDescInReasources {
    margin-top: 2%;
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    text-align: start;

    color: #FFFFFF;
    max-width: 448.48px;
}

.viewDetailsInreasources {
    font-family: 'Noto Kufi Arabic';
    border-radius: 11px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;

}

.DownloadInreasources {
    font-family: 'Noto Kufi Arabic';
    border-radius: 11px;
    border: 0px;
    background-color: #003DA0;
    color: #FFFFFF;
}

.resourcesCard {
    border-radius: 10px;
    overflow-y: hidden;
    margin-top: 3%;
}

.viewDetails {
    /* width: 119px; */
    height: 61px;
    padding: 25px 10px;
    border-radius: 11px;
    border: 1px solid #003DA0;
    text-decoration: none;
    color: #003DA0;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.downloanBtnInResourcesCard {
    height: 61px;
    padding: 25px 10px;
    border-radius: 11px;
    border: 1px solid #003DA0;
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    cursor: pointer;
    background-color: #003DA0;
}

.newsPage::before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to left, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #002058 67.42%, #002058 100.0%),
        linear-gradient(to bottom, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #00205800 67.42%, #002058 100.0%),
        url('../../../assets/img/News.jpg');
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    transform: scalex(-1);
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */

}

.newsPage {
    background: #002058;
    object-fit: cover;
}

@media (min-width: 767px) {
    .resourcesBlankBanner {
        background: linear-gradient(269deg, #01173F 0%, rgba(1, 23, 63, 0) 100%);
        right: 0;
        height: 380px;
        border-radius: 0px 20px 20px 0px;
        max-width: 90%;
        padding-top: 5%;
        padding: 5%
    }

    .searchHeader {
        color: #3EBFF7;
        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 600;
        line-height: 80px;
        text-align: start;

    }

    .resourcesCard {
        border-radius: 10px;
        overflow-y: hidden;
        height: 533px;
        max-width: 32.333%;
        margin-top: 3%;

    }

    .valueRightLabel {
        font-family: 'Noto Kufi Arabic';
        font-size: 24px;
        font-weight: 700;
        line-height: 29.26px;
        letter-spacing: 0.20000000298023224px;
        text-align: start;

        color: #FFFFFF;
    }

    .rightLabelDescInReasources {
        margin-top: 2%;
        font-family: 'Noto Kufi Arabic';
        font-size: 20px;
        font-weight: 300;
        line-height: 28px;
        text-align: start;

        color: #FFFFFF;
        max-width: 448.48px;
    }

    .resourcesCard img {

        max-width: 100%;
    }
}
.searchGroupInReasourcesInNewsDetails {
    margin-bottom: 10%;

}
@media(max-width:767px) {

    .resourcesCard {

        margin-top: 50px;
    }

    .resourcesCard img {
        width: 100%;
    }

    .searchGroupInReasources {
        gap: 15px;
    }

    .ResourcesTitleContainer {
        max-width: 100% !important;
    }

    .downloanBtnInResourcesCard {
        font-size: 14px;
    }

    .viewDetails {
        font-size: 14px;

    }

    .reasourcesPage:before {
        background-position: right;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .searchGroupInReasources {
        margin-bottom: 20%;
    }
}

[data-pagination],
[data-pagination] *,
[data-pagination] *:before,
[data-pagination] *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: auto;
}

[data-pagination] {
    font-size: 8pt;
    line-height: 1;
    font-weight: 400;
    font-family: 'Open Sans', 'Source Sans Pro', Roboto, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, 'Lucida Grande', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    margin: 1em auto;
    text-align: center;
    transition: font-size .2s ease-in-out;
}

[data-pagination] ul {
    list-style-type: none;
    display: inline;
    font-size: 100%;
    margin: 0;
    padding: .5em;
}

[data-pagination] ul li {
    display: inline-block;
    font-size: 100%;
    width: auto;
    border-radius: 3px;
}

[data-pagination]>a {
    font-size: 140%;
}

[data-pagination] .current a {
    color: #777;
    font-size: 100%;
    padding: .5em;
    text-decoration: none;
    color: #002058;
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    cursor: pointer;
    text-align: start;


}

[data-pagination] .restPag a {
    color: #777;
    font-size: 100%;
    padding: .5em;
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    text-align: start;

    cursor: pointer;

}

[data-pagination] .restPag a:focus,
[data-pagination] .restPag a a:hover {
    color: #FFFFFF;

}

[data-pagination] li.current {
    background: #FFFFFF;
    height: 52px;
    top: 13.5px;
    left: 7px;
    padding: 14px;
    gap: 10px;
    border-radius: 10px;
    opacity: 0px;

}

[data-pagination] li.restPag {
    background: transparent;
    height: 52px;
    top: 13.5px;
    left: 7px;
    padding: 10px;
    gap: 10px;
    border-radius: 10px;
    opacity: 0px;

}

/* Disabled & Hidden Styles */
[data-pagination] .disabled,
[data-pagination] [hidden],
[data-pagination] [disabled] {
    opacity: .5;
    pointer-events: none;
}

@media (min-width: 350px) {
    [data-pagination] {
        margin-bottom: 100px;
        font-size: 10pt;
    }
}

@media (min-width: 500px) {
    [data-pagination] {
        margin-bottom: 100px;
        font-size: 12pt;
    }
}

@media (min-width: 700px) {
    [data-pagination] {
        font-size: 14pt;
    }
}

@media (min-width: 900px) {
    [data-pagination] {
        font-size: 16pt;
    }
}

/*?=========================Resources and News End  */

/*!=========================  News details Start  */
.newsDetailsHeader {
    font-family: 'Noto Kufi Arabic';
    font-size: 36px;
    font-weight: 500;
    line-height: 72px;
    text-align: start;

    max-width: 550px;
}

.writerName {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;

    color: #FFFFFF;

}

.share {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    text-align: start;

    color: #FFFFFF;

}

.newsContentContainer {
    background-color: #FFFFFF;
    padding-top: 9%;
    /* padding-bottom: 3%;  */
}

.newsContentHeadLine {
    font-family: 'Noto Kufi Arabic';
    font-size: 34px;
    font-weight: 500;
    line-height: 72px;
    text-align: center;
    color: #003DA0;
}

.newsContent {
    /* margin-top: 10%; */
    margin-bottom: 5%;
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;

    color: #002058;
}

.news2 {
    width: 100%;
}

.newsSubTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

}

.relatedNews {

    font-family: 'Noto Kufi Arabic';
    font-size: 56px;
    font-weight: 500;
    line-height: 72px;
    text-align: center;
    color: #FFFFFF;
    padding-top: 100px;
    margin-bottom: 0px;
}

@media(max-width:767px) {

    .newsPage::before {
        background-position: right;
        background-size: cover;


    }

    .newsPage {
        background: #002058;
        object-fit: cover;
    }
}

@media (min-width: 767px) {
    .newsDetailsHeader {
        font-size: 56px;
        font-weight: 500;
        line-height: 72px;
        text-align: start;

    }

    .newsContentHeadLine {
        font-family: 'Noto Kufi Arabic';
        font-size: 54px;
        font-weight: 500;
        line-height: 72px;
        text-align: start;

        color: #003DA0;
    }

    .newsContentCT {
        padding-left: 5%;
    }
}

/*!=========================News details End  */


/**=========================Contact start  */

.contactPage::before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to left, rgb(0 32 88 / 32%) 0%, rgb(0 32 88 / 35%) 18.82%, rgb(0 32 88 / 66%) 41.59%, #002058 67.42%, #002058 100.0%),
        linear-gradient(to bottom, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #002058eb 80.42%, #002058 100.0%),
        url('../../../assets/img/Contact\ us.jpg');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */

}

.contactPage {
    background: #002058;
    object-fit: cover;
}

.activEgContact {
    position: relative;
    border-radius: 10px;
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 400;
    line-height: 72px;
    text-align: start;

    color: #fff;
    background: #003DA0;
    width: 180px;
    text-align: center;
    margin-left: -20px;
    z-index: 1;
    border: 0px;
}

.activSaudiContact {
    position: relative;
    border-radius: 10px;
    font-family: 'Noto Kufi Arabic';
    font-size: 15px;
    font-weight: 600;
    line-height: 72px;
    text-align: start;

    color: #fff;
    background: #003DA0;
    width: 210px;
    text-align: center;
    margin-right: -20px;
    z-index: 1;
    border: 0px;
}

.unActivSaudi {
    border-radius: 10px;
    font-family: 'Noto Kufi Arabic';
    width: 210px;
    font-size: 15px;
    font-weight: 200;
    line-height: 72px;
    text-align: center;
    color: #fff;
    border: 1px solid #FFFFFF66;
    position: relative;
    z-index: 0;
    background-color: transparent;
}

.unActivEgypt {
    border-radius: 10px;
    font-family: 'Noto Kufi Arabic';
    width: 180px;
    font-size: 19px;
    font-weight: 200;
    line-height: 72px;
    text-align: center;
    color: #fff;
    border: 1px solid #FFFFFF66;
    position: relative;
    z-index: 0;
    background-color: transparent;
}

.contactDetailsContainer {
    margin-top: 60px;
}

.contactDetailsCard {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 400;
    line-height: 21.94px;
    letter-spacing: 0.20000000298023224px;
    text-align: center;
    background: #003DA040;
    color: #fff;
    border-radius: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 35px;
    padding-left: 35px;
    height: 150px;
    max-width: fit-content;
    border: 2px solid #003DA0;
}

.contactIcon {
    font-size: 24px;
}

.senMsgBtn {

    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: start;

    color: #002058;
    border-radius: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 35px;
    padding-left: 35px;
    height: 150px;
    max-width: fit-content;
    border: 2px solid #fff;
    cursor: pointer;
    text-decoration: none;
}
.senMsgBtn:hover{
    color: #002058;

}

.map {
    content: "";
    /* Required for pseudo-element */
    /* position: absolute; */
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    height: 750px !important;
    width: 100%;
    background: linear-gradient(to bottom, #002058 0.08%, rgba(0, 32, 88, 0) 47.35%, rgba(0, 32, 88, 0) 99.93%), url('../../../assets/img/Location\ \(1\).png');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
}

.map {
    /* background: #002058; */
    object-fit: cover;
}

.contactFormCT {
    border-radius: 20px;
    margin-top: -150px;
    margin-bottom: 130px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 10%;
    padding-left: 10%;
    position: relative;
    z-index: 1;
    background-color: #F7F7F7 !important;
}

.contactFormHeaderr {
    font-family: 'Noto Kufi Arabic';
    font-size: 36px;
    font-weight: 300;
    text-align: start;

    color: #002058;
}

.contactFormHeaderr span {
    color: #003DA0;
}

.sendInContactPg {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 800;
    line-height: 40px;
    text-align: center;
    border: 0px;
    background-color: #003DA0;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 11px;
}

.formSubTitle {

    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 400;
    text-align: start;

    color: #002058;
}
.contactFormCTinCareers {
    margin-top: -50px !important;
    margin-bottom: 100px !important;
}
.monthBtnIncareers {
    border: 1px solid #003DA0;
    background-color: #fff !important;
    color: #003da065 !important;
    position: relative !important;
    z-index: 5 !important;
    padding: 30px 34px 26px 34px;
}
.monthBtnIncareers:hover {
    color: #003da065 !important;
}
.monthDropdownMenuInCareers {
    width: 98.5% !important;
    left: 5px !important;
    top: 44px !important;
    background: #fff !important;
    color: #fff !important;
    border: 1px solid #003DA0 !important;
    border-top: 0px !important;
    z-index: 2 !important;
}

.monthDropdownMenuInCareers li {
    border-bottom: 1px solid #00205836 !important;
    background-color: #fff;
}

@media(min-width:767px) {
    .contactFormHeaderr {
        font-size: 56px;
        font-weight: 500;
        line-height: 72px;
        text-align: start;

    }

    .contactFormCT {
        padding-top: 5%;
        padding-bottom: 5%;
        padding-right: 10%;
        padding-left: 10%;
        margin-bottom: 130px;
        z-index: 1;
        position: relative;
        max-width: 1110px;
    }

    .formSubTitle {

        font-family: 'Noto Kufi Arabic';
        font-size: 24px;
        font-weight: 400;
        line-height: 40px;
        text-align: start;

        color: #002058;
    }

    .activEgContact {
        width: 250px !important;
        position: relative;
        border-radius: 10px;
        font-family: 'Noto Kufi Arabic';
        font-weight: 700;
        font-size: 24px;
    }

    .activSaudiContact {
        width: 350px !important;
        position: relative;
        border-radius: 10px;
        font-family: 'Noto Kufi Arabic';
        font-size: 24px;
        font-weight: 700;

    }

    .unActivSaudi {
        width: 350px !important;
        border-radius: 10px;
        font-family: 'Noto Kufi Arabic';
        /* width: 200px; */
        font-size: 24px;
        font-weight: 300;
        line-height: 72px;
    }

    .unActivEgypt {
        width: 250px !important;
        border-radius: 10px;
        font-family: 'Noto Kufi Arabic';
        /* width: 200px; */
        font-size: 24px;
        font-weight: 300;
        line-height: 72px;
    }
}

/**=========================Contact End  */

/*~=========================Careers Start  */
.careersFormContainer {
    background: #01173F;
    padding-bottom: 1%;
}

.careersPage::before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to left, rgb(0 32 88 / 0%) 0%, rgb(0 32 88 / 22%) 18.82%, rgb(0 32 88 / 58%) 41.59%, #002058de 67.42%, #002058 100.0%),
        linear-gradient(to bottom, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 28%) 54.59%, #002058 91.42%, #002058 100.0%),
        url('../../img/Careers.jpg');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-a    ttachment: fixed; */
    height: 100%;
    transform: scalex(-1);
    z-index: -1;
    /* Ensure the pseudo-element is behind content */

}

.careersPage {
    background: #002058;
    object-fit: cover;
}

.viewPositions {

    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    border-radius: 11px;
    background: #003DA0;
    border: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}
.viewPositions:hover
{
    color: #fff;
}
.openedPositionsDesc {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;

    max-width: 550px;
}


.positionLabel {
    margin-top: 18%;
    background: #003DA040;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    border: 2px solid #003DA0
}

.activeLabel {
    background: #003DA0;

}

.positionTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 22px;
    font-weight: 400;
    text-align: start;

    color: #FFFFFF;
}

.positionTitle span {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 500;
    text-align: start;

    color: #3EBFF7;
}

.positionPlus {
    color: #FFFFFF;
    font-size: 45px;
    font-weight: 300;
    width: 50px;
    border: 0px;
    background-color: transparent;
}
@media(max-width:767px)
{
    .plusMinusCT
    {
        width: 45px;
    }
    .beforePlusMinusCT
    {
        position: relative;
    }
    .plusMinusCT
    {
        position: absolute;
        right: 0;
    }
    .positionTitle
    {
        width: 180px;
        margin-right: 100px;
    }
    .positionLabel
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .positionApply
    {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .whereContainerInSubmitPageInContact {
        max-height: 650px;
    }

    .whereContainerInSubmitPageInContact {
        margin-top: 2% !important;
    }
    .sideBarInContact {
        top: 10% !important;
    }
    .navbarInContact {
        position: static !important;

    }
}
.positionMinus {
    color: #FFFFFF;
    font-size: 45px;
    font-weight: 300;
    width: 50px;
    border: 0px;
    background-color: transparent;
}

.positionApply {
    border: 1px solid #FFFFFF;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 800;
    line-height: 40px;
    text-align: center;
    background-color: transparent;
    color: #FFFFFF;
    border-radius: 11px;
    text-decoration: none;

}
.positionApply:hover
{
    color: #fff;
}

.duitiesCt {
    background-color: #ffff;
    padding-top: 7%;
    padding-bottom: 5%;
    padding-left: 7%;
    padding-right: 7%;
    margin-top: -20px;
    border-radius: 10px;
}

.duitiesTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;

    color: #003DA0;
}

.duitiesDesc {

    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;

    color: #002058;
    max-width: 1000px;
}

.duitiesContanerr {
    margin-top: -40px;
    margin-bottom: 25%;
    padding-bottom: 7%;
}

.blankInCareers {
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #002058;
    z-index: 0;
}

.PositionsStart {
    content: "";
    /* Required for pseudo-element */
    /* position: absolute; */
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to right, #002058 0.08%, rgb(0 32 88) 40.35%, rgb(0 32 88 / 25%) 99.93%), linear-gradient(to top, #002058 0.08%, rgba(0, 32, 88, 0) 40.35%, rgb(0 32 88 / 25%) 99.93%), url('../../../assets/img/Open\ Positions.jpg');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    padding-top: 7%;
    padding-bottom: 7%;
}

.PositionsStart {
    /* background: #002058; */
    object-fit: cover;
}

.cvUpload {
    position: relative;
    opacity: 0;
    z-index: -1;
}

.fileLabel {
    position: relative;
    cursor: pointer;
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #003DA0;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 10px;
}

.fileLabel::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    pointer-events: none;


}

.fileAttache {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    color: #003DA0;
}

.cvUpload::placeholder {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;

}

@media(min-width:767px) {
    .positionTitle {

        font-size: 32px;
        font-weight: 600;
        line-height: 39.01px;
        letter-spacing: 0.20000000298023224px;
        text-align: start;

        color: #FFFFFF;
    }

    .positionTitle span {

        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        text-align: start;

        color: #3EBFF7;
    }

    .positionLabel {
        margin-top: 7%;
    }

    .PositionsStart {
        background-position: right;
        background-size: contain;
    }

    .duitiesContanerr {
        margin-top: -150px;
        margin-bottom: 4%;
    }

    .fileAttache {
        margin-top: -47px;

    }
    .sidebarInCareers {
        top: 10% !important;
    }
    .navbarInCareers {
        position: static;
    }
}
@media(max-width:767px) {
    .whereContainerInSubmitPageInCareers {
        margin-top: 7%;
        padding-bottom: 22%;
    }
}
@media(max-width:767px) {
    .fileAttache {
        width: fit-content;
        margin-top: -30px;

    }
}

/*~=========================Careers end  */


/*^=========================Tax Calculator Start  */

.taxCalculatorPage::before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to bottom, rgb(0 32 88 / 28%) 0%, rgb(0 32 88) 47.82%, rgb(0 32 88) 54.59%, #002058 91.42%, #002058 100.0%),
        url('../../../assets/img/Tax\ Calculator.jpg');
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */

}

.taxCalculatorPage {
    background: #002058;
    object-fit: cover;
}

.taxCalculator {
    background: #003DA040;
    border: 2px solid #003DA0;
    padding: 4% 7%;
    border-radius: 10px;
    margin-top: -120px;
    margin-bottom: 120px;
}

.calcInput {
    border: 1px solid #FFFFFF;
    padding: 20px;
    color: #FFFFFF;
    background-color: transparent;
    border-radius: 10px;
    width: 100%;

}

.calcLabel {
    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 20px;


}

.calculateBtn {

    font-family: 'Noto Kufi Arabic';
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    background: #003DA0;
    border: 2px solid #003DA0;
    border-radius: 10px;
    color: #fff;
    height: 100%;
    text-transform: uppercase;
}

.calculatorResults {
    padding: 4% 10%;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.resultsHeader {

    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #002058;
}

.grosResult {
    color: #002058;
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;


}

.socialResult {

    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 200;
    line-height: 28px;
    text-align: start;

    color: #002058;

}

.totalTax {

    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    letter-spacing: 0.20000000298023224px;
    text-align: right;
    color: #003DA0;

}

.calculatorResultsLine {
    background-color: #00205866;
    color: #00205866;
    height: 1px;
}

.chartResult {
    padding: 4% 10%;
    background: #003DA040;
    border: 2px solid #003DA0;
    border-radius: 10px;
}

.firstlabel div {
    width: 12px !important;
    height: 51px;
    background: #003DA0;
}

.secondlabel div {
    width: 12px !important;
    height: 51px;
    background: #3EBFF7;
}

.taxPercentage {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #fff;

}

.taxPercentageLabel {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: start;

    color: #fff;

}

.textBoxInCalccontaniner {
    margin-top: 10%;
    /* margin-bottom: 50px; */
}

.titleInCalc {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #fff;

}

.textBoxInCalc {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;

    color: #fff;
}


.askedQues {
    font-family: 'Noto Kufi Arabic';
    font-size: 42px;
    font-weight: 400;
    color: #fff;
}
.whereContainerInSubmitPageInTaxCalc
{
    margin-top: 4.5%;
}
.duitiesContanerrInTaxCalc
{
    margin-top: 10%;

}
@media(min-width:767px) {
    .taxCalcHeaderDesc {

        font-size: 80px;
        font-weight: 400;
        line-height: 88px;
        text-align: center;
        /* max-width: 640px; */
    }

    .askedQues {
        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 600;
        line-height: 80px;
        text-align: start;
    }
    .col-lg-6InTaxCalc
    {
        width: 49% !important;
    }
}
@media(max-width:767px)
{
    .whereContainerInSubmitPageInTaxCalc{
        margin-top: 7%;
        padding-bottom: 22%;
    }

    .positionTitleInTaxCalc
    {
        margin: 0px !important;

    }
}
/*^=========================Tax Calculator End  */


.aboutUs:before {
    content: "";
    /* Required for pseudo-element */
    position: absolute;
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(to left, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #002058 67.42%, #002058 100.0%),
        linear-gradient(to bottom, rgba(0, 32, 88, 0) 0%, rgb(0 32 88 / 0%) 18.82%, rgb(0 32 88 / 38%) 41.59%, #00205800 67.42%, #002058 100.0%),
        url('../../../assets/img/Submit\ RFP.jpg');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scalex(-1);
    /* background-attachment: fixed; */
    height: 100%;
    z-index: -1;
    /* Ensure the pseudo-element is behind content */

}

.reasourcesPage {
    background: #002058;
    object-fit: cover;
}

.ourStoryCt {

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding-bottom: 10%;
    padding-top: 10%;
}

.ourStoryTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 72px;
    font-weight: 700;
    line-height: 80px;
    text-align: start;

    color: #fff;

}

.ourStoryTitle span {
    color: #3EBFF7;
}

.ourStorySubTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;

    color: #fff;
    max-width: 280px;
}

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

.unActiveYear {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 600;
    line-height: 29.26px;
    text-align: start;

    color: #ffffff4f;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    border: 0px;
}

.activeYear {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 800;
    line-height: 48.76px;
    text-align: start;

    color: #FFFFFF;
    background: #01173F;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 10px;
    border: 0px;
    padding-bottom: 10px;

}

.storyContent {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;

    color: #FFFFFF;

}

.storyImage {
    border-radius: 20px;
    /* max-width: 450px; */
}

.valueTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    text-align: start;

    color: #003DA0;
    margin-bottom: 0px;
    margin-top: 20px;
}

.ourTeamCt {
    background: #01173F;
    padding: 4% 10%;
    padding-bottom: 15%;

}

.ourTeamHeader {
    margin-top: 10%;
    margin-bottom: 2%;
}

.ourTeamTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 700;
    line-height: 72px;
    text-align: start;

    color: #3EBFF7;

}

.ourTeamDesc {
    font-family: 'Noto Kufi Arabic';
    font-size: 42px;
    font-weight: 700;
    line-height: 80px;
    text-align: start;

    color: #FFFFFF;
}

.memberName {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #FFFFFF;
}

.jopTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 700;
    line-height: 29.26px;
    letter-spacing: 0.20000000298023224px;
    text-align: start;

    color: #3EBFF7;
}

.moreBtn {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;
    text-align: start;

    color: #3EBFF7;

}

.jopDesc {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;
    color: #fff;
}

.mainEmployeeImg {
    border-radius: 14px;
    max-width: 300px;
}

.teamCards {
    padding: 100px 10%;
    /* margin-top: -220px; */
}

.cardCemberName {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: start;

    color: #fff;
}

.accountantTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: start;

    color: #fff;
}

.cardDataInHealth {
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 32, 88, 0) 0%, rgba(0, 32, 88, 0.65) 48.5%, rgba(0, 32, 88, 0.9) 91%);
    height: 220px;
    max-width: 284px;

}

.employeeImg {
    border-radius: 14px;
    max-width: 284px;
}

.cardDataLink {
    text-decoration: none;
    max-width: 284px;
}

.popUp {
    background-color: #fff;
    padding: 4% 8% 4% 8%;
    position: fixed;
    top: 50%;
    left: 50%;
    transf    orm: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: auto;
    height: 650px;

}

.openPopUp {
    cursor: pointer;
}

.closePopUp {
    color: #002058;
    font-size: 55px;
    background-color: transparent;
    border: 0px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-weight: bolder;

}

.popUpContent {
    margin-top: 80px;
}

.memberNamePopUp {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 700;
    line-height: 44.8px;
    text-align: start;
    color: #002058;

}

.jopTitlePopUp {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 33.6px;
    color: #002058;
    text-align: start;

}

.jopDescPopUp {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;


}






.popUp2 {
    background-color: #fff;
    padding: 4% 8% 4% 8%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    overflow: auto;
    height: 650px;

}

.openPopUp2 {
    cursor: pointer;
}

.closePopUp2 {
    color: #002058;
    font-size: 55px;
    background-color: transparent;
    border: 0px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-weight: bolder;

}

.popUpContent2 {
    margin-top: 80px;
}

.memberNamePopUp2 {
    font-family: 'Noto Kufi Arabic';
    font-size: 32px;
    font-weight: 700;
    line-height: 44.8px;
    text-align: start;
    color: #002058;

}

.jopTitlePopUp2 {
    font-family: 'Noto Kufi Arabic';
    font-size: 24px;
    font-weight: 400;
    line-height: 33.6px;
    color: #002058;
    text-align: start;

}

.jopDescPopUp2 {
    font-family: 'Noto Kufi Arabic';
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-align: start;


}



.employeeImg2
{
    width: 300px;
}






.ourMissionCt {
    content: "";
    /* Required for pseudo-element */
    /* position: absolute; */
    /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, #002058 0.08%, rgb(0 32 88 / 66%) 47.35%, rgb(0 32 88) 99.93%),
        linear-gradient(to top, #002058 0.08%, rgb(0 32 88 / 43%) 47.35%, rgb(0 32 88) 99.93%),
        url('../../../assets/img/Our\ Mission.jpg');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
    z-index: -1;
}

.ourMissionCt {
    /* background: #002058; */
    object-fit: cover;
    height: max-content;
    padding-top: 120px;
    padding-bottom: 200px;
}

.ourMissionContainer {
    padding-bottom: 80px;

}

.ourMissionCt .container {

    border-bottom: 1px solid #ffffff6b;
}

.beforeOurMissionTitleParent {
    padding-top: 40px;
    padding-right: 100px;
    padding-left: 100px;
    /* padding-bottom: 00px; */
    background: transparent;
    border: 3px dashed #dddddd61;
    border-top-left-radius: 400px;
    border-top-right-radius: 400px;
    border-bottom: 0px;
    width: 330px;

    display: flex;
    justify-content: center;
}

.beforeOurMissionTitle {
    padding-top: 38px;
    padding-right: 70px;
    padding-left: 70px;
    padding-bottom: 00px;
    background: transparent;
    border: 1px solid #dddddd61;
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;
    border-bottom: 0px;
    width: 280px;
    display: flex;
    justify-content: center;
}

.ourMissionTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 38px;
    font-weight: 600;
    /* line-height: 80px; */
    text-align: center;
    color: #fff;
    padding-top: 48px;
    padding-right: 40px;
    padding-left: 40px;
    /* padding-bottom: 30px; */
    background: #003DA040;
    border: 2px solid #003DA0;
    border-top-left-radius: 282px;
    border-top-right-radius: 282px;
    border-bottom: 0px;
    margin-bottom: 0px;
}

.ourMissionTitle span {

    color: #3EBFF7;
}

.ourMissionDesc {
    font-family: 'Noto Kufi Arabic';
    padding: 3% 3%;
    font-size: 30px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
}

.ourVisionCt {
    margin-top: 130px;
}

.beforeOurVisionTitleParent {
    padding-top: 40px;
    padding-right: 100px;
    padding-left: 100px;
    background: #003DA040;
    border: 2px solid #003DA0;
    border-top-left-radius: 400px;
    border-top-right-radius: 400px;
    border-bottom: 0px;
    width: 330px;
    display: flex;
    justify-content: center;
}

.beforeOurVisionTitle {
    padding-top: 37px;
    padding-right: 70px;
    padding-left: 70px;
    padding-bottom: 00px;
    background: #003DA040;
    border: 1px solid #dddddd61;
    border-top-left-radius: 282px;
    border-top-right-radius: 282px;
    border-bottom: 0px;
    width: 280px;
    display: flex;
    justify-content: center;
}

.ourVisionTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 38px;
    font-weight: 600;
    /* line-height: 80px; */
    text-align: center;
    color: #fff;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    background: #003DA040;
    border: 1px solid #dddddd61;
    border-top-left-radius: 282px;
    border-top-right-radius: 282px;
    border-bottom: 0px;
    /* width: 450px; */
    margin-bottom: 0px;
}

.ourVisionTitle span {

    color: #3EBFF7;
}

.chatBot {
    position: fixed;
    bottom: 7%;
    left: 4%;
    cursor: pointer;
    z-index: 6;
}

.haveQuestions {
    background-color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 60px;
    font-family: 'Noto Kufi Arabic';
    color: #002058;
}

.chatIcon {
    background: linear-gradient(131.13deg, #003DA0 27.8%, #002058 100%);
    height: 70px;
    width: 70px;
    border-radius: 10px;

}

@media(min-width:767px) {
    .mainEmployeeImg {
        max-width: 400px;
    }

    .ourTeamDesc {
        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 700;
        line-height: 80px;
        text-align: start;

        color: #FFFFFF;
    }

    .ourTeamCt {
        background: #01173F;
        padding: 4% 10%;
        padding-bottom: 15%;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        max-width: 90%;
    }

    .employeeImg {
        border-radius: 14px;
        max-width: 320px;
    }

    .teamCards {
        padding: 100px 10%;
        margin-top: -220px;
    }

    .cardDataLink {
        text-decoration: none;
        max-width: 320px;
    }

    .cardDataInHealth {

        max-width: 320px;


    }

    .ourStoryCt {
        padding-bottom: 10%;
        padding-top: 10%;
    }

    .ourStoryCt {

        background-repeat: no-repeat !important;
        background-position: right !important;
        background-size: contain !important;
    }

    .storyImage {
        border-radius: 20px;
        max-width: 450px;
    }

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

    .unActiveYear {
        font-family: 'Noto Kufi Arabic';
        font-size: 24px;

    }

    .activeYear {
        font-family: 'Noto Kufi Arabic';
        font-size: 40px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 0px;
    }

    .popUp {
        background-color: #fff;
        padding: 2% 6% 8% 6%;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        height: fit-content;

    }

    .closePopUp {
        top: 30px;
        right: 30px;
    }

    .ourMissionCt {
        padding-bottom: 300px;
    }

    .beforeOurMissionTitleParent {
        padding-top: 120px;
        padding-right: 150px;
        padding-left: 150px;
        /* padding-bottom: 00px; */
        background: transparent;
        border: 3px dashed #dddddd61;
        border-top-left-radius: 400px;
        border-top-right-radius: 400px;
        border-bottom: 0px;
        width: 800px;

        display: flex;
        justify-content: center;
    }

    .beforeOurMissionTitle {
        padding-top: 60px;
        padding-right: 70px;
        padding-left: 70px;
        padding-bottom: 00px;
        background: transparent;
        border: 1px solid #dddddd61;
        border-top-left-radius: 282px;
        border-top-right-radius: 282px;
        border-bottom: 0px;
        width: 550px;
        display: flex;
        justify-content: center;
    }

    .ourMissionTitle {

        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 600;
        width: 450px;
        line-height: 80px;
        text-align: center;
        padding-top: 118px;
        padding-bottom: 30px;
    }

    .ourMissionDesc {
        font-family: 'Noto Kufi Arabic';
        padding: 3% 9%;
        font-size: 40px;
        font-weight: 500;
        line-height: 48px;
        text-align: center;
    }

    .ourVisionCt {
        margin-top: 150px;
    }

    .ourMissionContainer {
        padding-bottom: 150px;
    }

    .beforeOurVisionTitleParent {
        padding-top: 120px;
        padding-right: 150px;
        padding-left: 150px;
        /* padding-bottom: 00px; */
        background: #003DA040;
        border: 2px solid #003DA0;
        border-top-left-radius: 400px;
        border-top-right-radius: 400px;
        border-bottom: 0px;
        width: 800px;
        display: flex;
        justify-content: center;
    }

    .beforeOurVisionTitle {
        padding-top: 60px;
        padding-right: 70px;
        padding-left: 70px;
        padding-bottom: 00px;
        background: #003DA040;
        border: 1px solid #dddddd61;
        border-top-left-radius: 282px;
        border-top-right-radius: 282px;
        border-bottom: 0px;
        width: 550px;
        display: flex;
        justify-content: center;
    }

    .ourVisionTitle {
        font-family: 'Noto Kufi Arabic';
        font-size: 72px;
        font-weight: 600;
        line-height: 80px;
        text-align: center;
        color: #fff;
        padding-top: 118px;
        padding-bottom: 30px;
        background: #003DA040;
        border: 1px solid #dddddd61;
        border-top-left-radius: 282px;
        border-top-right-radius: 282px;
        border-bottom: 0px;
        width: 450px;
        margin-bottom: 0px;
    }
    .taxContainerInAbout {
        margin-top: 5% !important;
        padding-bottom: 13% !important;
    }
    .investInSaudiLandingInAbout {
        padding-bottom: 10% !important;

    }
    .co1InAbout {
        margin-bottom: 7.5% !important;
    }
}

.investInSaudiLandingInAbout
{
    padding-bottom: 10% !important;

}

@media(max-width:767px) {
    .storyImage {

        width: 320px;
    }
}
/* ------------------------------------------------ */