@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800&display=swap');

body{
    font-family: 'Noto Kufi Arabic', sans-serif !important;    
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
       font-family: 'Noto Kufi Arabic', sans-serif !important;  
}
.section-title .title{
    font-size: 36px;
}

a{
    text-decoration: none!important;
}

.logo a img{
    width: 135px;
}
.header.sticky{
    padding: 16px 0;
    background-color: #afe2e3;
}

.header-menu-toggler .menu-toggler {
    color: #373A36;
}
.header{
    padding: 25px 0;
}
.single-slider::before{
    background-color: transparent !important;
}
.slider-content{
    opacity: 1 !important;
}
.slider-content .sub-title{
     color: #373A36;
}
.slider-content .main-title{
     color: #373A36;
     font-size: 60px;
}
.slider-content p{
     color: #373A36;
     max-width: 800px;
}
.prel{
    position: relative;
}
.moongraf{
    position: absolute;
    z-index: -1;
 top: -7%;
    width: 66%;
    right: -15%;
}
.offcanvas-menu{
background-color: #EFC2B3 !important;
}
.about-content .title{
      color: #afe2e3;
}
.footer-info-box .title{
  color: #373A36 !important;
}
.footer-info-box .mail a{
   color: #373A36 !important;
}
.footer-copyright p{
      color: #373A36 !important;
}
.footer-social .social li a.twitter {
   color: #373A36 !important;
}
.footer-social .social li a.instagram {
  color: #373A36 !important;
}
.footer-copyright-social{
     padding-bottom: 0px !important;
    position: absolute;
    bottom: 0;
    /* max-width: 824px; */
    left: 50%;
    transform: translateX(-50%);
    width: 810px;
}
.fotcont{
    height: 50vh;
}
.page-banner-title .title{
 color: #373A36 !important;
}
.filter-menu .menu-list li{
 color: #373A36 !important;
}
.single-project .project-content{
    background-color: #EFC2B3 !important;
}
.details-social .social li a{
    color: #d5a595 !important;
}
.single-project .project-content .title a{
 color: #373A36 !important;
}
.single-project .project-content .category{
 color: #373A36 !important;
}
.page-banner-title p{
 color: #373A36 !important;
}
.project-details-section .details-label{
 color: #373A36 !important;
}
.details-challenge .title{
 color: #373A36 !important;
}
.project-details-section .details-label{
    color: #373A36 !important;
}
.single-info p{
 color: #373A36 !important;
}
.details-middle-content .title{
 color: #373A36 !important;
}
.details-middle-content p{
 color: #373A36 !important;
}
.project-details-section p{
     color: #373A36 !important;
}
.author-info .name{
       color: #373A36 !important;
}

