 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=El+Messiri:wght@400..700&family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&family=Noto+Kufi+Arabic:wght@100..900&family=Protest+Strike&family=Sorts+Mill+Goudy:ital@0;1&display=swap');
 
 @font-face {
  font-family: CenturyGothic;
  src: url("../font/CenturyGothic.tff");
}

 
 
body,  
html {
   font-family: "Sorts Mill Goudy", serif  !important;
direction: ltr;
 }
h1, h2 ,h3 , h4 {
 font-weight: bold !important ;
   font-family: "Sorts Mill Goudy", serif  !important;
 }
p, address, ul, li {
  font-weight: 500 ;
     font-family: "CenturyGothic", serif  !important;

}
 h1, h4, h5, h2, h3, h1 span, h4 span, h5 span, h2 span, h3 span {
       font-family: "Sorts Mill Goudy", serif  !important;
 
 }

.flex_tap {
    padding-right: 0;
    padding-left: 90px;
}

.before {
    
    padding-right: 0;
    padding-left: 25px;
}
.hero h1 {
    font-size: 52px !important;
}

.before::before {
    left: 0;
    right: unset;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
 
    border-left: none;
    border-right: 3px solid var(--unnamed-color-00A6CE);
}
.title::before {
    left: -25px;
    right: unset;
}
.nav-pills .nav-link {
   
    border-left: none;
    border-right: 2px solid #becccf38;
}
.mic__button {
       left: unset;
    right:0 ;
}
.search__button {
 left: 21px;
    right: unset;
}
.input-form-contact {
   
   
    padding-right: 0;
     padding-left: 30px;
}
.inout-icon-div i {
    right: unset;
    left: 5px;
}
.search__input {
     padding: 14px 14px 14px 42px;
}
.inout-icon-div-textarea textarea {
      padding-right: 0;
     padding-left: 30px;
}

.card_values {
     
    height: 722px;
}

.vision_mission_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ddf1f5;
    -webkit-mask-image: url(../img/mision2.png);
    mask-image: url(../img/mision2.png);
    -webkit-mask-size: 100%  100% ;
         z-index: -1;
}


.vision_mission_card {
     -webkit-mask-image: unset;
    mask-image: unset;
      background-color: unset;
}
.vision_mission_card2 {
     -webkit-mask-image: unset;
    mask-image: unset;
      background-color: unset;
}
.vision_mission_card2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ddf1f5;
    -webkit-mask-image: url(../img/mision2.png);
    mask-image: url(../img/mision2.png);
    -webkit-mask-size: 100% 100%;
    transform:scaleX(-1);
}
.vision_mission_card:hover {
    background-color: unset;
    transform: translateY(-10px);
}
.div-flex-co {
   
    align-items: flex-end;
}
.close_i {
    right: 3%;
    left: unset;
}


.titlle_center h6 {
    
    padding: 0 30px;
}

.titlle_center h6::after {
   
    right: 0 !important;
}
.titlle_center h6::before {
    
    left: 0 !important;
}



.title h2 {
     font-size: 48px;
}

.about h2 {
     font-size: 48px;
 }


@media (max-width:768px) {
 .mosals {
     right: 0;
    left: unset;
}


}





