@font-face {
    font-family: "Segoe UI";
    src: url("../fonts/Segoe UI.ttf") format("truetype");
}
@font-face {
    font-family: "Segoe UI Bold";
    src: url("../fonts/Segoe UI Bold.ttf") format("truetype");
}

/* Easy Color Branding */

.color-fs{
    color:#189fd9 !important;
}
.color-hr{
    color:#63BF76 !important;
}
.color-pos{
    color:#EE4973 !important;
}

/* Messenger CSS */

.messenger-container {
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 100000;
}

.messenger-container .messenger {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width:60px;
}

.messenger-container .messenger .messenger-logo {
	position: relative;
}

.messenger-container .messenger .messenger-logo img {
	width: 60px;
	height: 60px;
}

.messenger-container .messenger .messenger-logo:hover {
	cursor: pointer;
}

.messenger-container .messenger .messenger-box {
	background-color: red;
	width: 350px;
	background-color: #fff;
	border-radius: 18px;
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	display: flex;
	flex-direction: column;
	padding: 25px;
}

.messenger-container .messenger .messenger-box .row-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0px 20px;
}

.messenger-container .messenger .messenger-box .row-top img {
	border-radius: 50%;
	height: 50px;
	width: 50px;
}

.messenger-container .messenger .messenger-box .row-top .circles {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
}

.messenger-container .messenger .messenger-box .row-top .dots-container,
.messenger-container .messenger .messenger-box .row-top .line-container {
	border-radius: 50%;
	height: 30px;
	width: 30px;
	background-color: rgb(240, 235, 235);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 3px;
}

.messenger-container .messenger .messenger-box .row-top .dots-container:hover,
.messenger-container .messenger .messenger-box .row-top .line-container:hover {
	cursor: pointer;
	background-color: rgb(179, 179, 179);
}

.messenger-container .messenger .messenger-box .row-top .dots-container .dots {
	border-radius: 50%;
	height: 3px;
	width: 3px;
	background-color: rgb(0, 0, 0);
}

.messenger-container .messenger .messenger-box .row-top .line-container .line {
	width: 15px;
	height: 2px;
	background-color: rgb(0, 0, 0);
}

