body {
    font-size: 16px;
    margin: 0px;
	padding: 0;
	overflow-x: hidden;
 /*   background-color: #dfdce3; 
    background-color: #4abdac; */
	background-color: #f3f4f9;
    font-family: 'Poppins', sans-serif;
}

@media(max-width: 440px) {
    h2{ font-size: 1.25rem;}
}


header nav{
    display: block;
    height: auto;
    visibility: visible;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	box-shadow: 0 2px 2px -2px rgba(0,0,0,.2);
}


#global-nav-container {
    display: block;
    height: auto !important;
    visibility: visible;
    width: 100%;
  }

  #global-nav-container ul{
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
  }

  #global-nav-container a{
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    text-decoration: none;
  }

  #global-nav-container a:hover{
    text-decoration: none;
  }

	#global-nav-container a:active{
    color: #4abdac;
  }

.globalnav .global-nav-utility-container{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: 1 0 0
}
@media(max-width: 992px) {
  .globalnav .global-nav-utility-container{
    position: relative;
    width: 100%;
    padding: 0rem 4rem;
  }
}

@media(min-width: 1400px) {
  .globalnav .global-nav-utility-container{
    padding: 0 3.5rem;
  }
}

@media(max-width: 440px) {
  .globalnav .global-nav-utility-container{
    padding: 0 2rem;
    display: flex;
    width: 100%;
  }
}
@media(min-width: 991.9px) {
  .globalnav .global-nav-utility-container{
    padding: 0 4rem;
    display: flex;
    width: 100%;
  }}

.utility-bar-container{
    width: 100%;
}

.utility-bar-content li{
margin: auto 0;
}

.utility-bar-content a{
    color: #000;
}

.utility-bar-content a:hover{
	color: #dc3545;
	font-weight: bold;
}

.utility-bar-content a:hover{
  -webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.utility-bar-item:hover{
	border-bottom: 2px solid #000;

}

@media(max-width: 992px) {
    .utility-bar-container{
        display: none;
    }
}

.global-nav-logo{
    display: flex;
    align-items: center;
    width: 100%;}
@media(max-width: 440px) {
    .global-nav-logo{ min-width: 260px;}
}


.global-nav-main-wrapper{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -ms-flex-preferred-size: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    order: 2;
    width: 100%
  }
  @media(max-width: 992px) {
    .globalnav .global-nav-main-wrapper{
      display: flex;
      width: 100%;
      background-color: #dc3545;
	  padding: 10px 0px;
    }
  }


  .global-nav-main-wrapper img{
    max-width: 202px;
    height: 40px;
  }


.global-nav-hidden-menu{
  background-color: #fff;
  display: none;
}

.global-nav-menu-control{
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
  }

  @media(min-width: 992px) {
    .global-nav-menu-control{
      display: none;
    }
  }

  
@media(min-width: 992px) {
.search-btn{
    background-color: #dc3545;
    border-radius: 2rem;
    padding: .8rem !important;
    min-width: 60px;
    justify-content: center;
	color: #fff !important;
}
}

@media(max-width: 992px) {
    .search-btn{
      display: none;
    }
  }

  .global-nav-control button{
    border-radius: 1rem;
    height: 4rem;
    width: 4rem;
    cursor: pointer;
}


.global-nav-btn-collapsible{
    background: #000 url('images/bars-white.svg') 50% no-repeat;
    border: 0;
  }
  
  .global-nav-btn-collapsible.selected{
    background: #000 url('images/xmark-white.svg') 50% no-repeat;
    border: 0;
  }


  .global-nav-hidden-menu{
    background-color: #000;
    display: none;
    width: 100%;
  }

  .global-nav-hidden-menu a{
    color: #fff;
  }
  
  .global-nav-hidden-menu.visible{  display: block !important;}

  #global-nav-utility-sm ul{
    justify-content: flex-start;
	  display: flex;
	  flex-direction: column;
  }

@media(max-width: 992px) {
#global-nav-container ul{
	padding: 1.5rem 2.5rem !important;
	}}
  
  /* ---------------- End of Header --------------------------------- */


main{padding: 4rem;}
@media(max-width: 440px) {
main{padding: 2rem;}
}
.page-content-container h2{
    font-size:  1.5rem;
}

