body{
	margin:0px;
	padding:0px;
	font-family: 'Nunito Sans', sans-serif;
}

content{
	position: relative;
	margin-top: 80px;
	display: block;
}
.backGroundVideo{
	position: relative;
	width: 100%;
	height: auto;	
	object-fit: fill;
	margin-bottom: -10px;
}
.backGroundVideo img{
	position: absolute;
	z-index: 4;
	right: 4.8rem;
	bottom:2.9rem;
}

video{
	width: 100%;
	}
.Welcome{
	display: flex;
	width: 100%;
	height: 40.25rem;

}
.WelcomeWriteUpflexbox{
	flex:1;	
	
	
	margin-top: auto;
	margin-bottom: auto;
	padding-left: 12rem;
	
}
.WelcomeWriteUp{
	width: 100%;

		
}
.WelcomeWriteUp h1{
	width:100%;
	font-family: 'Clash Display', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 67px;
	line-height: 58px;
/* or 87% */
	letter-spacing: 0.01em;
	color: #121212;
	text-align: left;
}

.WelcomeWriteUp p{
		
	margin-top: 30px;	
	width:100%;
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
}
.WelcomeWriteUpInner{
	min-width: 530px;
}
	
#wwMe{
		
	height: 44px;
	width: 144px;
	color: white;
	background: linear-gradient(86.04deg, #E65865 -17.64%, #D11C9E 90.09%);
	-ms-transform: skewX(-15deg);
 	-webkit-transform: skewX(-15deg);
  	transform: skewX(-15deg);
  	border-width: 0px;
}
#wwMe p{
	background: linear-gradient(86.04deg, #E65865 -17.64%, #D11C9E 90.09%);
	-ms-transform: skewX(15deg);
 	-webkit-transform: skewX(15deg);
	transform: skewX(15deg);
	margin:auto;
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	/* identical to box height */

	
	letter-spacing: 0.13em;

	color: #FFFFFF;

}

#contactButton{
	height: 44px;
	width: 180px;
	background:white;
	border-width: 0px;
	
	font-family: 'Nunito Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	/* identical to box height */

	
	letter-spacing: 0.13em;

	/* Skipper Secondary */

	color: #0E24A5;

}
#contactButton:active{
border:none;
outline: none;
}

#contactButton:focus{
border:none;
outline: none;
}
button:active{

}



