:root{
    --main-color:#003367;
    /* --main-background-color: #b2b984b4; */
    --main-background-color: rgba(102, 118, 184, 0.706);
    --main-font-family: 'Poppins', sans-serif;
    --main-color-opacity:#860a351d;
  }


  /* Home page Css */
  body{
    font-family: "Poppins", sans-serif;
  }

  .home-img2{
    height: 96px;
    width: 90px;
    position: relative;
    top: -50px;
  }
  .det4{
    position: absolute;
    top: 27%;
    left: 58%;
    background-color: var(--main-backgroung-color);
    height: 93px;
    width: 89px;
    align-items: center;
    text-align: center;
    border-radius: 12px;
  }
  .det4 p{
    color: var(--main-color);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: -40px;
  }



  .animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s, transform 1s;
  }
  
  .animate-on-scroll.animate {
    opacity: 1;
    transform: translateY(0);
  }
  



@media(max-width:1000px){
    .home-div1-img{
        display: none;
    }
    .home-div1-txt{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .home-div2-txt{
        font-size: 15px !important;
    }
    .home-div2-txt1{
        font-size: 12px !important;
    }
    .home-div2-btn{
        font-size: 12px !important;
    }
    .contact-div{
      align-items: center;
      text-align: center;
      padding: 0 !important;
    }
    .footer-div{
      text-align: center;
      align-items: center;
      padding: 0 !important;
    }
    .footer-div-section1{
      width: 100% !important;
    }
    .hakeem-srch{
      margin-bottom: 15px;
      padding-top: 0px !important;
      padding-bottom: 0px !important;

      width: 100% !important;
    }
    .hakeem-btn{
      display: flex; 
      flex-direction: row !important; 
      padding: 0 !important;
      margin: 0 !important; 
    }

}

/* Hakeem page Css */




@media(min-width:1000px){

}