*
{
	padding: 0;
	margin: 0;
}
/*@import url('https://fonts.googleapis.com/css?family=roboto+mono&display=swap');*/
/*body{
    font-family: 'roboto mono', monospace;
}*/
html {
  scroll-behavior: smooth;
}
h5 a
{
    color:white;
}
.top-header
{
	background-color: #bc1e1f;
	color: white;
	padding-top: 7px;
	padding-bottom: 7px;
}
.fa-brands
{
	font-size: 22px;
	padding-left: 5px;
	color: white;
	transition: 0.5s all ease-in-out;
}
.fa-brands:hover
{
/*	text-shadow: 0 0 10px white;*/
}
.fa-facebook:hover
{
	color: #3b5998;
}
.fa-instagram:hover
{
	color: rgb(233, 89, 80);
}
.fa-whatsapp:hover
{
	color: green;
}
.fa-youtube:hover
{
	color: #FF0000;
}
.menu-header
{
	background-color:#ffffff;
	width: 100%;
}
.main-menu .menu-item
{
    color: #0e0e0e;
    font-weight: 600;
    padding-left: 5px;
    font-size:18px;
    text-decoration-line: none;
    /*border-right: 1.5px solid black;*/
    padding: 4px;
    transition: 0.5s all ease-in-out;
    margin-right:15px;

}
.main-menu .menu-item:hover
{
    text-shadow: 0 0 10px #bc1e1f;
    color:#bc1e1f ;
}
.logo-image img
{
    width:300px;
    height:6rem;
    margin-left:20px;
}
@media only screen and (max-width: 600px) {
    .top-header
    {
        display: none;
    }
  .main-menu {
    background-color: #bc1e1f;
    padding: 3px;

  }
  .main-menu .menu-item
  {
    color: whitesmoke;
    border-right:1.5px solid whitesmoke ;
  }
  .main-menu .menu-item:hover
  {
    text-shadow: 0 0 10px #FFFDD0 ;
    color:white ;
  }
  .hero-img
  {
    display: none;
  }
  footer
  {
      height:60px;
  }
}

@media only screen and (min-width: 600px) {
   #hero
   {
       width:100%;
       /*height: 55vh;*/
   }
}

#hero
/*linear-gradient(*/

/*        to right,*/
/*        rgba(74, 83, 195, 0.6),*/
/*        rgba(51, 51, 153, 0.6)*/
/*    ),*/
{
    width: 100%;
    height: 85vh;
    padding-top: 30px;
    background: url(img/el-ban.png);
    background-size: cover;
    background-position: center center;
    /*background-attachment: fixed;*/
    clip-path: polygon(
        0 0,

        100% 0,
        100% 80%,
        50% 100%,
        0 80%
    );
    position: relative;
}


.text h2 , h4 ,h5
{
    color: floralwhite;

}
button {
    font: 22px Arial;
    display: inline-block;
    padding: 10px;
    text-align: center;
    color: red;
    background: red; 
    
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, transparent 50%, #d6338494 50%) right;
    background-size: 200%;
    transition: .2s ease-out;
    border:1px solid #0e0e0e;
    
}

button:hover {
    background-position: left;
    color:floralwhite ;
}
.text-and-img
{
    background: rgba(0, 0, 4, 0.28);
    text-shadow: 0 0 10px #FFFDD0 ; 
}
#about
{
    margin-top: 50px;
}
#why-us
{
     margin-top: 50px;
    width: 100%;
    height: auto;
    padding-top: 30px;
    background:  url(img/bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    clip-path: polygon(
        0 0,

        100% 0,
        100% 80%,
        50% 100%,
        0 80%
    );
    position: relative;

}


/*counter css*/
.why-us-counter
{
    padding-bottom: 100px;
}
#why-us h1
{
    color: floralwhite;
}

.counter-box
{
    margin-top: 20px;
    background-color: floralwhite;
    padding-top: 40px;
    padding-bottom: 40px;
    transition: 0.5s all ease-in-out;
}

.counter-box:hover
{
    box-shadow: 0 0 10px floralwhite;
    background-color: black;
    color: floralwhite;
}

.counter-box .fa-landmark-flag
{
    padding: 5px;
    color:green;
}
.counter-box .fa-tv
{
    padding: 5px;
    color:cadetblue;
} 
.counter-box .fa-user-nurse
{
    padding: 5px;
    color:orangered;
}
.counter-box .fa-star
{
    padding: 5px;
    color:goldenrod;
} 

/*services*/

#serivces 
{
    margin-top: 50px;
    margin-bottom: 20px;
}
.news-item{
    margin-top: 30px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.news-item img{
    width: 100%;
}

.news-item:hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .12);
   box-shadow: 0 0 10px black;

}

