@import url(https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap);
.begningtext, .centercontent h1, .mainTitle h2, div#mail-status b, span.arrows, ul.slick-dots {text-align: center}
.customradio, p {margin-bottom: 0}
.conForm input, .conForm textarea, .formSubmiut.headerBtn button, body {font-family: Inter, sans-serif !important}
.sericon img, .servtitle h4 {transition: .1s}
.fullField.error textarea, .halfField.error input {border: 1px solid red}
.fullField.successVal textarea, .halfField.successVal input {border: 1px solid #72be9d}
.halfField.error input#comName2 {border: none !important}
div#mail-status b {color: #090;margin-top: 10px !important;display: block;font-size: 14px}
.imagehover, .wrapper, ul.slick-dots li {overflow: hidden}
#loading-bar-spinner.spinner {right: 33%;margin-left: 0;top: 16px;margin-top: 0;position: absolute;z-index: 19 !important;animation: .4s linear infinite loading-bar-spinner}
#loading-bar-spinner.spinner .spinner-icon {width: 30px;height: 30px;border: 4px solid transparent;border-top-color: #fff !important;border-left-color: #fff !important;border-radius: 50%}
@keyframes loading-bar-spinner {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg)}
}
:root {--primary-color: #e74032;--secondary-color: #572c8b;--white: #FFFFFF}
html {scroll-behavior: smooth}
/*::-webkit-scrollbar {width: 1px;background-color: transparent}*/
/*::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement {display: none}*/
/*::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: transparent}*/
/*::-webkit-scrollbar-thumb:vertical {border-radius: 0;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #050607}*/
.popupMain, [class^=box-] {display: none}
.customradio, ul.slick-dots li {display: inline-block;vertical-align: middle}
.popupMain.show, [class^=box-].showfirst {display: block}
.customradio {position: relative;padding-left: 25px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 400;color: var(--white)}
.customradio input {position: absolute;opacity: 0;cursor: pointer}
.checkmark {position: absolute;top: 4px;left: 0;height: 11px;width: 11px;border-radius: 3px;background-color: #e0e0e0}
.swiper-pagination-bullet, .swiper-pagination-bullet-active {background: #fff !important}
.customradio input:checked ~ .checkmark {background: #ff6101}
.slick-list {margin: 0 -15px}
.slick-slide {margin: 0 15px}
ul.slick-dots {padding: 20px 0 0}
ul.slick-dots li {margin: 0 8px 0 0;width: auto;padding: 0;border: none}
.slick-dots li button:before {color: var(--white);opacity: 1;font-size: 20px}
.slick-dots li button {height: 11px;width: 11px;border-radius: 50%;padding: 0;background: #d6d6d6;border: none;cursor: pointer;font-size: 0;box-sizing: border-box}
.slick-dots li.slick-active button {background: #4fb3c2}
span.arrows {width: 36px;height: 36px;border: none;position: absolute;bottom: 0;margin: auto;z-index: 2;cursor: pointer;line-height: 39px;font-size: 12px;font-weight: 300;top: 0;border-radius: 0;background: #dde2e6;color: #222}
.reachtext p + p, ul {margin: 0}
span.arrows.next {right: 1%}
.slick-initialized .slick-slide {outline: 0 !important}
p {font-weight: 400;font-size: 24px;line-height: 40px;color: #3d3d3d}
p + p {margin-top: 15px}
ul {padding: 0;list-style: none}
.aidrequest .mainTitle h2 {
    margin-bottom: 28px;
}
@media (min-width: 100px) {
    .padding-full {padding-right: 15px;padding-left: 15px}
    .no-padding, .no-padding-right {padding-right: 0}
    .no-padding, .no-padding-left {padding-left: 0}
}
@media (min-width: 1200px) {
    .container-fluid {padding: 0 80px}
}
body {overflow-x: hidden !important;font-family: Mallanna, sans-serif !important}
h1, h2, h3, h4, h5, h6 {font-family: Roboto, sans-serif !important}
body, h1, h2, h3, h4, h5, h6{
    font-family: Almarai, sans-serif !important;
}
header {position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;padding-top: 30px}
.headermain {display: flex;align-items: center;justify-content: space-between}
.footermenu, .mainmenu ul, .partnerdesc {display: flex;align-items: center;justify-content: flex-end}
.mainmenu ul li a {color: #fff;text-decoration: none;font-weight: 400;font-size: 20px;line-height: 28px;transition: .3s;position: relative}
.mainmenu ul li + li {margin-right: 40px;}
.headerlogo img {max-width: 80%;    width: 280px;}
.bannersliderimage img {width: 100%;height: 100%;object-fit: cover;object-position: bottom}
.bannersliderimage {height: 100vh}
.bannersliderimage .container-fluid {width: 100%;position: absolute;top: 0;height: 100%;display: flex;align-items: center;justify-content: center}
.centercontent h1 {font-size: 110px;color: #fff;line-height: 110px}
.centercontent {max-width: 1400px}
.bottomcenterbar {position: absolute;bottom: 86px;left: 0;width: 100%;padding: 0 80px;display: flex;align-items: center;justify-content: space-between}
.aidrequest, section.sec3.partner {position: relative}
.firstslide .bannersliderimage .container-fluid {width: 100%;position: absolute;top: 0;height: 100%;display: flex;align-items: center;justify-content: start}
.firstslide .centercontent h1{text-align:right;}
.textleft p {color: #fff;font-size: 28px;line-height: 40px;margin: 0}
.aidtext .aboutbtn, .docreq p, .reachtext p.addrress {margin-top: 30px}
.aboutbtn a {background: #ad9b6e;display: inline-block;color: #fff;text-decoration: none;text-transform: uppercase;padding: 18px 63px;border-radius: 6px;transition: .3s;font-size: 20px}
.aboutbtn a:hover {background: #95855d}
.mainTitle h2 {color: #ad9b6e;font-size: 84px;line-height: 98px}
section.sec2.begning {padding: 100px 0;background: url("../../../assets/images/sec2bg.jpg") 100% 270px/cover no-repeat}
.begningtext {max-width: 80%;margin: 0 auto 50px}
.mainTitle {margin-bottom: 30px}
.docreq p, .footerlgo {margin-bottom: 50px}
.missinvissionwrap h3 {font-size: 70px;color: #fff;line-height: 84px;font-weight: 400;margin-bottom: 50px}
.missinvissionwrap {margin-top: 100px}
.missinvissionwrap h4 {color: #f3e7ce;font-size: 30px;text-transform: uppercase;font-weight: 400;line-height: 40px}
.mainTitle.whitTitle, .mainTitle.whitTitle h2, .missinvissionwrap p {color: #fff}
.reachtext a.get, .reachtext p a {color: #3d3d3d;text-decoration: none}
.missiontext {margin-top: 60px}
section.sec3.partner .container {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;margin: 0 auto;right: 0;padding: 80px 0;height: 100%}
.aidimage img, .begslidermainimg img, .partnerimg img, .reachimg img {width: 100%;height: auto}
.partnerdesc p {color: #fff;max-width: 650px;text-align: right}
.mainmenu ul li a:hover, .reachtext h3 {color: #edd59a;}
.aidtext, .aidtext h2 {text-align: right;}
section.sec3.partner .row {height: 100%}
section.sec3.partner .col-md-12 {height: 100%;display: flex;flex-direction: column;justify-content: space-between}
.aidtext {padding-right: 150px;padding-top: 100px;text-align: right;}
.docreq .aboutbtn, .docreq p {text-align: center}
.aidrequest .row, .footermenu ul {display: flex;align-items: center}
.aidrequest {top: -100px}
.swiper-pagination, .swiper-pagination2 {top: 50% !important;bottom: initial !important;width: auto !important;left: initial !important;transform: translateY(-50%);position: absolute}
section.sec4.documentreq {background: rgb(173 155 110 / 10%);padding: 90px 0 120px}
.reachtext h3 {font-size: 60px;font-weight: 400;line-height: 74px}
.copytext p, .footermenu ul li a {color: #f3e7ce;font-size: 20px;line-height: 24px}
.reachtext a.get {font-size: 22px;padding: 18px 0;display: inline-block;border-bottom: 1px solid;margin-top: 30px;transition: .3s}
.reachtext {padding-right: 90px;padding-left: 80px;}
.reachtext a.get:hover {background: #af9c6f;color: #fff;padding: 18px 63px;border-radius: 8px;}
.reachrow {align-items: center;margin-top: 120px}
footer {background: url("../../../assets/images/footerbg.jpg") top center/cover no-repeat;padding: 50px 0}
.footermenu ul li a {text-decoration: none;}
.footermenu ul li + li {margin-right: 30px;padding-right: 20px;border-right: 1px solid #f3e7c5;}
.swiper-pagination {display: inline-block;left: 80px !important;right: initial;}
.swiper-pagination-bullet {display: block !important;margin: 15px 0 !important}
.swiper-pagination2 {display: inline-block;background: rgb(0 0 0 / 30%);z-index: 9999;padding: 10px;border-radius: 50px;left: 40px !important;}
.mainmenu ul li a:before {content: "";width: 0;background: #ad9b6e;height: 1px;position: absolute;bottom: -9px;left: 0;transition: .3s}
.mainmenu ul li a:hover:before {width: 100%}
.mainmenu ul li:last-child {border-right: 1px solid #fff;padding-right: 30px;margin-right: 30px;}
.mainmenu ul li:last-child a {font-family: Almarai, sans-serif}
header.sticky-header .headerlogo img {
    max-width: 60%;
}
@media (min-width: 1500px) and (max-width: 1650px) {
    .centercontent h1 {font-size: 90px;line-height: 90px}
    .bottomcenterbar {bottom: 76px}
    .mainTitle h2 {font-size: 74px;line-height: 78px}
    p {font-size: 24px;line-height: 34px}
}
@media (min-width: 1300px) and (max-width: 1499px) {
    .centercontent h1 {font-size: 80px;line-height: 88px}
    .bottomcenterbar {bottom: 76px}
    .mainTitle h2 {font-size: 74px;line-height: 78px}
    .textleft p, p {font-size: 24px}
    p {line-height: 34px}
    .textleft p {line-height: 30px}
    .mainmenu ul li a {font-size: 18px;line-height: 24px}
}
@media (min-width: 1200px) and (max-width: 1299px) {
    .centercontent h1 {font-size: 70px;line-height: 76px}
    .bottomcenterbar {bottom: 64px}
    .mainTitle h2 {font-size: 54px;line-height: 58px}
    .textleft p, p {font-size: 20px}
    p {line-height: 30px}
    .textleft p {line-height: 27px}
    .mainmenu ul li a {font-size: 16px;line-height: 22px}
    .mainmenu ul li + li {margin-left: 30px}
    .missinvissionwrap h3 {font-size: 60px;line-height: 66px}
    .aidtext {padding-left: 100px}
    .container-fluid {padding: 0 50px}
}
@media (min-width: 991px) and (max-width: 1199px) {
    .centercontent h1 {font-size: 70px;line-height: 76px}
    .bottomcenterbar {bottom: 48px}
    .mainTitle h2 {font-size: 54px;line-height: 58px}
    .textleft p, p {font-size: 20px}
    p {line-height: 30px}
    .textleft p {line-height: 27px}
    .mainmenu ul li a {font-size: 16px;line-height: 22px}
    .mainmenu ul li + li {margin-left: 30px}
    .missinvissionwrap h3 {font-size: 60px;line-height: 66px}
    .aidtext {padding-left: 100px}
    .container-fluid {padding: 0 50px}
}
@media (min-width: 768px) and (max-width: 990px) {
    .reachtext a.get, p {font-size: 16px}
    .headerlogo img {max-width: 50%}
    .centercontent h1 {font-size: 50px;line-height: 56px}
    .bottomcenterbar {bottom: 38px}
    .mainTitle h2 {font-size: 44px;line-height: 48px}
    .textleft p, p {line-height: 22px}
    .textleft p {font-size: 14px}
    .mainmenu ul li a {font-size: 12px;line-height: 16px}
    .mainmenu ul li + li {margin-left: 23px}
    .missinvissionwrap h3 {font-size: 50px;line-height: 58px}
    .aidtext {padding-left: 40px;padding-top: 60px}
    .container-fluid {padding: 0 50px}
    .mainmenu ul li:last-child {padding-left: 20px;margin-left: 20px}
    section.sec2.begning {padding: 50px 0}
    .aboutbtn a {padding: 8px 33px;font-size: 14px}
    .missinvissionwrap, .reachrow {margin-top: 40px}
    section.sec3.partner .container {padding-top: 40px}
    .aidrequest {top: -50px}
    section.sec4.documentreq {padding: 60px 0 0}
    .docreq p {margin: 20px 0 30px}
    .reachtext h3 {font-size: 40px;line-height: 50px}
    .reachtext {padding-left: 40px}
    .copytext p, .copytext p a, .footermenu ul li a {font-size: 12px}
    .footlogo img {max-width: 220px}
    .footerlgo {margin-bottom: 20px}
    footer {padding: 25px 0}
    .reachtext p.addrress {margin-top: 10px}
}
@media (max-width: 767px) {
    .aidtext, .aidtext h2, .bottomcenterbar, .copytext p, .missinvissionwrap h4, .missinvissionwrap p, .partnerdesc p, .reachtext {text-align: center}
    .headerlogo img {max-width: 50%}
    .centercontent h1 {font-size: 40px;line-height: 46px;margin-bottom: 17px}
    .bottomcenterbar {bottom: 38px;position: static;flex-direction: column;padding: 0}
    .mainTitle h2 {font-size: 34px;line-height: 35px}
    .mainmenu ul li:last-child a, .reachtext a.get, .textleft p, p {font-size: 16px}
    p {line-height: 22px}
    .textleft p {line-height: 24px}
    .mainmenu ul li a {font-size: 12px;line-height: 16px}
    .mainmenu ul li + li {margin-left: 23px}
    .missinvissionwrap h3 {font-size: 32px;line-height: 48px;margin-bottom: 20px;text-align: center}
    .aidtext {padding-right: calc(var(--bs-gutter-x) * .5);padding-top: 30px}
    .container-fluid {padding: 0 25px}
    section.sec2.begning {padding: 50px 0}
    .aboutbtn a {padding: 8px 33px;font-size: 14px}
    .missinvissionwrap, .reachrow {margin-top: 40px}
    section.sec3.partner .container {padding-top: 40px}
    .aidrequest {top: -50px}
    section.sec4.documentreq {padding: 60px 0 0}
    .docreq p {margin: 20px 0 30px}
    .reachtext h3 {font-size: 30px;line-height: 50px}
    .copytext p, .copytext p a, .footermenu ul li a {font-size: 12px}
    .reachtext {padding: 30px 0}
    .footlogo img {max-width: 220px}
    .footerlgo {margin-bottom: 20px}
    footer {padding: 25px 0}
    .reachtext p.addrress {margin-top: 10px}
    .bannersliderimage .container-fluid {flex-direction: column;padding-top: 70px}
    .centercontent br {display: none !important}
    .bannersliderimage {height: 55vh;padding: 0}
    .aboutbtn {margin-top: 20px}
    .swiper-pagination {left: 20px !important;}
    .swiper-pagination2 {left: 10px !important;}
    .missiontext {margin-top: 30px}
    .missinvissionwrap h4 {font-size: 24px;line-height: 30px}
    .partnerimg {height: 46vh}
    .partnerimg img {height: 100%;object-fit: cover;object-position: center}
    .footermenu, section.sec3.partner .col-md-12 {justify-content: center}
    section.sec3.partner .mainTitle.whitTitle {margin-bottom: 15px}
    .partnerdesc {padding: 0 20px}
    .footlogo {display: flex;align-items: center;justify-content: center}
    .mainmenu ul li {display: none}
    .mainmenu ul li:last-child {display: block;border: none;padding: 0;margin: 0}
    header {padding: 20px 0}
    .reachtext a.get {
    background: #af9c6f;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    padding: 8px 33px !important;
    text-transform: uppercase;
    font-size: 14px !important;
}
.footlogo img {
    width: 190px;
}
.reachrow {
    padding: 18px;
}

.reachtext {
    padding: 30px 15px;
}

.reachtext h4 {
    margin: 22px 0;
    font-size: 18px;
}
.firstslide .bannersliderimage .container-fluid {
    justify-content: center !important;
}
    header.sticky-header .headerlogo img {
        max-width: 40%;
    }
}

header.innerHeader {
    background: #af9c6f;
    padding: 15px 0;
    position: static;
}
header.innerHeader .mainmenu ul li a:hover,
header.sticky-header .mainmenu ul li a:hover{
    color: #fff;
}
header.innerHeader .mainmenu ul li a:before,
header.sticky-header .mainmenu ul li a:before{
    background: #fff;
}
.Defaultcontent {
    padding: 60px 0;
}

.Defaultcontent .mainTitle h2 {
    text-align: left;
    font-size: 64px;
}
.Defaultcontent a {
    color: #af9c6f;
}
.Defaultcontent p,
.Defaultcontent ul li {
    font-size: 22px;
    line-height: 38px;
    text-align: right;
}
.Defaultcontent ul li + li {
    margin-top: 10px;
}

.Defaultcontent ul {
    margin: 12px 0;
}
.mainmenu ul li:last-child a:before {
    display: none !important;
}
header
{
    transition:0.3s;
}
header.sticky-header {
    position: fixed;
    width: 100%;
    background: #a89d83;
    box-shadow: 0 0 10px rgb(39 39 39 / 40%);
    padding: 15px 0;
    z-index: 9999;
}
.headerlogo img {
    transition: 0.3s;
}
.reachtext h3 {
    color: #af9c6f;
}
.footermenu ul li a:hover {
    text-decoration: underline;
}

.copytext p a {
    text-decoration: none;
}

.copytext p a:hover {
    text-decoration: underline;
}
.footlogo img {
    max-width: 240px;
}