.topestarea {
    background: black;  
}
.topestdata p {
  font-size: 13px;
  font-weight: 500;
  color: white;
  margin-top: 12px;
  word-spacing: 2px;
}
.dropbtn {
  background-color: transparent;
  color: white;
  padding: 9px;
  font-size: 16px;
  border: none;
  cursor: pointer;
} 
.dropdown {
  position: relative;
  display: inline-block;
}
.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;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
} 
.dropdown-content a:hover {
  background-color: #f1f1f1
}
.dropdown:hover .dropdown-content {
  display: block;
}
.headcontactdata {
    color: white;
    font-size: 15px;
    margin-top: 9px;
    text-align: end;
    display: flex;
}
.headcontactdata .headcontacticon {
  margin: 1px;
  color: white;
  padding: 6px 8px;
  border-radius: 50px;
  margin-top: -2px;
}
.headicontext {
  color: white;
}
.headicontext:hover {
  color: white;
  text-decoration: none;
}
.topestdropdown {
  width: 115px;
}
.curencybox {
  background: transparent;
  color: white;
  border: none;
  font-size: 16px;
  margin-bottom: -10px;
  margin-top: 2px;
}
option.dropdatacolor {
  color: black;
  font-size: 14px;
}
.curencybox:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 0%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 0%);
}
.earth {
  color: white;
  font-size: 19px;  
  margin-top: 9.5px;
}




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

.topestdata {
  text-align: center;
}
.topestdropdown {
  width: 115px;
  margin-left: 0px;
}
.topestdata p {
  font-size: 13px; 
  margin-top: 0px;
}
.headcontactdata {
  text-align: left;
  margin-bottom: 15px;
}



}
section{width:100%; float:left;}

.banner-section{
background-size:cover; height: 245px; margin-top: 133px; left: 0; position: absolute; top: 0; background-position:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

.post-title-block{
    padding:55px 0;
}

.post-title-block h1 {color: #fff; font-size: 38px; font-weight: bold; text-transform: capitalize;}
.post-title-block li{font-size:20px; color: #fff;}
.image-block{float:left; width:100%; margin-bottom:10px;}
.footer-link{float:left; width:100%; background:#222222; text-align:center; padding:30px;}
.footer-link a{color:#A9FD00; font-size:18px; text-transform:uppercase;}

@media only screen and (max-width : 768px) {
    .banner-section {
        height: 500px; 
    }
    
}