/*
Theme Name: Site
Theme URI: http://gantry.org
Template: g5_helium
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
Version: 5.5.19.1726665088
Updated: 2024-09-18 13:11:28

*/
@import url("custom.css");
@import url("responsive.css");

/* Gantry Universal */
.entry-content .alignwide {
	margin-left: -80px;
	margin-right: -80px;
	}
.entry-content .alignfull {
	margin-left: calc( -100vw / 2 + 100% / 2 );
	margin-right: calc( -100vw / 2 + 100% / 2 );
	}
/* .alignfull img {
	width: 100vw;
	} */

.alignfull.two-column-content img, .alignfull .alignleft img {
	width: inherit
}


#g-container-main .g-container{
	max-width: 1140px;
}

#g-mainbar .g-content{
	margin: 0;
	padding: 0;
}

/* Header */


#g-navigation .g-container{
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
#g-mainbar{
	padding: 0;
}
#g-navigation .g-main-nav .g-toplevel {
    
}

#g-navigation .g-container .g-grid:nth-child(2) {
    align-items: center;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    box-shadow: none!important;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
	margin: 0 18px;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
	font-size: 18px;
	font-weight: 700;
		
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
    color: #cdc4a7;
}
#g-navigation .g-main-nav .g-toplevel > li.connect-btn:hover > .g-menu-item-container .g-menu-item-content {
    background: #cdc4a7!important;	
	color: #fff;


}
#g-navigation .main-menu .g-main-nav .g-toplevel li.connect-btn .g-menu-item-container .g-menu-item-content {
    text-transform: none;	
    font-size: 14px;
    padding: 16px 26px 16px;
    background: #5D7261;
    border-radius: 26px;
	font-weight: 900;
	line-height: 18px;
	color:#fff
	
}
/* mobile */
#g-mobilemenu-container .g-toplevel li{
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
        padding: 12px;
}
#g-mobilemenu-container .g-toplevel li:last-child {
    border-bottom: none;
}
.g-offcanvas-toggle{
	top: 27px;
}
.g-offcanvas-right .g-offcanvas-toggle {
	right: 15px;
}



/* Header-end*/

/*Footer css-start*/
#g-footer .g-container{
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
#g-footer{
	padding: 30px 0 !important;
}
#g-footer{
	border-top: 0px solid #707070;
/* 	position: absolute; */
    bottom: 0;
    width: 100%;
    z-index: 999;
}
#g-footer .btm-copyright p {
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}

.g-social a {color:#fff}
.g-social a:hover {color:#efefef}

/*Footer section css--end/
/* Homepage*/
.addres-block .info-box-email .qubely-info-box-media{
	margin-top:4px;
}

/* Video-section*/
.tour-video-sec .qubely-block-videopopup-wrapper .qubely-block-videopopup span{
	display: block;
    width: 100%;

}
.tour-video-sec .qubely-block-videopopup-wrapper .qubely-block-videopopup a{
	text-align: center;
}
.tour-video-sec .qubely-block-videopopup .qubely-video-popup .qubely-btn-icon{
	margin-bottom: 25px;
}
/* Homepage-end*/

/* Large hero css */
.large-hero{
	margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 50px;
	 z-index: 1;
    overflow: hidden;
}

.large-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
	margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    background-position: center center;
    background-size: cover;
   background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0.3) 50%,
        rgba(0, 0, 0, 0.1) 70%,
        rgba(0, 0, 0, 0) 100%
    );
	backdrop-filter: blur(1px);   /* <- Blurs what's behind it */
    -webkit-backdrop-filter: blur(1px); /* Safari support */
    z-index: 1;
}

.large-hero-text-section{	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 1;
	position: relative;
}
.large-hero-text-section .hero-title{
	font-size: 56px;
	line-height: 60px;
	font-weight: 400;
	color: #FFF;
	margin: 0;
	text-align: center;
	font-weight:bold
}
.large-hero-text-section .hero-title strong{
	font-weight: 900;
}
.hero-button{
	margin-top: 55px;
}

.hero-button-link{
	text-transform: none;
	font-size: 24px;
	padding: 17px 26px 17px;
	background: #5D7261;
	border-radius: 20px;
	font-weight: 900;
	line-height: 26px;
	color: #fff;
	display: inline-block;
}
.hero-button-link:hover{
	background: #cdc4a7 !important;
    color: #fff;
}


/* //Large hero css */

/* small hero css */
.small-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 130px 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}