#contactButton img{
	height: 30px;
	width: 46px;
	float:right;
	margin-bottom: 10px;

	transform:translateY(-6px) translateX(-10px);

	
}


	
.img1Shivi{
	flex:1;
	width: 120%;
	background-image: url('Vector2.svg');
	background-repeat:no-repeat;
	background-position: right;
	background-size: auto;
	overflow: hidden;
		
	margin-top: -10px;
	margin-bottom: -10px;
	
	margin-left:8%;
		
}
	
	#img1Shivi{
		float: left;
		bottom:0px;

		height: 99%;


	}
	
	.quoteSeperator{
		position: relative;
		width: 100%;
		color:white;
		background-color: #121212;
		padding:60px 0px 45px 0px;
		text-align: center;
	}
	.quoteSeperator p{
		
		font-family: 'Clash Display', sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 17px;
		line-height: 21px;

		/* identical to box height */

		
		letter-spacing: 0.05em;

		color: #FFFFFF;
	}
	.onlineCoachingIntro{
		display: flex;
		align-self: center;
		

		
	}
	.img2Shivi{
		flex:1;
		height: 110%;
		
	}

	#img2Shivi{
		float:left;
		min-width: 220px;
		
		
		}
	.onlineCoachingIntroWriteUp{
		
		flex: 2;
		
		text-align: center;
		margin: auto;
		padding: 10px 0rem 10px 60px;
		max-width: 60%;
		
		
	}
	.onlineCoachingIntroWriteUp h1{
		width: 100%;
	
		color: black;
		font-family: 'Clash Display', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 56px;
		line-height: 69px;
		/* identical to box height */

		display: flex;
		align-items: center;
		text-align: left;
		letter-spacing: 0.01em;
		color: #121212;
}
	.onlineCoachingIntroWriteUp p{
		width: 100%;
		color: black;
		text-align: left;
		font-family: 'Nunito Sans', sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 16px;
		line-height: 23px;
		min-width: 530px;


	}
	
	.onlineCoachingIntroWriteUp button{
		
		height: 44px;
		width: 190px;
		color: white;
		float: left;
		
		font-family: 'Nunito Sans', sans-serif;
		background: linear-gradient(86.04deg, #E65865 -17.64%, #D11C9E 90.09%);
		-ms-transform: skewX(-15deg);
 		 -webkit-transform: skewX(-15deg);
  		transform: skewX(-15deg);
  		/*BEST VERTICAL ALIGN PRACTICE*/
  		display: flex;
			justify-content: center;
		align-items: center;
		border-width: 0px;
		
	}
	
	.onlineCoachingIntroWriteUp button p{
		/*BEST HORIZONTAL ALIGN PRACTICE*/
		margin: 0 auto;
		text-align: center;
		-ms-transform: skewX(15deg);
 		 -webkit-transform: skewX(15deg);
  		transform: skewX(15deg);
  		color: white;
  		font-weight: 400;
		font-size: 14px;
		line-height: 17px;
		/* identical to box height */

		
		letter-spacing: 0.13em;
	}


	

.Testimonials{
		position: relative;
		margin-top:-4px;
		background-color: #121212;	
		width: 100%;
		display: flex;
		min-height: 223px;
		color: #ffffff;
		
	}
	
	#theQuote{
		flex:2;

		font-family: 'Clash Display', sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 17px;
		line-height: 28px;
		/* or 165% */

		display: block;
		
		align-items: center;
		letter-spacing: 0.04em;
		padding:0 0 0 109px;
		

		

	}
	#theQuoteText{
		margin-top: 50px;
	}
	#boxesContainer{
		position: absolute;
		bottom: -10px;
		left: 0px;
		display: flex;
		width: 70px;
		flex-direction: row;
		flex-wrap: nowrap;
		height: 7px;
		position: relative;
		justify-content: space-between;
	}
	.box{
		height: 7px;
		width: 9px;
	}

	#quotedBy{
		flex:1;

		font-family: 'Nunito Sans',sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 23px;
		

		display: flex;
		align-items: center;
		letter-spacing: 0.12em;
		
		background-image: url('testiVector.svg');
		background-repeat: no-repeat;
		background-size: cover;
		right:0px;
		
		
	}
	#quotedByText{
		margin: 0 auto;
		font-weight: 300;

	}


    /*FOR ANIMATION AND TRANSITION*/
	.mySlides{
		width: 240px;

	}
	.w3-display-right{

	}
	.w3-display-right{

	}
	.comeGetSome{
		width: 100%;
		padding-top: 5rem;
		padding-bottom: 6.75rem;
		
	}
	.comeGetSome h1{

		text-align: center;
		width: 100%;

		font-family: 'Clash Display', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 56px;
		line-height: 69px;
		text-align: center;
		letter-spacing: 0.01em;
		color: #121212;




	}

	.icon_container{
		padding-top: 3.7%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr;
		grid-row-gap: 0px;
		width: 90%;
		margin: 0 auto;
		padding-left: 1rem;

			
	}
	
	.icon{
		
  		height:19rem;

  			
		
	}
	
	.icon1{
		background-image: url('gr_77.svg');
		background-repeat: no-repeat;
		background-size: auto;
		
	}
	.icon2{
		background-image: url('gr_78.svg');
		background-repeat: no-repeat;
		background-size: auto;
		
	}
	.icon3{
		background-image: url('gr_79.svg');
		background-repeat: no-repeat;
		background-size: auto;
		
	}
	
	.iconWriteUp p{
		margin-top: 3%;	
		color: #D11C9E;
		font-family: 'Nunito Sans', sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		/* identical to box height */

		
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-align: center;
		margin-left: -2rem;
		
	}

	.Telegram{
	
		width: 98%;
		height: 6.5em;
		display: block;
		background-color: #0E24A5;
		color: white;
		padding: 1.5em 7.8em;
		padding-top: 2em;
		margin-left: -2em;
		-ms-transform: skewX(-20deg);
 		 -webkit-transform: skewX(-20deg);
  		transform: skewX(-20deg);
	}
	.TG-floatbox{
		background-color: blue;
		-ms-transform: skewX(220deg);
 		 -webkit-transform: skewX(220deg);
  		transform: skewX(20deg);
	}
	.TG-floatbox .left{
		float: left;
		font-family: 'Nunito Sans', sans-serif;
		font-size: 16px;
		line-height: 23px;
		color: #FFFFFF;
		font-weight: 300;
	}
	.TG-floatbox .right{
		float: right;
		font-family: 'Nunito Sans', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 19px;
		/* identical to box height */

		letter-spacing: 0.13em;
	}


	.TG-floatbox .right button{
		height: 30px;
		width: 40px;
		color: #0E24A5;
		margin-left: 5px;
		
		text-align: center;
		background-color: ;
		-ms-transform: skewX(-20deg);
 		 -webkit-transform: skewX(-20deg);
  		transform: skewX(-20deg);
  		/*BEST VERTICAL ALIGN PRACTICE*/
  	
		border-width: 0px;
		font-size: 19px;

	}

	.TG-floatbox .right button div{
		-ms-transform: skewX(20deg);
 		 -webkit-transform: skewX(20deg);
  		transform: skewX(20deg);
  		margin:auto;
  		font-weight: 700;
	}
