*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*.Bangladesh{
  border: 1px solid black; width: 100%; height: 50px; border-radius: 15px; background-color: blue;
}

.Dhaka{
   width: 80%; height: 50px; margin-left: 150px; border-radius: 15px; background-color: blue;
}
.Narsingdi{
  border: 1px solid #22438C; width: 50%; height: 50px; float: left; margin-top: 30px; background-color: #22438C;
  }

.Palash{
  border: 1px solid #22438C; width: 49.6%; height: 50px; float: left; margin-top: 30px; background-color: #22438C;
  }

 .Khulna{
   border: 1px solid black; width: 100%; height: 180px; border-radius: 15px; 
}*/

.fa-facebook-f
{
  font-size: 20px;
  color: skyblue;
}
.fa-whatsapp
{
  font-size: 20px;
  color: skyblue;
}
.fa-youtube
{
  font-size: 20px; color: skyblue;
}

.fa-house
{
  font-size: 20px; color: skyblue;
}
/* Image sliding */

.slider{
    /*width: 100%; height: 300px; overflow: hidden;*/
    }

figure{
    position: relative;
    left: 0;
    width: 400%; /* width dikali slide */
    animation: 30s slide infinite;
}

.slide{
    position: relative;
    width: 25%; /* width dibagi slide */
    float: left;
}

.slide h3{
    position: absolute;
    font-size: 1em;
    width: 50%;
    text-align: center;
    margin-top: 0px;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.slide img{
    margin-top: 2px;
    width: 95%;
    height: 310px;
    margin-left: 25px;
}

@keyframes slide{
    0%{
        left:0;
    }
    10%{
        left:0;
    }
    20%{
        left:-100%;
    }
    30%{
        left:-100%;
    }
    40%{
        left:-200%;
    }
    50%{
        left:-200%;
    }
    55%{
        left:-300%;
    }
    65%{
        left:-300%;
    }
    66%{
        left:-200%;
    }
    74%{
        left:-200%;
    }
    75%{
        left:-100%;
    }
    85%{
        left:-100%;
    }
    90%{
        left:0;
    }
    100%{
        left:0;
    }
}

/* Image sliding End */

/*NEW NEW Navigation 
*{
  font-family: Arial, Helvetica, sans-serif;
}*/

.navbar {
  overflow: hidden;
  background-color: #ebedef;
  font-family: Times New Roman;
  margin-top: 5px;

}

.navbar a {
  float: left;
  font-size: 14px;
  color: blue;
  text-align: center;
  padding: 6px 8px;
  text-decoration: none;
  background-color:#ebedef;
}

.dropdown {
  float: left;
  overflow: hidden;
}


.dropdown .dropbtn {
  font-size: 15px;  
  border: none;
  outline: none;
  color: blue;
  padding: 4px 8px;
  background-color: inherit;
  font-family: arial;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #dd9911;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-family: Times New Roman;
}

.dropdown-content a {
  float: none;
  color: blue;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #dd9911;
}

.dropdown:hover .dropdown-content {
  display: block;
   background-color: ;
}

/*  old old old
ul {
list style: none; background: #f0f0f0; float: left;
} 
/*li:before{
    content: “❤”"\2764" “√” (U+221A; }*/
/*ul li {
display: inline-block; position: relative;
} 
ul li a {
display: block; padding: 5px 15px; color: #00000; text-decoration: none; text-align: center; font-size: 18px;
} 
ul li a:hover {
background: yellow; color: black;
}*/