/* @font-face {
    font-family: Dialog;
    src:
      url(fonts/Dialog-Regular.woff) format('woff');
  }
  
  @font-face {
    font-family: Futura;
    src: url(fonts/Futura-Medium.woff) format('woff'),
  }
  
  body {
    background-color: #7D766B;
  } */
a {
    text-decoration: none;
}

li {
    list-style-type: none;
}
body{
    margin: 0;
    color: #fff;
    font-family: poppins;
}
.main{
    max-width: 1920px;
    max-height: 1080px;
    width: 100%;
    height: 100vh;
    /* background: linear-gradient(90deg, #142E8F 0%,#01015C 24%, #01015C 50%, #131580 100%); */
    background: url(images/background.jpg) no-repeat;
    background-size: cover;
    margin: 0 auto;
    padding: 25px 40px;
    box-sizing: border-box;
}
.learn-more-row{
  display: flex;
    height: 100%;
    flex-direction: column;
    /* display: none !important; */
}
@keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}


@keyframes popupFadeIn {
  0% {
      opacity: 0;
      transform: scale(0.5); /* Starts smaller */
  }
  100% {
      opacity: 1;
      transform: scale(1); /* Full size */
  }
}

.learn-more-row img {
  animation: popupFadeIn 1s ease-in-out; /* 0.5 seconds duration */
    opacity: 0;
    animation-fill-mode: forwards; 
    cursor: pointer;
}
.four-points-row{
  display: none;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  flex-direction: column;
}
.four-points-row .logo{
  display: flex;
  justify-content: start;
  width: 100%;
}
.four-points-row .logo img{
  width: 20%;
}
.point1 h4{
  font-size: 28px;
  margin: 10px 0;
}
.bottom-row img{
  width: 4%;
}

/* ------------------------------- */
/* Fade-in pop-in animation */
@keyframes popInFadePoints {
  0% {
      opacity: 0;
      transform: scale(0.8);
  }
  100% {
      opacity: 1;
      transform: scale(1);
  }
}
.point1{
  cursor: pointer;
}
.point1 img{
  transition: linear 0.3s transform;
}
.point1 img:hover{
  transform: scale(1.1);
}
.point1 {
  opacity: 0;
}

.point1.active {
  animation: popInFadePoints 1s ease forwards;
}

.points {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.ar-text{
  display: block;
}
.en-text{
  display: none;
}
.bottom-row img{
  cursor: pointer;
}
/* ----------------------------------service style----------------- */
.services-main{
  display: flex;
  justify-content: space-between;
  height: 100%;
  flex-direction: column;
}
.services-main p{
  font-size: 26px;
}
.logo-services{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottom-para{
  font-size: 30px;
}
.bottom-para span{
  color: #29bfff;
}
/* -----------------------------------slider css----------------------------------- */

.slider {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.slides {
  display: none;
  position: relative;
  text-align: center;
  padding: 20px;
  opacity: 0; /* Start with opacity 0 */
  transition: opacity 1s ease-in-out; /* Transition for fade */
}

.slides img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.slides h2 {
  margin: 15px 0;
  font-size: 2rem;
  color: #333;
}

.slides p {
  font-size: 1.2rem;
  color: #666;
}

.fade-in {
  opacity: 1; /* Fade-in effect */
}

.fade-out {
  opacity: 0; /* Fade-out effect */
}
/* --------------------------------------------------------------------------- */