.messenger-text {
	color: #000;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
		Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

h4.messenger-text {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
}

p.messenger-text {
	color: rgba(0, 0, 0, 0.5);
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
	margin: 4px 0 0 0;
}

h5.messenger-text {
	color: #000;
	font-size: 15px;
	line-height: 20px;
	margin: 16px 0 30px;
	font-weight: normal;
	word-wrap: normal;
}

.messenger-container .messenger .messenger-box a {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
		Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	line-height: 1.28;
	border-radius: 16px;
	color: #fff;
	cursor: pointer;
	font-weight: 600;
	min-height: 52px;
	min-width: 215px;
	outline: none;
	padding: 0 30px 0 30px;
	background-color: rgb(10, 124, 255);
}

.messenger-container .messenger .visit {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	margin-right: 7px;
	padding: 12px 10px 12px 10px;
	width: 340px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	transform: translate(2px, 210px);
	z-index: 100000;
}

.messenger-container .messenger .visit a {
	color: #1c1e21;
	border-radius: 8px;
	margin-right: 7px;
	padding: 10px;
	text-decoration: none;
	width: 320px;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
		Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 15px;
	font-weight: 400;
}

.messenger-container .messenger .visit a:hover {
	background-color: rgb(179, 179, 179);
}

@media screen and (max-width: 375px) {
	.messenger-container {
    bottom: 5px;
    right: 5px;
}
	.messenger-container .messenger {
    gap: 5px;
}
}
	
@media screen and (max-width: 320px) {
	.messenger-container .messenger .visit {
		width: 250px;
	}
	.messenger-container .messenger .messenger-box {
		width: 270px;}
	}

/* Messenger End */



/**SHORTCODE CSS**/
/**FIS**/
.hero-image-desktop {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url("https://human-incubator.com/wp-content/uploads/2021/08/easy-fis-banner-bg.jpg");
    height: 170px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
        max-width: 720px;
      margin: 10px auto;
      width: 100%;
  }
  .hero-image-desktop .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
   max-width: 600px;
      width: 100%;
  }
  #overlay-fis {
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1); 
  }
  /**END FIS**/
  
  /**POS**/
  .hero-image-desktop-pos {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url("https://human-incubator.com/wp-content/uploads/2021/08/easy-pos-banner-bg.jpg");
    height: 170px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
        max-width: 720px;
      margin: 10px auto;
      width: 100%;
  }
  .hero-image-desktop-pos .hero-text p{color:#fff !important;    text-shadow: 1px 1px #000 !important; }
  .hero-image-desktop-pos .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    color: #fff;
   max-width: 600px;
      width: 100%;
  }
  #overlay-pos {
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1); 
  }
  /**END POS**/
  
  /**HR**/
  .hero-image-desktop-hr {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url("https://human-incubator.com/wp-content/uploads/2021/08/easy-hr-banner-bg.jpg");
    height: 170px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
        max-width: 720px;
      margin: 10px auto;
      width: 100%;
  }
  .hero-image-desktop-hr .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    color: #fff;
   max-width: 600px;
      width: 100%;
  }
  #overlay-hr {
    position: absolute;
    width: 100%; 
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1); 
  }
  /**END HR**/
  
  .hero-text p{    
  font-size: 15px;
      padding: 0 85px;
      line-height: 1.5;
      color:#000;
      text-shadow: 1px 1px #fff;
      font-weight: 600;
      }
  
  .hero-text a {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    background-color:#189fda;
    text-align: center;
    cursor: pointer;
    border-radius:5px;
    text-decoration:none;
      margin-top: 10px;
  }
  .hero-text a.epos{background-color:#ee4972;}
  .hero-text a.ehr{background-color:#63be76}
  
  .hero-text a:hover {
    background-color: #555;
    color: white;
    text-decoration:underline;
  }
  .hero-image-mobile{display:none;}
  .hero-image-mobile-pos{display:none;}
  .hero-image-mobile-hr{display:none;}
  @media screen and (max-width: 768px) {
     .hero-image-desktop{display:none;}
     .hero-image-desktop-pos{display:none;}
      .hero-image-desktop-hr{display:none;}
    .hero-image-mobile {
        display:block;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://human-incubator.com/wp-content/uploads/2021/08/easy-fis-banner-bg-mobile.jpg");
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
      max-width: 300px;
      margin: 10px auto;
      width: 100%;
  }
    .hero-image-mobile-pos {
        display:block;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://human-incubator.com/wp-content/uploads/2021/08/easy-pos-banner-bg-mobile.jpg");
    height:250px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
      max-width: 300px;
      margin:  10px  auto;
      width: 100%;
  }
  
   .hero-image-mobile-hr {
        display:block;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://human-incubator.com/wp-content/uploads/2021/08/easy-hr-banner-bg-mobile.jpg");
    height:250px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
      max-width: 300px;
      margin:  10px  auto;
      width: 100%;
  }
  
  .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
   max-width: 600px;
      width: 100%;
      z-index:3;
  }
  
  .hero-text img{
      text-align:left;
  float:left;
  padding: 5px;
  }
  
  .hero-image-mobile-pos .hero-text img{
      text-align:right;
  float:right;
  padding: 5px;
  }
  
  .hero-text p{
          font-size: 16px;
      padding:0 10px 0 10px;
      float: left;
      text-align: left;
          line-height: 1.5;
          color:#fff;
          text-shadow: 1px 1px #000;
      font-weight: 600;
      }
  
  .hero-text a {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 10px;
    color: #fff;
    background-color: #189fda;
    text-align: center;
    cursor: pointer;
    border-radius:5px;
  max-width: 275px;
      font-size: 15px;
          line-height: 1.2;
      margin-top: 10px;
  }
  .hero-text a.epos{background-color:#ee4972;}
  .hero-text a.ehr{background-color:#63be76;}
  .hero-text a:hover {
    background-color: #555;
    color: white;
  }
  
   .hero-image-mobile #overlay-fis{  background-color: rgba(0,0,0,0.3); }
   .hero-image-mobile-pos #overlay-pos{ background-color: rgba(0,0,0,0.3);}
   .hero-image-mobile-hr #overlay-hr{ background-color: rgba(0,0,0,0.3);}
  
  }
  /**END SHORTCODE CSS**/
  
  





/* JCH Sticky Navigation */
.nav-section{	
    margin-bottom:60px !important;
}

.nav-outer-contact{
    background: rgb(0, 0, 0);
    padding:0px;
    height: 40px;
}

.phone-icon{
    margin-top:5px;
    font-size: 16px !important;
    margin-right:10px !important;
    margin-left:-10px !important;
}

.col-contact-links{
    margin-top:8px;
    margin-left:10px;

}


.language-switcher span {
    margin-top:3px !important;
    margin-right:5px !important; 
}

.language-switcher img {
    width: 15px;
}
.language-switcher a {
    color: #ffffff;
    
}
.language-switcher {
    display: flex;
    flex-direction: column;
}

.language-switcher{
    margin-top:8px;
}

.bogo-language-name a{
    color: #999 !important;
}

.bogo-language-name .current {
    color: #fff !important;
}

.bogo-language-name a:hover {
    color: #fff !important;
}

.cta-button{
    margin-right:10px;
}



.contact-links a{
    padding-top:30px !important;
    font-size: 16px;
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: 'Segoe UI' !important;
}

.contact-seperator{
    margin-right:8px;
    font-size:14px;
    color: #979797 !important;
}





.bogo-language-switcher li{
    display:inline;
}


.navigation-section{
    margin-top:0px;
}



@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 991px) {
    .tel-hidden{
        display: none !important;
    }
    .span-cta-contacts{
        display:none;
    }

    .navigation-section{
        border-top: 1px solid rgb(231, 231, 231);
    }
}
@media only screen and (max-width: 767px) {
    .phone-icon{
    width: 16px !important;
    margin-right:0px !important;
    margin-left:-5px !important;
}



.col-contact-links{
    padding:0px !important;
}


.contact-links a{
    padding-top:2px !important;
    font-size: 14px;
    margin-left:2px;
    margin-right: 2px;
    text-decoration: none !important;
    font-family: 'Segoe UI' !important;
}


.bogo-language-name{
    font-size:14px;
    margin-left:0;
}

 .bogo-language-name .current{
    display:none;
}

.current span::before{
    display: none;
}


img.logo {
    width: 100%;
    max-width: 100px;
}

.contact-seperator{
    margin-right:1px;
}

}
@media only screen and (max-width: 414px) {
    .phone-icon{
        margin-top:5px;
        font-size: 13px !important;
        margin-right:0px !important;
        margin-left:-5px !important;
    }
    
.contact-links a{
    margin-left:2px;
    margin-right: 2px;
    padding-top:2px !important;
    font-size: 11px;
    

}

.bogo-language-name{
    font-size:11px;
 
}

img.logo {
width: 100%;
max-width: 80px;
}

.cta-button{
    margin-right:5px;
}

.contact-seperator{
    margin-right:1px;
    font-size:12px;
    color: #979797 !important;
}


.language-switcher span {
    margin-top:3px !important;
    margin-right:2px !important;
    padding-right: 0px !important; 
}

}
@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 320px) {}


                
.tel-link{
pointer-events: none !important; 
}
@media only screen and (max-width: 1199px) {
.tel-link{
    pointer-events: none !important; 
}
}
@media only screen and (max-width: 991px) {
.tel-link{
    pointer-events: auto !important; 
}
}
@media only screen and (max-width: 767px) {
.tel-link{
    pointer-events: auto !important; 
}
}
@media only screen and (max-width: 414px) {
.tel-link{
    pointer-events: auto !important; 
}
}
@media only screen and (max-width: 375px) {
.tel-link{
    pointer-events: auto !important; 
}
}
@media only screen and (max-width: 320px) {
.tel-link{
    pointer-events: auto !important; 
}
}



/* Footer Map */

.h5-footer{
    color: #383838;
    font-family: inherit !important;
    font-size:18px;
    text-transform: uppercase;
    }


    .sfooter-map{
        margin-top:-120px;
        
    }

    .sfooter-col-1 iframe{
        width:100%;
        height:auto;
        max-width:250px;
        margin: 4px 0 0 4px;
        box-shadow: 0 0 0 4px #fff;
    }

    
    @media only screen and (max-width: 1199px) {}
    @media only screen and (max-width: 991px) {
        .sfooter-map{
            margin-top:-220px;
        
    }
        .sfooter-col-1 img{
            width:100%;
            height:100px;
        
    }
    }
    @media only screen and (max-width: 767px) {
        .sfooter-map{
            margin-top:0px;
            margin-bottom:50px;
        
    }
        .sfooter-col-1 img{
            width:100%;
            height:auto;
        
    }

    
    }
    @media only screen and (max-width: 414px) {
        .sfooter-map{
            margin-top:0px;
            margin-bottom:50px;
        
    }
        .sfooter-col-1 img{
            width:100%;
            height:90px;
        
    }

        .h5-footer{
            font-size:16px;
        
        }
    }
    @media only screen and (max-width: 375px) {}
    @media only screen and (max-width: 320px) {}


    /* Footer Map End */

/* JCH Sticky End */




/*ALL*/
a:hover{
    color: #8C07AE;
}
p, span, a, ul, li{
    font-family: 'Segoe UI' !important;  
}
ul li, ol li{
    font-size: 18px !important;
    color: #383838;
}
h1,h2,h3,h4,h5,h6{
    color: #383838;
    font-family: "Segoe UI Bold" !important;
}
h1{
    font-size: 60px !important;
}
h2{
    font-size: 30px !important;
}
h3{
    font-family: "Segoe UI" !important;
    font-weight: 600 !important;
}
h3, h4{
    font-size: 18px !important;
}

p{
    font-size: 18px !important;
    color: #383838;
    line-height: 27px !important;
    font-weight: 400;
}
section {
    padding: 80px 0 !important;
}
.inner-padding{
    padding: 0 60px;
}

.blue-fill,
.easyFIS_booknow input.wpcf7-form-control.has-spinner.wpcf7-submit,
.cf-easyfis .nf-form-content input[type=button] {
    background: #189fd9 !important;
    border: 1px solid #189fd9 !important;
    color: #fff;
    transition: 0.3s ease;

}
.easyFIS_booknow input.wpcf7-form-control.has-spinner.wpcf7-submit{
    border-radius: 5px !important;
}
a.blue-fill:hover,
.easyFIS_booknow input.wpcf7-form-control.has-spinner.wpcf7-submit:hover,
.cf-easyfis .nf-form-content input[type=button]:hover{
    background: transparent !important;
    color: #189fd9 !important;
    text-decoration: none !important;
}
.easyFIS_booknow input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 10px 30px !important;
}
.blue-border {
    border: 1px solid #189fd9;
    color: #189fd9;
    transition: 0.3s ease;
    text-decoration: none !important;
}
a.blue-border:hover{
    background: #189fd9;
    color: #fff;
}
.green-fill{
    background: #63BF76;
    border: 1px solid #63BF76;
    color: #fff;
    text-decoration: none !important;
}
a.green-fill:hover{
    background: transparent;
    color: #63BF76;
}
.green-border{
    background: transparent;
    border: 1px solid #63BF76;
    color: #fff;
    text-decoration: none !important;
}
.pink-fill,
input.wpcf7-form-control.has-spinner.wpcf7-submit.pink-fill,
.nf-form-content input[type=button]{
    background: #EE4973 !important;
    border: 1px solid #EE4973 !important;
    color: #fff !important;
    text-decoration: none !important;
}
a.pink-fill:hover,
input.wpcf7-form-control.has-spinner.wpcf7-submit.pink-fill:hover,
.nf-form-content input[type=button]:hover{
    background: transparent !important;
    color: #EE4973 !important;
}
.pink-border{
    background: transparent;
    border: 1px solid #EE4973;
    color: #fff;
    text-decoration: none !important;
}

