
/*index mods*/

number{
    font-family: 'Tajawal', sans-serif !important;
    font-weight: bolder;
}

.stable-size-img{
    width: 100%;
    height: 280px !important;
}

.xs-video-popup-wraper{
    margin-top: 100px;
}

.calendar-wrap{
    font-family: Calibri;
}
.calendar-wrap .fc-button{
    color: black !important;
}

.calendar-wrap .fc-state-active {
    background-color: #ab8ce4 !important;
    color: white !important;

}

.v-o{
    background-color: #ab8ce4 !important;
}

.calendar-wrap .fc-event {
    border: 1px solid #ab8ce4;
    background-color: #ab8ce4;
    
}
 

.more-padding{
    padding-top: 240px !important; 
}

/* other */
.img-card{ 
    height: 300px;
} 


.font-large{
    font-size: 50px !important;
    padding-top: 50px;
    box-sizing: border-box;
}

.fundpress-partners li{
    margin-right: 5px !important;
    margin-left: 5px;
}

.xs-partner-content {
    padding-top: 165px;
}

.xs-footer-top-layer {
    padding-top: 60px;
    padding-bottom: 20px;
}

.btn:hover {
    background-color: transparent !important;
}


.form-customize{
    padding: 0;
}

.form-section{
    padding: 55px;
}

.form-img{
    width: 100%;
    height: 935.4px !important;
    
}
.form-titl{
    position: absolute;
    top:50%;
    left:0;
    width: 100%;
    text-align:center;
    z-index: 1;
    font-weight: bold;
    color: white;
}

.select-vol{
    padding: 10px;
    height: auto !important;
    background-color: #041d57;
    border-color: #586e93;
    color: #31569b;
    text-align: right;
}

@media(min-width: 1000px){
    .form-img{
        width: 100%;
        height: auto;
    }
    

}

@media (max-width: 1000px){
    .vis-sec{
        display: none;
    }
}
/* header */

.xs-header.xs-box .nav-menu li a {
    padding: 23px 8px !important;
}

.prog-img{
    height: 238PX;
    width: 100%;
}

.program {
   min-height: 475px;
}
.program img{
   width: 100%;
   height: 250px;
}

/* footer */

footer hr {
    border-top: 1px solid white;
}

footer .xs-copyright-text{
    padding-top: 10px;
}

footer .xs-social-list-v2{
    text-align: end;
}

/* responsive xs */
@media (max-width: 1000px){
    .xs-partner-content {
        padding-top: 0px;
    }
    
    footer .xs-social-list-v2 {
        text-align: center;
    }
}
/*end of responsive of home*/


/* end of the index */

/* inner pages */
/*.xs-banner-inner-section {
    padding-top: 160px;
    padding-bottom: 200px;
}*/
.xs-banner-inner-section-special {
    padding-top: 185px;
    padding-bottom: 103px;
}
/* start of the about */
.xs-about-feature {
    background-color: white;
    padding: 30px;
    box-shadow: 0px 3px 20px -10px #999;
    text-align: justify;
    height: 510px;
    overflow-y: scroll;
    scrollbar-color: #444 #888;
    scrollbar-width: thin;
}

.more-padding{
    padding: 65px 0;
}


/* end of the about */



/* start of event */
.news-card{
    background-color: white;
    box-shadow: 0px 3px 20px -10px #999;
    padding: 30px;
    margin-bottom: 20px;
}

.xs-entry-date .entry-date-month, .xs-entry-date .entry-date-day{
    font-family: 'Calibri';
    font-weight: bold;
}


.xs-event-image img{
    height: 185px;
    width: 100%;
}

.btn{
    color: white !important;
}



.xs-pagination li{
    margin: 0;
    font-family: 'Calibri';
    font-weight: bolder;
}

/* scroll*/
 /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
} 

.entry-meta{
    height: 50px !important;
}

/* end */

.img-fixed-size{
    width: 255px !important;
    height: 270px !important;
}

.limit-p{
    height: 90px;
    overflow-y: hidden;
    display: block;
}

.btn-sm{
    font-size: 10px;

padding: 15px 25px;
}

.padd-mod{
    padding: 25px 25px 15px 25px !important;
}

.nav-item{
    width: 50% !important;
}

.proj-img-mod{
    width: 100% !important;
    margin: 5px;
    height: 110px;
}

.proj-img-mod img{
    width: 100% !important;
    height: 100%;
}

.video-title{
    padding: 10px;
    
}
.video-title .i{
    margin-left: 5px;
    color: #369ff4;
}

.xs-team-content{
    margin-top:0 !important;
}