@font-face {
    font-family: 'MercuryDisplay';
    src: url('./fonts/MercuryDisplay-Roman.woff2') format('woff2'),
        url('./fonts/MercuryDisplay-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('./fonts/Lato-Regular.ttf') format('truetype');
  	font-weight: 400;
  	font-style: normal;
}

@font-face {
    font-family: 'LatoBold';
    src: url('./fonts/Lato-Bold.ttf') format('truetype');
  	font-weight: 700;
  	font-style: normal;
}


@font-face {
  font-family: "NotoSerif";
  src: url('./fonts/NotoSerif-VariableFont_wdthwght.ttf') format('truetype');
  font-weight: 100 900; /* Defining the variable weight range */
  font-style: normal;
  font-variation-settings: 
    "wdth" 100, 
    "wght" 100;
  font-optical-sizing: auto;
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('./fonts/HelveticaNeue.woff2') format('woff2'),
       url('./fonts/HelveticaNeue.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



h1{
	font-family: 'MercuryDisplay';
	color: #fff;
	font-size: 3.75rem;
	letter-spacing: 2%;
}


h3{
	font-family: 'NotoSerif';
	color: #fff;
	font-size: 1.875rem;
	line-height: 2.5rem;
}



.latoregular18{
	font-family: 'LatoRegular';
  	font-weight: 100;
  	font-style: normal;
  	font-size: 1.125rem;
}

.overline {
  font-family: 'LatoBold';
  font-size: 1rem;
  line-height: 1.8125rem;
  letter-spacing: 0.2em;
  color: #343A3D;
  font-weight: bolder;
}

.mainbanner p{
	font-family: 'LatoRegular';
	font-size: 1.125rem;
	color: #fff;
}

.uk-container{
	max-width: 1548px;
}

.uk-background-primary{
	background: #F3F3F3;
}






/*Button*/
.uk-button{
	font-family: 'LatoRegular';
	font-size: 1.125rem;
	padding: 0 20px;
	min-width: 13.75rem ;
	text-transform: none;
}

.uk-button span{
	font-family: 'LatoRegular';
	font-size: 1.125rem;
}
.uk-button-primary{
	background: transparent;
	border :solid 1px #000;
	color: #2C3243;
}	
.uk-button-primary:hover{
	background: #fff;
	color: black;
}

.uk-button-secondary{
	background: transparent;
	border :solid 1px #fff;
	color: #fff;
}

.uk-button-secondary:hover{
	background: white;
	color: black;
}

.bgwhite{
	background: #fff !important;
	border: solid 1px white !important;
}
.bgwhite:hover{
	color: #fff;
	background: transparent !important;
}


/*Main Banner*/
	
.herotext p{
	max-width: 36rem;
	font-size: 1.125rem;
	padding: 0 2.75rem;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.section2p{
	padding: 16.25rem 11.25rem 16.25rem 11.25rem;
}

.section2p p{
	font-size: 1.75rem;
}


.mainbanner .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover; /* Ensures the video covers the entire area */
    z-index: 10; /* Places the video behind other content */
    overflow: hidden;
}


.top-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent black */
    height: 100%; /* Cover the full height of the section */
    width: 100%; /* Cover the full width of the section */
    top: 0; /* Align to the top */
    left: 0; /* Align to the left */
    z-index: 8;
}

/*Section 2*/
.custom_sectiontwo p {
  font-family: "Noto Serif";
  font-size: 1.75rem;
  font-weight: 400;
  color: #2C3243;
  max-width: 26.5625rem;
  line-height: 2.375rem; 
}



/*Section 3*/

.dnasection .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover; /* Ensures the video covers the entire area */
    z-index: -1; /* Places the video behind other content */
}


.dnasection .uk-card-default {
	background-color: rgba(90, 108, 114, 0.3);
/*	backdrop-filter: blur(20px);*/
	padding: 72px 110px 80px 110px

}

.gridbox *{
	color: #fff;
}

.gridbox p{
	font-family: 'HelveticaNeue';
	font-size: 1rem;
	line-height: 1.625rem;
	font-weight: 100;
}

.dnasection .gridbox p{
	max-width: 17.3125rem;
}

/*Section 5*/
.custom_membership h3{
	font-family: 'NotoSerif';
	color: #2C3243;
	font-size: 2.125rem;
}

.tabsection{
	max-width: 1080px;

}

.tabsection ul li{
	font-family: 'NotoSerif';
	font-size: 1.125rem;
	line-height: 2.5rem;
}

.custom_membership .uk-subnav-pill > .uk-active > a,.custom_membership .uk-subnav-pill li a {
    background-color: transparent;
    color: #2C3243;
    font-size: 1.125rem;
    text-align: center;
    line-height: 2.5rem;
    text-transform: none;
}
.custom_membership .uk-subnav-pill .uk-active a {
	border-bottom: solid 3px #2C3243;
	padding: 10px 40px;
}
.custom_membership .uk-subnav-pill li a {
	padding: 10px 40px;
}

.custom_membership .tabparent{
	min-width: 30rem;
	margin: 0 50px 0 0 ;
}
.custom_membership .tabgrid p{
	font-family: 'HelveticaNeue';
	font-size: 1rem;
	line-height: 1.625rem;
	color: #2C3243;
}
.custom_membership .tabgrid h2{
	font-family: 'NotoSerif';
	font-size: 3.75rem;
	line-height: 4.375rem;
	color: #2C3243;
}

.custom_membership .tabgrid .cta{
	max-width: 13.75rem;
}

.custom_membership .weeksli .uk-accordion-content ul{
	list-style: none;
	padding: 0px;
}
.custom_membership .weeksli .uk-accordion-content ul li{
	font-family: 'HelveticaNeue';
	font-size: 1rem;
	line-height: 1.875rem;
	color: #2C3243;
}

.custom_membership .weeksli .uk-accordion-title{
	font-family: "NotoSerif";
	font-size: 1.25rem;
	line-height: 2.5rem;
	color: #2C3243;
	margin-top: 15px;
}

.tabsection .uk-accordion-content {
    margin-top: 25px;
}

.uk-accordion > :nth-child(n+2) {
    margin-top: 10px;
    border-top: rgba(0, 0, 0, 0.2) solid 1px;
}

/*Section 6*/
.custom_exclusive .uk-card-default {

    background: rgba(90, 108, 114, 0.4);
/*    backdrop-filter: blur(20px);*/
    padding: 80px 110px;
}
.custom_exclusive .gridbox p {
	max-width: 18rem;
}

.custom_exclusive .smallbox {
    padding: 50px 100px;
}

.custom_exclusive .uk-text-center h3 {
    font-size: 2.125rem;
    max-width: 53rem;
    color: #fff;
    line-height: 2.75rem;
}

.custom_exclusive .gridbox h3{
	font-size: 1.875rem;
	margin-top: 10px;
}

.custom_exclusive .gridbox .smallbox h3{
	font-size: 1.625rem;
}

.custom_exclusive .gridbox .onehalfcontainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*Section 7*/
.formsection .uk-text-center h3{
	font-size: 2.125rem;
	max-width: 50rem;
}

form#joinusform {
    max-width: 42rem;
    margin: 0 auto;
}