.purple-fill{
    background: #8C07AE;
    border: 1px solid #8C07AE;
    color: #fff;
    text-decoration: none !important;
}
a.purple-fill:hover{
    background: transparent;
    color: #8C07AE;
}
.purple-border{
    background: transparent;
    border: 1px solid #8C07AE;
    color: #fff;
    text-decoration: none !important;
}
.white-fill {
    background: #fff;
    border: 1px solid #fff;
    color: #8C07AE;
    text-decoration: none !important;
}
.white-fill:hover{
    background: transparent;
    color: #fff;
}
.banner-content h2 {
    color: #fff;
}

/*Nav*/
section.nav-section {
    padding: 10px 0 !important;
    background: #fff;
    z-index: 9999;
    position: relative;
}
img.logo {
    width: 100%;
    max-width: 200px;
}
nav li.menu-item a {
    font-size: 15px;
    color: #383838;
    text-transform: none;
    text-decoration: none !important;
}
nav ul#menu-main-menu {
    margin: 0;
}
nav ul#menu-main-menu > li.menu-item:hover > a {
    color: #8C07AE;
}
nav li.menu-item {
    margin-right: 1.1em;
}

.nav-search {
    margin-right: 1.5em;
}
li.menu-item-has-children a i {
    margin-left: 7px;
}
nav .nav-search input#ocean-search-form-1 {
    border: none;
    width: 130px !important;
}
nav .nav-search form label {
    border-radius: 10px;
    border: 1px solid #595260;
    position: relative;
    display: flex !important;
    align-items: center !important;
}
span.search-icon {
    padding: 0 12px !important;
}
ul.sub-menu {
    padding: 0;
}
nav ul.sub-menu li {
    display: flex;
    width: 100%;
    background: #fff !important;
}

