:root {
    --deactivatedtext:#8A8A8A;
    --grey:#BDBDBD;
    --white:#F9F9F4;
    }
    body * {
       transition: all 300ms ease-in-out;
    }
    body{
        font-family: 'Noto Sans', sans-serif !important;
    }
    *{scroll-behavior: smooth;

    /* border: red 1px solid; */

    }

    .my-container{
    width: 82.5% !important;
    margin: auto;
    display: block;
    }

    /***************fonts************/

    .font-400{
    font-weight: 400;
    }
    .font-500{
    font-weight: 500;
    }
    .font-600{
    font-weight: 600;
    }
    .font-700{
    font-weight: 700;
    }
    .letter-space-med{
    letter-spacing: 4px;
    }
    .letter-space-high{
    letter-spacing: 13px;
    }
    /************mobile and desktop**************/
    .desktop-only{
    display: flex !important;
    }
    .mobile-only{
    display: none !important;
    }
    .w-lg-75-md-100{
    width: 75% !important;
    }
    @media (max-width:1023px) {
    .mobile-only{
    display: flex !important;
    }
    .desktop-only{
    display: none !important;
    }
    .w-lg-75-md-100{
    width: 100% !important;
    }
    }
    /***********general styles***********/
    .hand-mouse{
    cursor: pointer;
    }

    /*****************Navbar***************/
    .nav-burger-light , .ssside-btn{
        filter: brightness(0) saturate(100%) invert(32%) sepia(10%) saturate(287%) hue-rotate(182deg) brightness(100%) contrast(92%);
    }

   .nav-burger-div:hover .nav-burger-light {
    filter: brightness(0) saturate(100%) invert(100%) sepia(23%) saturate(263%) hue-rotate(266deg) brightness(114%) contrast(96%)

   }




    .my-navbar{
    position: fixed;
    top: 0;
    width: 100%;
    height: 90px;
    z-index: 200;
    }






    .my-navbar a ,.multi-lang-div a{
    text-decoration: none;
    font-weight: 400;
    font-size: 1.1rem;
    }
    .deactivated-lang{
    color: var(--deactivatedtext) !important ;

    }
    .nav-underline{
    height: 1px;
    background-color: var(--primarytext);
    width: 22px;
    }
/***************************Video Div*************************/
.video-div{

    width: 100%;
    background: linear-gradient(to bottom, #FAFAFA 0%, #FAFAFA 50%, #686765 100%);


}

.video-athman{
    /* position: sticky;
position: -webkit-sticky;
top: 0; */

    /* padding-top: 85px; */
    /* object-fit: cover; */
}
/* .videooverlay-div{
    position: relative;
    height: 90vh;
    width: 100%;
    padding-top: 200px !important;
    background-image: url(/storage/imgs/videooverlay.svg);
    background-size: 100% 150%;

    background-position-y: top;
    background-position-x: center;
    background-repeat: no-repeat;

    transition: none !important;
} */
.overlay-btn:hover .arrow-1 {
display: none;
transition: none;
}
.arrow-2{
    display: none;
    transition: none;

}
.overlay-btn:hover .arrow-2 {
    display: block;
    transition: none;

    }

    @media(max-width:1023px){
        /* .video-div{
            height:40vh;
        }
        .video-athman{
            width:100%;
            height:fit-content;
        } */
        .videooverlay-div{
           display: none;
        }
    }
    /*******Home About section******/
    .about-imgs{
padding-top: 80px;
height: 100vh;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 0;
overflow: hidden;
    }
    .home-about-content{
        /* margin-top: 80px; */

    }
.about-back-img{
    position: absolute;
    top: 80px;
    width: 100%;
    object-fit: cover;
}
.about-middle-img{
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%,0%);
    width: 65%;
    transition: none;

}
.about-front-img{
    position: absolute;
    top: 80px;
    width: 100%;
    object-fit: cover;

}