.formsection h3{
	font-size: 2.125rem;
	color: #2C3243;
}

.formsection .price, .formsection .uk-form-label{
	font-family: 'NotoSerif';
	font-size: 1.125rem;
	letter-spacing: 0.02em;
	line-height:1.25rem ;
	color: #343A3D;
}

.formsection .uk-input,.formsection .uk-select,.formsection .uk-textarea ,.formsection .uk-select:not([multiple]):not([size]) {
	height: 3.75rem;
	border: solid 1px #82847F;
}

.formsection .checkboxlabel,.formsection .checkboxlabel a{
	font-family: 'NotoSerif';
	font-size: 1rem;
	line-height: 1.25rem;
	letter-spacing: 0.02rem;
	color: #343A3D;
}
.formsection .checkboxlabel a{
	text-decoration: underline;
}
.formsection button{
	height: 60px;
	border: solid 1px #D7C3A0;
	color: #343A3D;
}
.formsection button:hover{
	background-color: #343A3D;
	color: #fff;
}


/*Section 9*/

.custom_plans .video-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover; /* Ensures the video covers the entire area */
    z-index: -1; /* Places the video behind other content */
}

.plansheadline{
	max-width: 58rem;
	font-size: 1.75rem;
	padding: 0 2.75rem;
}

.plansheadline p{
	font-family: 'NotoSerif';

	font-size: 1.75rem;
	line-height: 2.375rem;
	color: #2C3243;
}

.column-content .textcopy{
	max-width: 20.5rem;
	font-size: 1rem;
	padding: 2.4375rem;
	line-height: 1.625rem;
	font-family: 'HelveticaNeue';
	color: #2C3243;
}

.custom_plans .heading1{
	font-family: 'LatoBold';
	font-size: 1.1875rem;
	line-height: 1.8125rem;
	letter-spacing: 0.2em;
	font-weight: bolder;
	margin-bottom: 0px;
	color: #343A3D;
}

.custom_plans .heading2{
	font-family: 'LatoRegular';
	font-size: 1.1875rem;
	line-height: 1.8125rem;
	letter-spacing: 0.2em;
	margin-top: 0px;
	color: #343A3D;
}