.small-hero::before {
  content: "";
  position: absolute;
  inset: 0; /* shorthand for top:0; left:0; right:0; bottom:0 */
background: radial-gradient(
  ellipse at center,
  rgba(0, 0, 0, 0.5) 40%,    /* opaque black at 40% radius */
  transparent 80%            /* fully transparent at 80% radius */
);
  pointer-events: none;
  z-index: 1;
}
.small-hero-text-section {
	min-height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	 position: relative; /* Make sure this stacks above background */
  z-index: 2;
}
.small-hero-text-section .hero-title{
	font-size: 48px;
	line-height: 60px;
	font-weight: 900;
	color: #FFF;
	margin: 0;
}
/* // small hero css End */
.form-row .nf-form-title,
.form-row .nf-before-form-content .nf-form-fields-required{
	display: none;
}

.form-row .nf-row{
	margin-left: -25px;
	margin-right: -25px;
}
.form-row .nf-row  .nf-cell{
	padding-left: 25px;
	padding-right: 25px;
}

.form-row .nf-form-content label,
.form-row .nf-form-content .label-above .nf-field-label, 
.form-row .nf-form-content .label-below .nf-field-label, 
.form-row .nf-form-content .label-hidden .nf-field-label label{
	color: #4D5E80;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	padding-left: 8px;
}
.form-row .nf-form-content .list-select-wrap .nf-field-element>div, 
.form-row .nf-form-content input:not([type=submit]), 
.form-row .nf-form-content textarea,
.form-row .nf-form-content select.ninja-forms-field {
	background: #FFFFFF;
	box-shadow: 0px 2px 5px #26334D08;
	border: 2px solid #E4E7F0;
	border-radius: 5px;
	font-size: 12px;
	color: #7D8FB3;
	font-weight: 700;
}
.form-row .nf-form-content input:not([type=submit]):focus, 
.form-row .nf-form-content textarea:focus,
.form-row .nf-form-content select.ninja-forms-field:focus{
	box-shadow: 0px 2px 5px #3361FF33;
	border: 2px solid #5d7261;
}
.form-row .nf-form-content input::placeholder {
  color: #7D8FB3; 
}
.form-row .submit-container{
	text-align: center;
	margin-top: 65px;
}
.form-row .nf-form-content input[type=submit]{
	background: #5D7261;
	border-radius: 30px;
	padding:12px 20px;
	color: #FFF;
	font-size: 16px;
	font-weight: 900;
	min-width:150px;
} 
.form-row .nf-form-content input[type=submit]:hover,
.form-row .nf-form-content input[type=submit]:focus{
	background-color:#cdc4a7!important;
	color: #FFF;
}
.form-row .nf-form-content select.ninja-forms-field,
.form-row .nf-form-content select.ninja-forms-field:focus{
	appearance: none;
	background-image: url('/wp-content/uploads/2025/05/select-arrow.png');
	background-repeat: no-repeat;
	background-position: center;
	background-position-x:calc(100% - 15px);
	padding:12px 30px 12px 12px;
}
.form-row .nf-form-content .list-select-wrap .nf-field-element>div{
	display: none;
}

.addres-block .qubely-info-box-title{
	word-break: break-all;
}


/* Home Testomonial */
.testimonial-heading h2 {
    font-size: 54px;
    color: #5D7261;
    line-height: 60px;
    font-weight: 700;
    margin: 0;
    text-align: center;
    padding-bottom: 50px;
}

.testimonial_block .row{
	margin-left: -10px;
	margin-right:-10px;
}
.testimonial_block .row [class*="col-"]{
	padding-left: 10px;
	padding-right: 10px;
}

.testimonial_block .content-wrapper {
    box-shadow: 0px 2px 5px #26334D0D;
    padding: 20px 10px 55px;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    background-color: #fff;
}

.testimonial_block .content-wrapper .text-area {
    position: relative;
    padding: 20px 25px 30px 40px;
}