.getStarted{
	background-image: url('Quote.svg');
	background-repeat: no-repeat;
	background-origin: left;
	background-size:contain;
	display: block;
	width: 100%;
	position: relative;
	height: 223px;
	padding-top: 3.1rem;
	padding-bottom:4.2rem;
	
 	

	
	}
	.getStartedwriteUpFloatBox{
		margin:0 auto;
		
		width: 100%;
		
		display: block;
		padding-left:7em;
		position: relative;


	}
	.getStartedwriteUpHeader{
	
	font-family: 'Clash Display', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 54px;
	line-height: 43px;
	color: #FFFFFF;
	margin-bottom: 10px;

	
	}
	.getStartedwriteUpHeader h2{
	
	font-family: 'Clash Display', sans-serif;
	font-weight: 600;
	font-size: 56px;
	line-height: 69px;
	letter-spacing: 0.02em;
	color: #FFFFFF;

	
	}
	.getStartedwriteUpText{

	font-family: 'Nunito Sans',sans-serif;
	font-style: normal;
	
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	/* identical to box height */
	letter-spacing: 0.13em;
	color: #FFFFFF;
	display: "inline";
	

	}
	#contactButton2{
		font-size: 20px;
		padding: 0px;
		border-width: 0px;
		color: white;
		height:30px;
		width: 46px;
		font-family: 'Nunito Sans', sans-serif;
		background:url("contactButton2.svg");

	}
	button{
		cursor: pointer;
	}

	/* --- legal strip -------------------------------------------------------- */
	.legal-bar{
	    background:#f8f8f8;                 /* light-grey bar                */
	    color:#000;                         /* black text                    */

	    /* centre both ways */
	    display:flex;
	    justify-content:center;             /* horizontal centre             */
	    align-items:center;                 /* vertical centre               */

	    height:48px;                        /* bar thickness                 */
	    font:14px/1 'Nunito Sans',sans-serif;
	    letter-spacing:0.13em;              /* same spacing as T&C line      */
	    text-transform:none;                /* keep natural case             */
	}

	@media (max-width:699px){
	    .legal-bar{
	        height:40px;
	        font-size:12px;
	    }
	}