body{
  font-family: 'Montserrat', sans-serif;
}

.ar-font{
  font-family: 'Cairo', sans-serif !important;
}
.bg-green{
  background-color: #115B49;
}
/***************************************************************/
.my-dir{
  direction: rtl;
}

.my-text-right{
  text-align: right;
}
@media(min-width:992px){
.float-lg-right{float: right;}

}


@media(max-width:991px){
.float-sm-left{float: left;}

}
.mob-only{
  display: none ;
}
.desktop-only{
  display: block;

}
.mob-only-flex{
  display: none !important;
}
.desktop-only-flex{
  display: flex !important;

}
@media(max-width:768px){
  .desktop-only{
    display: none ;
  
  }
  .mob-only{
    display: block;
  }
  .desktop-only-flex{
    display: none !important;
  
  }
  .mob-only-flex{
    display: flex !important;
  }
  .mobile-heading{
      font-size: 24px;
  }
  .mobile-p{
      font-size: 16px;
  }
  .mobile-width{
      width: 100% !important;
  }
  .var-width{
      width: 75% !important;
  }
.text-h1{
  font-size: 1.5rem;
}
}
.img-flip{
  -webkit-transform: scaleX(-1) !important;
  transform: scaleX(-1) !important;
}
/********************Fonts Styles********************/

/* weights */
.font-300{
  font-weight: 300 !important;
  }
  .font-400{
  font-weight: 400;
  }
.font-500{
  font-weight: 500;
}

/* colors */

.text-beige{
  color: #C4A494;
}
.text-beige:hover{
  color: #C4A494;

}
.text-gray{
  color: #767676;
}
.text-gray:hover{
  color: #767676;

}
.text-black{
  color: #000000;
  }
  
  
.text-black:hover{ 
  color: #000000;
  }
.text-white{
    color: white;
    }
    .text-green{
      color: #115B49 ;
    }
    .text-green:hover{
      color: #115B49;
    
    }
    .text-green-imp{
      color: #115B49 !important ;
    }
    .text-green-imp  *{
      color: #115B49 !important ;
    }
/**Decorations**/
.underlined-light{text-decoration: underline solid black 1px}
.underlined-light:hover{text-decoration: underline solid black 1px}

.underlined{text-decoration: underline solid black}
.underlined:hover{text-decoration: underline solid black}


.text-15{
  font-size: 15px;
}

.text-13{
  font-size: 13px;
}
/********************Navbar*****************/

.nav-link{
  font-size: 13px;
}
.nav-link-sidebar{
  font-size: 18px;

}
.logo{
  width: 15%;
  cursor: pointer;
}

.nav-line-anim{
  height: 1.5px; 
  width:0%;
   background-color:rgb(255, 255, 255);
  transition: width .2s linear;

}
.nav-line-anim-active{
  height: 1.5px; 
  width:100%;
  background-color:#115B49;
}

#navbar {
  overflow: hidden;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: saturate(250%) blur(8px);
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sidebar-bottom{
  display: none;
}
.nav-mobile{display: none !important;}
@media(max-width:991px){
  .nav-desktop{
    display: none !important;
  }
  .nav-mobile{display: unset !important;}
.logo{width: 40%;}
}

/******************** Home Page Header Div*****************/

/*****Header Div*****/
.header-video-landing{
 width: 100%;
 object-fit: cover;
 object-position: center;
}

.header-div{
  height: 100vh;
  background-image: url(/storage/imgs/home/home.jpg);
  background-position: center;
  background-size:cover ;
}
:root{
  --sectorDuration:.4s;
}
.sector-desc {
  height: 20vh;
  min-width: fit-content;
  /* opacity: 0; */
  /* transition: opacity .1s linear ; */

}
.sector-desc-op {
opacity: 1;
transition: opacity .0s linear .3s;
}
.col{
  transition:  var(--sectorDuration) ease-in-out;
}

.col-4{
  transition: var(--sectorDuration) ease-in-out !important;
}
.sector-logo{
  filter: brightness(100%) ;
  transition: filter var(--sectorDuration) linear;

}
.sector-title{
  transition: color var(--sectorDuration) linear;
}
.sector-logo-white{
  filter: brightness(0%) invert(1);
transition: filter var(--sectorDuration) linear;
}

@media(max-width:991px){
  .header-slash{
    width: 30%;
  }

  .sector-child{
    height: unset !important;
min-height: 25vh !important;
transition: min-height var(--sectorDuration) linear;
  }
  .sector-child:hover {
    min-height: 50vh !important;
transition: min-height var(--sectorDuration) linear;
  }
  /* .sectors-div{
    min-height: 100vh;
  } */
}