.news-item .news-text-box{
    padding: 30px;
    background-color: #fff;
}

.news-item .date{
    font-weight: 400;
    color: #00b7ff;
    transition: .3s ease;
}

.news-item:hover .date, .news-item:hover .author .author-name {
    color: #bc1e1f;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.news-item:hover .news-title {
    color: #00b7ff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.news-item .news-title{
    font-size: 18px;
    font-weight: 500;
    color: #bc1e1f;
    margin: 10px 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

.news-item .author{
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin-bottom: 10px;
}

.news-item .author > img{
    max-width: 50px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 15px;
}

.news-item .author .author-name{
    margin: 0;
    font-size: 15px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-style: italic;
    font-family: Roboto, sans-serif;
}

.news-item .news-text-box .para {
    font-size: 16px;
    color: #9fa4af;
}

/*common issue*/
#common-issue
{
    margin-top: 50px;
    width: 100%;
    height: auto;
    padding-top: 30px;
    background: url(img/hero-bg.jpeg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    clip-path: polygon(
        0 0,

        100% 0,
        100% 80%,
        50% 100%,
        0 80%
    );
    position: relative;
}
#common-issue h1
{
    margin-bottom: 40px;
    color: floralwhite;
}
.common-issue-box
{
    background-color: ghostwhite;
    
    padding-top: 40px;
    padding-bottom: 40px;
    transition: 0.5s all ease-in-out;
}
.common-issue-box:hover
{
    box-shadow: 0 0 10px ghostwhite;
    /*color: ;*/
}

.common-issue-box h4
{
    margin-top: 30px;
    color: black;
}
.common-issue-box .image img
{
      transition: 0.5s all ease-in-out;
}

.common-issue-box .image img:hover
{
    transform: scale(1.5);
    box-shadow: 0 0 10px #bc1e1f;
    opacity: 1;
}
#faq
{
    margin-bottom: 40px;
}
#faq h1
{
    margin-top: 40px;
    margin-bottom: 40px;
    color: black;
}
#contact-us h1
{
    color: floralwhite;
}
#contact-us
{
   width: 100%;
    height: 120vh;
    /*padding-top: 30px;*/
    margin-bottom:30px;
     background:  url(img/bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    clip-path: polygon(
        0 0,

        100% 0,
        100% 80%,
        50% 100%,
        0 80%
    );
    position: relative;
}
.c-info input
{
    border:none;
    outline: focusnone;
    background: transparent;
    border-bottom: 1.5px solid black;
    padding: 5px;
    color: floralwhite;
}
.contact-info
{
    padding: 30px;
    width: 100%;
    height: 73vh;
    background: rgba(0, 0, 4, 0.28);
    text-shadow: 0 0 10px #FFFDD0 ; 
    margin-bottom: 50px;
}
::placeholder 
{ 
  color: floralwhite;
  opacity: 1;
}
.c_message input
{
      border:none;
    outline: none;
    background: transparent;
    height: 100px;
    border-bottom: 1.5px solid black;
    padding: 5px;
    color: floralwhite;
}
.counter-container .counter-body 
    {
      text-align: center;
      padding: 50px;
      font-family: 'roboto mono', monospace;
      font-weight: bold;
      background-color:rgb(18 17 17 / 27%);
      margin-top: 10px;
      transition: 0.5s all ease-in-out;
/*    text-shadow: 0 0 10px palegoldenrod ; */
    }
.counter-container .counter-body:hover
    {
          
      text-shadow: 0 0 10px palegoldenrod ; 
      box-shadow: 0 0 10px floralwhite ;
      background-color:floralwhite;
    }
.counter
    {
       margin-top: 10px;
       font-size: 30px;
    }
    
    
    
.button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.rounded {
  border-radius: 20px;
  border: 2px solid #fea104;
  color: #9b59b6;
  background-color: #fff;
}

.rounded:hover {
  background-color: #9b59b6;
  color: #fff;
}

footer a{
    text-decoration:none;
    color:#fcb903;
}

.news-item .date{
    text-decoration:none;
    color:#fcb903;
}