.project-section{
    padding-bottom: 60px;
}
.main-wrapper2{
background-color: #afe2e3; 
}
.bg-footer{
     background-color: #afe2e3; 
     z-index: 1;
     height: 60vh;
}
.footerbotm{
position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 25vh;
}
.footertp{
    position: absolute;
    top: 0;
z-index: 1;
height: 70vh;
left: 5%;
}
.videoifram{
    width: 500px;
    height: 300px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
}
.offcanvas-menu .primary-menu ul li:hover>a {
    color: #5abbbd !important;
}
.section-padding-022{
    padding: 100px 15px 80px;
}
.section-padding-023{
        padding: 15% 15px 5%;
    z-index: 1;
}
.imgcloud{
position: absolute;
    top: 0%;
    left: 2%;
    z-index: -1;
    width: 30%;
}
.imgcloud1{
    position: absolute;
    right: 5%;
    bottom: 4%;
    z-index: 1;
    width: 43%;
}
.imgcloud2
{
    position: absolute;
    left: 5%;
    bottom: 4%;
    z-index: 1;
    width: 43%;
}
.imgcloud3{
     position: absolute;
    right: 8%;
    bottom: -17%;
    z-index: 1;
    width: 44%;
}
.imgcloud4{
  position: absolute;
    right: 8%;
    top: -24%;
    z-index: 1;
    width: 35%;
}
.imgcloud5{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 44%;
}
.imgcloud6{
        position: absolute;
    right: 8%;
    top: -10%;
    z-index: 1;
    width: 40%;
}
.imgcloud7{
   position: absolute;
    right: 30%;
    top: -34%;
    z-index: 1;
    width: 47%
}
.imgcloud8{
    position: absolute;
    right: 8%;
    top: -8%;
    z-index: 1;
    width: 40%;
}
.imgcloud9{
    position: absolute;
    left: 5%;
    top: -13%;
    z-index: 1;
    width: 40%;
}
.txtcol2{
    color: #373A36 !important;
}
@media(max-width:1300px){
    .section-padding-023 {
    padding: 17% 15px 5%;
}
.imgcloud {
    top: -6%;
    left: 2%;
    width: 42%;
}
    .moongraf {
    top: -8%;
    width: 76%;
}
.footer-info-box{
    padding-top: 150px;
}
.footer-copyright-social {
  
    width: 100%;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}
.footer-copyright{
    /* order: 2; */
}
}
@media(max-width:1050px){
    .moongraf {
      top: -8%;
    width: 100%;
    right: -30%;
}
/* .imgcloud5 {
    top: -26%;
} */
.imgcloud4 {
    top: -14%;
}
.imgcloud7 {
    top: -18%;
}
.imgcloud6 {
    top: -4%;
}
.imgcloud9 {
    top: -10%;
    width: 40%;
}
.imgcloud8 {
    top: -2%;
    width: 40%;
}
}
@media(max-width:768px){
    .moongraf {
     top: -1%;
    width: 100%;
    right: -33%;
}
.footer-copyright-social{
    display: flex !important;
}

.imgcloud4 {
    top: -3%;
}
.imgcloud7 {
    top: -13%;
}

}
@media(max-width:600px){
    .single-slider {
    height: 500px !important;
}
.slider-content p{
    margin-bottom: 0px;
    margin-top: 12px;
}
.slider-content .main-title{
    margin-top: 12px;
}
.moongraf {
    top: 4%;
    width: 100%;
    right: -22%;
}
.footer-info-box .mail a{
    font-size: 28px;
}
.footer-copyright p {
    font-size: 12px;
}
.videoifram{
    width: 100%;
    height: auto;
}
.imgcloud2 {
    position: absolute;
    left: 2%;
    bottom: -2%;
    z-index: 1;
    width: 55%;
}
.imgcloud3 {
    position: absolute;
    right: 1%;
    bottom: -20%;
    z-index: 1;
    width: 55%;
}
.imgcloud4 {
    top: -5%;
    width: 50%;
}
.imgcloud5{
    width: 60%;
}
.imgcloud7 {
    top: -16%;
    width: 54%;
}
.imgcloud8 {
    right: 0;
    top: 2%;
    width: 47%;
}
.imgcloud9 {
    left: 0;
    width: 47%;
}
}
@media(max-width:450px){
    .moongraf {
    top: 12%;
    width: 100%;
    right: -33%;
}
.footer-info-box .mail a{
    font-size: 22px;
}
}
@media(max-width:400px){
    .moongraf {
        top: 23%;
        width: 100%;
        right: -32%;
    }
 
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px){
    .imgcloud5 {
        bottom: 35%;
        left: 31%;
    }
}

.section {
    background: #afe2e3!important;
}

@media only screen and (max-width: 767px){
    .imgcloud5 {
        bottom: 42%;
        left: 25%;
    }

    .footer-info-box .mail a {
        font-size: 45px
    }


    .bg-footer {
        height: 50vh;
    }


    .fotcont {
        height: 38vh
    }
}

@media only screen and (max-width: 575px){
    .imgcloud5{
        bottom: 47%;
    }



    .footer-info-box .mail a {
        font-size: 35px
    }
}


@media only screen and (max-width: 428px){
    .imgcloud5{
        bottom: 52%;
    }


    .footer-info-box .mail a {
        font-size: 24px
    }
}


@media only screen and (max-width: 359px){
    .imgcloud5{
        bottom: 53%;
        left: 24%;
    }
}