nav ul.sub-menu a {
    padding: 15px;
    width: 100%;
    background: #fff;
}
nav ul.sub-menu a:hover{
    background: #8C07AE;
    color: #fff !important
}
li.menu-item {
    position: relative;
}
nav ul.sub-menu {
    display: none;
    position: absolute;
    list-style: none;
    width: 250px;
    margin: 0;
    background: #fff;
    border-top: 0.5px solid #ABABAB;
    box-shadow: 5px 5px 5px #ababab;
    z-index: 9;
}
li.menu-item-has-children:hover > ul.sub-menu {
    display: block;
}

/*Banner*/
section.dynamic-banner {
    padding: 0 !important;
}
section.dynamic-banner img {
    width: 100%;
}
.banner-container {
    position: relative;
}
.banner-container .container {
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.bc-container{
    position: relative;
    height: 100%;
}
.banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 490px;
}
.banner-box-content {
    background: linear-gradient(90deg, #000 0%, #fff 100%);
    width: 48%;
    height: 320px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.banner-content h1 {
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.banner-content p{
    color: #fff;
}
.dynamic-banner .easy-buttons a, .dynamic-banner .easy-buttons a:first-child {
    margin: 0 !important;
}

/*Homepage*/
.hp_easy img {
    width: 100%;
}
.hp_easy .easy-img {
    margin-bottom: 20px;
}
.hp_easy .easy-img img {
    width: 100%;
    max-width: 198px;
}
.hp_easy h2 {
    font-size: 30px;
}
.hp_easy.easy-fis .easy-content h3 {
    font-size: 30px !important;
    font-weight: 500 !important;
    font-family: "Segoe UI Bold" !important;
    color: #189FD9;
}
/* .easy-content {
    padding-right: 100px;
} */
.easy-buttons a {
    padding: 6px 30px !important;
    border-radius: 5px !important;
    margin-bottom: 15px;
    font-weight: 600 !important;
}

.easy-buttons {
    display: flex;
    flex-wrap: wrap;
}
.easy-buttons a:first-child {
    margin-right: 20px;
    margin-bottom: 15px;
}
.hp_easy-header {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
}
.key-item p {
    margin: 0;
}
.key-item {
    border-radius: 5px;
    padding: 25px 15px;
}
.easy-key-features {
    margin-top: 60px;
}
.hp_easy.easy-hr .easy-content h3 {
    font-size: 30px !important;
    font-weight: 500 !important;
    font-family: "Segoe UI Bold" !important;
    color: #63BF76;
}
.easy-hr-img,
.easy-pos-img {
    padding: 0 80px;
}
section.hp_easy:nth-child(odd) {
    background: #f6f6f6;
}
.hp_easy.easy-pos .easy-content h3 {
    font-size: 30px !important;
    font-weight: 500 !important;
    font-family: "Segoe UI Bold" !important;
    color: #EE4973;
}
.service-img img {
    width: 100%;
    margin-bottom: 15px;
}
.article-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 20px;
}
.article-img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
section.hp_featured-articles {
    background: #f6f6f6;
}
.contact-detail {

    width: 80%;
}
 .contact-detail-ja p{
    margin: 0!important;
}
.contact-icon {
    margin-right: 20px;
    width: 5%;
}
.contact-icon img {
    width: 100%;
    max-width: 50px;
}
.hp_easy-header h3{
    font-family: "Segoe UI" !important;
}
.easy-key-features h4 {
    font-family: 'Segoe UI' !important;
    font-weight: 600;
    font-size: 17px;
}
.service-content h3 {
    font-weight: 500 !important;
    font-family: "Segoe UI Bold" !important;
    font-size: 30px !important;
    color: #383838;
}
span.map-name {
    font-weight: 600;
    font-family: 'Segoe UI' !important;
    font-size: 17px !important;
}
.hp_contact-details {
    padding-left: 60px;
}
.hp_contact-details .contact-detail > a {
    font-size: 15px;
    text-decoration: none;
    color: #383838;
}
.hp_contact-details .contact-detail > a:hover {
    color: #8C07AE;
}
.hp_easy.easy-fis .key-item,
.hp_easy.easy-hr .key-item,
.hp_easy.easy-pos .key-item {
    height: 100%;
}
.hp_easy.easy-fis .item {
    height: 200px !important;
}
.hp_easy.easy-hr .item {
    height: 700px;
}
.hp_easy.easy-pos .item {
    height: 200px;
}


/*Footer*/
footer {
    background: #f6f6f6;
    padding: 50px 0 15px !important;
}
.footer-easy img {
    width: 100%;
    max-width: 198px;
    margin: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 25px;
}
.easy-items {
    padding: 25px 0;
}
.footer-links .row-links > div {
    width: 15%;
    display: flex !important;
    flex-direction: column !important;
}
.footer-links .row-links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-links {
    padding: 25px 0;
}
p.copyright {
    margin: 0;
}

.hp_services .main-service > .easy-buttons a,
.hp_featured-articles .inner-padding > .easy-buttons > a {
    margin: 0 !important;
}
.article-content h3 {
    font-family: 'Segoe UI' !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}
.easy-items .easy-buttons a {
    margin-right: 0;
}

.footer-easy h3 {
    font-family: 'Segoe UI' !important;
    font-weight: 600 !important;
}
.footer-easy.easy-fis h3 {
    color: #189fd9;
}
.footer-easy.easy-hr h3 {
    color: #63BF76;
}
.footer-easy.easy-pos h3 {
    color: #EE4973;
}
.contact-footer a {
    font-weight: 600;
}
.contact-footer {
    display: flex;
    flex-direction: column;
    width: 8% !important;
}
footer .contact-icon img {
    width: 20px !important;
}
.employment_info {
    width: 17% !important;
}
footer a:hover {
    color: #8C07AE;
}
footer .contact-detail a {
    font-size: 18px;
}
.footer-easy p {
    height: 90px;
}

/*Contact Form*/
.contact-form input.wpcf7-form-control.has-spinner.wpcf7-submit.pink-fill {
    border-radius: 5px !important;
    padding: 12px 30px !important;
    font-family: 'Segoe UI' !important;
    border: 1px solid #EE4973 !important;
}
.contact-form input, .contact-form textarea {
    border: 1px solid #ABABAB !important;
    border-radius: 0 !important;
    margin-bottom: 10px;
    background: #f6f6f6;
    resize: none;
}
.contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: #f6f6f6;
}
.contact-us-content {
    padding-right: 80px;
}
.contact-us-page h2 {
    font-size: 30px;
}
.map-item h2,
.map-item h3 {
    color: #ee4973;
    font-size: 30px !important;
}
.map-item a:hover {
    color: #ee4973;
}
section.contact-us-page {
    padding-bottom: 40px !important;
}
section.contact-us-page.contact-maps {
    padding: 40px 0 80px !important;
}

/*Blogs Main*/


.blog-list-tag {
    background: #fff;
    display: inline-block;
    text-align: center;
    color:#383838 !important;
    text-decoration:none !important; 
    margin-bottom:10px;
    font-size: 16px !important;
    
}
.blog-list-tag:hover{
    color:#383838 !important;
}

.blog-title-tag{
    font-family: 'Segoe UI' !important;
    font-weight: 600 !important;
    font-size: 17px !important;
}


section.blogs-main h1 {
    font-size: 30px !important;
}
.pagination-link {
    width: 100%;
    text-align: center;
}
.pagination-link > a {
    border: 1px solid #189fd9;
    color: #189fd9;
}
.pagination-link > span.current {
    color: #fff;
    background: #189fd9;
    border: 1px solid #189fd9 !important;
}
.pagination-link > span.current:hover{
    color: #189fd9;
}
.pagination-link > span, .pagination-link > a {
    padding: 5px 10px;
    font-family: 'Segoe UI' !important;
    border-radius: 5px;
    margin: 0 3px;
}
.pagination-link > a:hover{
    color: #fff;
    background: #189fd9;
    border: 1px solid #189fd9 !important;
}

/*Search results*/
.search-items img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 25px;
}
section.search-results h1, section.search-results h2 {
    font-size: 30px !important;
}
h2.search-title a {
    font-family: 'Segoe UI Bold' !important;
}
h2.search-title a:hover {
    color: #8C07AE;
}