@media(max-width: 440px) {
.contact-us-column{
padding: 20px 0px;}
}
@media(min-width: 440px) {
.contact-us-column{
	padding: 20px;
}}

.contact-us-col-content{
	padding: 1px 20px;
	background-color: #fff;
	border-radius: .5rem;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	height: 100%;
}

.contact-us-icon i{
    font-size: 25px;
    color: #dc3545;
}

.contact-us-row{
    display: flex;
    align-items: center;
}

.contact-us-description{
    padding: 20px;
}



/* Search bar container */
.search-container {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  margin: 2rem 0;
}

.search-bar{
	display: flex;
	width: 40%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media(max-width: 440px) {
.search-bar{
	width: 100%;
}
}

.search-container input {
  padding: 1rem;
  border-radius: 5px;
  border: none;
  font-size: 16px;
  outline: none;
  flex: 1;
  transition: background-color 0.3s ease;
}

.search-container input:focus {
  border: .0625rem solid #586167;
}

/* Button */
.search-container button {
  background-color: #007bff;
  border: none;
  padding: 15px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
	border-radius: 5px;
}

/* Button hover effect */
.search-container button:hover {
  background-color: #0056b3;
}

/* Font Awesome icon inside button */
.search-container button i {
  color: #fff;
  font-size: 16px;
}

@media (max-width: 600px) {
  .search-container {
      width: 100%;
  }

  .search-container input, .search-container button {
      font-size: 14px;
      padding: 1rem;
  }
}
  footer {
    /* background-color: #dfdce3; */
    text-align: center;
    bottom: 0;
    width: 100%;
}

.form-content-container{
	flex-direction: row;
	display: flex !important;
	justify-content: center;
}
@media (max-width: 440px) {
.form-content-container{
	flex-direction: column;
}}

.form-background{
	display: inherit;
	background-color: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: .5rem;
	flex-direction: inherit
}
.form-row{
  padding-bottom: 20px;
}

@media (max-width: 440px) {
.form-content-section{
	padding: 1rem;
}}
@media (min-width: 440px) {
.form-content-section{
	padding: 2rem 0rem;
	flex-basis: 100%;
}}

@media (min-width: 440px) {
.form-content-section1{
	border-right: 1px solid #a9b5bd; 
	padding: 0rem 4rem;
	height: 93%;
}
.form-content-section2{
	padding: 0rem 4rem;
}	
}

.text-label{
	color: #4abdac;
	font-size: .8em;
	font-weight: bold;
}

.highlight-text{
	background-color: #f2f2f2;
	color: #3e4a56;
	padding: 2px 15px;
	border-radius: 20px;
	font-weight: bold;
}

.contact-us-col-header{
	font-weight: bold;
}


.about-us-container{
	padding-bottom: 2rem;
	text-align: center;
}

@media (max-width: 440px) {
.about-us-logo img{
height: 35px;
	}
}

@media (min-width: 440px) {
.about-us-logo img{
height: 50px;
}
}

.about-us-desc{
	text-align:center;
}

.contact-us-row a, .page-content-container a{
	text-decoration: none;
}

.contact-us-container{
	display:flex;
	justify-content: space-evenly;
}

@media (max-width: 992px) {
.contact-us-container{
	flex-direction:column;
	margin: auto;
	width: 80%;
}}
@media (max-width: 440px) {
.contact-us-container{
	flex-direction:column;
	margin: auto;
	width: 100%;
}}


#search-acc-container a{
text-underline-offset: .2rem;
}
.info-alert{
	background-color: #e3f2fd !important;
	color: #4480AE;
	padding: 5px 15px;
	border-radius: 4px;
	font-size: 14px;
}

.info-alert-title{
	font-weight: bold;
	padding: 0px 10px;
}

.info-alert-header{
	padding-top: 10px;
}

.login-form{
	display: grid;
	min-width: 40%;
	gap: 20px;
}

.login-btn{
	color: #fff;
	
}
@media (max-width: 992px) {
.login-form{
	min-width:70%;
}}
@media (max-width: 440px) {
.login-form{
	width:100%;
}}

.login-form .input-box{
	display: grid;
	min-width: 50%;
}