@media(max-width:1023px){
    .about-imgs{
height: fit-content;
  position: relative;
  height: 60vh;
    }
    .about-back-img ,.about-front-img{
        height: 100%;
    }

            /* .home-about-content{
                margin-top: 50px;

            } */

}
/**************Home Sectors Section***********/
.home-sector-section{
    /* height: 100vh; */
}
.estate-section
{ background-image: url(/storage/imgs/estateimg.png);
    /* background-size: cover; */
    overflow: hidden;
    background-size: cover;

}
.estate-logo{
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.estate-cover{
    background-image: url(/storage/imgs/estatecover.png);
    background-size: cover !important;
    height: 100%;
    width: 100%;
    margin-top: 100% ;
    margin-left: -100%;
    opacity: 0%;
    transition-duration: .5s;
}
.estate-section:hover .estate-cover{
    margin-top:0% ;
    margin-left:0%;
    opacity: 100%;
    transition-duration: .5s;

}
.estate-section:hover .estate-logo{
opacity: 0;}


.capital-section
{ background-image: url(/storage/imgs/capitalimg.png);
    overflow: hidden;
    background-size: cover;}
.capital-logo{
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.capital-cover{
    background-image: url(/storage/imgs/capitalcover.png);
    background-size: cover !important;
    height: 100%;
    width: 100%;
    margin-top: 100% ;
    margin-left: 100%;
    opacity: 0%;
    transition-duration: .5s;
}
.capital-section:hover .capital-cover{
    margin-top:0% ;
    margin-left:0%;
    opacity: 100%;
    transition-duration: .5s;

}
.capital-section:hover .capital-logo{
opacity: 0;}

 /*******Home Partner section******/
 .home-partner-section{
    background: radial-gradient(279.08% 322.76% at 85.86% 168.1%, #686765 0%, #D0CDCA 46.5%, #EEEEEE 78.54%, #EEEEEE 100%)
 }
 .partner-imgs{
    height: 84vh;
    overflow: hidden;
        }

.partner-back-img{
        position: absolute;
        width: 100%;
        object-fit: cover;

    }
.partner-middle-img{
        position: absolute;
        top: 150px;
        left: 50%;
        transform: translate(-50%,0%);
        width: 65%;
        transition: none;
    }
 .partner-front-img{
        position: absolute;
        width: 100%;
        object-fit: cover;


    }
@media(max-width:1023px){
    .home-partner-section
    {
background:#EEEEEE ;

}
    .partner-imgs{
        height: 60vh;
        overflow: hidden;
            }
            .partner-middle-img{
                position: absolute;
                top: 150px;
                left: 50%;
                transform: translate(-50%,0%);
                width: 75%;
                transition: none;
            }
}

/*******Home Res section******/
.res-imgs{
    height: 70vh;
    overflow: hidden;
        }

.res-back-img{
        position: absolute;
        width: 100%;
        object-fit: cover;

    }
.res-middle-img{
        position: absolute;
        top: 90px;
        left: 50%;
        transform: translate(-50%,0%);
        width: 50%;
        transition: none;
    }
 .res-front-img{
        position: absolute;
        width: 100%;
        object-fit: cover;

    }

.home-last-section{
    background: radial-gradient(274.39% 170.23% at 42.06% 165.19%, #686765 0%, #D0CDCA 46.5%, #EEEEEE 78.54%, #EEEEEE 100%);

}


    @media(max-width:1023px){
        .res-imgs{
            height: 60vh;
            overflow: hidden;
                }
                .res-middle-img{
                    top: 150px;

                }
    }


.my-btn{
    padding: 6px 15px;
}
.my-btn:hover .btn-arrow{

    background-color: #C0AE8B;
    border-radius: 500px;
        transform: rotate(45deg);

}
.my-btn:hover {
    background-color: #53565C; /* Change background color on hover */
    /* transform: scale(1.1); */
  }
.btn-arrow img{
    transform: rotate(90deg);
}





@media(max-width:1023px){
    .my-btn{
        padding: 4px 10px;
        font-size: 12px;

    }


}

/**************************Footer******************************/
.footer-div{
    background-image:url(/storage/imgs/footerback.png) ;
    background-position: center;
    background-size: cover;
}
@media(max-width:1023px){
    .footer-div{
        height: fit-content;

        background-size: cover;
    }
}

/***********************************About Page*********************************/
.about1section{
    margin-top:90px ;
    background: linear-gradient(to bottom right, #FAFAFA 0%, #FAFAFA 70%, #686765 100%);

}
.about1-imgs{
    height: 70vh;
    overflow: hidden;
        }

.about1-back-img{
        position: absolute;
        width: 100%;
        object-fit:cover ;

    }
.about1-middle-img{
        position: absolute;
        top: 90px;
        left: 50%;
        transform: translate(-50%,0%);
        width: 65%;
        transition: none;
    }
 .about1-front-img{
        position: absolute;
        width: 100%;
        object-fit:cover ;

    }
@media(max-width:1023px){
    .about1-imgs{
        height: 60vh;
        overflow: hidden;
            }
            .about1-middle-img{
                position: absolute;
                top: 30%;
                left: 50%;
                transform: translate(-50%,0%);
                width: 65%;
                transition: none;
            }
            .about1section{
                background:#FAFAFA ;
            }
}
.about-2-strategy{
    background-image: url(/storage/imgs/strabg.png);
    background-position:bottom right ;
    background-repeat: no-repeat;
    background-size: 60%;
}
.about-2-methodology{
    background-image: url(/storage/imgs/methbg.png);
    background-position:bottom right ;
    background-repeat: no-repeat;
    background-size: 80%;
}
.values-div{
    background: radial-gradient(302.27% 187.53% at 128.37% 182.48%, #686765 0%, #D0CDCA 46.5%, #EEEEEE 78.54%, #EEEEEE 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}
.about-statement{
    background: radial-gradient(274.39% 170.23% at 42.06% 165.19%, #686765 0%, #D0CDCA 46.5%, #EEEEEE 78.54%, #EEEEEE 100%);

}
/**************************Sector page***********************/
.capital-main-div
{
    margin-top:90px;
    padding-top: 50px;
}
.res-main-div{
    padding-top:90px;
    background: radial-gradient(283.33% 175.77% at 19.4% 170.73%,  #D0CDCA 46.5%, #EEEEEE 78.54%, #EEEEEE 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;


}
@media(max-width:1023px){
    .res-main-text{
        /* margin-top:90px; */
        padding-bottom: 50px;

    }
}
/****************************Abdullah Page*****************************/
.abdullah-section{

    margin-top:90px;

}

/****************************Partnership Page*****************************/

.partnership-page-section{
    margin-top:90px;

}
.partnership-back-img{
    position: absolute;
    width: 100%;
    object-fit:cover ;

}
.partnership-middle-img{
    position: absolute;
    top: 76px;
    left: 50%;
    transform: translate(-50%,0%);
    width: 53%;
    transition: none;
}
.partnership-front-img{
    position: absolute;
    width: 100%;
    object-fit:cover ;

}
@media(max-width:1023px){
    .partnership-middle-img{
    position: absolute;
    top: 76px;
    left: 30%;
    transform: translate(-50%,0%);
    width: 53%;
    transition: none;
}
}
.custom-file-input2s {
    cursor: pointer !important;
    border-color: #C0AE8B !important;

  }
  .custom-file-input2s::-webkit-file-upload-button {
    visibility: hidden;
    cursor: pointer !important;

  }
  .custom-file-input2s::before {
          cursor: pointer;

    display: inline-block;
    width: 100%;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
    color: rgb(167, 39, 39);
    font-weight: 300 !important;
    border: 1px solid #d4d7e0;
    padding: 10px 20px;
  }
  .custom-file-input2s:hover::before {
    border-color: #C0AE8B;
  }
  .custom-file-input2s:active {
    outline: 0;
  }

.arrow-file{
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translate(0%,-50%);
}


/******************careers Page****************/
.careers-section{
padding-top: 90px;
background: radial-gradient(283.33% 175.77% at 19.4% 170.73%,  #D0CDCA 46.5%, #EEEEEE 78.54%, #EEEEEE 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;


}
.careers-imgs{
    height: 100vh;
    overflow: hidden;
        }

.careers-back-img{
        position: absolute;
        width: 100%;
        object-fit:cover ;

    }
.careers-middle-img{
        position: absolute;
        top: 190px;
        left: 50%;
        transform: translate(-50%,0%);
        width: 65%;
        transition: none;
    }
 .careers-front-img{
        position: absolute;
        width: 100%;
        object-fit:cover ;

    }
@media(max-width:1023px){
    .careers-imgs{
        height: 60vh;
        overflow: hidden;
            }
            .careers-middle-img{
                position: absolute;
                top: 30%;
                left: 50%;
                transform: translate(-50%,0%);
                width: 65%;
                transition: none;
            }
}
/**********************Contact Page**************************/
.contact-page-section{

    margin-top: 90px;
}
.story-desc-home a
{
font-weight: 500;
text-decoration: none !important;
}
.contact-side-sec{
    /* background: radial-gradient(274.39% 170.23% at 42.06% 165.19%, #686765 0%, #D0CDCA 46.5%, #EEEEEE 78.54%, #EEEEEE 100%); */

}
.abdullah-2-sec,.home-story-section{
    background: radial-gradient(139.88% 144.74% at -39.19% 151.09%, #53565C 0%, #686765 15.14%, #988E7A 53.75%, #B5A687 83.27%, #C0AF8C 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}
.chart-banner{
    background: radial-gradient(139.88% 144.74% at -39.19% 151.09%, #53565C 0%, #686765 15.14%, #988E7A 53.75%, #B5A687 83.27%, #C0AF8C 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}


.text-list li{
    list-style-type: disc !important;
    list-style-position: inside;
}
.text-with-a a{
    text-decoration: underline !important;
}