/*Single Post*/
.single-blog-img {
    height: 450px;
    position: relative;
}
.single-blog-img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.single-title h1, .single-title p {
    color: #fff;
}
.single-title {
    position: absolute;
    bottom: 30px;
    width: 100%;
}
section.single-related-blogs h2 {
    color: #189fd9;
    font-size: 30px;
}
.single-title h1 {
    font-size: 30px !important;  
}
.single-social-links {
    display: flex;
}
.single-social-links a {
    color: #fff;
    width: 24px;
    background: #fff5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    border-radius: 50%;
    margin-right: 14px;
}
.single-social-links a:hover {
    color: #fff;
    background: #fff5;
}

/*Services Page*/
.service-item {
    border: 1px solid #8C07AE;
    padding: 20px;
    height: 100%;
    border-radius: 5px;
}
.service-item h3{
    color: #8C07AE;
    font-family: "Segoe UI" !important;
    font-weight: 600 !important;
}
section.services-obc .row > div {
    margin-bottom: 30px;
}
.service-icon img {
    width: 100%;
    max-width: 80px;
    height: 80px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 25px;
    object-fit: contain;
}

/*404 and Thank you*/
.error h1,
.thankyou h1 {
    margin: 0;
    font-size: 100px;
    letter-spacing: 12px;
    margin-left: 15px;
    color: #8c07ae;
    font-family: 'Segoe UI';
}
.thankyou h1 {
    letter-spacing: 5px;
    margin: 0;
    font-size: 60px !important;
    line-height: 60px;
}

/*FAQ Main Page*/
.faq-main-header img {
    width: 100%;
    max-width: 198px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 25px !important;
    height: 100%;
    max-height: 44px;
    object-fit: contain;
}
.faqs-fis h2,
.faqs-hr h2,
.faqs-pos h2 {
    color: #189fd9;
    font-size: 30px;
    margin-bottom: 40px;
}
.faqs-hr h2 {
    color: #63BF76;
    font-size: 30px;
}
.faqs-pos h2 {
    color: #EE4973;
    font-size: 30px;
}
section.faqs-main.faqs-hr {
    background: #f6f6f6;
}
.faq-answer {
    padding: 0 15px 30px;
    border-bottom: 1px solid #ababab;
    margin-bottom: 30px;
}
.faq-answer p {
    margin: 0;
}
.faq-question h3{
    font-family: 'Segoe UI' !important;
    font-weight: 600 !important;
}

