td {

color: #606060;
    display: table-cell;
    font-size: 14px;
    height: 48px;
    vertical-align: middle;
    padding: 8px;
    text-align: left;
 border-bottom: 1px solid #ddd;
border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
 border-left: 1px solid #ddd;
    font-family: Arial,Helvetica,sans-serif;
}
th{
 padding: 8px;
    text-align: left;
 border-bottom: 1px solid #ddd;
v-align: middle;
	font-color: white;
    background-color: #6ebede; 
}
.tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #efefef;
	background-color: #e8f8ff; 
  
}
.input {
  position: absolute;
  opacity: 0;
}
.label {
  width: 100%;	
  padding: 20px 15px 20px;
 background: #e5e5e5;
	background: #fff;
    color: #5dabcb;
 
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  
  transition: background 0.1s, color 0.1s;
	border-left: 1px solid #5dabcb;
    border-radius: 6px 6px 0 0;
    border-right: 1px solid #5dabcb;
    border-top: 1px solid #5dabcb;
    border-bottom: 1px solid #5dabcb;
    color: #5dabcb;
   
    float: left;
    font-family: nunito,sans-serif;
   

    font-weight: 400;
    line-height: 14px;
    margin: 2px;
    outline: none;
    
    text-align: center;
    
	
}
input[type=radio]:not(old)+label {
margin-left:0em; 
}

.label:hover {
  background: #5dabcb;
  color: #fff;
}

.label:active {
  background: #5dabcb;
  color: #fff;
}

.input:focus + .label {
  box-shadow: inset 0px 0px 0px 3px #2aa1c0;
  z-index: 1;
}

.input:checked + .label {
  background: #5dabcb;
  color: #fff;
}

@media (min-width: 600px) {
  .label {
    width: auto;
  }
}
.panel {
  display: none;
  padding: 0px 0px 20px;
  background: #fff;
	width: 100%;
}

@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}

.input:checked + .label + .panel {
  display: block;
}
.btn-sm {
border-radius: 6px;
    color: #007aa1;
    font-size: 13px!important;
    height: 30px;
    line-height: 22px;
    padding: 4px 2px;
    width: 88px;
	background: #ebebeb;
    margin: 2px;
	
    }
.btn-sq-lg {
  width: 130px !important;
  height: 100px !important; font-size: 15px; font-weight:500; vertical-align: middle; padding: 5px !important;
    box-sizing: border-box; background-color: #fff; color: #4a4a4a; 
}



.btn-sq-sm {
  width: 130px !important;
  height: 70px !important;
  font-size: 14px; vertical-align: middle; padding: 10px !important
; background-color: #fff; color: #4a4a4a;}


.bg-image {
  /* The image used */
  background-image: url("pakistan.webp");

  /* Add the blur effect */
  filter: blur(4px);
  -webkit-filter: blur(4px);

  /* Full height */
  max-width: 100%;
  min-height:320px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Position text in the middle of the page/image */
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.75); /* Black w/opacity/see-through */
  color: white;
  font-weight: 400;
  border: 2px solid #f1f1f1;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 90%;
  padding: 10px;
  text-align: left;
	vertical-align:middle;
}