.testimonial_block .content-wrapper .text-area:before {
    content: "";
    top: 13px;
    left: 0;
    position: absolute;
    width: 28px;
    height: 21px;
    background: url(/wp-content/uploads/2025/05/top-quotes-beige.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial_block .content-wrapper .text-area:after {
    content: "";
    bottom: 23px;
    right: 5px;
    position: absolute;
    width: 28px;
    height: 21px;
    background: url(/wp-content/uploads/2025/05/quotes-btm.png);
    background-repeat: no-repeat;
    background-size: cover;

}
.testimonial_block .content-wrapper .text-area,
.testimonial_block .content-wrapper .text-area p {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    font-weight: 400;
    margin: 0;

}

.testimonial_block .testimonial-title h5 {
    margin: 0;
    font-size: 16px;
    color: #5D7261;
    line-height: 25px;
    font-weight: 700;
}

.testimonial_block .testimonial-Job_Title h6 {
    margin: 0;
    font-size: 14px;
    color: #3C4544;
    line-height: 20px;
    font-weight: 400;
}

.testimonial_block .positon-wrapper {
    padding: 0 15px;
}

/* Home Testomonial */


/* Feature block */
.feature_block .row.right {
    flex-direction: row-reverse;
}
.feature_block h6.eye-brrow {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #FFFFFF;
    background-color: #CDC4A7;
    padding: 10px 12px;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.feature_block h2 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #070707;
    margin: 0 0 25px 0;
}

.feature_block h2 strong {
    font-weight: 900;
}

.feature_block p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #959595;
}

.feature_block .image-wrapper img {
    border-radius: 15px;
	width:100%;
}

.feature_block .right .content-wrapper {
    padding-left: 15px;

}

.feature_block .right .image-wrapper {
    padding-right: 15px;
}

.feature_block .left .content-wrapper {
    padding-right: 15px;
}

.feature_block .left .image-wrapper {
    padding-left: 15px;
}
/* Feature block */


/* Product page  */
.product_block .product-wrapper {
    border: 2px solid #CDC4A7;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 2px 5px #363D4D08;
    margin-bottom: 50px;
}

.product_block .product-wrapper img {
    border-radius: 8px 8px 0px 0px;
    width: 100%;
}

.product_block .product-title h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 900;
    color: #5D7261;
    margin: 0;
    padding-bottom: 15px;
    position: relative;
}

.product_block .product-title h2::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    display: inline-block;
    background: url('/wp-content/uploads/2025/05/right-arrow.png') no-repeat;
    width: 16px;
    height: 16px;
}

.product_block .product-description p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #959595;
    margin: 0;
}

.product_block .product-content {
    padding: 25px 25px 35px 25px;
}

/* Product page */

/* Smartphones */
@media screen and (max-width: 480px) {}
/* Smartphones to Tablets */
@media screen and (min-width: 481px) and (max-width: 767px) {}
/* Desktop */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial_block .content-wrapper .text-area {
	    position: relative;
	    padding: 20px 15px 30px 25px;
	}
	.testimonial_block .content-wrapper .text-area:after, 
	.testimonial_block .content-wrapper .text-area:before {   
	    width: 19px;
	    height: 14px;
	}
	.testimonial_block .content-wrapper{
		padding: 20px 10px 40px;
	}

}


@media screen and (max-width:767px)  {
	.g-particle a.g-logo.g-logo-helium{
		display: inline-block;
		padding: 0;
	}
	.small-hero-text-section{
		min-height: auto;
	}
	.feature_block .right .content-wrapper{
		padding-left: 0 !important;
	}
	.large-hero-text-section .hero-title,
	.small-hero-text-section .hero-title {
		font-size: 40px;
		line-height: 44px;		
	}
	.testimonial-heading h2 {
		font-size: 48px;		
		line-height: 54px;
	}
	.feature_block h2 {
		font-size: 32px;
		line-height: 40px;
	}
    .form-row .submit-container {
        margin-top: 40px;
    }
    .hero-title br{
    	display: none;
    }
    .large-hero{
    	padding: 150px 0 250px;
    }
    .feature_block p {
	    font-size: 18px;
	    line-height: 32px;
	}
	 #g-navigation .g-logo{ margin: 0; }
	 .g-offcanvas-toggle{
	 	top: 32px;
	}
	.bottom-custom-block br{
		display:none;
	}
	
}
/* Tablets */
@media screen and (min-width: 768px) and (max-width: 992px) {
	#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
		font-size: 14px;		
	}
	#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
		margin: 0 8px;
	}
	#g-navigation .g-main-nav .g-toplevel > li:first-child > .g-menu-item-container{
		margin-left: 0;
	}
	#g-navigation .g-main-nav .g-toplevel > li:last-child > .g-menu-item-container{
		margin-right: 0;
	}
	#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
		margin: 0 11px;
	}
	#g-navigation .main-menu .g-main-nav .g-toplevel li.connect-btn .g-menu-item-container .g-menu-item-content {
		padding: 13px 26px 13px;
	}
}



/* Large Display */
@media screen and (min-width: 1200px) {
	#g-navigation .main-menu .g-main-nav .g-toplevel li.connect-btn{
		padding-left: 50px;
	}
 
}

@media screen and (max-width: 991px){
	.testimonial_block .content-wrapper{
		margin-bottom: 15px;
	}
	.feature_block .right .content-wrapper {
		padding-left: 0px;	
	}
    .feature_block .right .image-wrapper {
        padding-right: 0px;    
    }
    .feature_block .left .content-wrapper {
        padding-right: 0px;
    }
    
    .feature_block .left .image-wrapper {
        padding-left: 0px;
    }
    .program-description{
    	padding-bottom: 15px;
    }
    .testimonial-heading h2{
    	font-size: 40px;
    	line-height: 50px;
    	padding-bottom: 30px;
    }
}