*{

    margin: 0;

    padding: 0;

    font-family: Arial, Helvetica, sans-serif;

}



.topbar{

    background-color: rgb(222, 219, 219);

    width: 100%;

    height: 40px;

}





.trapezoid-banner {

  /* Dimensions */

  width: 500px;

  height: 30px;

 

  /* Styling */

background-color: rgb(186, 183, 183);

  display: flex;

  align-items: center;

  padding-left: 20px;

  font-family: sans-serif;

  font-weight: bold;

  font-size: 15px;

  margin-top: 10px;



  /* The Shape Logic */

  /* Points: Top-Left, Top-Right-In, Bottom-Right-Out, Bottom-Left */

  clip-path: polygon(0% 0%, 85% 0%, 93% 95%, 0% 96%);

}

.sociallogo{

  margin: 10px 5px;

  width: 20px;

  height: 20px;

  border-radius: 50%;

}



.login{

  margin: 10px 5px;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  float: right;

  margin-right: 50px;

}



.topbarbox{

    width: 100%;

    height: 100px;

    border: 1px solid;

    display: flex;

    border: none;

}

.logobox{

    width: 20%;

    height: 100px;

    border: 1px solid;

    border: none;

    float: left;

    overflow: hidden;

}



.logo{

    width: 80%;

    height: 80%;

    padding: 15px;

}



/*Text animation*/



.titlebox{

    width: 50%;

    height: 100px;

    border: 1px solid;

    float: left;

    overflow: hidden;

    border: none;

}



.container{

    margin-top: 30px;

}

.animate-charcter{

    text-transform: uppercase;

    background-image: linear-gradient(

      -225deg,

    #231557 0%,

    #44107a 29%,

    #ff1361 67%,

    #f0e807 100%

  );

 

  background-size: auto auto;

  background-clip: border-box;

  background-size: 200% auto;

  color: #fff;

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  animation: textclip 4s linear infinite;

  text-align: center;

  margin-top: 5px;

  font-size: 20px;



}



@keyframes textclip {

  to {

    background-position: 200% center;

  }

}

/*Text animation closed*/



.emergencybox{

    width: 15%;

    height: 100px;

    border: 1px solid;

    text-align: center;

    align-content: center;

    float: left;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

    border: none;

}

.immlogo{

    width: 120px;

    height: 90px;

    margin-top: 2px;

    border: none;

}





.medcheck:hover{

    background-color: #e80d0a;  

}