/*======================================
About Us Our Vision 
======================================*/
.AboutUs_OurVision{
    background-image: url("https://human-incubator.com/wp-content/uploads/2023/05/consulting-principles-bg-opt.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.AboutUs_OurVision .service-item {
    background-color: #fff;
}
/* .AboutUs_OurVision .service-item p:first-child{
    font-weight: bold;
} */
.AboutUs_OurVision .row > div{
    margin: 0 0 30px;
}
.AboutUs_OurVision h2{
    color: #8C07AE;
}
section.AboutUs_OurVision .service-item h3 {
    color: #383838;
}
/*======================================
About Us Our Vision 
======================================*/

/*======================================
About Us Main
======================================*/
.AboutUs_main{
    background-color:#F6F6F6;
  }
  .officeMaps{
    padding: 50px 0 0;
  }
  .companyProfile{
    padding: 50px 0;
  }
  .officeMaps .card{
    background: transparent;
    border: 0;
  }
  .officeMaps h3.card-title{
    color: #189FD9;
    font-size: 30px !important;
}

.Overseas_history{
    background-image: url("../img/overseas-history-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 100px 0!important;
}

.Overseas_history .card{
    background: transparent;
    border-left: 2px solid #fff!important;
    padding: 40px 0;
    height: 400px;
    display: inline-block;
}
.Overseas_history .card-body{
    padding: 20px;
}
.Overseas_history .card h2{
    border-left: 5px solid #fff;
    padding-left: 20px;
    color: #fff;
    text-transform: uppercase;
}
.Overseas_history p, .Overseas_history ul, .overseasHeading h2{
    color: #fff;
    font-weight: lighter;
}

.overseasHeading {
    text-align: center;
    padding: 0 300px;
    margin-bottom: 50px;
}
.Overseas_history img{
    width: 450px;
    padding-left: 20px;
}
.Overseas_history ul{
    margin: 0;
    width: 450px;
    text-align: justify;
    padding: 20px;
}
section.Overseas_history li {
    color: #fff;
}

/*======================================
About Us Main
======================================*/



/*======================================
About Us CEO Message
======================================*/

.ceoMessage{
    background: #F6F6F6;
}
.AboutUs_ceoMessage .inner-padding{
    padding:60px;
}

.GroupSlogan{
    background: linear-gradient(90deg, #8C07AE 0%, #C55DE0 100%);
    padding:90px 0;
}
.GroupSlogan .slogan-card{
    border-radius: 5px;
    padding: 25px 25px;
    border: 1px solid #fff;
    height: 530px;
}
.GroupSlogan .slogan-card img{
width: 300px;
margin: 0 auto;
}
.GroupSlogan .slogan-card p{
    color: #fff;
    margin: 30px 0;
}
.GroupSlogan h2{
    text-align: center;
color: #fff;
}
.GroupSlogan .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color: #fff;
}
.GroupSlogan .owl-carousel .owl-dots{
    display: block;
    margin-top: 30px;
}
/*======================================
About Us CEO Message
======================================*/


/*Easy FIS*/
.easyFIS_content .inner-padding{
    padding: 0 150px;
  }
  .easyFIS_content img{
    margin: 0 0 30px;
  }
  .easyFIS_content .easy-buttons{
    justify-content: center;
    margin: 40px 0;
  }

  .easyFIS_desc{
    background: #F6F6F6;
  }
  .easyFIS_desc h2{
    text-align:center;
    margin-bottom: 50px;
  }
  .easyFIS_desc h3{
    color: #189FD9;
    margin: 20px 0 10px;
  }
  .easyFIS_desc > div .row > div{
    margin-bottom: 25px;
  }

  .easyFIS_moreways img{
    width: 100px;
  }
  .easyFIS_moreways h3{
    color: #189FD9;
    font-weight: 600 !important;
    font-family: 'Segoe UI' !important;
  }
  .easyFIS_moreways h2{
    text-align:center;
    margin-bottom: 80px;
  }
  .easyFIS_moreways .row >div{
    margin: 0 0 30px;
  }
 
 .easyFIS_businessWeServe{
  background-image: url("../img/business-we-serve-bg-min.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
 }
 .easyFIS_businessWeServe {
   text-align:center;
 }
 .easyFIS_businessWeServe h2,  .easyFIS_businessWeServe p{
   color: #fff;
 }
 .easyFIS_businessWeServe p{
  margin: 20px 0 30px;
 }
 .easyFIS_businessWeServe h2{
  margin-bottom: 80px;
 }
 section.easyFIS_clients {
    background: #f6f6f6;
  }
  .client-item img {
    width: 100%;
    max-width: 100px;
    height: 100%;
    max-height: 100px;
    object-fit: contain;
    margin: auto;
}
.client-item {
    width: 100%;
    background: #fff;
    display: flex;
    padding: 20px 0;
    border: 1px solid #ABABAB;
    border-radius: 5px;
    margin-bottom: 30px;
}

/*Easy HR*/
section.hp_easy.easy-hr.easyhrpage {
    background: #fff;
}
.eai-img {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.eai-img img {
    width: 100%;
    max-width: 100px;
}
.eai-description h3 {
    font-family: 'Segoe UI' !important;
    font-weight: 600 !important;
    color: #63bf76;
}
section.easyHR.easyhrpage.easyhrFeatures h2 {
    margin: 0 0 80px;
}
section.easyHR.easyhrpage.easyhrFeatures h3 {
    font-family: 'Segoe UI' !important;
    font-weight: 600 !important;
    color: #63bf76;
}
section.easyHR.easyhrpage.easyhrFeatures {
    background: #f6f6f6;
}
.easyHR.easyhrpage.easyhrmodules{
    background-image: url("../img/detailed-modulesbg-min.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
section.easyHR.easyhrpage.easyhrmodules h2, section.easyHR.easyhrpage.easyhrmodules h3, section.easyHR.easyhrpage.easyhrmodules p {
    color: #fff;
}
.easyhr-module-item {
    padding: 25px;
    position: relative;
    border-left: 1px solid #fff;
    height: 100%;
}
span.white-box {
    background: #fff;
    width: 10px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 25px;
}
.getstarted-img img {
    width: 100%;
    max-width: 100px;
    object-fit: contain;
}
.getstarted-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.getstartedhr .getstarted-desc h2{
    color: #63BF76;
}
.easyHR_about h2 {
    padding-top: 30px;
}
section.easyHR.easyhrpage.easyhrFeatures > .container > .row > div > .row > div > .row > div {
    margin-bottom: 30px;
}
.getstarted-item a:hover {
    color: #8C07AE;
}

/*Easy POS*/
.easyPOS_about .eai-description h3 {
    color: #ee4973;
}
section.hp_easy.easy-pos.easypospage {
    background: #fff;
}
section.easyHR.easypospage.easyposFeatures > .container > .row > div > .row > div > .row > div {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
section.easyHR.easypospage.easyposFeatures {
    background: #f6f6f6;
}
section.easyHR.easypospage.easyposmodules{
    background-image: url("../img/detailed-modules-pos-min.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
section.easyHR.easypospage.easyposmodules h2, section.easyHR.easypospage.easyposmodules p, section.easyHR.easypospage.easyposmodules h3 {
    color: #fff;
}
.easyPOS_about h2 {
    padding-top: 30px;
}
section.easyProduct.easyproduct-getstarted.getstartedpos .getstarted-desc h2 {
    color: #ee4973;
}
section.easyProduct.easyproduct-getstarted.getstartedpos img{
    width: 100%;
    max-width: 100px;
    object-fit: contain;
}
.getstarted-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

/*Employee Reviews*/
.employeeImg img{
    width: 100%; 
}
.employeeReviews_main .row > div{
    margin-bottom:50px;
}
.employeeReviews_content p {
    margin-bottom: 12px !important;
}
.employeeReviews_content p{
    margin:0;
}

.employeeReviews_content p.p-title, .employeeReviews_content p.p-position{
    font-size: 17px!important;
}
.employeeReviews_content p.p-content{
    font-size: 15px;
}

.employeeReviews_main .pagination {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: stretch;
    align-content: flex-end;
    padding: 10px 10px;
    border-radius: 30px;
}


.employeeReviews_main .page-numbers {
color: #000;
padding: 10px 18px;
margin: 0 5px !important;
border-radius: 10px !important;
transition: 0.4s !important;
font-size: 14px !important;
}


.employeeReviews_main .page-numbers.current,
.employeeReviews_main a.page-numbers:hover {
color: #fff !important;
background-color: #189FD9 !important;
}



/*Careers Inside Page*/
.careersInside h2{
    font-size: 30px!important;
    margin-bottom: 50px;
}

.careersDesc{
    padding: 0 15px 30px;
    border-bottom: 1px solid #ababab;
    margin-bottom: 30px;
}

.careersInside .applyButton{
    text-align:center;
}
.careersInside .applyButton .btn-primary{
    background-color: #189fd9;
    padding: 10px 20px;
    border-color: #189fd9;
}
.applyButton button:hover {
    color: #189fd9 !important;
    background: transparent !important;
}

.applyButton button {
    background: #189fd9 !important;
    border: 1px solid #189fd9 !important;
    font-weight: 600;
    padding: 7px 25px !important;
}
.image-upload >.resume-file {
display: none;
}

.careersInside input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: #f6f6f6;
}

.careersInside .jobForm p {
    background: #fff;
    padding: 8px 10px;
    margin: 0;
    border: 1px solid #ABABAB;
}
.careersInside .jobForm .row > .col-xl-3{
    padding-right: 0;
}
.careersInside .jobForm .row > .col-xl-9{
    padding-left: 0;
}
.careersInside .modal-content{
    padding: 50px 30px;
}

.careersInside .jobForm_content .row > div{
    padding:0;
}
.jobForm  .field-wrap input[type=button]{
    width: 590px;
}
.careersInside .jobModal h3{
    font-size: 30px!important;
    color:#000;
}
.careersInside .jobModal .applicationFlow p {
    margin: 0;
}
.careersInside .jobModal .applicationFlow p strong{
    font-size: 17px!important;
}

.careersInside .jobForm input[type="submit"]{
    background: #EE4973;
    border: 1px solid #EE4973;
    color: #fff;
    width: 100%;
}
.careersInside .modal-header{
    border: 0;
}
.careersInside .file-CV{
    display: none;
}
.careersInside .cta-img{
    margin-top: -40px;
}

.careersInside .jobModal .wpcf7 input[type="file"]{
    cursor: pointer;
    display: none;
    visibility: hidden;
}

.careersInside .jobModal .file-uploaded-name,  .careersInside .jobModal .file-uploadedCV-name {
display: none;
text-align: center;
}

.careersInside .jobModal .upload-wrapper{
    background: #f6f6f6;
    padding: 2px;
    border: 1px solid #ddd;
}
.careersInside .jobModal .upload-wrapper img{
    margin-left: 20px;
}



/*
NOTE: Changes After moving to understrap Theme
*/
.nav-search input#s-1 {
    width: 130px;
    border: none;

}
.nav-search .input-group {
    border: 1px solid #595260;
    border-radius: 10px;
    overflow: hidden;
}
span.search-icon {
    padding: 0 12px !important;
    display: flex;
    align-items: center;
}
ul.bogo-language-switcher {
    padding-left: 0;
}
.footer-links p:not(.contact-detail p){
    font-size: 18px !important;
    margin-bottom: 20px;
    line-height: 1.4;
    font-weight: 600;
}
.footer-links a{
    font-size: 18px;
    color: #333;
    text-decoration: none !important;
}
p.copyright a:hover {
    color: #8C07AE;
}
p.copyright a {
    color: #333;
    text-decoration: none;
}
.hp_map iframe {
    width: 100%;
}
.menu-toggle {
    font-size: 25px !important;
}
.search-thumb-img {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
h2.search-title a {
    color: #333 !important;
    text-decoration: none !important;
}
.officeMaps .card iframe {
    width: 100%;
}
span.ninja-forms-req-symbol,
.nf-form-fields-required,
.contact-form h3 {
    display: none;
}
.nf-form-content input[type=button] {
    padding: 6px 30px !important;
    height: initial !important;
    border-radius: 5px !important;
}
.cf-easyfis .nf-field-container {
    margin-bottom: 10px;
}
.careersMain h5.card-title a {
    color: #333;
    font-size: 15px;
    font-weight: 600;
}
.careersMain .view-job-button a {
    color: #333;
    font-size: 14px;
}

.jobForm div.nf-field-label label {
    font-size: 15px;
    font-weight: 400;
}

.jobForm div.field-wrap > div.nf-field-element {
    width: 75%;
}
.jobForm div.nf-field-label {
    width: 25%;
    border: 1px solid #ABABAB;
    padding: 5px !important;
    margin: 0 !important;
}
.jobForm div.field-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.jobForm .nf-field-element input {
    padding: 6px 10px !important;
    height: initial !important;
}
.jobForm nf-field:last-child .nf-field-label {
    display: none !important;
}
nf-field:nth-child(6) .nf-field-element,
nf-field:nth-child(7) .nf-field-element {
    width: 100% !important;
}
.faq-answer ol, .faq-answer ul {
    padding-top: 20px;
}
section.employeeReviews_main > .container > h2 {
    margin-bottom: 50px;
}


/* .yasr-star-rating .yasr-star-value{
    background: url(../img/blue star.svg) !important;
} */

@media only screen and (max-width: 1202px){
    .inner-padding {
        padding: 0 20px;
    }
}
@media only screen and (min-width: 1200px){
    .hp_easy.easy-hr .item {
        height: 550px;
    }
}
@media only screen and (max-width: 1199px){
    .contact-us-content {
        padding-right: 80px;
    }
}
@media only screen and (max-width: 1120px){
    .banner-box-content {
        width: 60%;
        height: 100%;
    }
}
@media only screen and (max-width: 1099px){
    .contact-us-content {
        padding-right: 60px;
    }
}
@media only screen and (max-width: 1024px){
    .banner-box-content {
        height: 100%;
        width: 55%;
    }
    footer .footer-links .row-links > div {
        width: 30% !important;
        margin-bottom: 30px;
    }
    .jobForm .field-wrap input[type=button] {
        width: 100%;
    }
    .careersInside .jobForm .row > .col-xl-3,  .careersInside .jobForm .row > .col-xl-9{
        padding: 0 15px;
    }
   
}
@media only screen and (max-width: 991px){
    .banner-box-content {
        height: 100%;
        width: 100%;
    }
    .banner-content {
        transform: translate(-50%, -50%);
        left: 50%;
    }
    section.hp_easy:nth-child(odd) > .container > .row > div:last-child,
    section.hp_easy:nth-child(even) > .container > .row > div:first-child {
        margin-bottom: 40px;
    }
    section.hp_easy:nth-child(odd) .inner-padding > .row {
        flex-direction: column-reverse !important;
    }
    /* .banner-container {
        padding: 50px 0;
    } */
    nav ul.sub-menu {
        position: relative;
        box-shadow: none;
        width: 100% !important;
        padding-left: 20px;
    }
    nav li.menu-item {
        margin-right: 0;
    }
    nav li.menu-item a {
        padding: 10px 0 !important;
        display: flex;
        text-decoration: none !important;
    }
    .nav-search label {
        width: 100%;
    }
    .easy-fis-img, .easy-pos-img, .easy-hr-img {
        margin-bottom: 25px;
    }
    .service-content {
        margin-bottom: 25px;
    }
    .banner-content {
        width: 100%;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .Overseas_history{
        padding: 50px 0!important;
    }
    .overseasHeading{
        padding: 0 100px;
    }
    .Overseas_history ul{
        width: 100%;
    }
    .hp_contact-details {
        padding-left: 0;
    }
    .banner-content p, .banner-content h1 {
        text-align: center;
    }
    nav .nav-search input#ocean-search-form-1 {
        width: 100% !important;
    }
    .contact-us-content {
        padding-right: 0;
    }
    .main-service .easy-buttons a {
        margin: 0;
    }
    .main-service .row:nth-child(2) > div,
    .main-service > .row:first-child {
        margin-bottom: 15px !important;
    }
    .hp_easy.easy-hr .item {
        height: 500px;
    }
    .faq-employment-content > .row:first-child {
        display: none;
    }
    .jobForm div.nf-field-label, .jobForm div.field-wrap > div.nf-field-element{
        width: 100%;
    }
    .jobForm div.field-wrap {
        flex-direction: column;
    }
    .footer-easy p {
        height: auto;
    }
    .footer-easy {
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 992px) {
	.banner-background {
		margin-top:25px;
	}
}

@media all and (max-width: 767px){
    .inner-padding{
        padding: 0 ;
    }
    footer .footer-links .row-links > div {
        width: 48% !important;
    }
    .easy-items > .row > div {
        margin-bottom: 25px !important;
    }
    .footer-easy {
        margin-bottom: 25px;
    }
    .overseasHeading{
        padding: 0 50px;
    }
    .Overseas_history .row > div{
        margin-bottom: 50px;
    }
    /* .banner-container {
        height: 350px;
    } */
    .contact-us-content h2, .contact-us-content p {
        text-align: center;
    }
    .hp_easy.easy-hr .item {
        height: 500px;
    }
    .easyFIS_content .easy-buttons a {
        margin: 0 0 15px;
    }
    .easyFIS_content .easy-buttons {
        flex-direction: column;
        align-items: center;
    }
    .careersInside .jobForm_content .row > .col-xl-9{
        margin-bottom: 20px;
    }
    .careersInside .jobForm p{
        margin: 0;
    }
   
}
@media only screen and (max-width: 600px){
    h1 {
        font-size: 45px !important;
    }
    .AboutUs_ceoMessage .inner-padding,
    .ceoMessage .inner-padding{
        padding: 60px 25px !important;
    }
}
@media only screen and (max-width: 576px) {
    footer .easy-items > .row > div.col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 574px){
    footer .footer-links .row-links > div {
        width: 100% !important;
    }
}
/* this is to make the navigation become into two rows */
@media only screen and (min-width: 992px){
    .menu-toggle {
        display: none;
    }
    .nav_col {
        margin: auto !important;
    }
    
    .navbar-nav  {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 500px;
    }
    
    .nav_col>ul>li>a {
        width: 100px;
        text-align: center;
        display: block;
        padding: 5px 0px;
    }

    .contact_button a {
        padding: 6px 30px !important;
        border-radius: 5px !important;
        font-weight: 600 !important;
    }
    
    .contact_button {
        display: flex;
        flex-wrap: wrap;
    }
}