.custom_plans .column-content{

/*	backdrop-filter: blur(10px);*/
	border-radius: 10px;
/*	background: turquoise;*/
	border: solid 1px rgba(0, 0, 0, 0.2);
}

.custom_plans .column-content .uk-button{
	max-width: 13.75rem;
}

.column-content h3{
	font-family: 'NotoSerif';
	font-weight: 400;
	color: #2C3243;
	font-size: 1.25rem;
}
.headingbackground1{
	background: #D9D9D9;
	border-radius: 10px 10px 50% 50%;
	padding: 4rem 0;
}

.headingbackground2{
	background: #D7C3A0;
	border-radius: 10px 10px 50% 50%;
	padding: 4rem 0;
}

.copyright{
	font-size: 0.8125rem;
}



.desktoponly{
    display: block;
}
.mobileonly{
    display: none;
}





@keyframes pulse {
    0% {
        transform: scale(1.5);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.5);
    }
}

.whatsapp-icon {
    animation: pulse 1.5s ease-in-out infinite;
    transition: transform 0.3s ease;
}

.whatsapp-icon:hover {
    animation-play-state: paused;
    transform: scale(1.15);
}


@media(max-width:1600px){
	.dnasection .uk-card-default{
		padding: 60px 90px 60px 90px;
	}
	.custom_exclusive .uk-card-default{
		padding: 60px 90px 60px 90px;
	}
}

@media(max-width:1578px){

	.section2p{
		padding: 13rem 11.25rem 12rem 11.25rem;
	}

	.custom_exclusive .gridbox .smallbox h3 {
	    font-size: 1.5rem;
	}
}


@media (max-width: 1440px) {
	.section2p {
	    padding: 12.25rem 11.25rem 11.25rem 11.25rem;
	}

	.dnasection .uk-card-default{
		padding: 20px 60px 20px 60px;
	}

	.custom_exclusive .gridbox h3 {
	    font-size: 1.75rem;
	}
    .custom_exclusive .uk-card-default {
        padding: 20px 60px 20px 60px;
    }

    .custom_exclusive .uk-padding-large{
    	padding: 30px 70px 30px 70px;
    }
}

@media(max-width:1366px){
	.section2p{
		padding: 10rem;
	}
}

@media(max-width:1280px){
	.dnasection .uk-card-default{
		padding: 1.5rem;
	}
	.section2p {
        padding: 7rem;
    }
    h1{
    	font-size: 2.75rem;
    }

    .custom_exclusive .gridbox .smallbox h3 {
        font-size: 1.2rem;
    }
    .custom_exclusive .gridbox h3 {
        font-size: 1.5rem;
    }
    .dnasection .gridbox h3{
    	font-size: 1.5rem;
    }

}


@media(max-width:1200px){
	.section2p{
		padding: 5rem;
	}
}


@media (max-width: 1152px) {
    .custom_exclusive .uk-card-default {
        padding: 15px 40px 15px 40px;
    }

    .dnasection .uk-card-default {
        padding: 10px 40px 10px 40px;
    }
}

@media (max-width: 1024px) {
	.custom_sectiontwo p {
		font-size: 1.5rem;
	}
	.section2p {
        padding: 3rem;
    }

    .dnasection .gridbox h3{
    	font-size: 1.5rem;
    	margin-top: 20px;
    }
    .dnasection .gridbox p{
    	font-size: 0.8125rem;
    }


    .custom_exclusive .gridbox h3{
    	font-size: 1.4rem;
    	line-height: 1.5;
    }

    .custom_membership.uk-section{
    	padding-top: 30px;
    }
}

@media(max-width:960px){
	.section2p{
		padding: 1rem;
	}
	.custom_sectiontwo p {

		font-size: 1.5rem;
	}

	h1 {
        font-size: 2.2rem;
    }

    .custom_exclusive .uk-text-center h3 {
	    font-size: 1.75rem;
	}
	.custom_exclusive .gridbox h3 {
        font-size: 1.3rem;
    }
    .custom_exclusive .uk-card-default {
        padding: 15px 30px 15px 30px;
    }

    .plansheadline p {
    	font-size: 1.5rem;
	}		
	.custom_plans,.formsection,.custom_exclusive{
		padding-top: 30px;
	}

	.formsection .uk-text-center h3 {
	    font-size: 1.5rem;
	    padding: 20px;
	}


	.custom_exclusive .gridbox .onehalfcontainer {
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}
	.plansheadline {
		padding: 20px;
	}

}