.medcheck{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    background: linear-gradient(135deg, #0b8f36, #056923);

    color: #fff;

    text-decoration: none;

    border: none;

    padding: 4px 30px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0.5px;

    cursor: pointer;

    border: none;

}



.medcheck:hover{

    background: linear-gradient(135deg, #ff3b30, #d90429);

      font-weight: 700;

}









.menubar{

    background-color: #056923;

    width: 100%;

    height: 40px;

    border: 1px solid;

    border-color:#9c91a8 ;

    position: absolute;

    box-shadow: 0px 0px 2px 0px chartreuse;

   

}



ul{

  list-style-type: none;

  display: inline;

}

ul li a{

  width: 125px;

  text-decoration: none;

  display: inline;

  margin: auto;

  float: left;

  margin: 10px 2px;

  color: white;

  margin-left: 10px;

  text-align: center;



}



ul li a:hover{

  text-decoration: underline;



}





/* Slideshow container */

.slider{

    background-color: #a6a3b3;

    margin-top: 42px;

    width: 100%;

}

.slideshow-container {

    width: 100%;

    position: relative;

    margin: auto;

    overflow: hidden;

    margin-top: 3px;

  }

  /* The dots/bullets/indicators */

  .dot {

    height: 15px;

    width: 15px;

    margin: 0 2px;

    background-color: #d60707;

    border-radius: 50%;

    display: inline-block;

    transition: background-color 0.6s ease;

  }

 

  .active {

    background-color: #717171;

  }



  /* Fading animation */

  .fade {

    animation-name: fade;

    animation-duration: 5.5s;

  }

  .sliderimages{

    width: 100%;

    height: 350px;

  }

 

  @keyframes fade {

    from {opacity: .4}

    to {opacity: 1}

  }

 

  /* On smaller screens, decrease text size */

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

    .text {font-size: 11px}

  }

  /*all slider closed*/



 

.left_side_box{

  width: 100%;

  height: 180px;

  border: 1px solid;

  border: 0;

  margin-top: 1px;

}



 .marquee-vertical-container {

    background-color: rgb(222, 219, 219);

    width: 30%;

    height: 140px;

    overflow: hidden;

    border: 1px solid #ccc;

    position: relative;

    background-color: #f7f7f7;

    margin: auto;

    margin-top: 20px;

    text-align: center;

    float: left;

    margin-left: 30px;

    box-shadow: 0px 0px 10px 0px;

    cursor: pointer;

  }



  .marquee-vertical-text {

    position: absolute;

    bottom: -50px; /* start below container */

    width: 100%;

    text-align: center;

    font-family: 'Georgia', serif;

    font-size: 20px;

    color: #1a73e8;

  }



.scarch_card{

  background-color: rgb(222, 219, 219);

  width: 30%;

  height: 140px;

  border: 1px solid;

  margin: auto;

  margin-top: 20px;

  text-align: center;

  float: left;

  margin-left: 30px;

  box-shadow: 0px 0px 10px 0px;

  cursor: pointer;

}



.head_text{

  text-align: center;

  padding: 5px;

  border-radius: 10px 10px 0px 0px;

  margin-bottom: 10px;

}



.input_box{

  width: 90%;

  height: 40px;

  border: 1px solid;

  margin: auto;

}



input[id=passport_no]{

  background-color: rgb(210, 212, 207);

  width: 100%;

  height: 100%;

  font-size: 18px;

  font-weight: 600;

  outline: 0;

  border: 0;

  padding: 10px;

  text-align: center;

}



.btn{

  background-color: goldenrod;

  width: 150px;

  height: 40px;

  border: 0;

  margin-top: 5px;

  font-size: 18px;

  font-weight: 600;

}



.btn:hover{

  background-color: blue;

  border: 0;

  color: white;

  font-size: 18px;

  font-weight: 600;

}

.right_side_box{

  background-color: rgb(75, 75, 77);

  width: 35%;

  height: 180px;

  border: 1px solid;

  border: 0;

  float: left;

  margin-top: 1px;

 

}







.notic{

  width: 33%;

  height: 95px;

  border: 1px solid;

  border-radius: 0px 0px 10px 10px;

  color: white;

  padding: 5px;

  margin-left: 5px;

  box-shadow: 0px 0px 10px 0px;

}



.mission_new{

  width: 95%;

  height: 185px;

  border: 1px solid;

  margin: auto;

  box-shadow: 0px 0px 10px 0px;

  margin-bottom: 20px;

  margin-top: 20px;

  overflow: hidden;

  margin-top: 10px;

}



.mission{

  width: 95%;

  height: 250px;

  border: 1px solid;

  margin: auto;

  box-shadow: 0px 0px 10px 0px;

  margin-bottom: 20px;

  margin-top: 20px;

  overflow: hidden;

}



.imgbox{

  width: 40%;

  height: 100%;

  border: 1px solid;

  float: left;

  border-radius: 10px;

  border: 0;

}

.textbox{

  width: 59%;

  height: 100%;

  border: 1px solid;

  float: left;

  border-radius: 10px;

   border: 0;

}



  .imgboxalint{

    width: 100%;

    height: 100%;

  }



h2{

  background-color: #e1e1e1;

  width: 35%;

  height: 30px;

  font-size: 16px;

  margin-left: 30px;

  align-content: center;

  padding-left: 10px;

  box-shadow: 0px 0px 10px 0px;

  border: 0;

  margin-top: 10px;

  margin-bottom: 10px;

  border-radius: 0px 10px 0px 0px;

}

h3{

  padding: 15px;

  text-align: justify;

  padding-left: 10px;



}





.country_box{

  width: 90%;

  height: 230px;

  border: 1px solid;

  border-color: white;

  margin: auto;

}

.country{

  background-color: #0d032e;

  width: 10%;

  height: 90px;

  float: left;

  margin-top: 1%;

  margin-left: 1%;

  border-radius: 10px;

  cursor: pointer;

  box-shadow: 0px 0px 5px 0px;





 

}



.country_alint{

  width: 100%;

  height: 100%;

  border-radius: 12px;

}



.address{

  width: 100%;

  height: 250px;

  border: 1px solid;

  border: 0;

}



.letf{

  width: 32%;

  height: 100%;

  border-color: white;

  margin-top: 10px;

  float: left;

  margin-left: 12px;

  text-align: center;

  font-size: 14px;

  font-weight: 600;

}

.mid{

  width: 32%;

  height: 95%;

  border-color: white;

  margin-top: 10px;

  float: left;

  margin-left: 10px;

  text-align: center;

  font-size: 14px;

  font-weight: 600;

}



.right{

  width: 32%;

  height: 95%;

  border-color: white;

  margin-top: 10px;

  float: left;

  margin-left: 10px;

}





.address_box{

  width: 93%;

  height: 200px;

  border: 1px solid;

  border-radius: 0px 0px 10px 10px;

  padding: 5px;

  margin-left: 5px;

  box-shadow: 0px 0px 10px 0px;

  text-align: center;

}



p{

  line-height: 18px;

  margin-top: 5px;

}





.footer{

  background-color: rgb(6, 133, 16);

  width: 100%;

  height: 50px;

  margin-bottom: 10px;

  border: 0;

  text-align: center;

 align-content: center;

 color: white;

 font-size: 18px;

 font-weight: 600;

 font-style: italic;

}



.right_head_text{

  width: 100%;

  height: 30px;

  background-color: rgb(6, 133, 16);

  align-content: center;

  color: white;



}