

input#sultan {
    color: black;
}

input[type=text1] {
  width: 300px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-image: url('searchicon.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;

}

body{

font-family: 'Noto Kufi Arabic', sans-serif;
font-size: 17px
}

p{

font-size: 17px
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { 
font-size: 24px;
color: #606874;
 }
.material-icons.md-36 { font-size: 36px; color: #606874; }
.material-icons.md-48 { font-size: 48px; }
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


.flag {
  border-radius: 4px;
  border: 1px solid #dee2e6;
  margin-bottom: 10px;
  padding: 5px;
}

.flag-country {
  width: 100%;
  -border-bottom: 1px solid #e9ecef;
}

.flag-img {
  width: 25%;
  aspect-ratio: 4 / 3;
  border: 1px solid #e9ecef;
  -border-radius: 2px;
  overflow: hidden;
}

.flag-code {
  color: #adb5bd;
  margin-right: 4px;
  font-size: 0.9em;
}

a{
	target:_blank;
	 text-decoration: none;
	 color:#5197a1;
}


.height {
    height: 10vh
}

.search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

.search input {
    height: 60px;
    text-indent: 25px;
    border: 2px solid #d6d4d4
}

.search input:focus {
    box-shadow: none;
    border: 2px solid #8d8686;
}

.search .fa-search {
    position: absolute;
    top: 20px;
    left: 106px
}

.search button {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 50px;
    width: 110px;
    background: black;
}