@media(max-width:768px){
	.custom_sectiontwo .twocolumnsection{
		display: flex;
		flex-direction: column;
	}
	.custom_sectiontwo .twocolumnsection div{
		width: auto;
	}
	.custom_sectiontwo p {
		max-width: auto;
		padding: 1.5rem 1.5rem 0 1.5rem;
	}
	.custom_sectiontwo .twocolumnsection .section2p .uk-margin-top {
		margin-top: 0px !important;
		margin-bottom: 20px;
	}

	.dnasection .threecolumnsection{
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.dnasection .gridbox p {
		max-width: none;
		width: 100%;
	}
	
	.custom_exclusive .threecolumnsectioneexclusive {
		display: flex;
		flex-direction: column;
	}
	.custom_exclusive .threecolumnsectioneexclusive .gridbox {
		width: 100%;
	}

	.desktoponly{
        display: none;
    }
    .mobileonly{
        display: block;
    }
    a.uk-slidenav-previous.uk-slidenav.uk-icon {
	    background: #5A6C72;
	    color: #fff;
	    padding: 20px;
        opacity: 0.5;
	}
	.threeimagescarousel{
		padding-bottom: 40px !important;
	}

	.custom_membership .uk-subnav{
		justify-content: space-around;
	}
	.custom_membership .tabparent{
		margin: 0 auto;
		padding: 1.5rem;
	}
	.mainbanner .uk-height-viewport{
		height: auto;
	}


	.custom_sectiontwo p{
		max-width: 100%;
	}

	.dnasection .threecolumnsection .gridbox {
		width: 100%;
	}

	.dnasection .video-background{
/*		display: none;*/
	}

    .dnasection .uk-card-default {

    }

    .custom_exclusive .unflex {
	    display: block;  
	}
	.custom_exclusive .gridbox p {
		width: 100% !important;
		max-width: none !important;
	}	
	.custom_exclusive .uk-text-center .uk-card-default h3 {
		width: 70%;
		max-width: none !important;
		margin: 0 auto;
	}

	.custom_exclusive .gridbox .smallbox h3 {
	    font-size: 1.3rem;
	}

	.custom_membership .uk-subnav-pill .uk-active a {
	    border-bottom: solid 3px #2C3243;
	    padding: 10px 10px;
	}

	.custom_membership .uk-subnav-pill li a {
	    padding: 10px 10px;
	}

}

@media(max-width:640px){

	.custom_plans .uk-container .uk-grid{
		display: flex;
		flex-direction: column;
	}

	.custom_plans .uk-container .uk-grid .gridcontainer{
		width: 100%;
	}

	.herotext p{
		padding: 0px;
	}

	.custom_exclusive .uk-padding-large {
        padding: 0px;
    }

    .custom_exclusive .uk-text-center h3 {
        font-size: 1.5rem;
        padding: 20px;
    }

    .custom_exclusive .gridbox .smallbox h3 {
	    font-size: 1.5rem;
	}

	h1 {
	    font-size: 2rem;
	}
	.herotext p {
		font-size: 1rem;
		max-width: 70%;
    }

    .custom_membership .uk-subnav-pill li a {
	    padding: 10px 20px;
	}
	.custom_membership h3 {
		font-size: 1.5rem;
	}	


	.mobileaccordion .uk-accordion-title {
	    padding: 15px;
	    font-family: 'NotoSerif';
	    font-size: 2rem;
	    color: #2C3243;
	}
	.mobileaccordion .uk-accordion-content{
		padding: 15px;
	}

	.mobileaccordion .uk-accordion-content p{
		font-family: 'HelveticaNeue';
	    font-size: 1rem;
	    font-size: 1.25rem;
	    line-height: 2.5rem;
	    color: #2C3243;
	    margin-top: 15px;
	}

	.mobileaccordion .uk-accordion-content ul li{
		font-family: 'HelveticaNeue';
	    font-size: 1rem;
	    line-height: 1.875rem;
	    color: #2C3243;
	}

	.dnasection .video-background {
		height: 100%;
	}

	.custom_exclusive .uk-card-default {
        padding: 30px 30px 30px 30px;
    }

    .dnasection .uk-card-default {
        padding: 30px;
    }

	.mainbanner.uk-height-viewport{
		height: auto;
	}

}



@media(max-width:480px){
	h1{
		font-size:2rem;
		margin-bottom: 0px;
	}

	.dnasection .uk-card-default {
        padding: 10px 15px 10px 15px;
    }

    .column-content .textcopy{
		padding: .8rem;
	}

	.herotext p {
        max-width: 80%;
    }

    .center {
	    bottom: 15%;
	    left: 50%;
	    -ms-transform: translate(-50%, -55%);
	    transform: translate(-50%, -55%);
	}

	.video-background .uk-position-bottom-right.uk-padding {
	    padding: 10px;
	}
}