ul {
  margin:0;
  padding:0;
  text-decoration:none;
  list-style:none;
}
li {
  padding:0;
  margin:0;
}
nav {
  text-align:center;
  width:100%;
  position:relative;
  height:auto;
  
}
nav ul {
  text-align:center;
}
nav ul li {
  display:inline-block;
}
nav ul li a {
  color:#333;
  display:inline-block;
  padding:1em 3em;
  text-decoration:none;
  border-bottom:2px solid #fff;
  transition-property:all .2s linear 0s;
  -moz-transition:all .2s linear 0s;
  -webkit-transition:all .2s linear 0s;
  -o-transition:all .2s linear 0s;
  font-size:16px;
}
nav ul li a:hover {
  color: #34B484;
}
/*styling open close button*/
header.sticky .button{top: -25px;}

header .button {
  display:inline;
  position:absolute;
  right:0px;
  top: -40px;
  z-index:999;
  font-size:30px;
}
header .button a {
  text-decoration:none;
}
.btn-open:after {
  color:#fff;
  content:"\f0c9";
  font-family:"FontAwesome";
  transition-property:all .2s linear 0s;
  -moz-transition:all .2s linear 0s;
  -webkit-transition:all .2s linear 0s;
  -o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
  color:#34B484;
}
.btn-close:after {
  color:#fff;
  content:"\f00d";
  font-family:"FontAwesome";
  transition-property:all .2s linear 0s;
  -moz-transition:all .2s linear 0s;
  -webkit-transition:all .2s linear 0s;
  -o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
  color: #34B484;
}
/*overlay*/
.overlay {
  display:none;
  position:fixed;
  top:0;
  left: 0;
  height:100%;
  width:100%;
  background:rgba(0, 80, 155, .99);
  overflow:auto;
  z-index:99;
}
.wrap{color:#e9e9e9;text-align:center;max-width:90%;margin:0 auto}
.wrap ul.wrap-nav{border-bottom:1px solid #3a5ea1;text-transform:capitalize;padding:150px 0 100px}
.wrap ul.wrap-nav li{font-size:20px;display:inline-block;vertical-align:top;position:relative;text-align:left}
.wrap ul{padding:0 14px}
.wrap ul.wrap-nav ul li{padding:0 0}
.wrap-nav li{padding:0 35px}
.wrap ul.wrap-nav li a{font-weight: 600;color:#fff;display:block;padding:8px 0;text-decoration:none;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}
.wrap ul.wrap-nav li a:hover{color:#63c5c1}
.wrap ul.wrap-nav ul{padding:10px 0}
.wrap ul.wrap-nav ul li{display:block;font-size:13px;width:100%;color:#e9e9e9}
.wrap ul.wrap-nav ul li a{color:#f0f0f0}
.wrap ul.wrap-nav ul li a:hover{color:#34b484}
.social{font-size:25px;padding:20px}
.social p{margin:0;padding:20px 0 5px 0;line-height:30px;font-size:13px}
.social{font-size:25px;padding:20px}
.social p{margin:0;padding:20px 0 5px 0;line-height:30px;font-size:13px}
.social-icon{width: 55px; padding: 10px 0px;background:#63c5c1;color:#fff;display:inline-block;margin:0 20px;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}
.social-icon:hover{background:#034598;color:#fff}
.social-icon i{margin-top:12px}
/*.row {*/
/*         display: flex;*/
/*         flex-wrap: wrap;*/
/*         gap: 10px;*/
/*         justify-content: center;*/
/*         padding: 20px;*/
/*      }*/
      .mm-columns__item {
         display: inline-block;
         width: 200px;
         height: 150px;
         overflow: hidden;
      }
      .mm-columns__img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         cursor: pointer;
         transition: transform 0.3s;
      }
      .mm-columns__img:hover {
         transform: scale(1.1);
      }
      /* Popup Styles */
      .popup-overlay {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.8);
         z-index: 1000;
         justify-content: center;
         align-items: center;
      }
      .popup-content {
         position: relative;
         max-width: 90%;
         max-height: 90%;
         background: #fff;
         padding: 10px;
         border-radius: 8px;
         overflow: hidden;
      }
      .popup-content img {
         max-width: 100%;
         max-height: 100%;
         display: block;
         border-radius: 5px;
      }
      .popup-close {
         position: absolute;
         top: 10px;
         right: 10px;
         font-size: 24px;
         color: #fff;
         background: rgba(0, 0, 0, 0.5);
         padding: 5px 10px;
         border: none;
         cursor: pointer;
         border-radius: 50%;
         outline: none;
      }
      .popup-close:hover {
         background: rgba(0, 0, 0, 0.8);
      }