@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html,body{
    font-family:'Poppins',Verdana, Geneva, Tahoma, sans-serif;
    overflow-x:hidden;
    scroll-behavior:smooth;
}
/*
.Team_members,.Team_member_title {
    opacity: 0;
    transition: opacity 4s ease;
}

.Team_members.fade-in,.Team_member_title.fade-in {
    opacity: 1;
    direction: ltr;
}

.Team_members.fade-out,.Team_member_title.fade-out {
    opacity: 0;
    direction: rtl;
}
*/


/* Apply the fade-in animation to .Team_members */
/*@keyframes fadeIn1 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.form,.form1,.form2 {
    opacity: 0;
    animation: fadeIn1 0.5s ease-in forwards;
    cursor: default;
}
*/

@keyframes top_text_ani{
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.top_text {
    color:white;
    opacity: 0;
    transform: translateX(-50%);
    animation: top_text_ani 1.5s ease-out forwards;
}
/*
.Team_members:hover {
    transform: scale(1.09);
    transition: 0.6s;
    cursor: default;
}
div .social_icon i:hover,div .social_icon_footer i:hover {
    transform: scale(1.3);
    transition: 0.5s;
}
div .social_icon i:active, div .social_icon_footer i:active {
    transform: scale(0.9);
    transition: 0.5s;
}
*/


/* Tooltip container */
.tooltip {
    position: relative;
    width:100%;
    text-align:center;
    align-items: center;
    display:flex;
    justify-content:center;
}
.tooltip .nav_item{
    border-radius:40px;
    padding:2% 15%;
    font-weight:bold;
    font-size:medium;
    margin-left:12%;
    background-color:white;
    color:rgb(4, 189, 4);
}

/* Tooltip text (hidden by default) */
.tooltip .tooltiptext {
    /* visibility: hidden; */
    width: 205px;
    height: max-content;
    background-color:white;
    box-shadow:0px 0px 5px rgba(0,0,0,0.3);
    text-align: center;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    display:flex;
    flex-direction: column;
    gap:8px;
    justify-content:center;
    align-items: center;
    z-index: 1000;
    bottom: -60px; /* Adjust for spacing below the text */
    right:-100%;
    top: 110%;
    opacity:0;
    transition:0.4s ease;
}
.tooltip .tooltiptext .a1{
    background-color:white;
    padding:4% 0%;
    width:100%;
    color:black;
    border-radius:40px;
    font-family:'Poppins',Verdana, Geneva, Tahoma, sans-serif;
    font-weight:bold;
    box-shadow:0px 0px 1px rgba(0,0,0,0.9);
    font-size:small;
}
.tooltip .tooltiptext .a2{
    background-color:rgb(4, 189, 4);
    padding:4% 0%;
    width:100%;
    border-radius:40px;
    color:white;
    font-family:'Poppins',Verdana, Geneva, Tahoma, sans-serif;
    font-weight:bold;
    font-size:small;
}
.tooltip .tooltiptext p{
    font-size:small;
    width:95%;
}
/* Show tooltip text on hover */
/*
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip:active  {
    visibility: visible;
    opacity: 1;
}
*/

.back_home:hover{
    transform: scale(1.03);
    transition: 0.2s;
}
.back_home:active{
    transform: scale(0.8);
    transition: 1s;
}




.loader {
    position: relative;
    width: 75px;
    height: 75px;
    border-radius: 10px;
    margin: 13% auto;
  }
  
  .loader div {
    width: 8%;
    height: 24%;
    background-color: white;
    /* background-color: grey; */
    position: absolute;
    left: 50%;
    top: 30%;
    opacity: 0;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    animation: fade458 1s linear infinite;
  }
  
  @keyframes fade458 {
    from {
      opacity: 1;
    }
    to {
      opacity: 0.25;
    }
  }
  
  .loader .bar1 { transform: rotate(0deg) translate(0, -130%); animation-delay: 0s; }
  .loader .bar2 { transform: rotate(30deg) translate(0, -130%); animation-delay: -1.1s; }
  .loader .bar3 { transform: rotate(60deg) translate(0, -130%); animation-delay: -1s; }
  .loader .bar4 { transform: rotate(90deg) translate(0, -130%); animation-delay: -0.9s; }
  .loader .bar5 { transform: rotate(120deg) translate(0, -130%); animation-delay: -0.8s; }
  .loader .bar6 { transform: rotate(150deg) translate(0, -130%); animation-delay: -0.7s; }
  .loader .bar7 { transform: rotate(180deg) translate(0, -130%); animation-delay: -0.6s; }
  .loader .bar8 { transform: rotate(210deg) translate(0, -130%); animation-delay: -0.5s; }
  .loader .bar9 { transform: rotate(240deg) translate(0, -130%); animation-delay: -0.4s; }
  .loader .bar10 { transform: rotate(270deg) translate(0, -130%); animation-delay: -0.3s; }
  .loader .bar11 { transform: rotate(300deg) translate(0, -130%); animation-delay: -0.2s; }
  .loader .bar12 { transform: rotate(330deg) translate(0, -130%); animation-delay: -0.1s; }