/*************************8      header css           ****************************************************/

.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 18px;font-size:17px;font-weight:400;}
.navbar .nav-item .nav-link{color:#000;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#01693C;}

/**********                Home page css       *******************************/
.text-cover {text-align: justify;}
.partner img{margin-right:35px;}

.about h3{height:70px;overflow:hidden;}
.about .desc{height:140px;overflow:hidden;}

.welcome{background:url('../images/circles.png') 50px bottom no-repeat,url('../images/arrows.png') 97% center no-repeat;}

.shadow { box-shadow: 2px 4px 12px 3px rgb(0 0 0 / 25%) !important; }   

img.img-fluid.event-img {object-fit: cover; height: 300px;} 

.fs-40  {font-size: 40px;}

#MainContent a{text-decoration:underline;}

img.img-fluid.partner-img {height: 150px; width: 200px; object-fit: contain;}

.wpcf7-spinner {display: block !important;}

/**************              Footer                 ******************************/

.copy{border-top:solid 1px #D8D0C0;}

#contact-form textarea{height: 120px;}
#contact-form p{margin-bottom: unset;}
.breadcrumb {
background-color: transparent !important;
padding: 0px !important;
margin-top: 15px;
font-size: 15px;
padding-bottom: 15px !important;
border-bottom: dashed 1px #c2c2c2;
}
.breadcrumb a{ 
color:#840000 !important;
}
.breadcrumb li.active:before{
content: "\00BB";
font-family: "Font Awesome 5 Free";
margin-right: 5px;
margin-left: 5px;
font-weight: 900;
}
input#user_registration_ajax_login_submit {
    border-color: #01693C!important;
    background-color: #01693C!important;
    color: #fff !important;
}

#overlay {
  position: absolute; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

button.btn.btn-primary.w-100.text-uppercase.uwp_login_submit, button.btn.btn-primary.w-100.text-uppercase.uwp_forgot_submit {background: #08693e !important;}
a.d-block.text-center.mt-2.small.uwp-register-link {display: none !important;}
.border-top {padding-top: 12px;}
.border-bottom {padding-bottom: 12px;}

i#checkmark, svg#checkmark {
    color: #1bb827;
    font-size: 3em !important;
}

.wrapper-1{
  width:100%;
  height:100vh;
  display: flex;
flex-direction: column;
}
.wrapper-2{
  padding :30px;
  text-align:center;
}

.wrapper-2 p{
  margin:0;
  font-size:1.3em;
  color:#aaa;
  letter-spacing:1px;
}
.wrapper-2 h1{
  font-size:4em;
  letter-spacing:3px;
  color:#5892FF ;
  margin:0;
  margin-bottom:20px;
}
 .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(31, 177, 170, 0.2);
} 

  .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(31, 177, 170, 0.2);
} 


.slick-track {
    display: flex !important;
}
/********************     Media query       ***************************************/

@media (min-width: 1400px){
	.main-nav{background-color:rgba(255,255,255,0.8);position:absolute;left:0px;right:0px;top:0px;z-index:99;}
		.Member-bnr img {
		height: 700px;
		object-fit: cover;
		object-position: top;
	}
}

@media (min-width: 1600px){
	.container {max-width: 1530px;}
	.g-4{--bs-gutter-y:2rem!important;--bs-gutter-x:2rem!important;}

	.display-4{font-size:70px;}
	.display-5{font-size:60px;}
	.display-6{font-size:50px;}
	h1,.h1{font-size:40px;}
	h3{font-size:30px;}
	.fs-18{font-size:20px;}
	
	.lh-xxl-lg{line-height:2;}
	
	.navbar .nav-item{margin:0px 13px;}
	.partner img{margin-right:80px;}
	
	.about h3{height:80px;}
	
	.Member-bnr img {
		height: 700px;
		object-fit: cover;
		object-position: top;
	}
}

@media (min-width: 1920px){
	.banner img {height:850px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.container {max-width: 1730px;}
	.py-xxxl-60{padding-top:60px!important;padding-bottom:60px!important;}
	
	.navbar .nav-item{margin:0px 24px;}
	.partner img{margin-right:100px;}
	
	.events .p-4{padding:40px!important;}

}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.navbar .nav-item{margin:0px 3px;}

}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 6px;}
	.about .desc{height:110px;}

}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.welcome{background:none;}.
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	
	.about h3{font-size:23px;height:55px;}
	
	/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {display: block; }
/* Behave  like a "row" */
td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%;}
tr {border: 1px solid #ccc; margin: 1px;}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
}
	td:before { 
    /* Now like a table header */
    /*position: absolute;*/
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
	font-weight: 600;
}
	
#Members td:nth-of-type(1):before { content: "Member Name:"; }
#Members td:nth-of-type(2):before { content: "Company"; }
#Members td:nth-of-type(3):before { content: "Profession"; }
#Members td:nth-of-type(4):before { content: "Phone"; }
#Members td:nth-of-type(5):before { content: "Email"; }
}

@media (max-width: 575.98px){
	.banner img {height:400px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	
	.about .desc,.about h3{height:auto;}
	
	.social-icons li a{font-size:30px;margin-right:0px;width:60px;height:60px;line-height:60px;}
}

.grecaptcha-badge { visibility: hidden; opacity: 0}