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

.page-id-7 .desk-logo{display:none;}
.main-nav a:hover{color:#fff;}

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

.desk-logo {top:-60px;max-width:190px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .desk-logo {max-width:90px;top:-15px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.main-nav{top:60px;background-color:rgba(103,189,71,0.9);-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
 .page-id-7 .main-nav{top:0px;background-color:rgba(103,189,71,0.9);-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{top:0px;padding:25px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}
.couponinfo{font-weight:bold;}
/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .menu-item{margin:0px 10px;font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:0.1em;}
.navbar .menu-item a.nav-link{color:#fff;}
.navbar .menu-item.active a.nav-link,.navbar .menu-item a.nav-link:hover{color:#000;}
.desk-logo {
    position: absolute;
    top: -60px;
}
/**********                Home page css       *******************************/
/*.home-banner{padding-top:200px;background:url('https://brian.wcaudev.com.au/sk/edenarea51/wp-content/uploads/2024/10/banner-new1.jpg') center top no-repeat;background-size:cover;height:870px;} */

.home-banner .txt-overlay { position:absolute; top:35%; transform:translateY(-35%); right:0; width:100%; z-index:2; left:0;}



.img-circle{margin-top:-150px;}
.work .circle{font-size:50px;line-height:50px;padding:17px;font-weight:700;width:80px;height:80px;text-align:center;background-color:#000;border-radius:50%;margin:0px auto 20px auto;}
.testimonial .quote-lt,.testimonial .quote-rt{top:55%;}
.woocommerce-breadcrumb, .breadcrumb {
background-color: transparent !important;
padding: 0px !important;
margin-top: 15px;
font-size: 15px;
padding-bottom: 15px !important;
border-bottom: dashed 1px #61ad41;
}
.woocommerce-breadcrumb, .breadcrumb a{ 
color:#61ad41 !important;
}
.breadcrumb li.active:before{
content: "\00BB";
font-family: "Font Awesome 5 Free";
margin-right: 5px;
margin-left: 5px;
font-weight: 900;
}





:root {
  --col-primary: #296eb3;
  --col-secondary: #003b81;
  --col-background: #e8e8e8;
  --col-light: #e8e8e8;
  --col-dark: #022f64;

  --col-free: #7dbaff;
  --col-bronze: #b85a24;
  --col-silver: #8a8a8a;
  --col-gold: #e2a922;
}



.price_table {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  align-items: start;
  column-gap: 2rem;
  row-gap: 2rem;
  max-width: 80em;
}

.package {
  border-radius: 4px;
  background: white;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  position: relative;
	height:100%;
	padding-bottom: 100px;

  h2 {
    margin: 0;
    padding: 1rem;
    background: var(--col-primary);
    font-size: 1.2em;
    text-align: center;
    font-weight: normal;
    color: white;
    position: relative;
    &::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 0.4rem;
      left: 0;
      bottom: 0;
    }
  }
  .price {
    padding: 0.2rem 1rem;
    background: linear-gradient(
      45deg,
      var(--col-secondary) 0%,
      var(--col-dark) 100%
    );
    color: white;
    text-shadow: 0 4px 0 var(--col-dark);
  }
  p {
    padding: 1rem;
  }
  .price {
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
    box-shadow: inset 0 10px 4px -6px rgba(0, 0, 0, 0.1);
  }
  .big {
    display: inline;
    font-size: 45px;
    font-weight: 700;
  }
  ul {
    list-style: none;
    padding: 0 0 1rem 0;
    margin: 0;
  }
  li {
    padding: 0.8em 1em;
    font-size: 0.9em;
    &:nth-child(odd) {
      background: var(--col-light);
    }
  }
  .button {
    cursor: pointer;
    padding: 1em 2em;
    font-size: 1rem;
    display: block;
    color: white;
    margin: 1rem auto;
    border: none;
    border-radius: 5px;
    background: linear-gradient(
      0deg,
      var(--col-secondary) 0%,
      var(--col-primary) 100%
    );
    transition: all 0.2s;
    &:hover,
    &:focus {
      background: linear-gradient(
        0deg,
        var(--col-secondary) 0%,
        var(--col-dark) 100%
      );
      box-shadow: 0 0 0 4px white, 0 0 0 8px var(--col-primary);
      outline: 0;
    }
  }

  .banner { 
	  
	   background: linear-gradient(90deg, #33a530 0%, #4eee49 50%, #33a530 100%);
    transform: rotate(-45deg);
    position: absolute;
    z-index: 1;
    padding: 0.2rem 4rem;
    top: 1rem;
    left: -4rem;
    border: 2px solid #91ff69;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	  font-size: 9px;
	  
	  
  }
}

.package-button .button:hover {
    background: #ce8946 !important;   
}


.grecaptcha-badge {visibility: hidden;}



progress::-webkit-progress-bar {
        background-color: red !important;
    }   
.lottery-ajax-change .cureent-participating{color:#67bd48!important; font-size:20px !important;}


.wcl-progress-meter .sold,.wcl-progress-meter .max{color:#67bd48!important; font-size:22px !important;}






.package_free h2::after {
  background: var(--col-free);
  background: linear-gradient(
    90deg,
    var(--col-free) 0%,
    white 50%,
    var(--col-free) 100%
  );
}

.package_bronze h2::after {
  background: linear-gradient(
    90deg,
    var(--col-bronze) 0%,
    white 50%,
    var(--col-bronze) 100%
  );
}
	.page-id-7 .desk-logo{display:none !important;}
.package_silver h2::after {
  background: linear-gradient(
    90deg,
    var(--col-silver) 0%,
    white 50%,
    var(--col-silver) 100%
  );
}

.package_gold h2::after {
  background: linear-gradient(
    90deg,
    var(--col-gold) 0%,
    white 50%,
    var(--col-gold) 100%
  );
}
.package p {
    text-align: center;
}
.package ul li {
    font-size: 12px;
    text-align: center;
}

.plan_suggestion.wps_mfw_plan_suggestion a.button.alt.mfw-membership {
    font-size: 12px;
}
.package-button{position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-top: solid 1px #67bd48;
text-align: center;
}
.package-button .button.alt.mfw-membership:hover {
    background-color: rgb(255 255 255 / 50%);
    color: #ffffff !important;
}
span.sold {
    position: absolute;
    bottom: 45px !important;
    left: 35%;
}

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

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#67BD47;}
.copy{border-top: 1px solid #67BD47;}


/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner img {height:820px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.container {max-width: 1630px!important;}
	/*.home-banner {
   height: 870px;
}*/
	.fancy div:before,.fancy div:after {width:54%!important;}
	.mob-logo{display:none !important;}
}





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

	.display-3{font-size:80px;}
	.display-5{font-size:60px;}
	.display-6{font-size:50px;}
	h1,.h1{font-size:40px;}
	h3{font-size:30px;}
	.fs-18{font-size:20px;}
	.fs-25{font-size:30px;}
	
	.lh-xxl-lg{line-height:2;}
	
	.shrink .logo {top:-23px;}
	.navbar .nav-item{margin:0px 40px;}
	
	.copy{border-top:0px;}
	.fancy {line-height: 0.5;text-align: center;}
	.fancy div {display: inline-block;position: relative;  }
	.fancy div:before,.fancy div:after {width:33%;content: "";position: absolute;height: 5px;border-bottom: 1px solid #67BD47;top: 0;}
	.fancy div:before {right: 100%;margin-right:15px;}
	.fancy div:after {left: 100%;margin-left:15px;}
	.mob-logo{display:none !important;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.navbar .menu-item{margin:0px 14px;}
	.shrink .logo {top:-23px;}
	.mob-logo{display:none !important;}
	
	
		/*.home-banner {
   height: 700px;
}*/
}

@media (max-width: 1180px)
{ 
	.page-id-7 .desk-logo{display:none !important;}
		.hidelogo{display:block;}
}

@media (max-width: 1025px)
{ 
	/*.page-id-7 .desk-logo{display:block !important;}*/
}

.desk-logo{display:block !important;}


@media only screen and (min-width: 1024px) and (orientation: landscape) {
	
	.mob-logo{display:none !important;}	
			.hidelogo{display:block;}

}

@media only screen and (min-width: 768px) and (orientation: portrait) { 
	
	.mob-logo{display:block !important;}
		.desk-logo{display:none !important;}
	.hidelogo{display:none;}
	.page-id-7 .desk-logo{display:none !important;}
}




@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.logo {top:-45px;max-height:150px;}	
	.main-nav{top:50px;}
	.navbar .menu-item {margin: 0px 3px;font-size:15px;}
	.hidelogo{display:none;}
	/*.home-banner{padding-top:150px;}*/
	.img-circle{margin-top:-100px;}
		.page-id-7 .desk-logo{display:block !important;}
		.page-id-7 .mob-logo{display:none !important;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.fs-25{font-size:22px;}
	
	
	.main-nav{background-color:#67BD47;}
	.main-nav.position-absolute{position:static!important;}
	
	/*.home-banner{padding-top:50px;} */
	.img-circle{margin-top:-40px;}
	
		
	
}
@media (max-width: 991.98px)
{ 
	.desk-logo{display:none;}
	.mob-logo{display:block;}
	.hidelogo{display:none;}
	
}



@media (min-width: 768px) { 
	/*.page-id-7 .mob-logo{display:none !important;}*/

}

@media (max-width: 767.98px){
		.page-id-7 .desk-logo{display:none !important;}
	.mob-logo{display:block !important;}
	.hidelogo{display:none !important;}
.woocommerce ul.products li.product a img{width:auto !important; display:inline !important;}
	.container {max-width:100% !important;}
	.desk-logo{display:none !important;}
	
	/*.home-banner {height:184px;} */
	.display-6 { font-size: calc(0.5rem + 1.5vw)!important;}
	.wcl-progress-meter .sold,.wcl-progress-meter .max{color:#67bd48!important; font-size:18px !important;}
	.wcl-progress-meter .zero {font-size:18px !important;}   
span.sold {bottom: 49px !important;}
   .wcl-progress-meter .zero { width: 20%;}
   .wcl-progress-meter .sold { width: 60%;}   

	.togglebar{width:4%;}

}

@media  (max-width: 575.98px){
	.banner img {height:220px;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);*/}
	
	.testimonial .w-75{width:100%!important;}
	.img-circle{margin-top:0px;}
		/*.home-banner {height:163px!important;}*/
	.display-6 { font-size: calc(0.5rem + 1.5vw)!important;}
	.wcl-progress-meter .sold,.wcl-progress-meter .max{color:#67bd48!important; font-size:15px !important;}
	.wcl-progress-meter .zero {font-size:15px !important;}   
span.sold {bottom: 54px !important;}
}

@media  (max-width: 360px){
	.banner img {height:220px;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);*/}
	
	.testimonial .w-75{width:100%!important;}
	.img-circle{margin-top:0px;}
		/*.home-banner {height:163px!important;}*/
	.display-6 { font-size: calc(0.5rem + 1.5vw)!important;}
	.wcl-progress-meter .sold,.wcl-progress-meter .max{color:#67bd48!important; font-size:14px !important;}
	.wcl-progress-meter .zero {font-size:15px !important;}   
	span.sold {bottom: 55px !important;}

}