/* Core values section */


.core2-col{
  margin-top: 50px;
  width: 15vw;
  display:inline-block;
}
.core-div{
width: 60vw;
margin: auto;
display: block;
}


.core-img{
  width: 35%;
}


@media(max-width:768px){
  .core-div{
    width: 90vw;
    margin: auto;
    display: block;
    }
  .core2-col{
    margin-top: 50px;
    width: 40vw;
    display:inline-block;
  }
   .header-video-landing{
    height: unset;
   width: 100%;
   object-fit: cover;
  }
}


  /**************Legacy sec***************/
  .legacy-div{
    min-height:70vh ;
  }

  /******************************************************/
  .footer-div{
    min-height: 40vh; 
    
    background-color:#F5F5F5
    ;
  }
  
  
@media(max-width:768px){
  .footer-logo{
width: 90%;
  }
}
  /*****************************Area*************************/
  .area-div{
    background-image: url(/storage/imgs/area/bg.jpg);
    height: 30vh;
    background-size: cover;
    background-position: center;
  }

  .invest-div{
    background-image: url(/storage/imgs/invest/bg.jpg);
    height: 30vh;
    background-size: cover;
    background-position: center;
  }
  .careers-div{
    background-image: url(/storage/imgs/careers/bg.jpg);
    height: 30vh;
    background-size: cover;
    background-position: center;
  }




  .about-div{
    background-image: url(/storage/imgs/about/bg.jpg);
    min-height: 30vh;
    background-size: cover;
    background-position: center;
  }


  @media(max-width:768px){
    .area-div{
      background-image: url(/storage/imgs/area/bg1.jpg);
     
    }
  
    .invest-div{
      background-image: url(/storage/imgs/invest/bg1.jpg);
     
    }
    .careers-div{
      background-image: url(/storage/imgs/careers/bg1.jpg);
   
    }
    
    .about-div{
      background-image: url(/storage/imgs/about/bg1.jpg);
     
    }
  
  }
  .vision-div{
    background-image: url(/storage/imgs/about/vision.png);
    min-height: 50vh;
    background-size: cover;
    background-position: center;

  }
  .mission-div{
    background-image: url(/storage/imgs/about/mission.png);
    min-height: 50vh;
    background-size: cover;
    background-position: center;

  }

  .risk-div{
    background-image: url(/storage/imgs/about/risk.jpg);
    min-height: 60vh;
    background-size: cover;
    background-position: center;

  }

  .vision-div-mob{
    background-image: url(/storage/imgs/about/visionmob.png);
    min-height: 50vh;
    background-size: cover;
    background-position: center;

  }
  .mission-div-mob{
    background-image: url(/storage/imgs/about/missionmob.png);
    min-height: 50vh;
    background-size: cover;
    background-position: center;

  }

  .risk-div-mob{
    background-image: url(/storage/imgs/about/riskmob.jpg);
    min-height: 50vh;
    background-size: cover;
    background-position: center;

  }
/*****************************Contact Us*****************************/



.my-input::placeholder {

  color: #ffffff;
  font-weight: 300;
  opacity: .9;
}



.my-input{ 
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0);  
  color: #ffffff;
  font-weight: 200 !important;
  border-bottom-width: 1px; 
  border-bottom-style: solid; 
  border-bottom-color:#ffffff; 
  border-top-style: none; 
  border-right-style: none; 
  border-left-style: none; 

}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.my-input:focus{background-color:rgba(0, 0, 0, 0);
  color: #ffffff; 
  border-bottom-color:#ffffff !important; 

  outline: none !important;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.my-input-ta{border-radius: 0px !important;}
.my-input-sel{
  color: gray !important;
  font-weight: normal;
}
.my-input-sel::after{color: white !important;}
.num-input::-webkit-outer-spin-button,
.num-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.mymodal-open{
  padding-right: 0px !important;
}
 .btn-outline-blue{
     padding: 10px 15px;
     border-color: #ffffff;
     border-radius: 50px;
    padding: 5px 50px;
    color: white !important;
     float: right;
     font-size: 14px;
 }
.contacts-div{
  background-image: url(/storage/imgs/contact/bg.jpg);
}


@media(max-width:991px){
  .contacts-div{
    min-height: 100vh !important;
    background-image: url(/storage/imgs/contact/bg.jpg);
    background-size: cover;
  }
  .my-input{
    margin-top: 20px;
  }
  }