@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Calibri";
  src: url("./fonts/CalibriRegular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/CalibriRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/CalibriRegular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/CalibriRegular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/CalibriRegular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/CalibriRegular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/CalibriRegular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
   html, body {
     overflow-x: hidden;
   }
body {font-family: 'Calibri', serif; font-size:16px; -webkit-font-smoothing: antialiased;}
h1{ font-size:22px; line-height:24px; margin:0; padding:0;}
h2{ font-size:22px; line-height:24px; margin:0; padding:0; }
h1,h2,h3,h4{font-family: 'Calibri'; }

.title h1{ margin: 40px auto; font-family: 'Calibri', serif; font-size: 40px; 	color: #7e9916;
background-color: #ffffff;
text-shadow: #FFF 1px 3px 0, #faa401 1px 13px 5px;
}


.menu-bg{ background:purple; margin:0 0 1px 0; padding:0;}
#nav-auto{ width:100%; margin:0px auto; background:none;}
.clr{clear:both; }

.logo{ padding:0px 30px; margin: 0; height: 130px;}
.logo{background:url(../images/GHMC_BG.png)#036 center repeat-x;
  display:block;
  }
    .logo img {
        padding: 0;
        margin: 0;
        width: auto;
        margin-left: 120px;
    }

.logohmda {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; /* Aligns the inline content (like text) to the center */
}

    /* Optional: If you want to limit the width of the container */
    .logohmda img {
        max-width: 100%; /* Adjust as needed */
        height: auto;
    }
/*-- slide --*/
.bannerbg {
    background-image: url('../images/banner4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    font-family: 'Numans', sans-serif;
    background-repeat: repeat-x;
    animation: slideleft 20000s infinite linear;
    -webkit-animation: slideleft 20000s infinite linear;
    position: relative;
}

.banner{align-content: center;}

@keyframes slideleft {
    from {
        background-position: 0%;
    }
    to {
        background-position: 90000%;
    }
}

@-webkit-keyframes slideleft {
    from {
        background-position: 0%;
    }
    to {
        background-position: 90000%;
    }
}

.card{width: 35%; background-color: rgba(0,0,0,0.5) !important;}
.card-header { padding: 5px 10px;}
.card-header h3{color: white; font-size: 25px;}
.card-body {padding: 10px 15px;}
.card-body input{border-radius: 12px;}
input:focus{outline: 0 0 0 0  !important;box-shadow: 0 0 0 0 !important;}

.remember{color: white;}

.remember input{width: 20px;height: 20px;margin-left: 15px;margin-right: 5px;}

.login_btn{color: #fff;background-color: #17a2b8;width: 100px;}

.login_btn:hover{color: black;background-color: white;}

.links{color: white;}

.links a{margin-left: 4px; color: #faaa32;}


/*-- //slide --*/
section {
  width: 100%;
  height: 50vh;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
}
.slide-image {
  position: absolute;
  top: -200px;
  left: -200px;
  width: calc(100% + 400px);
  height: calc(100% + 400px);
  background-position: 50% 50%;
  background-size: cover;
}
.slide-title {
  font-size: 40px;
  line-height: 1;
  max-width: 20%;
  white-space: normal;
  word-break: break-word;
  color: #000;
  z-index: 100;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
@media (min-width: 45em) {
  .slide-title {
    font-size: 45px;
    max-width: none;
  }
}
.slide-title span {
  white-space: pre;
  display: inline-block;
  opacity: 0;
}

.slideshow {
  position: relative;
}
.slideshow-pagination {
  position: absolute;
  bottom: 5rem;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: .3s opacity;
  z-index: 10;
}
.slideshow-pagination-item {
  display: flex;
  align-items: center;
}
.slideshow-pagination-item .pagination-number {
  opacity: 0.5;
}
.slideshow-pagination-item:hover, .slideshow-pagination-item:focus {
  cursor: pointer;
}
.slideshow-pagination-item:last-of-type .pagination-separator {
  width: 0;
}
.slideshow-pagination-item.active .pagination-number {
  opacity: 1;
}
.slideshow-pagination-item.active .pagination-separator {
  width: 10vw;
}
.slideshow-navigation-button {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 5rem;
  z-index: 1000;
  transition: all .3s ease;
  color: #000;
}
.slideshow-navigation-button:hover, .slideshow-navigation-button:focus {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.slideshow-navigation-button.prev {
  left: 0;
}
.slideshow-navigation-button.next {
  right: 0;
}
.innerpagepadding {
    padding: 0 10px;
}

.pagination-number {
  font-size: 30px;
  color: #fff;
  font-family: 'Oswald', sans-serif;
  padding: 0 0.5rem;
}

.pagination-separator {
  display: none;
  position: relative;
  width: 40px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
  transition: all .3s ease;
}
@media (min-width: 45em) {
  .pagination-separator {
    display: block;
  }
}
.pagination-separator-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transform-origin: 0 0;
}

/*
a {color: #f7921a;text-decoration: none;-webkit-transition: all 0.2s;transition: all 0.2s;}

a:focus, a:hover {color: #f7921a;text-decoration: none;}

a:focus {outline: none;text-decoration: none;}

p {line-height: 26px;margin-bottom: 0;}

ul, li {margin: 0;padding: 0;list-style: none;}

fieldset {border: 0 none;margin: 0 auto;padding: 0;}*/

.aboutbg{background: url(../images/services-bg.png) top left repeat; padding-bottom:30px; }
.htabg{background: url(../images/how-to-apply.jpg) no-repeat center center #f6f6f6;}
.faqBg{background: url(../images/bg-services.jpg) no-repeat center center #f6f6f6;} 
.htabg, .faqBg{-webkit-background-size: cover;  -moz-background-size: cover;   -o-background-size: cover;   background-size: cover; padding-bottom: 50px; }



/*START SECTION TITLE DESIGN*/

#hta p{font-size: 18px;}

.section-title h3 {color: #222;font-size: 30px;text-transform: initial;margin: 15px 0;padding-bottom: 16px;position: relative;z-index: 1;}

.section-title h3 span {color: #306ca9;}

.section-title h3:before {position: absolute;content: "";background: #28ac6d;height: 3px;width: 65px;left: 0;right: 0;bottom: 0;}

.text-center .section-title h3:before {left: 50%;margin-left: -29px;}

.section-title h3:after {position: absolute;content: "\f15a";font-family: "Font Awesome 5 Brands";bottom: 50px;left: 0;font-size: 100px;width: 90px;height: 88px;opacity: 0.04;z-index: -1;}

.text-center .section-title5 h3:after {left: 50%;margin-left: -45px;}

.section-title5 h3.text-white:after {opacity: 0.1;}


.section-title-2 h3 {color: #222;font-size: 30px; text-transform: none;margin: 15px 0;padding-bottom: 16px;position: relative;z-index: 1;}

.section-title-2 h3 span {color: #306ca9;}

.section-title-2 h3:before {position: absolute; content: "";background: #28ac6d;height: 3px;width: 65px;left: 0;right: 0;bottom: 0;}

.text-center .section-title-2 h3:before {left: 50%;margin-left: -29px;}


/*END SECTION TITLE DESIGN*/


/*  button style */

.home-single-slide-button a {margin: 0 10px;}

.btn-style {text-transform: uppercase;color: #fff;padding: 7px 30px;display: inline-block;border-radius: 3px;}

.btn-filled {background: #306ca9;border: 1px solid #306ca9;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}

.btn-filled:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 3px;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.btn-filled:hover:before, .btn-filled:focus:before, .btn-filled:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.btn-filled:hover, .btn-filled:focus, .btn-filled:active {color: #333;border-color: #fff;}

.btn-filled-2:hover {color: #fff;}

.btn-filled-2:before {background: #333;}

.tp-caption a.btn-border {border: 1px solid #fff !Important;}


.btn-border {background: transparent;border: 1px solid #fff;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}

.btn-border:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #fff;border: 1px solid #fff;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.btn-border:hover:before, .btn-border:focus:before, .btn-border:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.btn-border:hover, .btn-border:focus {color: #333;}


.btn-border-2 {color: #333;border: 2px solid #f7921a;}

.btn-border-2:before {border-color: #f7921a;background: #f7921a;}

.btn-border-2:hover, .btn-border-2:focus {color: #fff;}

.cart-page .btn-border-2:hover, .cart-page .btn-border-2:focus {color: #f7921a;}

.btn-border-3 {color: #fff;border: 2px solid #fff;}

.btn-border-3:before {border-color: #333;background: #fff;}

.btn-border-3:hover, .btn-border-3:focus {color: #333;}



/* image style one */

.image-style-wrapper .image-one {background: #ddd;height: 132px;position: absolute;top: 25px;z-index: 1;width: 600px;left: -30px;}

.image-style-wrapper {position: relative;}

.image-style-wrapper .image-two {position: relative;z-index: 2;}

.acc-btn{ color:#333;}

table{
    width:100%;
}
#example_filter{
    float:right;
}
#example_paginate{
    float:right;
}
label {
    display: inline-flex;
    margin-bottom: .5rem;
    margin-top: .5rem;
   
}


.footer-top-bg{ background:rgb(106, 27, 155); padding:30px 0 10px 0; font-size:16px;}
.footer-top-bg h5{ color:#fff; font-size:20px; font-weight:600;}
.footer-top-bg p{color:white;}
.footer-top-bg p b, .footer-top-bg p i{ color:#fff;}
.footer-top-bg p a{ text-decoration:none; color:#646465; font-size:14px;}
.footer-top-bg p a:hover{ text-decoration:none; color:#fff;}
.footer-top-bg p i{ padding:0 2px;}

.footer-bg{ background:#1c1c1c;}
.footer-bg p{ color:#FFF; padding:15px 0; margin:0; font-family: 'Calibri', serif;font-size:16px;}
.footer-bg i{color:#FFF; padding:15px 10px; text-align:center;}

select {color: #333; font-weight: normal; font-size: 1em; line-height:1.2em; margin: 0 0 10px; padding: 6px 0; border: 0 none; cursor: pointer; text-indent: 0.01px; text-overflow: ""; background: url('../images/arrow.png') no-repeat 100% 4px #fff!important; *background-image:none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;     appearance: none;}
select{background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 5px #ccc; -moz-box-shadow: 1px 1px 5px #ccc; box-shadow: 1px 1px 5px #ccc; height: 35px; background-color: #eee;}
select option {background: #fff; /* style the dropdown bg color */}

.innerpage-hdng{ /*border-top: #00a859 solid 3px;*/ -webkit-box-shadow: inset 0px 2px 5px 0px rgba(255,255,255,0.3); -moz-box-shadow: inset 0px 2px 5px 0px rgba(255,255,255,0.3); box-shadow: inset 0px 2px 5px 0px rgba(255,255,255,0.3);}

.innerpage-hdng{ background: url(../images/inner_banner.jpg) center center no-repeat #f9fafb;	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	border-bottom: #1b2b42 solid 1px;}
.innerpage-hdng h4{ color:#000; line-height:100px;}

.innerpage-hdng .breadcrumb{ background:none; line-height:120px; color:#FFF; }
.innerpage-hdng .breadcrumb a{ color:#FFF; font-weight: bold; text-shadow: 0px 1px #000;}
.innerpage-hdng .breadcrumb .active{color:#FFF; font-weight: bold; text-shadow: 0px 1px #000;}
.breadcrumb > li + li::before {    padding: 0 5px;    color: #FFF;    content: "/\00a0";}

.minheight{min-height:495px;}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #DDF;
    color: #000;
}
.header{
  color: #011d3a; display: block; font-size: 20px; font-weight: bold; padding: 10px 0;
  }

:root{
    --color_0: #000;
    --color_1: #fff;
    --color_2: #2655c1;
    --color_3: #372f7f;
}

.form-bg{
    margin:0 ;padding:10px 20px 10px 0;
}
form{
    font-family: 'Calibri';
}
.form-horizontal .header{
    /*background: linear-gradient(135deg,var(--color_2),var(--color_3),var(--color_2),var(--color_3));
    */
    padding: 2px 25px;
    font-size: 22px;
    color: #000;
    text-align: center;
    border-radius: 3px 3px 0 0;
}
.form-horizontal .heading{
    font-size: 16px;
    color: #2655c1;
    margin: 10px 0 20px 0;
    text-transform: capitalize;
}
.form-horizontal .form-content{
    padding: 25px;
    background: #fff;
}
.form-horizontal .form-control{
    padding: 12px 16px 12px 39px;
    height: 50px;
    font-size: 14px;
    color: #2b2a2a;
    border: none;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
}
.form-horizontal .form-control:focus{
    border-color: #2655c1;
    box-shadow: none;
}
.form-horizontal .control-label{
    font-size: 17px;
    color: #ccc;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
.form-horizontal textarea.form-control{
    resize: vertical;
    height: 130px;
}
.form-horizontal .btn{
    font-size: 18px;
    color: #4e4e4e;
    float: right;
    margin: 10px 0;
    border: 2px solid #ccc;
    border-radius: 0;
    padding: 10px 25px;
    transition: all 0.5s ease 0s;
}
.btnmk{background: linear-gradient(135deg,var(--color_2),var(--color_3),var(--color_2),var(--color_3));color: var(--color_1) !important;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}
.form-horizontal .btn:hover{
    background: #fff;
    border-color: #2655c1;color:#000 !important;
}

/* Button Style 1 (Left Icons) */
.inner-header-row{
   /* min-height:150px;*/
    background:#f5f5f5;
    float:left;
    color: #fff;
    font-weight: normal;
} 
.welname{color: #000; text-align: left; padding: 5px; font-size: 18px;}
.welname b{font-size: 18px; background: -webkit-linear-gradient(#009933, #3366cc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
.welname small{padding: 0 15px;}
.right-menu{color: #000; font-size: 14px; padding: 5px 0;}
.right-menu i{font-size: 20px; }
.right-menu .dropdown a{font-size: 14px; }
.right-menu .dropdown-menu a i{font-size: 12px; text-align: right;}
.notify{padding:0 0px; text-align: left;}



/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}





@media (max-width:960px){

.logo img{padding: 0; margin: 0; width: 100%; }
.logo{ text-align:center;}
.menu{ padding:0;}

#performance1, #performance2, #performance3{ height: 200px; }

.hdng h1, .hdng h2{ line-height: 35px;font-size:26px; padding:40px 0 30px 0; }
	.welcome p, .services p{font-size: 18px; line-height: 28px;}
	
	.innerpage-hdng h4{ line-height:50px;}
.innerpage-hdng .breadcrumb{ line-height:60px; }
	
	.innerpage-hdng{ background: url(../images/inner_banner_mobile.jpg) center center no-repeat #f9fafb;	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	border-bottom: #1b2b42 solid 1px;}

.carousel-inner .item img{height: 90px;}

.form-bg{
    margin:0 ;padding:20px;
}
.welname small{ display: block; }
.right-menu{text-align: center; display: inline-block; padding: 20px 0;}
.right-menu i{font-size: 40px; padding: 20px 0;}
.right-menu .dropdown a{text-align: left; }
.right-menu .notify{text-align: center;}

.card{width: 80%; }

}


/* container width small device */

@media only screen and (max-width: 480px) {
  .container,
  .auto-container {
    width: 90%;
  }
  .form-bg{
    margin:0 ;padding:10px;
}
}

@media only screen and (max-width: 360px) {
  .container,
  .auto-container {
    width: 90%;
  }
  .form-bg{
    margin:0 ;padding:10px;
}
}