@font-face {
  font-family: "ITC Officina Sans";
  src: url(../../themes/educon/fonts/ITC-Officina-Sans-Std-Book-Font.otf);
  src: url(../../themes/educon/fonts/ITC-Officina-Sans-Std-Book-Font.otf#iefix)
      format("embedded-opentype");
}

@font-face {
  font-family: "ITC Officina Sans light";
  src: url(../../themes/educon/fonts/ITC-Officina-Sans-LT-Book-Regular.otf);
  src: url(../../themes/educon/fonts/ITC-Officina-Sans-LT-Book-Regular.otf#iefix)
      format("embedded-opentype");
}
@font-face {font-family: "Cairo Arabic Light"; src: url(fonts/Cairo-Light.ttf); src: url(fonts/Cairo-Light.ttf) format("embedded-opentype");}
@font-face {font-family: "Cairo Arabic Regular"; src: url(fonts/Cairo-Regular.ttf); src: url(fonts/Cairo-Regular.ttf) format("embedded-opentype");}
@font-face {font-family: "Cairo Arabic SemiBold"; src: url(fonts/Cairo-SemiBold.ttf); src: url(fonts/Cairo-SemiBold.ttf) format("embedded-opentype");}
:lang(ar) ul.nav-list .nav-element a, input,section.footer .copyright-statements p, section.footer .copyright-statements li a 
{font-family: "Cairo Arabic Regular"!important;}
:lang(ar) p, li, span
{font-family: "Cairo Arabic Light"!important;}
:lang(ar) .small-heading,.awards-link
{font-family: "Cairo Arabic Regular"!important;}
:lang(ar) .ArabicBold, h3,h2, h4
{font-family: "Cairo Arabic SemiBold"!important;}
:lang(ar) .event-title
{text-align: center !important;}
:lang(ar) .ArabicRTL{direction: ltr;}
:lang(ar) ul.made-by .text {
  margin-right: 0px!important;
}
:lang(ar) .edu-detail-list {
  padding-right: 25px;
}
:lang(ar) th, .partners td
{font-family: "Cairo Arabic Light"!important;    TEXT-ALIGN: right!important;}
a{
    text-decoration: auto;
}

.bg-gray{
  background-color: #ECEDED;
}

.pt-0{
  padding-top: 0px;
}

.slider-text {
  margin: auto;
  display: flex !important;
  align-items: center;
}

section.main-banner .block-quote .small-heading{
  font-size: 26px;
    font-family: 'Gotham-Book';
}

.section-title{
  font-family: "Gotham-Bold";
  font-size: 34px;
  z-index: 11;
  letter-spacing: -0.96px;
  line-height: 45px;
}

.section-title.gray-color{
  color: #4C4649;
}

.section-title:after {
  width: 230px;
  height: 6px;
  bottom: -1.25rem;
}

.section-title-shape {
  position: absolute;
  width: 140px;
  left: 0px;
  top: 10px;
}

.row-list{
    display: flex;
    justify-content: space-between;
  }
  
  .col-6{
      width: 48%;
  }
  
  .discription p{
      font-size: 28px;
  }
  
  .side-shape{
      position: absolute;
      right: 0px;
      top: 40px;
  }
  
  .mt-0 {
      margin-top: 0px !important;
  }
  
  .my-auto{
      margin: auto 0;
  }
  
  .mb-60{
      margin-bottom: 60px !important;
  }

  .mt-50{
      margin-top: 50px;
  }
  
  .main-achievements{
      background-color: #ECEDED;
  }

.main-banner .bottom-text{
  position: absolute;
  z-index: 99;
  height: auto;
  bottom: 100px;
  left: 50px;
} 

@media screen and (max-width: 591px){
  .main-banner .bottom-text {
      left: 0;
  }
}
.fakhooralisting{
  line-height: 33px;
}
.small-title{
font-family: "Gotham-Bold";
font-size: 20px;
color: #4C4649;
line-height: normal;
}

.color-black{
color: #000 !important;
}

.small-title-xs{
font-family: "Gotham-Bold";
font-size: 24px;
}

.small-title-md{
color: #4C4649;
font-family: "Gotham-Bold";
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.small-title-sm{
font-family: "Gotham-Bold";
font-size: 32px;
}

.title-lg{
font-family: "Gotham-Bold";
font-size: 34px;
}
.climateaction{
  list-style: disc;
}
  .detail-list{
  
  font-family: "ITC Officina Sans";
  font-size: 22px;
  }


  .inovationlsiting li{
    margin-bottom:20px;
    }

    .shape-2 {
        position: absolute;
        top: -30px;
        right: 0px;
    }
     .shape-2 img {
        height: 12rem;
    }

    .shape-3 {
        position: relative;
    text-align: end;
    margin-bottom: 30px;
    }
     .shape-3 img {
        height: 12rem;
    }

.growth-range {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
  }
  
.growth-range .icon-shape{
      width: 84px;
      height: 84px;
      background-color: #FFBE37;
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      margin-right: 30px;
  }
  
.growth-range .icon-shape img{
      width: 60px;
  }
  
.growth-range .growth-detail h2, .growth-range .growth-detail h2 span{
     font-size: 42px;
     color: #4C4649;
     font-family: "Gotham-Bold";
     margin-bottom: 0px;
     text-transform: uppercase;
  }
.growth-range .growth-detail p{
      font-size: 20px;
      color: #4C4649;
      font-family: 'ITC Officina Sans';
      margin-bottom: 0px;
   }

   .image-detail-flex{
      display: flex;
      position: relative;
      margin-top: 60px;
   }

  .middle-shape {
      width: 110px;
      opacity: 0.7 !important;
      position: absolute;
      right: 30%;
      top: -54%;
  }

   @media screen and (max-width: 992px) {
      .section-title {
          font-family: "Gotham-Bold";
          font-size: 34px;
          letter-spacing: -0.96px;
          line-height: normal;
      }
      .section-title:after {
          width: 10rem;
      }
  
       .detail-list {
          font-size: 22px;
      }
  
      .shape-2 {
          position: absolute;
          top: auto;
          right: 0px;
          z-index: 11;
      }
    }
  
    @media screen and (max-width: 768px){

        .section-title {
          font-family: "Gotham-Bold";
          font-size: 32px;
      }
  
      .growth-range .growth-detail h2 {
          font-size: 40px;
      }
      
      .growth-range .growth-detail p {
          font-size: 18px;
      }
      
      .growth-range .icon-shape {
          width: 74px;
          height: 74px;
      }
      
      .growth-range .icon-shape img {
          width: 50px;
      }
  
    }

    .summary .grid-inner-1-element {
  border-radius: 30px !important;
}

.summary{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}

.summary .grid-list {
margin: 2rem auto 0;
padding: 6rem 0 0;
}
.summary .grid-element {
width: 100%;
}
.summary .grid-element.sm-element {
width: 30rem;
}
.summary .grid-inner-1-element {
border-radius: 15px;
}

.summary .grid-element.xl-element .element-pillar {
height: 36rem;
}

@media screen and (max-width: 1440px) {
.summary .section-inner {
  padding: 0 1rem;
}
}
@media screen and (max-width: 1440px) and (min-width: 1201px) {
.summary .grid-element {
  width: 30rem;
}
.summary .grid-element.sm-element {
  width: 24rem;
}
}

@media screen and (max-width: 1200px) and (min-width: 891px){
  .summary .grid-element.xl-element {
      width: 32rem;
  }
}

@media screen and (max-width: 1200px) and (min-width: 993px) {
.summary .grid-element.xl-element {
  width: 32rem !important;
}
.summary .grid-element.lg-element {
  width: 25rem;
}
.summary .grid-element.md-element {
  width: 24rem;
}
.summary .grid-element.sm-element {
  width: 20rem;
}
}
@media screen and (max-width: 890px) and (min-width: 726px) {
.summary .grid-list {
  padding-top: 10rem;
}

}
@media screen and (max-width: 725px) and (min-width: 589px) {
.summary .grid-element.xl-element {
  width: 32rem;
}
.summary .grid-element.lg-element {
  width: 32rem;
}
.summary .grid-element.md-element {
  width: 32rem;
}
.summary .grid-element.sm-element {
  width: 32rem;
}
}
@media screen and (max-width: 588px) {
.summary .grid-element,
.summary .grid-element.sm-element {
  width: 20rem;
}

}
[data-browsername="safari"] section.summary,
[data-browsername="ie11"] section.summary {
overflow: hidden;
}

@media screen and (max-width: 992px) {
.summary .grid-element {
    width: 100%;
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px){
  .summary .grid-element {
      width: 100%;
      margin-top: 40px;
  }
}

.program .grid-element:nth-child(2) .element-background-image {
background-color: #ffc637;
}
.program .grid-element:nth-child(3) .element-background-image {
background-color: #ded9c9;
}
.program .grid-element:nth-child(4) .element-background-image {
background-color: #f3a121;
}
.program .grid-element:nth-child(5) .element-background-image {
background-color: #feecba;
}
.program .grid-element:nth-child(6) .element-background-image {
background-color: #ded9c9;
}

.program .presentation-grid .grid-element {
margin: 0 0.8rem 13rem;
}

.program {
position: relative;
padding: 5rem 0 0;
z-index: 5;
}
.program .grid-list {
margin: 2rem auto 0;
padding: 6rem 0 0;
}
.program .grid-element {
width: 32rem;
}
.program .grid-element.sm-element {
width: 30rem;
}
.program .grid-inner-1-element {
border-radius: 15px;
}

.program .grid-element.xl-element .element-pillar {
height: 31rem;
}

.program .center-logo{
display: flex;
align-items: center;
justify-content: center;
}

.program .center-logo img{
width: 160px;
}

.program .branded-tiles-list {
height: 0;
overflow: visible;
position: relative;
}
.program .tile-element {
position: absolute;
pointer-events: none;
speak: none;
}
.program .tile-element.lg-size {
top: -8rem;
left: 56%;
width: 7rem;
opacity: 0.7;
}
.program .tile-element.md-size {
top: -12rem;
left: 68%;
width: 4rem;
opacity: 0.9;
}
.program .tile-element.sm-size {
top: -10rem;
left: 76%;
width: 3rem;
opacity: 0.5;
}

@media screen and (max-width: 1440px) {
.program .section-inner {
  padding: 0 1rem;
}
}

@media screen and (max-width: 992px) {
.program .custome-p-sm-0{
  padding: 0px;
}

.program .tile-element.lg-size {
top: -6rem;
left: 56%;
width: 4rem;
opacity: 0.7;
}

.program .tile-element.md-size {
top: -10rem;
left: 68%;
width: 3rem;
opacity: 0.9;
}

.program .tile-element.sm-size {
top: -8rem;
left: 79%;
width: 2rem;
opacity: 0.5;
}
}

@media screen and (max-width: 540px) {
.program .tile-element.lg-size {
    display: none;
}

.program .tile-element.md-size {
    display: none;
}

.program .tile-element.sm-size {
    display: none;
}
}

@media screen and (max-width: 1440px) and (min-width: 1201px) {
.program .grid-element {
  width: 30rem;
}
.program .grid-element.sm-element {
  width: 24rem;
}
}
@media screen and (max-width: 1200px) and (min-width: 891px) {
.program .grid-element.xl-element {
    width: 90%;
}

.program .presentation-grid .grid-element {
    margin: 0 0.8rem 15rem;
}

.program .grid-element.lg-element {
  width: 25rem;
}
.program .grid-element.md-element {
  width: 24rem;
}
.program .grid-element.sm-element {
  width: 20rem;
}
}
@media screen and (max-width: 890px) and (min-width: 726px) {
.program .grid-list {
  padding-top: 6rem;
}
}
@media screen and (max-width: 725px) and (min-width: 589px) {
.program .grid-element.xl-element {
  width: 32rem;
}
.program .grid-element.lg-element {
  width: 32rem;
}
.program .grid-element.md-element {
  width: 32rem;
}
.program .grid-element.sm-element {
  width: 32rem;
}
}

@media screen and (max-width: 588px) {
.program .grid-element,
.program .grid-element.sm-element {
  width: 90%;
}
}
[data-browsername="safari"] section.program,
[data-browsername="ie11"] section.program {
overflow: hidden;
}

.program .csstransforms .grid-element .masked-element.sharp-degree {
-webkit-transform: perspective(1000px) skew(0, -15deg) translateZ(0px);
transform: perspective(1000px) skew(0, -15deg) translateZ(0px);
}

.program .csstransforms .grid-element .masked-element {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.program .grid-element .element-action-button {
position: absolute;
bottom: -2.5rem;
right: -0.8rem;
padding: 1.2rem 0;
width: 5rem;
border-radius: 7px;
background: #d9272d;
-webkit-appearance: none;
border: none;
outline: none;
box-shadow: 0 0 15px 0 transparent;
-webkit-transition: background-color 0.4s ease, box-shadow 0.4s ease;
transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

.program .grid-element .element-action-button .element-inner-action-button {
display: table;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}

.program .grid-element .element-action-button .element-inner-action-button .icon {
width: 2rem;
height: 2rem;
}

.program .grid-element .element-action-button:focus, .grid-element .element-action-button:hover, .grid-element .element-action-button.active {
box-shadow: 0 0 15px 0 #d9272d;
background: #d9272d;
}

@media screen and (max-width: 768px) {
.program .grid-element .element-action-button {
    padding: 1rem 0;
    width: 5rem;
}

.program .grid-element .element-action-button .element-inner-action-button .icon {
    width: 1.5rem;
    height: 1.5rem;
}
}

.summary-2 .sharp-degree-tranform {
  -webkit-transform: perspective(1000px) skew(0, 15deg) translateZ(0px) !important;
  transform: perspective(1000px) skew(0, 15deg) translateZ(0px) !important;
}

.summary-2 .sharp-degree-tranform-reversed {
-webkit-transform: perspective(1000px) skew(0, -15deg) translateZ(0px) !important;
transform: perspective(1000px) skew(0, -15deg) translateZ(0px) !important;
}

@media screen and (max-width: 992px){
.summary-2 .grid-element.xl-element {
    width: 100% ;
}
.summary-2 .shape-3 {
    position: relative;
    text-align: end;
    margin-bottom: -120px;
}

.summary-2 .shape-3 img {
    height: 10rem;
}
}

.event .event-title{
height: 100%;
display: flex;
align-items: center;
width: 280px;
text-align: left;
justify-content: center;
margin: auto;
color: white;
font-size: 25px;
font-family: "Gotham-Medium";
position: relative;
z-index: 33;
}

.event .event-title h4{
margin-bottom: 0px;
margin-top: 20px;
}

.event .event-hover-bg{
background: #D9272D66;
width: 100%;
height: 100%;
position: absolute;
z-index: 22;
opacity: 0;
transition: 0.3s;
}

.event .event-hover:hover .event-hover-bg{
opacity: 1;
}
.events-model{
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(21, 17, 17, 0.61);
display: flex;
align-items: center;
} 

.evetns-model-bg{
position: relative;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
margin: auto;
}

.events-model-detail{
padding: 10px;
width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 33%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

.events-model-text{
width: 90%;
margin: auto;
margin-top: 90px;
}

.events-model-text h2{
color: white;
font-size: 36px;
font-family: 'ITC Officina Sans';
font-weight: 600;
letter-spacing: 0.6px;
}
.events-model-text p{
color: white;
font-size: 22px;
font-family: "ITC Officina Sans light";
font-weight: 500;
/* line-height: 45px; */
letter-spacing: 0.5px;
}
.producingproducts{
  width:60%;
}
.events-model-bg-shape{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.20);
position: absolute;
top: 0px;
}

.events-model-shape{
position: absolute;
bottom: 10px;
right: 10px;
}

.events-model-close{
  width: 24px;
      border-radius: 24px;
      border: 0.5px solid rgba(245, 239, 235, 0.32);
      background: rgba(255, 237, 224, 0.56);
      backdrop-filter: blur(90px);
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 10px;
      float: right;
      position: absolute;
      top: 30px;
      right: 54px;
      z-index:9999999;
  }

.closebtnn{
  top: 50px;
  right: 3%;
  position: fixed;
}  
.positionStatic{
  position: static!important;
}
.events-model-close img{
margin-left: 2px;
}

@media screen and (min-width:1200px) {
.evetns-model-bg{
  width: 1090px;
}
}

@media screen and (max-width:576px) {
.events-model-close {
  margin: 0px;
}
.events-model-text {
margin-top: 50px;
}
.events-model-text h2 {
font-size: 28px;
}
.events-model-text p {
font-size: 24px;
line-height: 150%;
}
}

.awards{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}

.awards .award-margin{
margin-top: 80px;
}

.awards .awards-shape{
width: 108px;
height: 118px;
background-color: #FFBE37;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}

.awards .awards-link {
color: #000;
font-family: 'ITC Officina Sans';
font-size: 22px;
font-style: normal;
font-weight: 700;
text-decoration: underline;
}

.awards .awards-link:hover {
color: #FFBE37;
text-decoration: none;
}
@media screen and (max-width:768px) {
.awards .award-margin {
    align-items: center;
    margin-top: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
}

.detail-slider{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}

.detail-slider .grid-inner-1-element {
border-radius: 30px !important;
}

.detail-slider .grid-list {
margin: 2rem auto 0;
padding: 6rem 0 0;
}
.detail-slider .grid-element {
width: 100%;
}
.detail-slider .grid-element.sm-element {
width: 30rem;
}
.detail-slider .grid-inner-1-element {
border-radius: 15px;
}

.detail-slider .grid-element.xl-element .element-pillar {
height: 34rem;
}

.detail-slider .grid-element.sm-element .element-pillar {
height: 20rem;
}

.detail-slider .section-title::after{
content: none;
}

@media screen and (max-width: 1440px) {
.detail-slider .section-inner {
padding: 0 1rem;
}
}
@media screen and (max-width: 1440px) and (min-width: 1201px) {
.detail-slider .grid-element {
width: 30rem;
}
.detail-slider .grid-element.sm-element {
width: 24rem;
}
}
@media screen and (max-width: 1200px) and (min-width: 993px) {
.detail-slider .grid-element.xl-element {
width: 25rem;
}
.detail-slider .grid-element.lg-element {
width: 25rem;
}
.detail-slider .grid-element.md-element {
width: 24rem;
}
.detail-slider .grid-element.sm-element {
width: 20rem;
}
}
@media screen and (max-width: 890px) and (min-width: 726px) {
.detail-slider .grid-list {
padding-top: 10rem;
}

}
@media screen and (max-width: 725px) and (min-width: 589px) {
.detail-slider .grid-element.xl-element {
width: 32rem;
}
.detail-slider .grid-element.lg-element {
width: 32rem;
}
.detail-slider .grid-element.md-element {
width: 32rem;
}
.detail-slider .grid-element.sm-element {
width: 32rem;
}
}
@media screen and (max-width: 588px) {
.detail-slider .grid-element,
.detail-slider .grid-element.sm-element {
width: 20rem;
}

}
[data-browsername="safari"] section.detail-slider,
[data-browsername="ie11"] section.detail-slider {
overflow: hidden;
}

@media screen and (max-width: 992px) {
.detail-slider .grid-element {
  width: 100%;
  margin-top: 40px;
}

.detail-slider .grid-list {
    margin: 2rem auto 0;
    padding: 0rem 0 0;
}
}

@media screen and (max-width: 768px){
.detail-slider .grid-element {
    width: 100%;
    margin-top: 40px;
}
}

.arrow{
text-align: end;
margin: auto;
margin-right: 0;
display: flex;
justify-content: end;
position: absolute;
bottom: 20px;
right: 5%;
}

.swiper-button-prev-arrow,
.swiper-button-next-arrow
{
margin: 10px 20px;
}

.together-project .grid-inner-1-element {
    border-radius: 30px !important;
}

.together-project{
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  background-color: #E8E8E8;
}

.together-project .grid-list {
  margin: 2rem auto 0;
  padding: 6rem 0 0;
}
.together-project .grid-element {
  width: 100%;
}
.together-project .grid-element.sm-element {
  width: 30rem;
}
.together-project .grid-inner-1-element {
  border-radius: 15px;
}

.together-project .grid-element.xl-element .element-pillar {
  height: 36rem;
}

@media screen and (max-width: 1440px) {
  .together-project .section-inner {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1201px) {
  .together-project .grid-element {
    width: 30rem;
  }
  .together-project .grid-element.sm-element {
    width: 24rem;
  }
}
@media screen and (max-width: 1200px) and (min-width: 993px) {
  .together-project .grid-element.xl-element {
    width: 25rem;
  }
  .together-project .grid-element.lg-element {
    width: 25rem;
  }
  .together-project .grid-element.md-element {
    width: 24rem;
  }
  .together-project .grid-element.sm-element {
    width: 20rem;
  }
}
@media screen and (max-width: 890px) and (min-width: 726px) {
  .together-project .grid-list {
    padding-top: 10rem;
  }

}
@media screen and (max-width: 725px) and (min-width: 589px) {
  .together-project .grid-element.xl-element {
    width: 32rem;
  }
  .together-project .grid-element.lg-element {
    width: 32rem;
  }
  .together-project .grid-element.md-element {
    width: 32rem;
  }
  .together-project .grid-element.sm-element {
    width: 32rem;
  }
 
}
@media screen and (max-width: 588px) {
  .together-project .grid-element,
  .together-project .grid-element.sm-element {
    width: 20rem;
  }
 
}
[data-browsername="safari"] section.together-project,
[data-browsername="ie11"] section.together-project {
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .together-project .grid-element {
      width: 100%;
      margin-top: 40px;
    }
}

@media screen and (max-width: 768px){
    .together-project .grid-element {
        width: 100%;
        margin-top: 40px;
    }
}

.innovation .grid-inner-1-element {
  border-radius: 30px !important;
}

.innovation{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
background-color: #E8E8E8;
}

.innovation .shape-2 {
position: absolute;
top: 0px;
right: -100px;
}

.innovation .shape-2 img {
height: 12rem;
}

.innovation .grid-list {
margin: 2rem auto 0;
padding: 6rem 0 0;
}
.innovation .grid-element {
width: 34rem;
}
.innovation .grid-element.sm-element {
width: 30rem;
}
.innovation .grid-inner-1-element {
border-radius: 15px;
}

.innovation .grid-element.xl-element .element-pillar {
height: 36rem;
}

@media screen and (max-width: 1440px) {
.innovation .section-inner {
  padding: 0 1rem;
}
}
@media screen and (max-width: 1440px) and (min-width: 1201px) {
.innovation .grid-element {
  width: 30rem;
}
.innovation .grid-element.sm-element {
  width: 24rem;
}
}
@media screen and (max-width: 1200px) and (min-width: 993px) {
.innovation .grid-element.xl-element {
  width: 25rem;
}
.innovation .grid-element.lg-element {
  width: 25rem;
}
.innovation .grid-element.md-element {
  width: 24rem;
}
.innovation .grid-element.sm-element {
  width: 20rem;
}
}
@media screen and (max-width: 890px) and (min-width: 726px) {
.innovation .grid-list {
  padding-top: 10rem;
}
}
@media screen and (max-width: 725px) and (min-width: 589px) {
.innovation .grid-element.xl-element {
  width: 32rem;
}
.innovation .grid-element.lg-element {
  width: 32rem;
}
.innovation .grid-element.md-element {
  width: 32rem;
}
.innovation .grid-element.sm-element {
  width: 32rem;
}

}
@media screen and (max-width: 588px) {
.innovation .grid-element,
.innovation .grid-element.sm-element {
  width: 20rem;
}
}
[data-browsername="safari"] section.innovation,
[data-browsername="ie11"] section.innovation {
overflow: hidden;
}

@media screen and (max-width: 992px) {
  .innovation .shape-2 {
    position: absolute;
    top: auto;
    right: 0px;
    z-index: 11;
}
}

@media screen and (max-width: 768px){
  .innovation .grid-element {
      width: 100%;
      margin-top: 40px;
  }
}

.education .grid-inner-1-element {
  border-radius: 30px !important;
}

.education{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
background-color: #E8E8E8;
}

.education .grid-list {
margin: 2rem auto 0;
padding: 6rem 0 0;
}
.education .grid-element {
width: 100%;
}
.education .grid-element.sm-element {
width: 30rem;
}
.education .grid-inner-1-element {
border-radius: 15px;
}

.education .grid-element.xl-element .element-pillar {
height: 34rem;
}

.grid-element.sm-element .element-pillar {
  height: 20rem;
}

@media screen and (max-width: 1200px) and (min-width: 891px){
.education .grid-element.xl-element {
    width: 100%;
}

}

@media screen and (max-width: 1440px) {
.education .section-inner {
  padding: 0 1rem;
}
}
@media screen and (max-width: 1440px) and (min-width: 1201px) {
.education .grid-element {
  width: 30rem;
}
.education .grid-element.sm-element {
  width: 24rem;
}
}
@media screen and (max-width: 1200px) and (min-width: 993px) {
.education .grid-element.xl-element {
  width: 25rem;
}
.education .grid-element.lg-element {
  width: 25rem;
}
.education .grid-element.md-element {
  width: 24rem;
}
.education .grid-element.sm-element {
  width: 20rem;
}
}
@media screen and (max-width: 890px) and (min-width: 726px) {
.education .grid-list {
  padding-top: 10rem;
}

}
@media screen and (max-width: 725px) and (min-width: 589px) {
.education .grid-element.xl-element {
  width: 32rem;
}
.education .grid-element.lg-element {
  width: 32rem;
}
.education .grid-element.md-element {
  width: 32rem;
}
.education .grid-element.sm-element {
  width: 32rem;
}

}
@media screen and (max-width: 588px) {
.education .grid-element,
.education .grid-element.sm-element {
  width: 20rem;
}

}
[data-browsername="safari"] section.education,
[data-browsername="ie11"] section.education {
overflow: hidden;
}

@media screen and (max-width: 992px) {
.education .grid-element {
    width: 100%;
    margin-top: 40px;
  }

}

@media screen and (max-width: 768px){
  .education .grid-element {
      width: 100%;
      margin-top: 40px;
  }
}

.parentdiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

.parentdiv h3{
color:#fff;
font-size: 3em;
}

.educationchild .background-overlay {
background-repeat: no-repeat;
min-height: 266px;
width: 250px;
background-size: cover;
}

.educationchild {
padding-top: 60px;
padding-bottom: 60px;
position: relative;
background-color: #E8E8E8;
}

.childrenImg {
position: relative;
top: -40%;
}

.edu-detail-list{
  font-family: "ITC Officina Sans";
  font-size: 22px;
  list-style: disc;
  padding-left: 22px;
}

.edu-detail-list li {
  margin-bottom: 20px;
  text-align: left;
}

.educationchild .section-title{
margin-bottom: 20px;
}

.shape-left {
display: flex;
flex-direction: column;
width: fit-content;
}

.shape-rectangles {
position: absolute;
right: 0;
}
.rightrectangleimg{
float: right;
  position: relative;
  top: 80px;
  right: 40px;
}

.shape-rectangles img {
height: 12rem;
position: relative;
top: -74px;
}

.shape-rectangles2 {
position: absolute;
right: 0;
}
.shape-rectangles2 img {
height: 12rem;
position: absolute;
top: -154px;
right: 186px;
}

.maintitleheading {
display: flex;
flex-direction: row;
gap: 10px;
}

.maintitleheading h3 {
font-family: "Gotham-Bold";
font-size: 30px;
}

@media only screen and (max-width: 991px) {
.childrenImg {
  position: relative;
  top: -7%;
}

.shape-rectangles2 img {
top: -54px;
right: 12px;
}
.childrens{
background-color: transparent !important;
background-size: 100% !important;
}
.childoverlay{
background: transparent !important;
}
}

.table th {
border-right: 6px solid #e6e6e6;
background: #ffbe37;
width: 120px;
}
.table td {
border-right: 6px solid #e6e6e6;
border-bottom: 6px solid #e6e6e6;
background: #d9d9d9;
width: 120px;
vertical-align: middle;
text-align: left;
padding-left: 20px;
}

th,
td {
text-align: left;
padding-left:20px !important;

}

.lt-book {
font-size: 48px;
}

@media screen and (max-width: 992px) {
.middle-shape {
  top: -30%;
}
}

.tilted-vector {
margin-top: 38px;
display: flex;
justify-content: center;
align-items: center;
background-image: url("../image/vector.png");
height: 232px;
width: 218px;
}
.vector-title {
color: #fff;
font-size: 48px;
font-weight: bold;
line-height: 26px;
text-align: center;
margin-top: 14px;
}
.vector-subtitle {
font-size: 14px;
font-weight: normal;
}
.p-section-title {
margin-top: 23px;
color: #4c4649;
font-family: Gotham-Bold;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

@media screen and (max-width: 767px){
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ddd;
}
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
font-family: 'ITC Officina Sans';
font-size: 20px;
}

@media screen and (max-width: 573px){
.table {
  width: 680px;
  max-width: 530px;
}
}

.partnership{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}

.partnership .maintitleheading {
display: flex;
flex-direction: row;
gap: 10px;
position: relative;
/* align-items: center; */
}

.partnership .maintitleheading h3 {
font-family: "Gotham-Bold";
font-size: 32px;
}

.partnership .branded-tiles-list{
position: absolute;
left: -180px;
bottom: 0px;
}

.partnership .branded-tiles-list{
position: absolute;
left: -110px;
bottom: 30px;
opacity: 0.5;
}

.partnership .tile-element.lg-size {
top: -6rem;
left: 0;
width: 6rem;
}

.partnership .grid-inner-1-element {
border-radius: 30px !important;
}

.partnership{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}

.partnership .grid-list {
margin: 2rem auto 0;
padding: 6rem 0 0;
}
.partnership .grid-element {
width: 100%;
}
.partnership .grid-element.sm-element {
width: 14rem;
}
.partnership .grid-inner-1-element {
border-radius: 15px;
}

.partnership .grid-element.xl-element .element-pillar {
height: 36rem;
}

.partnership .top-80{
top: 80px;
}

.partnership .shape-rectangles {
position: absolute;
right: -60px;
}

.partnership .sharp-degree-tranform {
-webkit-transform: perspective(1000px) skew(0, 15deg) translateZ(0px) !important;
transform: perspective(1000px) skew(0, 15deg) translateZ(0px) !important;
}

.partnership .sharp-degree-tranform-reversed {
-webkit-transform: perspective(1000px) skew(0, -15deg) translateZ(0px) !important;
transform: perspective(1000px) skew(0, -15deg) translateZ(0px) !important;
}

.partnership .image-detail-flex {
display: flex;
position: relative;
margin-top: 60px;
justify-content: space-between;
}

@media screen and (max-width: 1440px) {
.partnership .section-inner {
padding: 0 1rem;
}
}
@media screen and (max-width: 1440px) and (min-width: 1201px) {
.partnership .grid-element {
width: 100%;
}
.partnership .grid-element.sm-element {
width: 24rem;
}
}

@media screen and (max-width: 1200px) and (min-width: 993px) {
.partnership .grid-element.xl-element {
width: 100% !important;
}
.partnership .grid-element.lg-element {
width: 25rem;
}
.partnership .grid-element.md-element {
width: 24rem;
}
.partnership .grid-element.sm-element {
width: 20rem;
}
}
@media screen and (max-width: 890px) and (min-width: 726px) {
.partnership .grid-list {
padding-top: 10rem;
}

}
@media screen and (max-width: 725px) and (min-width: 589px) {
.partnership .grid-element.xl-element {
width: 32rem;
}
.partnership .grid-element.lg-element {
width: 32rem;
}
.partnership .grid-element.md-element {
width: 32rem;
}
.partnership .grid-element.sm-element {
width: 32rem;
}

}
@media screen and (max-width: 588px) {
.partnership .grid-element,
.partnership .grid-element.sm-element {
width: 20rem;
}

}
[data-browsername="safari"] section.partnership,
[data-browsername="ie11"] section.partnership {
overflow: hidden;
}

@media screen and (max-width: 992px) {
.partnership .grid-element {
width: 100%;
margin-top: 0px;
}

.partnership .grid-element.sm-element {
  width: 90%;
}

.partnership .image-detail-flex {
display: flex;
position: relative;
margin-top: -40px;
justify-content: space-between;
}

.partnership .custome-p-sm-0{
padding: 0px;
}
}

@media screen and (max-width: 768px){
.partnership .grid-element {
    width: 100%;
}

.partnership .mb-60 {
  margin-bottom: 30px !important;
}
}

@media screen and (max-width: 510px){
.partnership .custome-p-sm-0 {
  padding: 0px;
  margin: 0px;
}
.partnership .top-80 {
top: 50px;
}
}

@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1420px;
}
}

@media screen and (max-width: 576px){

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x,1.75rem);
  padding-left: var(--bs-gutter-x,1.75rem);
  margin-right: auto;
  margin-left: auto;
}

.section-title {
  line-height: normal;
}

.partnership .maintitleheading h3 {
font-family: "Gotham-Bold";
font-size: 20px;
}
}

.right-0{
right: 0px !important;
}

.top--150{
top: -150px;
}

@media screen and (max-width: 987px) {
.top--150{
  top: 0px;
}
}

.background-100{
background-size: 100% !important;
}

@media screen and (max-width:1200px) {
.main-banner-slideshow .carousel-slide {
  height: 50vh;
}

section.main-banner {
position: relative;
width: 100vw;
height: 50vh;
overflow: hidden;
}
}

@media screen and (max-width:600px) {
.main-banner-slideshow .carousel-slide {
  height: 50vh;
}

section.main-banner {
position: relative;
width: 100vw;
height: 50vh;
overflow: hidden;
}

section.main-banner .block-quote .small-heading {
font-size: 1em;
font-family: 'Gotham-Book';
}

.main-banner .bottom-text {
position: absolute;
z-index: 99;
height: auto;
bottom: 30px;
left: 0px;
}

section.main-banner .block-quote p, section.main-banner .block-quote h2, section.main-banner .block-quote h3 {
line-height: 2rem;
font-size: 1.8em;
}

.innovation {
padding-top: 30px;
}

.innovation .grid-element.xl-element .element-pillar {
height: 30rem;
}

.innovation .grid-element {
width: 100%;
margin-top: 0px;
}

.background-100 {
background-size: cover !important;
}

section.main-banner .block-quote {
width: 30rem;
padding-top: 0px !important;
}

.filter-header-wrapper {
display: none;
}

.main-bottom-text {
position: absolute !important;
z-index: 99;
height: auto !important;
bottom: 30px;
left: 0px;
}

.summary {
padding-top: 10px;
position: relative;
padding-bottom: 10px;
}

.title-lg {
font-family: "Gotham-Bold";
font-size: 22px;
}

.summary .grid-element.xl-element .element-pillar {
height: 30rem;
}

.summary .grid-element {
width: 100%;
margin-top: 0px;
}

.middle-shape {
width: 80px;
opacity: 0.7 !important;
position: absolute;
right: 30%;
top: -17%;
}

.detail-list {
font-size: 18px;
}

.lt-book {
font-size: 24px;
font-weight: 700;
}

.small-title {
font-family: "Gotham-Bold";
font-size: 20px;
}

.small-title-xs {
font-family: "Gotham-Bold";
font-size: 20px;
}

.image-detail-flex {
display: flex;
position: relative;
margin-top: 0px;
}

.growth-range .growth-detail h2 {
font-size: 32px;
}

.education {
padding-top: 30px;
}

.tilted-vector {
margin-top: 10px;
height: 165px;
width: 150px;
background-size: 100%;
background-repeat: no-repeat;
}

.vector-title {
font-size: 30px;
}

.br-none{
display: none;
}

.education .grid-element.xl-element .element-pillar {
height: 30rem;
}

.education .grid-element {
width: 100%;
margin-top: 0px;
}

.edu-detail-list {
font-family: "ITC Officina Sans";
font-size: 16px;
list-style: disc;
}

.edu-detail-list li {
margin-bottom: 10px;
text-align: left;
}

.section-title {
font-family: "Gotham-Bold";
font-size: 30px;
}

.vector-subtitle {
  font-size: 12px;
}

.small-title-md {
font-size: 20px;
}

.p-section-title {
font-family: "Gotham-Bold";
font-size: 24px;
}

.together-project {
padding-top: 40px;
}

.together-project .grid-element.xl-element .element-pillar {
height: 28rem;
}

.together-project .grid-element {
width: 100%;
margin-top: 0px;
}

.event .event-title {
width: 230px;
}

.program .grid-element.xl-element .element-pillar {
height: 26rem;
}

.program .custome-p-sm-0 {
padding: 0px;
margin: 0;
}

.awards {
padding-top: 0px;
padding-bottom: 60px;
position: relative;
}

.partnership {
padding-top: 10px;
padding-bottom: 60px;
position: relative;
}

.partnership .grid-element.xl-element .element-pillar {
height: 30rem;
}

}

.vector-title .count, .vector-title .countX{
font-size: 48px;
font-weight: bold;
}

.popup-container {
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(21, 17, 17, 0.61);
display: flex;
align-items: center;

}
.popup-content {
background-color: #fefefe;
margin: auto;
width: 100%;
height: 100%;
overflow: auto;
}

.popup-container .events-model-close{
width: 24px;
    border-radius: 24px;
    border: 0.5px solid rgba(245, 239, 235, 0.32);
    background: rgba(255, 237, 224, 0.56);
    backdrop-filter: blur(90px);
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    float: right;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99;
}

.popup-container .events-model-close img{
  margin-left: 2px;
}

.show{
visibility: visible;
opacity: 1;
transform: scale(1);
}

.alFakhoora .header-logo img, .educateChild .header-logo img, .innovationDevelopment .header-logo img, .protectEducation .header-logo img, .ReachOutToAsia .header-logo img, .togetherProject .header-logo img  {
  position: absolute;
  top: 5rem;
  left: 5rem;
}

[dir="rtl"]  {
.section-title:after {
    right: 0;
}

.shape-2 {
    right: 43%;
}

.image-detail-flex{
  direction:ltr;
}

.header-logo img {
  position: relative;
  top: 2rem;
  right: 3rem;
}
}

:lang(ar) ul.nav-list {
  position: absolute;
  top: 2rem;
  left: 4.75rem;
  right: auto;
}

:lang(ar) .searchbox-inner-wrapper .searchbox-item {
  left: 0;
  right: auto;
}

:lang(ar) .searchbox-inner-wrapper {
  left: 3rem;
  right: auto;
}

:lang(ar) .arrow {
  left: 5%;
  direction: rtl;
  right: auto;
  display: flex;
  flex-direction: row;
}
:lang(ar) .swiper-button-prev-arrow,
:lang(ar) .swiper-button-next-arrow {
  transform: rotate(180deg);
}
:lang(ar) .edu-detail-list li {
  direction: rtl;
  text-align: -webkit-auto;
}

:lang(ar) section.footer:before {
  left: 0;
  background: #524c4e;
  
}

:lang(ar) section.footer:after {
  right: 0;
  background: #4d4547;
}

:lang(ar) .tabular-view .cell {
  text-align: right;
  direction: rtl;
}
:lang(ar) section.footer .social-media-list li.empty p{
  text-align: right;
}
:lang(ar) .cell-inner {
  padding-right: 15px;
}
:lang(ar) section.footer .footer.tabular-view > .cell.report-a-fraud {
  padding-left: 4rem;
  padding-right: 0;
}

:lang(ar) .main-banner .bottom-text {
  right: 60px;
  left:auto;
}

:lang(ar) .educateChild .header-logo img, :lang(ar) .alFakhoora .header-logo img, :lang(ar) .innovationDevelopment .header-logo img, :lang(ar) .protectEducation .header-logo img, :lang(ar) .ReachOutToAsia .header-logo img, :lang(ar) .togetherProject .header-logo img {
  position: relative;
  top: 4rem;
  right: 4rem;
}

:lang(ar) .closebtnn {
  top: 8%;
  left: 3%;
  right: auto;
}

:lang(ar) section.footer .footer.tabular-view > .cell.newsletter-subscription {
  padding-right: 4rem;
}
:lang(ar) .events-model-close img {
  margin-left: 0px;
}

:lang(ar) .events-model-close {
  left: 54px;
  right:auto;
}

:lang(ar) .growth-range .icon-shape {
  margin-left: 30px;
  margin-right: 0;
}

:lang(ar) .growth-range {
  justify-content: flex-start;
}

.close-menu {
  position: absolute;
  padding: 0.4rem 0.8rem;
  bottom: 2rem;
  right: 5rem;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: right;
  font-size: .9em;
  color: #000;
  background-color: white;
  -webkit-transition: background-color .4s,color .4s,-webkit-transform .4s;
  transition: background-color .4s,color .4s,-webkit-transform .4s;
  transition: background-color .4s,color .4s,transform .4s;
  transition: background-color .4s,color .4s,transform .4s,-webkit-transform .4s;
}

.close-menu {
  height: 32px;
  position: fixed;
}

.close-menu:hover {
  color: white;
  background-color: #e61a21;
}

.cell-inner h2{
  font-size: 24px;
}

.footer_left{
  padding-left:0 !important;
}
section.footer .social-media-list, .made-by{
  padding:0 !important;
}
html:not(.reflective-menu-open) header{
  margin: 20px 0px;
}

@media (max-width: 567px) {
  .program .center-logo img {
    width: 130px;
  }
}