@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-Light.eot');
    src: local('Nexa Light'), local('Nexa-Light'),
        url('NexaFont/Nexa-Light.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-Light.woff2') format('woff2'),
        url('NexaFont/Nexa-Light.woff') format('woff'),
        url('NexaFont/Nexa-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-Thin.eot');
    src: local('Nexa Thin'), local('Nexa-Thin'),
        url('NexaFont/Nexa-Thin.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-Thin.woff2') format('woff2'),
        url('NexaFont/Nexa-Thin.woff') format('woff'),
        url('NexaFont/Nexa-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-XBold.eot');
    src: local('Nexa XBold'), local('Nexa-XBold'),
        url('NexaFont/Nexa-XBold.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-XBold.woff2') format('woff2'),
        url('NexaFont/Nexa-XBold.woff') format('woff'),
        url('NexaFont/Nexa-XBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-Bold.eot');
    src: local('Nexa Bold'), local('Nexa-Bold'),
        url('NexaFont/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-Bold.woff2') format('woff2'),
        url('NexaFont/Nexa-Bold.woff') format('woff'),
        url('NexaFont/Nexa-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-Regular.eot');
    src: local('Nexa Regular'), local('Nexa-Regular'),
        url('NexaFont/Nexa-Regular.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-Regular.woff2') format('woff2'),
        url('NexaFont/Nexa-Regular.woff') format('woff'),
        url('NexaFont/Nexa-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-Black.eot');
    src: local('Nexa Black'), local('Nexa-Black'),
        url('NexaFont/Nexa-Black.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-Black.woff2') format('woff2'),
        url('NexaFont/Nexa-Black.woff') format('woff'),
        url('NexaFont/Nexa-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-Book.eot');
    src: local('Nexa Book'), local('Nexa-Book'),
        url('NexaFont/Nexa-Book.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-Book.woff2') format('woff2'),
        url('NexaFont/Nexa-Book.woff') format('woff'),
        url('NexaFont/Nexa-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-Heavy.eot');
    src: local('Nexa Heavy'), local('Nexa-Heavy'),
        url('NexaFont/Nexa-Heavy.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-Heavy.woff2') format('woff2'),
        url('NexaFont/Nexa-Heavy.woff') format('woff'),
        url('NexaFont/Nexa-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}







/*

@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-HeavyItalic.eot');
    src: local('Nexa Heavy Italic'), local('Nexa-HeavyItalic'),
        url('NexaFont/Nexa-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-HeavyItalic.woff2') format('woff2'),
        url('NexaFont/Nexa-HeavyItalic.woff') format('woff'),
        url('NexaFont/Nexa-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-BlackItalic.eot');
    src: local('Nexa Black Italic'), local('Nexa-BlackItalic'),
        url('NexaFont/Nexa-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-BlackItalic.woff2') format('woff2'),
        url('NexaFont/Nexa-BlackItalic.woff') format('woff'),
        url('NexaFont/Nexa-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-BookItalic.eot');
    src: local('Nexa Book Italic'), local('Nexa-BookItalic'),
        url('NexaFont/Nexa-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-BookItalic.woff2') format('woff2'),
        url('NexaFont/Nexa-BookItalic.woff') format('woff'),
        url('NexaFont/Nexa-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-BoldItalic.eot');
    src: local('Nexa Bold Italic'), local('Nexa-BoldItalic'),
        url('NexaFont/Nexa-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-BoldItalic.woff2') format('woff2'),
        url('NexaFont/Nexa-BoldItalic.woff') format('woff'),
        url('NexaFont/Nexa-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-ThinItalic.eot');
    src: local('Nexa Thin Italic'), local('Nexa-ThinItalic'),
        url('NexaFont/Nexa-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-ThinItalic.woff2') format('woff2'),
        url('NexaFont/Nexa-ThinItalic.woff') format('woff'),
        url('NexaFont/Nexa-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-Italic.eot');
    src: local('Nexa Italic'), local('Nexa-Italic'),
        url('NexaFont/Nexa-Italic.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-Italic.woff2') format('woff2'),
        url('NexaFont/Nexa-Italic.woff') format('woff'),
        url('NexaFont/Nexa-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-XBoldItalic.eot');
    src: local('Nexa XBold Italic'), local('Nexa-XBoldItalic'),
        url('NexaFont/Nexa-XBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-XBoldItalic.woff2') format('woff2'),
        url('NexaFont/Nexa-XBoldItalic.woff') format('woff'),
        url('NexaFont/Nexa-XBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Nexa';
    src: url('NexaFont/Nexa-LightItalic.eot');
    src: local('Nexa Light Italic'), local('Nexa-LightItalic'),
        url('NexaFont/Nexa-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('NexaFont/Nexa-LightItalic.woff2') format('woff2'),
        url('NexaFont/Nexa-LightItalic.woff') format('woff'),
        url('NexaFont/Nexa-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

*/













/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
html{width:100%;scroll-behavior: smooth;}

body.GradBodyBG{
	background-image: url('../img/BG.webp');
	background-size: 100%;
}

.DefaultBg.FullScreen::after{
    padding-top:80px;
}
.SectionMargin{
	margin:80px 0;
}
.BlackOverlay{
 position:absolute;width:100%;
 height:100vh;
 height: calc(var(--vh, 1vh) * 100);
 background-color:rgba(0,0,0,0.2); top:0;left:0;   
}
.ZNeg1{
    z-index:-1;
}
.MT30{margin-top:30px;}
.MT20{margin-top:20px;}
.JuhuGradientBg{
    background-image:url('../img/GradBg.jpg');/*GradientBg.jpg*/
    background-size:cover;
    background-position:center center;
}

.SideImage{width:600px;max-width:90%;}

#ResponseMessage>div{
	width: 100%;
}

.BrandBtn{
    display:block;
    padding: 14px 55px;
    font-size: 13px;
    font-weight:600;
    background-color: #3e85af;
    color: white;
    border-radius: 200px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    
    -webkit-transition: background-size 0.2s;
    -moz-transition: background-size 0.2s;
    -o-transition: background-size 0.2s;
    transition: background-size 0.2s;
    
}

.BrandBtn:hover{
    background-color:#387193;
    /*background: rgb(62,133,175);
    background: linear-gradient(90deg, rgba(62,133,175,1) 0%, rgba(25,72,101,1) 100%);
    background: radial-gradient(circle, rgba(62,133,175,1) 40%, rgba(25,72,101,1) 100%);*/
}

.BrandBtn.BrandNew{
	padding:17px 50px;
	background-color:transparent;
	background-image: url('../img/Shapes/Btn2.svg');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	text-transform: unset;
	letter-spacing: 1px;
}
.BrandBtn.BrandNew:hover{
	/*color: #e4e4e4;*/
	background-size: 100% 100%;


	-webkit-filter: brightness(0.8) opacity(0.9);
    -moz-filter: brightness(0.8) opacity(0.9);
    -o-filter: brightness(0.8) opacity(0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}






/* CSS Loader /////////////////////////*/
#PageLoader{
    
    background-color: #3e85af;
	position: fixed;
    z-index: 200;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
}
.logo{
	position: fixed;
    top: 50%;
    left: 50%;
    
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 150px;
    width: 150px;
}

body.loading {
	overflow: hidden;
	height: 100vh; 
	height: calc(var(--vh, 1vh) * 100);
}
#PageLoader path { animation: 4s strokefill  alternate; animation-iteration-count:infinite;animation-fill-mode:both; }
@keyframes strokefill {
0%		{stroke: rgba(255, 255, 255,1); fill: rgba(0,0,0,0); stroke-dashoffset:  25%; stroke-dasharray: 00% 50%; stroke-width: 2; }
50%	{  fill: rgba(0,0,0,0);  stroke-dashoffset: -25%; stroke-dasharray: 50% 00%; stroke-width: 2; }
60%	{stroke: rgba(255, 255, 255,0.7);stroke-width: 0.2; }
100%	{stroke: rgba(255, 255, 255,0);
        opacity:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1; }
}


.BlackSVG{animation: 4s strokefillBlackSVG  alternate; animation-iteration-count:infinite;animation-fill-mode:both; }
@keyframes strokefillBlackSVG {
0%		{stroke: rgba(255, 255, 255,1); fill: rgba(105, 105, 104,0); stroke-dashoffset:  25%; stroke-dasharray: 00% 50%; stroke-width: 2; }
50%	{  fill: rgba(105, 105, 104,0);  stroke-dashoffset: -25%; stroke-dasharray: 50% 00%; stroke-width: 2; }
60%	{stroke: rgba(255, 255, 255,0.7);stroke-width: 0.2; }
100%	{stroke: rgba(105, 105, 104,0);opacity: 1; }
}





.LoaderContainer{position: fixed;z-index:105;height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	width: 100%;background-color:#11232f/* #1a2e47*/;}
.Loader{
	position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);height: 150px;width: 150px;
}
/*---------------------- CSS Loader End ----------------------------*/




.BlueBgColor{background-color:#3e85af;}
.BlueBtn{
    padding: 6px 60px;
    background-color: #3e85af;
    color: white;
    border-radius: 200px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 15px 0;
    border:none;
    cursor:pointer;
}

.BlueBtn:hover{background-color:#397091}

.DefaultBg{background-image:url('../img/Bg.jpg');background-size:cover;}
.Slider1Bg{background-image:url('../img/Slider/2Old.jpg');background-size:cover;min-height: 100vh;min-height: calc(var(--vh, 1vh) * 100);width:100%;background-position: 14% center;}
.FullScreen{
    width:100%;height:100%;
}

.pt-80{padding-top:80px;}

.NavLogo a{display:inline-block;}

img{pointer-events: none}

body,html{margin: 0;padding: 0;max-width: 100% !important; color:white;overflow-x:hidden !important;}
.MainSliderContainer{max-width:100%;overflow-x: hidden !important;}
.hidden{display:none !important;}
nav{z-index:11 !important}
a{text-decoration:none;color:white;}



*{ -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


    outline: none !important;

    box-sizing: border-box;

    font-family: 'Nexa', sans-serif !important;
}
input,textarea{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.fa, .fas, .far, .fal, .fad, .fab{font-family: 'Font Awesome 5 Free' !important;}

.FullWidth{width: 100%;}
.FullHeight{height: 100vh;
            height: calc( (var(--vh, 1vh) * 100));
    
}



#MainSlider{display: flex;width: 300%;height: 100vh;
                height: calc( (var(--vh, 1vh) * 100) );
                position: relative;top: 0;left: 0;background-color: black;}
.SliderChild{width: 40%;height: 100vh;max-width:100vw;
                height: calc( (var(--vh, 1vh) * 100) );
                display: inline-block;background-size: cover;background-position: center center;overflow: hidden; 

	box-shadow: inset 0 0 5em 1em #000;
	-webkit-box-shadow: inset 0 0 5em 1em #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    inset 0 0 5em 1em #000;  /* Firefox 3.5 - 3.6 */

}

.TextIcon{width:40%;position:relative;left:6%;}
.TextIcon img {height:23%;display:block;}


.SliderCenter{position: relative;top: 50%;left: 50%;
                -webkit-transform: translate(-50%,-50%);
    		    -moz-transform: translate(-50%,-50%);
    		    -ms-transform: translate(-50%,-50%);
    		    -o-transform: translate(-50%,-50%);
    		    transform: translate(-50%,-50%);
display: block;z-index: 2;}
.SliderOverlay{z-index: 2;position: absolute;background-color: rgba(0,0,0,0.1);height: 100vh;
                height: calc( (var(--vh, 1vh) * 100) );
                width: 100%;background-blend-mode: overlay;}
h1{margin: 0;padding: 0;}


.activeSlide .SliderOverlay, .activeSlide .SliderCenter{
	z-index: 4;
}






.glyph {display: inline-block;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	display: block;
	font-family:"Flaticon" !important;
	font-size: 64px;
	line-height: 1;
	color: white;
}
.glyph .glyph-icon:before {
	font-size: 64px;
	color: #222;
	margin-left: 0;
}




.activeSlide{
	position: relative;z-index: 3;
	animation-name: FadeIn;
	animation-duration:1s ;


}

@keyframes FadeIn{
	from{ opacity:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
   }
	to{opacity:1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
	 }
}




.LeftArrow{position: absolute;left: 0px;height: 100vh;
                height: calc( (var(--vh, 1vh) * 100));
                z-index: 9;top: 0px; cursor: pointer;}

.RightArrow{position: absolute;right: 0px;height: 100vh;
                height: calc( (var(--vh, 1vh) * 100));
                z-index: 9;top: 0px;cursor: pointer;}

.LeftArrow i, .RightArrow i{top: 50%;
                -webkit-transform: translateY(-50%);
    		    -moz-transform: translateY(-50%);
    		    -ms-transform: translateY(-50%);
    		    -o-transform: translateY(-50%);
    		    transform: translateY(-50%);

color: white;position: relative;font-size: 28px;padding: 0px 40px}

#SliderNavigation{
    top: 95vh;
    top: calc( (var(--vh, 1vh) * 100) - 36px);
    
    /*bottom: 12px;*/position: absolute;z-index: 9;left: 50%;
                -webkit-transform: translateX(-50%);
    		    -moz-transform: translateX(-50%);
    		    -ms-transform: translateX(-50%);
    		    -o-transform: translateX(-50%);
    		    transform: translateX(-50%);
}


#SliderNavigation i {font-size: 13px;color: white;padding: 3px;cursor: pointer;}













.PageCover{width: 100%;height: 180px;background-size: cover;background-position: center center;}
.CenteringDiv{position: relative;top: calc(50% + 40px);
                -webkit-transform: translateY(-50%);
    		    -moz-transform: translateY(-50%);
    		    -ms-transform: translateY(-50%);
    		    -o-transform: translateY(-50%);
    		    transform: translateY(-50%);
    
}


.FullWidth{width: 100%;padding: 30px 40px;}






































		a{text-decoration: none;}
		body{background-color: #1d2333;margin: 0;}
		nav{position: fixed;top: 0;left: 0;width: 100%;height: 80px;padding: 0 30px;z-index: 9;
		background: rgb(2,0,36);
		background: linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.8) 100%);
		}
		.NavLogo{display: inline-block;height: 80px;}
		.NavLogo img{height: 80px;padding: 15px;}
		
		.Help{height: 80px;padding: 29px 0;vertical-align: top;}


		.NavLinks{display: inline-block;vertical-align: top;float: right;}
		.NavLinks a{color: white;display: inline-block;height: 80px;line-height: 80px;display: inline-block;padding: 0 14px;text-transform:uppercase;
		    font-size:13px;font-weight:500;color:#d1d0d0;}
		.activeLink{font-weight:600 !important;color:white !important;}
		.Profile{height: 80px;padding: 27px 0;vertical-align: top;border-radius: 50%;}


		.BurgerBtn {position: fixed;top:0px;right:10px;padding: 26px 30px;display: block;
		  display: inline-block;
		  cursor: pointer;
		}
		.Menu1, .Menu2, .Menu3 { 
		    width: 24.5px;height: 3.5px;background-color: white;
			margin: 4.2px 0;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;border-radius: 50px;
    	    
		}

		.activeMenu .Menu1 {
		  -webkit-transform: rotate(-45deg) translate(-6px, 5.4px);
		  -moz-transform: rotate(-45deg) translate(-6px, 5.4px);
		  -ms-transform: rotate(-45deg) translate(-6px, 5.4px);
		  -o-transform: rotate(-45deg) translate(-6px, 5.4px);
		  transform: rotate(-45deg) translate(-6px, 5.4px);
		}

		.activeMenu .Menu2 {
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		  filter: alpha(opacity=0);
		  -moz-opacity: 0;
		  -khtml-opacity: 0;
		  opacity: 0;
		}

		.activeMenu .Menu3 {

		  -webkit-transform: rotate(45deg) translate(-5.6px, -5.6px);
		  -moz-transform: rotate(45deg) translate(-5.6px, -5.6px);
		  -ms-transform: rotate(45deg) translate(-5.6px, -5.6px);
		  -o-transform: rotate(45deg) translate(-5.6px, -5.6px);
		  transform: rotate(45deg) translate(-5.6px, -5.6px);
		}
		
		
		
		
		
		
		
		
		
		
		
		/*Why Juhu Secton ----------------------------------------------*/
		#WhyJuhu{
			margin:80px 0;
		}
		#WhyJuhu h1{
			text-transform:uppercase;font-weight: 500;
			position: relative;
			font-size:35px;
			display: inline-block;text-align: left;
		}
		#WhyJuhu h1 span{
			position: relative;
			display: block;
			padding: 0 25px 0 0px;		
		}
		#WhyJuhu h1 b.QuesMark{
			position: absolute;
			font-family: 'Nexa', sans-serif !important;
			font-weight: 900;
		    font-size: 74px;
		    top: -36px;
		    right: 0px;

			-webkit-text-fill-color: transparent;
			-webkit-text-stroke-width: 0.6px;
			-webkit-text-stroke-color: white;
		}




		.WhyCardContainer{
			padding: 60px 15px;
			position: relative;
		}
		.WhyCardContainer svg{
			padding: 20px 35px 6px 35px;
			height:100%;
			width: 100%;
			object-fit: contain;			
		}
		.WhyCardContainer svg+p{
			position: absolute;
			display: none;
			top:0;left:0;

			width: 100%;
			height: calc(100% - 45px);

			font-size:14px;font-weight: 400;
			padding:50px 65px 30px 65px;
		}
		.WhyCardContainer:hover svg+p{
			display:flex;
			align-items: center;justify-content: flex-start;
		}

		.WhyCardContainer svg .WhyCardHover{
			fill:#09273400;
		}
		.WhyCardContainer:hover svg .WhyCardHover{
			fill:#092734de;
		}


        #JuhuPrograms{padding: 90px 10px;}
        
		#JuhuPrograms h1{/*padding:40px 0;*/
    		padding: 20px 0 26px;
        	font-size: 28px;

        	display: inline-block;
        	position: relative;
        	text-transform: uppercase;
    	}

    	#JuhuPrograms h1:after{
    		content:".................................";
    		font-size:20px;
			letter-spacing: 4px;
    		position: absolute;bottom:3px;left: -2px;
    		height: 20px;width:244px;overflow: hidden;

    	}
	
	    .WhyJuhuDivContainer,.JuhuProgramsDivContainer{
	    	padding: 30px 0 50px;
	    	display:flex;width:100%;
	    	flex-wrap: wrap;
	    	justify-content: center;
	    	align-content: space-around;
	    }
	    .JuhuProgramsCardContainer{width:31%;margin:20px 1.16%;
	    }
	    .WhyJuhuSquare{background-size:cover;width:100%;height:250px;border-radius:13px;overflow:hidden;/*background-position:center center;*/
	        /*box-shadow: 0px 0px 25px -2px rgb(0 0 0 / 41%);*/
	        box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            -webkit-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            -moz-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            
	    }
	    
	    
	    
	    
	    .WhyCardContainer{
	        height:unset;
	        width:100%;
	        display:flex;
	        flex-direction:column;
	        justify-content:stretch;
	        align-items: stretch;
	    }
	    
	    .WhyCardContainer:nth-child(1) .WhyJuhuSquare{background-image:url('../img/ExpertTutor1.jpg');
	    }
	    
	    .WhyCardContainer:nth-child(2) .WhyJuhuSquare{background-image:url('../img/CustomizePlan1.jpg');
	    }
	    .WhyCardContainer:nth-child(3) .WhyJuhuSquare{background-image:url('../img/LearnAnywhere1.jpg');
	    }
	    .WhyCardContainer:nth-child(4) .WhyJuhuSquare{background-image:url('../img/BoostConv1.jpg');
	    }
	    .WhyCardContainer:nth-child(5) .WhyJuhuSquare{background-image:url('../img/Private1.jpg');
	    }
	    .WhyCardContainer:nth-child(6) .WhyJuhuSquare{background-image:url('../img/MoneyBack1.jpg');
	    }
	    .WhyJuhuOverlay{width:100%;height:100%;background-color:rgb(84 165 227 / 53%);position:relative;top:0;left:0;
	        display: flex;align-items: flex-start;flex-direction: column;justify-content:center;
	        padding:15px;box-sizing:border-box;
	        -webkit-transition: background-color 500ms ease;
            -moz-transition: background-color 500ms ease;
            -ms-transition: background-color 500ms ease;
            -o-transition: background-color 500ms ease;
            transition: background-color 500ms ease;
	    }
	    
	    .WhyJuhuOverlay p{color:#f3e7e7;align-self: center;text-shadow: 0px 0px 6px rgba(150, 150, 150, 0.5);
    	    transition: opacity 0.7s  ;
    	    -webkit-transition: opacity 0.7s ;
            -moz-transition: -moz-opacity 0.7s;
            
    	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
	    }
	    
	    .WhyCardContainer p{margin:0;padding:10px 0;font-weight: 600;}
	    
	    .WhyJuhuOverlay:hover p{
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	        filter: alpha(opacity=100);
	        -moz-opacity: 1;
	        -khtml-opacity: 1;
	        opacity: 1;
	    }
	    
	    .WhyJuhuOverlay:hover {
	        background-color:#1f3d54d9;
	    }
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    @media only screen and (max-width: 600px) {
	        .FullWidth{width: 100%;padding: 20px;}
	        .WhyJuhuDivContainer, .JuhuProgramsDivContainer{
                flex-direction: column;
            }
            
            .WhyCardContainer{
                width:100%;
                padding:10px;
                margin:0;
            }
            .WhyJuhuOverlay{
                padding: 60px 15px;
            }
	    }
	    
	    @media only screen and (min-width: 600px) {
	        .WhyJuhuDivContainer, .JuhuProgramsDivContainer{
                flex-direction: row;
            }
            
            .WhyCardContainer{
                width:50%;
                padding:10px;
                margin:0;
            }
            .WhyJuhuOverlay{
                padding: 30px 20px;
            }


            .WhyCardContainer svg{
            	padding: 20px 15px 6px 15px;
            }
            .WhyCardContainer svg+p{
        	    font-size: 13px;
            	padding: 56px 45px 25px 42px;
            }
	    }
	    
	    
	    
	    @media only screen and (min-width: 768px) {
	        .WhyJuhuOverlay{
                padding: 60px 15px;
            }
	    }
	    
	    
	    @media only screen and (min-width: 992px) {
	        .WhyJuhuDivContainer, .JuhuProgramsDivContainer{
                flex-direction: row;
            }
            
            .WhyCardContainer{
                width:33%;
                padding:10px;
                margin:0;
            }
            .WhyJuhuOverlay{
                padding: 60px 15px;
            }
	    }
	    
	    
	    
	    
	    
	    
	    @media only screen and (max-width: 992px) {
		    
		    #WhyJuhu{width:100%;padding: 30px 10px;}
		    
            .WhyJuhuSquare {
                height: 100% !important;
            }
            
	    }
	    @media only screen and (min-width: 992px) {
	        .WhyJuhuSquare{height:210px !important;}
	    }
	    
	    @media only screen and (min-width: 600px) {
            .WhyCardContainer svg+p {
                font-size: 14px;
            }
        }
	    
	 
	    
	    
	    
	    
	    
	    
	    
	    /* Our Programs ********************************************************/
	    .MainSliderContainer .SliderChild:nth-child(1){background-image: url('../img/Slider/1.jpg');background-position: 7% 0%;}
	.MainSliderContainer .SliderChild:nth-child(2){background-image: url('../img/Slider/2.jpg');background-position: 17% 40%;}
	.MainSliderContainer .SliderChild:nth-child(3){background-image: url('../img/Slider/3.jpg');background-position: 78% 0%;}
	    .JuhuProgramsSquare{
	    	width:100%;height:250px;border-radius:13px;overflow:hidden;
	        /*background-color:#3e85af;box-shadow: 0px 0px 25px -2px rgb(0 0 0 / 41%);
	        box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            -webkit-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            -moz-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);*/
            
            display: flex;align-items: flex-start;flex-direction: column;justify-content:center;align-items: center;
            padding:20px;


            background-image: url('../img/Shapes/ProgramsShape.svg');
            background-size: 100% 100%;
	    }
	    .JuhuProgramsSquare:hover{
	    	-webkit-filter: opacity(0.9);
		    -moz-filter: opacity(0.9);
		    -o-filter: opacity(0.9);
		    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		    filter: alpha(opacity=90);
	    }
	    
	    .JuhuProgramsOverlay img{padding:10px 0;height:90px;box-sizing:border-box;}
	    
	    .JuhuProgramsSquare p{margin:0;}
	    
	    .Title {font-weight:700; font-size:24px;padding:15px;}
	    
	    
	    .JuhuProgramsCardContainer:hover .JuhuProgramsOverlay img {height:40px;padding:0;}
	    .JuhuProgramsOverlay{width:100%;}

	    .JuhuProgramsCardContainer .Title{
	    	text-transform: uppercase;font-weight: 600;font-size: 21px;padding-bottom: 30px;
	    }
	    .JuhuProgramsCardContainer .Title span{
	    	display: block;font-weight: 300;font-size: 17px;
	    }


	    .JuhuProgramsCardContainer:hover .Title{
	        display:inline-block;/*font-size:19px;*/vertical-align:top;
	    }
	    
	    .JuhuProgramsCardContainer:hover .JuhuProgramsOverlay{padding-bottom:10px;}
	    
	    
	    .JuhuProgramsOverlay img{max-width:90px;}
	    /*.JuhuProgramsCardContainer:hover .JuhuProgramsOverlay .Title{max-width:70%;max-width: calc(100% - 90px);}*/
	    .Text,.BlackBtn{display:none;}

	    
	    .JuhuProgramsCardContainer:hover .Text{
	        display:block;font-size:16px;font-weight: 400;
	        
	        display: -webkit-box;
            max-width: 100%;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            
            
            
            padding: 0px 15px;
            text-align: left;
	    
	        
	    }
	    
	    .BlackBtn{padding:4px 26px;background-color:#44596a;color:unset;color:white;border-radius:200px;letter-spacing:2px;text-transform:uppercase;font-size:13px;margin:15px 0;}
	    .JuhuProgramsCardContainer:hover .BlackBtn{display:block;}
	    
	    .BlackBtn:hover{background-color:#41515e;color:#c7c2c2;}
	    
	    .Text,.BlackBtn{
	    }
	    
	    .JuhuProgramsCardContainer:hover .Text,.JuhuProgramsCardContainer:hover .BlackBtn{
	        animation-name:Fading;animation-duration:1s;
	        
	    }
	    
	    @keyframes Fading{
	        from{
	            -webkit-transform: translateY(18px);
    		    -moz-transform: translateY( 18px);
    		    -ms-transform: translateY( 18px);
    		    -o-transform: translateY( 18px);
    		    transform:  translateY( 18px);
	            
	            opacity:0;
	            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	            filter: alpha(opacity=0);
	            -moz-opacity: 0;
	            -khtml-opacity: 0;}
    		
    		
	        to{
	            -webkit-transform: translateY(0px);
    		    -moz-transform: translateY( 0px);
    		    -ms-transform: translateY( 0px);
    		    -o-transform: translateY( 0px);
    		    transform:  translateY( 0px);
	            
	            opacity:1;
	            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	            filter: alpha(opacity=100);
	            -moz-opacity: 1;
	            -khtml-opacity: 1;}
	    }
	    
	    
	    
	    /* Our Programs Cards Edited for Mobile Start ************************************/
	    @media only screen and (max-width: 992px) {
	        #JuhuPrograms{padding: 30px 10px;}
	        #JuhuPrograms .Container{width:100%;}
	        
	        #JuhuPrograms .Container .JuhuProgramsCardContainer{
	            width:100%;
	        }
	        
	        
	        .JuhuProgramsSquare{
	        	padding:7px;
	        	height:190px !important;}
	        .JuhuProgramsOverlay img{
	            height:60px;
	        }
	        .JuhuProgramsOverlay .Title{
	            font-size:19px;padding:15px 4px;
	        }
	        .JuhuProgramsSquare .Text{font-size:12px;}
	        
	        /*.JuhuProgramsCardContainer:hover .JuhuProgramsOverlay {display:none;}*/
	        
	        .JuhuProgramsCardContainer:hover .JuhuProgramsSquare .Text{font-size:13px;}
	        
	        .JuhuProgramsCardContainer:hover .SeeMoreProg{margin:0;margin-top:10px;padding:7px 22px;font-size:11px;}
	        
	    }
	    
	    
	    @media only screen and (min-width: 600px) and (max-width: 992px){
	        #JuhuPrograms .Container .JuhuProgramsCardContainer{
	            width:50%;
	            margin: 0;
                padding: 10px;
	        }
	    }
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    /* Our Programs Cards Edited for Mobile End ************************************/
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    /*User Login and Registration*************************************************************************************************************/
		
		
		
		.FullWidth.FullHeight{
		    min-height: calc( (var(--vh, 1vh) * 100) );
		    width:100%;
		    
		    display:flex;
		    justify-content:center;
		    align-items:center;
		}
		
		
		.FullWidth.FullHeight .FormContainer form{
		    width:100%;
		}
		
		
		
		.FormContainer{
		    
		    
		    
		    width:100%;max-width:400px;background-color:rgb(22 18 45 / 76%);border-radius:20px;padding:0;overflow:hidden;
		    
    		
    		max-height: 80vh;
         	max-height: calc( (var(--vh, 1vh) * 100) - 120px);
    		overflow-y:auto;
    		
    		
    		
    		
    		
    		
    		
    		/*position:absolute;
		    top:50%;
		    top: calc( (var(--vh, 1vh) * 50) + 40px); ;
		    
		    left:50%;
		    -webkit-transform: translate(-50%,-50%);
    		-moz-transform: translate(-50%,-50%);
    		-ms-transform: translate(-50%,-50%);
    		-o-transform: translate(-50%,-50%);
    		transform: translate(-50%,-50%);*/
    		/******************************* New Code ***************************************************/
		    display:flex;
		    /*justify-content:center;
		    align-items:center;*/
    		flex-direction:column;
    		
		}
		.SignInUpContainer{width:100%;display:flex;margin:auto;}
		.FormContainer form{padding:30px 40px;}
		.SignInUpContainer p {/*color:white;border-radius:20px*/;width:50%;padding:22px 0;background-color:#1e1c29;margin:0;color:#8b8f9b;cursor:pointer;}
		.SignInUpContainer p:hover{background-color:#17171e;color:#a6acbd;}
		.SignInUpContainer .activeSignBtn{background-color:transparent;color:white;}
		.FormInput{width:100%;}
		
		.FormInput input ,.FormInput textarea {
			color:#cdcfc6;
			border:none;
			/*border-bottom:1px solid #8c8e9a;
			background-color:transparent;*/		border:1px solid transparent;background-color:rgba(0,0,0,0.25);
			width:100%;
			padding:10px;
			margin:10px 0;
			font-weight:bold;

		    height:40px;line-height:40px;
		}
		.FormInput textarea{height:auto; line-height:170%;}
		.FormInput input:focus ,.FormInput textarea:focus{
			color:#dddddc;
			/*border-bottom:1px solid #efefef;*/		border:1px solid #565656;

		}
		.FormInput input::-webkit-input-placeholder ,.FormInput textarea::-webkit-input-placeholder{color: #8c8e9a;font-weight:normal;}
		.FormInput input:-ms-input-placeholder,.FormInput textarea:-ms-input-placeholder {color: #8c8e9a;font-weight:normal;}
		.FormInput input::placeholder,.FormInput textarea::placeholder {color: #8c8e9a;font-weight:normal;}
		#LoginForm a{color: #8c8e9a;text-decoration:underline;font-size:13px;padding:5px;margin-top:10px;font-weight:bold;}
		.FormContainer .BlueBtn{font-size:13px;}
		#RegistrationForm,#LoginForm{display:none;}
		.activeForm{display:block !important;}
		
		
		
		
		
		
		.FormContainer::-webkit-scrollbar ,.FormInput textarea::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
 
        .FormContainer::-webkit-scrollbar-track ,.FormInput textarea::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
         
        .FormContainer::-webkit-scrollbar-thumb ,.FormInput textarea::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
        
        
        .FormInput textarea{resize: none;min-height:90px;}
        .FormInput textarea::-webkit-resizer {
          /*border: 2px solid transparent;
          background: transparent;
          box-shadow: 0 0 5px 5px transparent;
          outline: 2px solid transparent;
          display:none;*/
          background-color:#17152f;
        }
        
        .FormInput textarea::-moz-resizer{
            background-color:#17152f;
        }
		



		.LogOut img {padding-left:15px;display:inline-block;vertical-align:middle;}
		.LogOut span{display:inline-block;/*font-weight:700;color:white !important;*/}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*New Sign In/Up Section **********************************************************************/
		
		.FullWidth.FullHeight.SignInUpMainCont{
            align-items:unset;height:unset;min-height:100vh;
        }
        .SignInUpCont .BrandNew{
            letter-spacing:0 !important;
            text-transform:uppercase !important;
        }
        .SignInUpCont{
            width:50%;height:100%;
            display:flex;justify-content:center;margin:auto;
        }
        .SignInUpImg{
            align-self: center;
        }
        .SignInUpSVG{
            width:100%;
            height:unset;
            max-width:380px;
            margin:auto;
        }
        
        .SignInUpSVG text{
            fill:#FFFFFF;font-size:24.3337px;pointer-events:none !important;
        }
        
        .SignInUpSVG .FormContainer{
            height:100%;width:100%;
            display:flex;
            justify-content:center;
            padding:15px;
            background-color: transparent;border-radius: unset;max-height: unset;
        }
        
        .SignInUpSVG .FormContainer form::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
        .SignInUpSVG .FormContainer form::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
        .SignInUpSVG .FormContainer form::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
        
        
        .SignInUpSVG .FormContainer form{
            width:100%;
            padding:0;
            max-width: unset;
            background-color: transparent;
            border-radius: unset;
            overflow: hidden;
            max-height: unset;min-height:unset;
            overflow-y: auto;
        }
        
        
        .SignInUpSVG .FormInput input, .SignInUpSVG .FormInput textarea{
            margin: 7px 0;
            -khtml-border-radius:100px;
	    	-moz-border-radius:100px;
	    	-webkit-border-radius:100px;
			border-radius: 100px;
        }
        #SignUp,#SignIn{
            cursor:pointer;
        }
        
        
        
        /*.SignInUpSVG .FormInput input, .SignInUpSVG .FormInput textarea{
            color: #cdcfc6;
            border: none;
            border: 0.1px solid transparent;
            background-color: rgba(0,0,0,0.25);
            width: 100%;
            padding: 0.4px;
            margin: 0.2px 0;
            font-weight: bold;
            height: 4px;
            line-height: 4px;
            font-size:1.55px;
        }*/
        
        
        
        @media only screen and (max-width: 992px) {
            
            .SignInUpCont{
                width:100%;height:unset;
                display:flex;justify-content:center;
            }
            /*.SignInUpImg{
                width:50%;
            }*/
            .SignInUpSVG{
                width:100%;
                height:unset;
                max-width:450px;align-self: center;
                margin:auto;
            }
            
        }
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
		
		
		
		
		
		
		
		
		
		
		.PTContainer{padding-top:80px;}
		.PTRequest .PageTitle{display:flex;width:100%;flex-direction:row;height:calc((var(--vh, 1vh) * 100) - 80px) !important;}
		.rightDiv,.leftDiv{width:50% !important;display: flex;flex-direction: column;justify-content:center;align-items: center;min-height:80vh;
		min-height: calc( 100vh - 80px);
		min-height: calc( (var(--vh, 1vh) * 100) - 80px);
		
		padding:0 !important;margin:0 !important;}
		.PTContainer div{
		    background-color:transparent !important;
		    margin-left:0 !important;
		}
		
		
		.leftDiv img{width:auto !important;height:68vh;padding-bottom:0 !important;}
		
		.righDivTitle{margin-bottom:22px;}
		.rightDiv p{font-size:22px;}
		
		.rightDiv a{border-radius:9px;padding:10px 30px;margin-top:12px;}
		.rightDiv a img{padding:5px !important;margin:0;width:50px !important;}
		.rightDiv a p{display:inline-block;width:180px ;padding-top: 0 !important;height:50px;vertical-align:top;font-size:15px;letter-spacing:0;display:inline-flex;flex-direction: column;justify-content:center;align-items: center;}
		
		
		
		
		.PageTitleLoginFirst{width:100% !important;}
		.rightDiv .PageTitleLoginFirst a{border-radius: 88px;padding: 10px 60px;font-size:13px;
		}
		
		
		
		
		.PTRequest{background-image:none !important;}
		
		
		
		
		/*Why German Section **********************************************************************/
		#WhyGerman{margin:80px 0;position: relative;}

		#WhyGerman .FullWidth {padding: 0 0 65px 0;}
		

		#WhyGerman .Heading{
			margin-top: 0px;margin-bottom: 0px;
			position:relative;
			display: inline-block;font-weight: 300;
		}
		#WhyGerman .Heading b{
			font-weight: 400;
		}
		#WhyGerman .Heading span{
			position: absolute;
		    /*font-size: 113px;
		    bottom: 1px;
		    right: -47px;*/
	        font-size: 92px;
		    bottom: 23px;
		    right: -47px;


		    font-weight: 900;
		    -webkit-text-fill-color: transparent;
			-webkit-text-stroke-width: 0.85px;
			-webkit-text-stroke-color: white;
		}

		.ShapeContainer{
			position: absolute;

			width: 100%;
			/*width: calc(100% - 40px);height: calc(140%);*/
			height: 100%;
			top:0;left:0;
		}
		#WhyGerman div{
			position: relative;z-index: 2;
		}
		/*.ShapeContainer:before{
			content: "";
			position: absolute;
			width: 100%;height: 100%;
			background-image: url('../img/WhyJuhu/6.svg');
			background-size: 410px 100%;
			background-repeat: no-repeat;
			top:0;left:0;background-position: center center;
		}*/


		
		#WhyGerman .item{
		    padding:0 !important;
		    border-radius:12px;
		    overflow:hidden;
		    display: flex;
		    align-items: flex-start;
		    flex-direction: column;
		    justify-content:center;
		    /*height:250px;*/
		}
		
		#WhyGerman .item .WhyItemTitle{
		    width:100%;
		    height:100%;
    		/*-moz-box-shadow: 0px -6px 15px -7px rgba(0,0,0,0.46); 
    		-webkit-box-shadow: 0px -6px 15px -7px rgba(0,0,0,0.46); 
            box-shadow: 0px -6px 15px -7px rgba(0,0,0,0.46);*/
            
            display:flex;
            justify-content:center;
            align-items:center;
		}
		
		#WhyGerman .item .WhyItemTitle p{
		    width:100%;
		    padding:15px;
		    margin:0;
		    text-align:center;
		    font-weight:500;
		}
		
		
		#WhyGerman .item .WhyItemContent{
		    width:100%;
		    padding:2px;
		    height:158px;
		}
		
		
		#WhyGerman .PurpleItem{
		    background-color:#6438ab !important;
		}
		#WhyGerman .PinkItem{
		    background-color:#aa3c79 !important;
		}
		#WhyGerman .BlueItem{
		    background-color:#3e85af !important;
		}
		#WhyGerman .OrangeItem{
		    background-color:#d5753b !important;
		}
		
		#WhyGerman .InfoGraphs{ height:100%;width:100%;object-fit:contain;padding:3px;
		    
		}
		#WhyGerman .Heading{padding:20px 0;font-size:28px;font-weight:300;}
		
		#WhyGerman{padding:20px 0;position: relative;}


		#WhyGerman .large-12.columns .owl-carousel{
			position: relative;
		}
		#WhyGerman .large-12.columns .owl-carousel .owl-nav{
			position: static;
		}
		
		#WhyGerman .owl-next{position:absolute;font-size:60px;right:-30px;top:91.5px;top:calc(50% - 77px);}
		#WhyGerman .owl-prev{position:absolute;font-size:60px;left:-30px;top:91.5px;top:calc(50% - 77px);}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		.VideoTextContainer{
		    height:60vh;width:44%;left:68%;top:50%;
		    position:absolute;
		    -webkit-transform: translate(-50%,-50%);
    		-moz-transform: translate(-50%,-50%);
    		-ms-transform: translate(-50%,-50%);
    		-o-transform: translate(-50%,-50%);
    		transform: translate(-50%,-50%);
		}
		
		.VideoTextContainer p{font-size:21px;margin:0;margin-bottom:18px;}
		
		
		
		
		#IntroVideo2,#IntroVideo{width:100%;height:100%;height:calc(100% - 66px);border-radius:20px;overflow:hidden}
		
		.vjs-big-play-button{top:50% !important;left:50% !important;left:calc(50% - 0.75rem) !important;
		    -webkit-transform: translate(-50%,-50%);
    		-moz-transform: translate(-50%,-50%);
    		-ms-transform: translate(-50%,-50%);
    		-o-transform: translate(-50%,-50%);
    		transform: translate(-50%,-50%);
    		position:absolute;
    		/*height:100px;width:100px;border-radius:50%;*/
		    
		}
		
		
		
		
		
		.FullScreenWindow,.FullScreenOverlay{position:fixed;height:100%;width:100%;background-color:rgba(0,0,0,0.6);z-index:30;
		    display:flex;justify-content:center;align-items:center;
		}
		.FullScreenOverlay{z-index:31;}
		.FullScreenCenter{position:absolute;z-index:32;max-width:90%;max-height:90%;border-radius:12px;background-color:white;padding:30px;}
		
		.FullScreenCenter .FullWidth{padding:10px 0;}
		
		
		.FullScreenCenter .AccountIcon{width:115px;height:115px;}
		
		.FullScreenCenter .Buttons{display:flex;width:100%;justify-content:space-evenly;}
		
		.FullScreenCenter .Buttons a{width:46%;display:inline-block;}
		
		
		.FormIcon{width:70px;}
		
		#PopUpAlert .FullScreenCenter h2{color:black;text-align:left;}
		
		.WhiteBtn{color:black;padding:7px 45px; border:2px solid black;background-color:white;border-radius:100px;
		    -webkit-transition: background-color 0.3s, color 0.3s;
            -moz-transition: background-color 0.3s, color 0.3s;
            -o-transition: background-color 0.3s , color 0.3s;
            transition: background-color 0.3s, color 0.3s;
		}
		.WhiteBtn:hover{color:white;background-color:black;}
		
		
		
		
		
		
		
		.AlertBtn{color:white;padding:7px 45px; border:2px solid #ee404c;background-color:#ee404c;border-radius:100px;
		    -webkit-transition: background-color 0.3s, color 0.3s;
            -moz-transition: background-color 0.3s, color 0.3s;
            -o-transition: background-color 0.3s , color 0.3s;
            transition: background-color 0.3s, color 0.3s;
		}
		.AlertBtn:hover{color:#ee404c;background-color:white;border:2px solid #ee404c;}
		
		
		

		

		
		
		
		
		
		
		
		







        /* Extra small devices (phones, 600px and down) */
		@media only screen and (max-width: 600px) {
		    .LeftArrow i, .RightArrow i{padding:0 20px;color:#ffffff96;}
		    
		    .TextIcon{width:100%;left:0;}
		    .TextIcon img {width:70%;display:block;margin-bottom:25px;}
		    .TextIcon p {font-size:19px;}
		    .BlueBtn{
                padding: 15px 50px;
                font-size: 14px;
                margin: 45px 0;
            }
            .MainSliderContainer .SliderChild:nth-child(3) {
                background-image: url(../img/Slider/3.jpg);
                background-position: 15% 0%;
            }

		}
		
		
		
		
		
		
		
		
		/* Small devices (portrait tablets and large phones, 600px and up) */
		@media only screen and (min-width: 600px) {
		    .JuhuProgramsCardContainer{width:46%;margin:15px 2%; }
		    
		    .TextIcon{width:40%;}
		    .TextIcon img {height:200px;display:block;margin-bottom:35px;}
		    .TextIcon p {font-size:22px;}
		    .BlueBtn{
                padding: 15px 60px;
                font-size: 14px;
                margin: 30px 0;
            }
		    
		}


		/* Medium devices (landscape tablets, 768px and up) */
		@media only screen and (min-width: 768px) {
		    .JuhuProgramsCardContainer{width:31%;margin:20px 1.16%;}
		    
		}
		
		
		
		
		/* Extra large devices (large laptops and desktops, 1200px and up) */
		@media only screen and (min-width: 1200px) {
		    
			
		}

















		@media only screen and (max-width: 992px) {
			nav{padding: 0;z-index:11;}
			
			.NavLinks{height: calc(100vh - 80px);width: 100%; position: fixed;top:80px;box-sizing:border-box;left:0px;background-color:black;overflow-y:auto;
			    height: 100vh;
                height: calc( (var(--vh, 1vh) * 100) - 80px);
			}
			.NavLinks a{height: 60px;line-height: 60px;display: block;padding: 0 20px;border-bottom:1px solid #1e1e1e;}

			.NavLogo img{height: 80px;padding: 15px;}
			.Profile{display:none !important}
			.NavLinks a span {padding-left:0 !important;}
			
			.hiddenMobile{display:none !important;}
			:not(.hiddenMobile).NavLinks{
			    animation-name:Fading;animation-duration:0.5s;
			}
			.NavLinks a span{padding-left:10px;}
			
			
			.JuhuProgramsSquare{/*height:240px !important;height:fit-content !important;*/}
			.LogOut img {float:right;height:60px;width:60px;padding:18px 10px;}
			
			
			 /* Video JS /////*/
            
            .VideoTextContainer{
    		    height:50vh;width:70%;left:15%;top:50%;
    		    position:absolute;
    		    -webkit-transform: translateY(-50%);
        		-moz-transform: translateY(-50%);
        		-ms-transform: translateY(-50%);
        		-o-transform: translateY(-50%);
        		transform: translateY(-50%);
    		}
    		
    		.VideoTextContainer p{font-size:21px;margin:0;margin-bottom:18px;}
    		
    		
    		
    		
    		#IntroVideo2,#IntroVideo{width:100%;height:100%;height:calc(100% - 66px);}
    		/* Video JS /////*/
    		
    		
    		
    		.MainSliderContainer .SliderChild:nth-child(1){background-position: 67% 40%;}
    		.MainSliderContainer .SliderChild:nth-child(2){background-position: 87% 40%;}
    		/*.MainSliderContainer .SliderChild:nth-child(3){background-position: 17% 40%;}*/
    		
    		
    		
    		
    		.PTRequest .PageTitle{display:flex;width:100%;flex-direction:column;}
			.rightDiv,.leftDiv{;width:100% !important;display: flex;flex-direction: column;justify-content:center;align-items: center;min-height:50vh;min-height: calc( 50vh - 40px);padding:0 !important;margin:0 !important;}
		    /*.leftDiv{height:40vh !important;;height: calc( 40vh - 40px) !important;}
		    .rightDiv{height:60vh !important;;height: calc( 60vh - 40px) !important;;}*/
		    .righDivTitle { margin-bottom: 15px;}
		    .leftDiv{height:40vh;}
		    .leftDiv img{width:60% !important;/*height:auto !important*/;object-fit: contain;height:40vh; height:calc(40vh - 40px);margin-top:60px;}
		    
		    .rightDiv .BlueBtn{width:90%;margin-left:10%;padding: 11px 20px !important;}
		    
		    
		    .VideoTextContainer{width:70vw !important;height:39.375vw !important;left:15%;}
		    #IntroVideo2,#IntroVideo{width:100%;height:100%;}
		    
		    /*.HowItWorks{width:90%;padding:20px 10px;}*/
		    .HowItWorksSec{
		    	marging:80px 0;
		    }
		    .HowItWorksSec h1{
				font-weight: 300;
				position: relative;
				font-size:32px;
				display: inline-block;
			}
			.HowItWorksSec h1 b.QuesMark{
				position: relative;
				font-family: 'Nexa', sans-serif !important;
				font-weight: 900;
			    font-size: 74px;

				-webkit-text-fill-color: transparent;
				-webkit-text-stroke-width: 0.6px;
				-webkit-text-stroke-color: white;
			}





		    .HowItWorksMobile{max-height:90vh;width:90%;max-width:400px;object-fit: contain;padding:30px 10px;display:block}
			.HowItWorks{display:none;}
		    
		    .FullScreenCenter{max-width:90%;max-height:90%;padding:15px 20px;}
		    .FullScreenCenter .Buttons{display:flex;width:100%;justify-content:space-evenly;flex-direction:column-reverse;}
		    .FullScreenCenter .Buttons a{width:100%;display:block;margin:5px 0;}
		    
		    .AlertBtn,.WhiteBtn{padding: 10px 45px;}
		    
		    
		    
		    
		    
		}
		
		
		/* Large devices (laptops/desktops, 992px and up) */
		@media only screen and (min-width: 992px) {
		    .hiddenPC{display:none !important;}
		    
		    nav{
		        padding: 0 0 0 30px;
		    }
		    
		    .NavLinks{position:static ;top:0px;float:right; padding:0 60px 0 85px;background-color: #00000054;
		    
		    -khtml-border-radius:0 0 0 100px;
	    	-moz-border-radius:0 0 0 100px;
	    	-webkit-border-radius:0 0 0 100px;
			border-radius: 0 0 0 100px;
			-webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
		        
		    }
		    .NavLinks a{
		        display: inline-block !important;color:#e3e3e3;
		        -webkit-text-shadow: 0px 0px 2px rgba(0,0,0,0.15);
                -moz-text-shadow: 0px 0px 2px rgba(0,0,0,0.15);
                text-shadow: 0px 0px 2px rgba(0,0,0,0.15);
		    }
			.BurgerBtn{display: none;}
			
			
			.VideoTextContainer{height:45vh !important;width:80vh !important;left:66%;}
			#IntroVideo2,#IntroVideo{width:100%;height:100%;}
			
			
			.HowItWorks{height:80vh;width:80%;object-fit: contain;padding:30px 10px;display:block;}
			.HowItWorksMobile{display:none;}
			
			.Slider1Bg .FormContainer {left:auto;right:33%;
			    -webkit-transform: translate(50%,-50%);
                -moz-transform: translate(50%,-50%);
                -ms-transform: translate(50%,-50%);
                -o-transform: translate(50%,-50%);
                transform: translate(50%,-50%);
                max-height: calc( (var(--vh, 1vh) * 100) - 120px);
			}
			
		}
		
		
		
		
		
		
		
		
		

		
		
		
.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level, .video-js .vjs-play-progress ,.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
    font-family: VideoJS !important;
}
		
.video-js button{margin-left:10px !important;}		



.vjs-touch-overlay .vjs-icon-pause:before, .vjs-touch-overlay .vjs-icon-placeholder:before{content:'' !important;}

		
		
		
		
		
.error p{background-color:#3e82a3/*#aa3c79*/;padding:11px;margin-bottom:11px;border-radius:8px;}


.JuhuBG{background-image: url(../img/ThemeBg.jpg) !important;background-size:cover !important;min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);background-position:center center;}
    
    
    
.JuhuBGImgOnly{background-image: url(../img/ThemeBg.jpg) !important;background-size:cover !important;background-position:center center;width:100%;}
.GradientBG{background: rgb(67,45,83);
background: linear-gradient(225deg, rgba(67,45,83,1) 0%, rgba(29,80,88,1) 47%, rgba(35,76,98,1) 100%);}


.Gradient2BG{
    background: rgb(170,60,121);
background: linear-gradient(225deg, rgba(170,60,121,0.8547794117647058) 0%, rgba(35,58,83,0.8547794117647058) 50%, rgba(62,133,175,0.8547794117647058) 100%);


background: rgb(170,60,121);
background: linear-gradient(225deg, rgba(170,60,121,0.84) 0%, rgba(38,67,94,0.84) 33%, rgba(38,67,94,0.84) 66%, rgba(62,133,175,0.84) 100%);
}



.error{width:100%;/*padding: 7px 25px;*/}
.error p{width:100%;display:block;text-align:left;padding:15px 10px;}

#ResetForm{padding:10px 40px;width:100%;}



/* Chrome, Safari, Edge, Opera */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }
	    /* Mozilla */
	    input[type=number] {
          -moz-appearance: textfield;
        }
        
        
.Relative{
    position:relative;
}










.PatternBg{background-image:url(img/BooksPatternO50.png) !important;background-size:450px 450px;}
	    .FreeServicesDiv .leftDiv img{border-radius:14px;}
	    .DropShadow{
	        -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
            -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
            box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
	    }
	    
	    .SoftDropShadow{
	        -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.09);
            -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.09);
            box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.09);
	    }
	    
	    
	    
	    .TextShadow{
	        /*-webkit-text-shadow: 2px 0px 20px rgba(0,0,0,0.55);
            -moz-text-shadow: 2px 0px 20px rgba(0,0,0,0.55);
            text-shadow: 2px 0px 20px rgba(0,0,0,0.55);*/


            -webkit-text-shadow: 0px 0px 2px rgba(0,0,0,0.15);
            -moz-text-shadow: 0px 0px 2px rgba(0,0,0,0.15);
            text-shadow: 0px 0px 2px rgba(0,0,0,0.15);            
	    }
	    
	    		
#FreeBooksForm .FullScreenCenter::-webkit-scrollbar{width: 12px;background-color:#565c6f;border-radius:12px;}
#FreeBooksForm .FullScreenCenter::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
#FreeBooksForm .FullScreenCenter::-webkit-scrollbar-thumb{background-color: #070d20;outline: none;border-radius:100px;}


	    #FreeBooksForm .FullScreenCenter{background-color:#1d2333;overflow:auto;padding:30px 40px;max-width:450px;}
	    #FreeBooksForm h2{font-size:23px;text-align:left;}
	    
	    .FreeServicesDiv {padding:0 5%;display:block;}
	    .FreeServicesDiv .PTContainer {width:90%;}
	    
	    
	    .FreeServicesDiv .righDivTitle{font-weight:600;font-size: 23px;/*letter-spacing:1px*/;margin-bottom:0;text-transform:uppercase;}
	    .FreeServicesDiv .righDivSubTitle{font-weight:400;font-size: 21px;margin-bottom:20px;}
	    
	    .MusicBg{background-image:url('img/Slider/MusicBg.png') !important;background-position:90% 40%;}
	    .Width80P{width:80%;}
	    
	    .MagazineIcon{width:100px;height:100px;padding:10px;}
	    
	    .CountryCode{display:inline;width:50px !important;text-align:center}
	    .Mobile{display:inline-block;width: 78%;width:calc(100% - 50px) !important;}
	    
	    .HalfWidth{width:50% !important;}
	    .InlineB{display:inline-block !important;}
	    .NamesInput {display:flex;width:100%;justify-content:space-between;}
	    #CourseReservForm .NamesInput{
	        gap:10px;
	    }
	    .Margin10{margin:10px !important;}
	    #FirstName1{width:47% !important;}
	    #LastName1{width:47% !important;}
	    
	    
	    
	    /* Footer *******************************************************************************************************/
	    
	    footer{
	        padding:30px 0 0 0;
	        background-color: transparent;
	        width :100%;
	        /*background-color:#486380;display:flex;justify-content:center;*/
	        display:flex;justify-content:center;align-items:center;
	        flex-wrap:wrap;
	        position:relative;
	        z-index:2;
	    }
	    footer .FooterBlkCont{
	    	width: 100%;
	    	width: calc(100% - 40px);
	    	position:relative;
	    	padding: 30px 30px 0 30px;

	    	background-color: rgba(0, 0, 0, 0.45);

	    	-khtml-border-radius:25px 25px 0 0;
	    	-moz-border-radius:25px 25px 0 0;
	    	-webkit-border-radius: 25px 25px 0 0;    
			border-radius: 25px 25px 0 0; 
			
			

	    }
	    
	    footer .Container {width :100%;display:flex;justify-content:center;align-items:flex-start;}
	    .FooterLogo{
	        width:100%;
	        max-width:150px;
	    }
	    .FooterTitle{
	        font-weight:700;
	        font-size:14px;
	    }
	    .FooterLink{
	        display:block;padding:5px 0;
	        margin:5px 0;
	        font-size:13px;
	        color:#b3bbc8;
	        font-weight:500;
	        
	        display:flex;
	        gap:8px;
	        align-items: center;
	    }
	    .FooterText{
	        width:100%;padding:0 10px;text-align:left;
	    }
	    
	    .Copyrights{padding:10px 0;margin-top:10px;border-top:1px solid #cbcbcb38;}
	    .Copyrights p {font-size:13px;color:#b3bbc8;}
	    .Copyrights span{color:white;font-weight:bold;}
	    
	    
	    
	    .SocialContainer{
            /*min-width:130px;*/
            
            width:100%;
            
            
            margin-top:8px;
            border-top: 1px solid #ffffff14;
            padding-top: 8px;
        }
        .SocialLink{
            display:inline-block;
        }
        .FooterIcon{
            width:22px;
            height:22px;
            padding: 0px;
            vertical-align:middle;
        }
        .FooterIcon.Inv{
            width:30px;
            height:30px;
            padding: 3px;
            filter:invert(1) brightness(.85);
        }
        .FooterIcon.Inv:hover{
            filter:invert(1) brightness(2);
        }
        
        
        
	    
	    @media only screen and (max-width: 992px) {
	        .QuarterPCFullMobile{width:100%;display:block;}
	        .FifthPCFullMobile{width:100%;display:block;}
	         
	        footer .FooterBlkCont{
         		width: 100%;
	         	width: calc(100% - 10px);
	        }
	        footer .Container {
	        	display:flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;
	        	padding:20px 0px;
	        }

	        footer .Container .FifthPCFullMobile{
	        	width: 50%;
	        }

	        footer .Container a.FifthPCFullMobile{
	        	width: 100%;
	        	display: flex;justify-content: flex-start;align-items: center;
	        }



	        
	    }
	    @media only screen and (min-width: 992px) {
	       
	        .QuarterPCFullMobile{width:25%;display:inline-block;}
	        .FifthPCFullMobile{width:20%;display:inline-block;}
	    }
	    
	/* Chat Head **********************************************************************************/
	    .ChatHead{width:66px;height:66px;display:block;position:fixed;bottom:24px;right:24px;z-index:10;border-radius:50%;background-color:white;
            box-shadow: 0 11px 30px 0 rgba(51, 51, 51,0.2);
            -webkit-box-shadow: 0 11px 30px 0 rgba(51, 51, 51,0.2);
            -moz-box-shadow: 0 11px 30px 0 rgba(51, 51, 51,0.2);
            cursor:pointer;
            
            
            
            -ms-transition:-ms-filter 0.4s;
            -webkit-transition: -webkit-opacity 0.4s,opacity 0.4s;
            -khtml-transition: -khtml-opacity 0.4s;
            -moz-transition: -moz-opacity 0.4s;
            -o-transition: -o-opacity 0.4s;
            transition: opacity 0.4s;
	    }
	    .ChatHeadCirlcesCont{
	        width:100%;height:100%;
	        display:flex;justify-content:center;align-items:center;
	    }
	    
	    .ChatHeadCircle{
	        height:8px;width:8px;border-radius:50%;background-color:#3e85af;display:inline-block;margin:3px;
	        
	        -webkit-transition: margin 0.2s;
            -moz-transition: margin 0.2s;
            -o-transition: margin 0.2s;
            transition: margin 0.2s;
	    }
	    
	    .ChatHead:hover .ChatHeadCircle{
	        margin:3px 4px;
	    }
	    
	    .ChatHead:hover .ChatHeadCircle:nth-child(2){
	        width:10px;height:10px;
	    }
	    
	    
	    .ChatHeadCircle:after {
          content: "";
          position: absolute;
          z-index: 1;
          bottom: 2px;
          right: 7px;
          width: 10px;
          height: 20px;
          background: white;
          border-bottom-left-radius: 10px;
        }
        
        .LowOpacity{
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
            filter: alpha(opacity=20);
            -moz-opacity: 0.2;
            -khtml-opacity: 0.2;
            opacity: 0.2;
            
            
        }

	    
		@media only screen and (max-width: 992px) {
		    .ChatHead{width:60px;height:60px;display:flex;position:fixed;bottom:20px;right:20px;z-index:10;}
	        
	        
	    }
	    @media only screen and (min-width: 992px) {
	        .ChatHead{width:66px;height:66px;display:flex;position:fixed;bottom:24px;right:24px;}
	    }
	    
	    
	    
	    /* About Page *********************************************************************************************/
	    .PageMainTitle{
            width:100%;
            padding-top:80px;
            height:240px;
            border-radius:0 0 30px 30px;
        }
        
        .PageMainTitleContainer{
            width:100%;height:100%;display:flex;justify-content:center;align-items:center;
        }
        .PageMainTitleContainer h1{
            padding:30px 0;text-align:center;
        }

        .AboutPage .EnterpriseTextContainer p{
        	margin:20px;
        	padding: 0;
        	font-size: 16px;
        	-webkit-text-shadow: 0px 0px 26px rgba(0,0,0,0.25);
    		-moz-text-shadow: 0px 0px 26px rgba(0,0,0,0.25);
    		text-shadow: 0px 0px 26px rgba(0,0,0,0.25);        	
        }
        .AboutPage .EnterpriseTextContainer p+p{
        	margin-top:0;
        }
        

        .DecorativeBg{
            background-color:#3e85af;
            background-image:url('img/CurvesBg.png');
            background-size:cover;
            background-position:center center;
        }
        
        
        
        
        
        /* Help Page *****************************************************************************************************/
        
        	    
	    
	    .HelpMainDiv{
	        height:100vh; 
	        height: calc(var(--vh, 1vh) * 100);
	        width:100%;padding-top:80px;display:flex;justify-content: center;align-items: center;

	        height:unset;
	        min-height:60vw;
	    
            
        }

        .HelpMainDiv .BrandNew{
        	letter-spacing: 0;
        	font-size: 15px;
        	display: inline-block;
        }
        
        .AskQuestionCTACont{width:30%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
        .AskQuestionCTACont p {font-size:20px;margin-bottom:30px;}
        
        
        .FAQsPageTitle{
            
            font-weight:700;font-size:36px;
            margin:0;
            padding:0 0 0 20px;
            writing-mode: vertical-lr;
            text-orientation: mixed;
            background-color:#1d2333;
            text-align:center;
            
            -webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            transform:rotate(180deg);
        }
        .FAQSVG{
        	position: relative;display: block;
        	width:100%;height: 100%;
        }
        .FAQSVG .Main{
        	fill: rgba(0, 0, 0, 0.25);
        }
        .FAQSVG path{
        	fill: white;
        }


        .QNAContParent{
            width:80%;
            height:100%;
            
            overflow-y:auto;
        }
                
        .FAQsContainer{
	        padding:90px 20px;padding:30px 20px;
	        width:60%;
	        
	        
	        display:flex;justify-content: flex-start;align-items: center;
	        flex-direction: column;


	        /*min-height:100%;
	        background-image: url('../img/Shapes/FAQsShape.svg');
	        background-size: 100% 100%;
            background-position: center center;*/
	        
	        
	        
	        
	        
	        padding:60px 20px;
	        background-color: #00000078;
            border-radius: 150px 146px 120px 120px;
            
            
            margin-bottom:35px;
	        
	        
	        
	        
	        /*background-color:transparent;#1d2333;
	        
	        
	        -webkit-box-shadow: 0px 0px 50px -11px rgba(0,0,0,0.32);
	        -moz-box-shadow: 0px 0px 50px -11px rgba(0,0,0,0.32);
	        box-shadow: 0px 0px 50px -11px rgba(0,0,0,0.32);*/
	        
	        
	        position:relative;
        }
        

        
        .FAQsContainer::before,.FAQsContainer::after{
            content:"";
            position:absolute;
            bottom: -35px;
            left: -33px;
            width: 170px;
            height: 170px;
            display:block;
            z-index:-1;
            background-image: url('../img/Shapes/SVGWhiteCurve.svg');
	        background-size: 100% 100%;
            background-position: center center;
            
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=74)";
            filter: alpha(opacity=74);
            -moz-opacity: 0.74;
            -khtml-opacity: 0.74;
            opacity: 0.74;
        }
        
        .FAQsContainer::after{
            bottom: unset;
            left: unset;
            top: -37px;
            right: -41px;
            width: 200px;
            height: 200px;
            -webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -ms-transform:rotate(180deg);
            -o-transform:rotate(180deg);
            transform:rotate(180deg);
        }
        
        
        
        
        
        .FAQsContainer p{
        	font-size:35px;
        	font-weight: 600;
        	text-align: center;
        	margin:0 0 20px;
        }

        
        .QNAContParent::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
         
        .QNAContParent::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
         
        .QNAContParent::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
        
        
        
                
        .FAQsContainer .FAQsQAContainer .Question{
          width: 100%;
          /*height: 50px*/;
          padding: 15px 5px 15px 15px;
          color: #fff;
          background-color:#24293c10/*#1d2234/*#24293c*/;
          font-weight: 700;
          border-bottom: 2px solid #6d72867a /*#6d7286*/;
          position: relative;
          cursor: pointer;
        }
        
        .FAQsContainer .FAQsQAContainer:first-child .Question{
          border-top-left-radius: 3px;
          border-top-right-radius: 3px;
        }
        
        .FAQsContainer .FAQsQAContainer:last-child .Question{
          border-bottom: 2px solid transparent;
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
        }
        
        .FAQsContainer .FAQsQAContainer:last-child .Question:hover{
          border-bottom: 2px solid transparent;
        }
        
        .FAQsContainer .FAQsQAContainer .Question:before,
        .FAQsContainer .FAQsQAContainer .Question:after{
          content: "";
          position: absolute;
          top: 50%;
          -webkit-transform:translateY(-50%);
          -moz-transform:translateY(-50%);
          -ms-transform:translateY(-50%);
          -o-transform:translateY(-50%);
          transform:translateY(-50%);
            
          right: 15px;
          width: 20px;
          height: 2px;
          background:#6d7286 /*#3e85af; /* #01645d;*/
        }
        
        .FAQsContainer .FAQsQAContainer .Question:hover{
          color: #fff;
          border-color: #fff;
        }
        
        .FAQsContainer .FAQsQAContainer .Question:hover:before,
        .FAQsContainer .FAQsQAContainer .Question:hover:after{
          background:#9ec8e1; /* #01645d;*/
        }
        
        .FAQsContainer .FAQsQAContainer .Question:after{
          transform: rotate(-90deg);
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          
        }
        
        .FAQsContainer .FAQsQAContainer .AnswerText{
          width: 100%;
          height: 0px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          
          
          
          -khtml-border-radius:0 0 20px 20px;
    	    -moz-border-radius:0 0 20px 20px;
    	    -webkit-border-radius: 0 0 20px 20px;
          border-radius:0 0 20px 20px;
          
          background-color: #22273bcc;
          overflow: hidden;
        }
        
        .FAQsContainer .FAQsQAContainer .AnswerText p{
            width:100%;
            text-align:left;
            
          padding: 15px;
          font-size: 15px;
          line-height: 22px;
          color: #fff;
        }
        
        .FAQsContainer .FAQsQAContainer .Question.ActiveQuestion{
          color: #bcd7e7; 
          border-color: #bcd7e7;
        }
        
        .FAQsContainer .FAQsQAContainer:last-child .Question.ActiveQuestion{
          border-bottom: 2px solid #bcd7e7; /* #01645d;*/
          border-bottom-left-radius: 0px;
          border-bottom-right-radius: 0px;
        }
        
        .FAQsContainer .FAQsQAContainer .Question.ActiveQuestion:before,
        .FAQsContainer .FAQsQAContainer .Question.ActiveQuestion:after{
          background:#3e85af; /* #01645d;*/
        }
        
        .FAQsContainer .FAQsQAContainer .Question.ActiveQuestion:after{
            -webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            transform:rotate(0deg);
          
        }
        
        .FAQsContainer .FAQsQAContainer .Question.ActiveQuestion + .AnswerText{
          /*height: 180px;*/
          display:block;
          min-height:20px;
          overflow:auto;
          display: table;
        }


        

        @media only screen and (max-width: 992px) {
            
            .FAQsContainer .FAQsQAContainer .Question{
                padding-right:50px;
            }
            
            
            .Help{
                display:none !important
            }
		    .HelpMainDiv{
		        padding-top:30px;
		        display:flex;flex-direction:column-reverse;
		        /*max-height:110vh;
		        max-height:calc(100vh + 180px);*/
		        height:unset;



		        
		    }
		    .FAQsContainer{
		        width:94%;
		        margin:0;
		        padding:10px 25px;
	            flex-direction:column;position: relative;

	            

	            padding: 70px 99px 90px;
	            




	            /*min-height: 90vw;height:95vh;
                height:calc(100vh - 100px);
	            max-height:95vh;
	            max-height:calc(100vh - 140px);
	            display:block;
	            position:relative;top:80px;*/	            
	        
				padding: 78px 34px;
				
				-khtml-border-radius:100px 100px 70px 100px;;
    	    	-moz-border-radius:100px 100px 70px 100px;;
    	    	-webkit-border-radius: 100px 100px 70px 100px;;  
				border-radius:100px 100px 70px 100px;
			}
			
			/*.FAQsContainer::before{
			    bottom: -46px;
                left: -20px;
			}
			.FAQsContainer::after{
			    top: -64px;
                right: -30px;
			}*/
	        
	        
	        

	        
	        .QNAContParent{
	            /*max-height:90vh;
		        max-height:calc(100vh - 160px);
		        max-height: calc(var(--vh, 1vh) * 100 - 160px);*/
	            width:100%;
	        }
	        
	        .FAQsPageTitle{
            font-weight:700;
            font-size:26px;
            margin:0;
            padding:15px 0;
            -webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            transform:rotate(0deg);
            writing-mode: horizontal-tb;
            text-orientation: mixed;
	            
	        }
	        
	        .AskQuestionCTACont{
	            width:100%;
	            padding:40px 0 70px 0;
	        }
	        
	    }

	    @media only screen and (max-width: 768px){
			.FAQsContainer{
			    width:96%;
				background-size: cover !important;
				padding: 78px 34px;
				
				-khtml-border-radius:100px 100px 70px 100px;;
    	    	-moz-border-radius:100px 100px 70px 100px;;
    	    	-webkit-border-radius: 100px 100px 70px 100px;;  
				border-radius:100px 100px 70px 100px;
			}
			
			/*.FAQsContainer::before{
			    bottom: -6%;
                left: -4%;
			}
			.FAQsContainer::after{
			    top: -7%;
                right: -6%;
			}*/
		}



	    @media only screen and (min-width: 992px) {
	        .ChatHead{width:66px;height:66px;display:flex;position:fixed;bottom:24px;right:24px;}
	    }	    
	    
	    
	    
	    
	    
	    /* Enterprise Page *****************************************************************************************************/

	    
        .Enterprise{
            width:100%;padding-top:80px;display: flex;
            
        }
        
        .EnterpriseTextContainer{
            
            display:flex;
            justify-content:center;
            align-items:center;
        }
        
        .EnterpriseImg{
            height:100%;
            padding:40px;
            width:600px;
            max-width:50%;
            object-fit: contain;




            pointer-events: none;
		    width: 500px;
		    max-height: 100%;
		    max-width: 100%;
		    object-fit: contain;
        }
        
        .EnterpriseTextContainer{flex-direction:column;/*width:60%*/;}
        .EnterpriseTextContainer p{
            padding:30px 20px;
            width:600px;
            max-width:80%;
            line-height:22px;
            text-align:left;
            font-size:15px;
            font-weight:400;
        }
        .EnterpriseTextContainer h1{
        	font-weight:700;font-size:28px;
        	-webkit-text-shadow: 0px 0px 26px rgba(0,0,0,0.25);
    		-moz-text-shadow: 0px 0px 26px rgba(0,0,0,0.25);
    		text-shadow: 0px 0px 26px rgba(0,0,0,0.25);
    	}
        .EnterpriseTextContainer h1 b{font-weight:900;}
    
	    
	    
	    

	    .AboutPage .Enterprise{
	    	display: flex;justify-content: center;align-items: center;

	    	height: auto;

	    	min-height: 100vh;
    		min-height: calc(var(--vh, 1vh) * 100);
	    }
	    
	    @media only screen and (max-width: 992px) {
	    	.AboutPage .Enterprise{
	    		display:flex;flex-direction: column;
	    	}

	    	.AboutPage .Enterprise .EnterpriseTextContainer{
	    		padding: 0;width: 100%;
	    	}

	    	.AboutPage .Enterprise .EnterpriseTextContainer p{
	    		width: 100%;
	    	}



	        .Enterprise{
	        	display:flex;flex-direction: column-reverse;
	            width:100%;
	            min-height:100vh;
	            min-height: calc(var(--vh, 1vh) * 100);
	            padding-top:80px;
	        }


	        .HomePage .Enterprise{
	        	margin:50px 0;
		    	display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;
		    }



	        .EnterpriseImg{
                height:unset;
                padding:40px 35px 20px;
                margin:0 5%;
                width:600px;
                max-width:90%;
                object-fit: unset;
            }
            .EnterpriseTextContainer {
                margin-top:20px;
                padding-bottom:60px;
            }
            .EnterpriseTextContainer p{
                padding:20px 10px;
            }
	    }	
	    
	    @media only screen and (min-width: 992px) {
	        .Enterprise{overflow:hidden;
	            height:100vh;
	            height: calc(var(--vh, 1vh) * 100);
	            display:flex;justify-content:center;align-items:center;
	        }
	    }	
	    
	    
	    
	    
	    /* About US | Meet Our Team *********************************************************/
	    
	    #AboutUsCover{background-image:url('../img/Cover/AboutUsCover.jpg');background-size:cover;background-position:0% 40%;}
	    
	    #MeetOurTeam{
	    	margin:80px 0;
	    }
	    #MeetOurTeam .row2.FullWidth{
	    	background-image:url('../img/Shapes/OurTeamShape.svg');
	    	background-size:cover;
		    background-position:center center;
		    margin-top:20px;
		}
	    
	    #MeetOurTeam .item{padding:0 !important;
	    	/*border-radius:12px;*/overflow:hidden;
		    display: flex;align-items: flex-start;flex-direction: column;justify-content:center;height:250px;
		}
		
		
		#MeetOurTeam .owl-theme .owl-dots{margin-top: 0px;}
		
		#MeetOurTeam .owl-item{padding:10px 0;}
		
		#MeetOurTeam .owl-item .item{padding:10px;}
		
		#MeetOurTeam .item .WhyItemTitle{width:100%; 
		/*background-color:#486380;*/
		}
		
		/*#MeetOurTeam .item .WhyItemTitle:before{
          content: "";
          position: absolute;
          top: 80px;
          -webkit-transform:translateY(-68.75%);
          -moz-transform:translateY(-68.75%);
          -ms-transform:translateY(-68.75%);
          -o-transform:translateY(-68.75%);
          transform:translateY(-68.75%);
          right: 0;
          z-index:-1;
          width: 100%;
          height: 120px;
          background:#486380;
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 100% 31%, 100% 100%, 0% 100%);
        }
		*/
		#MeetOurTeam .item .WhyItemTitle p{
		    width:100%;margin:0;text-align:center;
		}
		
	    #MeetOurTeam .item .WhyItemContent{width:100%;}
	    
	    #MeetOurTeam .TeamPhoto{
	    	width:160px;height:160px;padding:4px;object-fit:cover;border-radius:50%;
	    	border:2px solid white;background-color:transparent/*#2b4858*/;background-position:center center;

	    	-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 3%), 0 6px 6px rgb(0 0 0 / 7%);
            -moz-box-shadow: 0 10px 20px rgb(0 0 0 / 3%), 0 6px 6px rgb(0 0 0 / 7%);
			box-shadow: 0 10px 20px rgb(0 0 0 / 3%), 0 6px 6px rgb(0 0 0 / 7%);
		}
	    
	    
	    #MeetOurTeam .Heading{
	    	display: inline-block;
	    	position: relative;
	    	padding:21px 0;
	    	font-size:23px;
	    	font-weight:500;
	    	text-align:center;
	    	/*width:100%;
	    	background-color:#3e85af;
	    	margin:35px 0 0;*/
	    	margin:0;
	    	
	    }
	    .UnderTitleShape:after{
	    	content: "";
	    	position: absolute;
    	    bottom: -25px;
		    left: 50%;
		    left: calc(50% - 103px);
		    width: 206px;
		    height: 30px;
	    	background-image: url('../img/Shapes/TitlesShape.svg');
	    	background-size: 100%;
	    	background-repeat: no-repeat;
	    }
		
		#MeetOurTeam{padding:20px 0;}
		
		#MeetOurTeam .owl-next{position:absolute;font-size:60px;right:-35px;top:91.5px;}
		#MeetOurTeam .owl-prev{position:absolute;font-size:60px;left:-35px;top:91.5px;}
		
		#MeetOurTeam .Name{font-weight:600;font-size:18px;color:white;padding:15px 0 5px 0;}
		#MeetOurTeam .JobTitle{font-weight:500;font-size:14px;color:#cfcfcf;/*padding:0 0 20px 0*/;}
		

		.Mission svg,.Vision svg,.Mission img,.Vision img{
			width: 100%;
		    height: unset;
		    font-size:1.5px;
		    fill:#FFFFFF;
		}
		.VisMisBlur{
			fill:#000;
			/*backdrop-filter: blur(5px);*/
		}

		.Vision svg,.Vision img{
			padding-top:80px;
		}
		
		.MissionSVGP{
		    padding:0;margin:0;
		    font-size:1.25px;
		}
		.VisionSVGP{
		    padding:0;margin:0;
		    font-size:1.36px;
		}



		.MissionVisionCont{
		    width:100%;
		    margin:100px 0 30px;
		    display:flex;
		    justify-content:center;
		    align-items:center;
		    height:100%;
		    
		}
        .MissionVisionCont .Container{
            display:flex;width:100%;height: 100%;justify-content:center;align-items:stretch;
            
        }
        
        .MissionVisionCont .Mission,.MissionVisionCont .Vision{
            width:50%;padding:20px;
            
            display:block;
            /*max-width:480px;height:100%;*/
            
            display:flex;
            flex-direction:column;
        }
        
        .MissionVisionCont .Title{
            -webkit-box-shadow: 0px 23px 22px -7px/*0px 6px 15px -7px*/ rgba(0,0,0,0.16);
            -moz-box-shadow: 0px 23px 22px -7px/*0px 6px 15px -7px*/ rgba(0,0,0,0.16);
            box-shadow: 0px 23px 22px -7px/*0px 6px 15px -7px*/ rgba(0,0,0,0.16);
            
            
            border-radius:12px 12px 0 0;
            padding:0px;
            position:relative;
            z-index:2;
        }
        .MissionVisionCont .Title p{padding:18px 10px;margin:0;font-size:16px;}
        
        
        .MissionVisionCont .PurpleItem{
		    background-color:#6438ab !important;
		}
		
		.MissionVisionCont .OrangeItem{
		    background-color:#d5753b !important;
		}
		
		
		.MissionVisionCont .TextContainer{
		    padding:40px 20px ;
		    /*background-image:url('../img/GradientBg.jpg');*/background-size:cover;background-position:center center;
		    border-radius:0 0 12px 12px;
		    
		    height:100%;
		    display:flex;
		    align-items:center;
		    text-align:left;
		    justify-content:center;
		}
		
		.MissionBg{background-image:url('../img/Mission.jpg');}
		.VisionBg{background-image:url('../img/Vision.jpg');}
		
		.MissionVisionCont .Text {color:white;display:block;width:90%;text-align:left;margin: 0;}
	    
	    
	    @media only screen and (max-width: 992px) {
	        .MissionVisionCont .Container{
	            display:flex;/*justify-content:center;*/align-items:center;flex-direction:column;
	        }
	        .MissionVisionCont .Mission,.MissionVisionCont .Vision{
	            width:100%;
	            margin:10px 0;
	        }
	        
	    }
	    
	    
	    
	    /* Above the Fold Home Page ***********************************************************************/
	    
	    .IntroVideo1Cont,.IntroVideo2Cont{width:100%;
    	    height:100vh;
    	    height: calc(var(--vh, 1vh) * 100);
    	    position:fixed;z-index:15;/*display:block;*/
	        top:0;left:0;padding:50px;
	        display:flex;justify-content:center;align-items:center;
	    }
	    .CloseContainer{
	        cursor:pointer;
	        width:100%;
	        height:100vh;
	        height: calc(var(--vh, 1vh) * 100);
	        position:absolute;z-index:15;top:0;left:0;background-color:rgba(0,0,0,0.6);}
	    #IntroVideo,#IntroVideo2{
	        position:relative;z-index:16;
	    }
	    .ATFSection{
	        width:100%;
	        position:relative;
	        min-height:100vh;
	        min-height: calc(var(--vh, 1vh) * 100);
	        display:flex;flex-direction:row ;
	        justify-content:space-evenly;
	        align-items:center;
	        padding-top:80px;
	        padding: 80px 20px;
	    }
    
    .WhiteOverlay{
        background-color:rgba(256,256,256,0.2);
        height:100vh;
        height: calc(var(--vh, 1vh) * 100);
        width:100%;position:absolute;top:0;left:0;}
    .BlueOverlay{
        background-color:rgba(84,165,227,0.14);
        height:100%;
        /*height: calc(var(--vh, 1vh) * 100);*/
        width:100%;position:absolute;top:0;left:0;
    }
    
    .ATFText{max-width:300px;position:relative;z-index:2;}
    .ATFText p{font-size:24px;}
    
    
    
    .ATFVideo1,.ATFVideo2{width:80%;height:45vw;border-radius:12px;background-size:cover;background-position:center center;
        display:flex;justify-content:center;align-items:center;
        -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
        cursor:pointer;position:relative;z-index:2;
        
        overflow:hidden;
    }
    

    .ATFMainVideo{
        cursor:default;
        height:100%;
        width:100%;
        object-fit:cover;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .ATFMainImg{
    	pointer-events: none;
    	width:500px;
        max-height:100%;
        max-width:100%;
        object-fit:contain;
    }
	       
	       
	       
    .ATFVideo1{/*background-image:url('../img/Slider/1.jpg');*//*max-width:370px;max-height:225px;*/}
    .ATFVideo2{/*background-image:url('../img/Slider/2.jpg');*//*max-width:185px;max-height:112.5px;*/}
    
    .ATFVideo1 .PlayBtnSVGCont{
        width:65px;height:65px;
    }
    .ATFVideo2 .PlayBtnSVGCont{
        width:35px;height:35px;
    }
    .PlayBtnSVGCont{display:flex;justify-content:center;align-items:center;}
    
    .PlayBtn {
        fill: #fff;
        /*stroke: #fff;
        stroke-width: 10;*/
        animation-name:unset;
        fill:#FFFFFF50;
        -ms-transition:fill 0.4s;
        -webkit-transition: fill 0.4s;
        -khtml-transition: fill 0.4s;
        -moz-transition: fill 0.4s;
        -o-transition: fill 0.4s;
        transition: fill 0.4s;
    }
    
    .ATFVideo1:hover .PlayBtn ,.ATFVideo2:hover .PlayBtn {
        fill:#FFFFFF;
    }
    
    .ATFText a{
    	display:block;
    	width:max-content;
	    margin-top:10px;
	    text-transform: uppercase !important;
	    padding: 16px 48px;
	    letter-spacing: 1px !important;
	}

    
    @media only screen and (max-width: 992px) {


    	.Vision svg,.Vision img{
			padding-top:10px;
		}




        .ATFSection{flex-direction:column-reverse;justify-content:center;align-items:center;}
        .ATFText {width:90%;max-width:350px;padding-top:30px;}
         
        
        .ATFVideoThumbnails{min-width:90%; /*margin-bottom:-60px;margin-right:-60px;*/}
        .ATFVideo1{}
        .ATFVideo2{position:relative;top:-60px;left:120px;}
        
        
        #IntroVideo2,#IntroVideo{width:100%;height:100%;height:calc(100vw - 100px);border-radius:20px;overflow:hidden}
	}
	
	
	/* Edited Start ***********************************************/
	 @media only screen and (max-width: 992px) {
        .ATFVideoThumbnails{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;/*margin-bottom:-12.15625vw;margin-right:0;*/}
        .ATFVideo1{width:90vw;height:50.625vw;     max-width:370px/*400px*/;max-height:225px;}
        .ATFVideo2{position:relative;width:45vw;height:25.3125vw;top:-12.15625vw;left:22.5vw;      max-width:185px;max-height:112.5px;}
	}
	
	
	
	@media only screen and (min-width:750px) and (max-width: 992px){
	    .ATFVideo1{max-width:unset;max-height:unset;width:70vw;height:45vw;}
        .ATFVideo2{max-width:unset;max-height:unset;position:relative;top:-110px;left:187px;  width:35vw;height:22.5vw;}
        .ATFVideoThumbnails{/*margin-bottom:-110px;*/}
	}
	
	@media only screen and (min-width: 992px) {
        .ATFSection{flex-direction:row;}
        .ATFText {width:40%;max-width:450px;}
         
        .ATFVideoThumbnails{ min-width:40%;/*margin-bottom:-60px;*/}
        .ATFVideo1{max-width:370px/*400px*/;max-height:225px;}
        .ATFVideo2{position:relative;top:-60px;left:246px;   max-width:185px;max-height:112.5px;}
        
	}
	
	
	@media only screen and (min-width: 1400px) {
	    .ATFText {width:40%;max-width:350px;padding-top:30px;}
	    .ATFVideoThumbnails{ min-width:45%;/*margin-bottom:-60px;*/}
        .ATFVideo1{/*background-image:url('../img/Slider/1.jpg')*/;width: 720px/*400px*/;height: 400px;max-width:unset;max-height:unset;}
        .ATFVideo2{/*background-image:url('../img/Slider/2.jpg')*/;width:360px;height:200px;        top:-135px;left:460px;max-width:unset;max-height:unset;}
        
        .ATFVideo1, .ATFVideo2 {border-radius: 24px;}
        
	}
	
	/* Edited End ***********************************************/
	
	/* 2 Videos Media Queries ****************************************
	@media (max-width: 150px) {
      .ATFVideoThumbnails {margin-bottom:-16.2px;margin-right:-16.2px;}
      .ATFVideo1{width:100px;height:60px;}
      .ATFVideo2{width:50px;height:30px;top:-16px;left:63px;}
    }@media (min-width: 150px) {
      .ATFVideoThumbnails {margin-bottom:-23px;margin-right:-23px;display:flex;justify-content:center;align-items:center;}
      .ATFVideo1{width:140px;height:84px;}
      .ATFVideo2{width:70px;height:42px;top:-22.4px;left:88px;}
    }
	@media (min-width: 350px) {
      .ATFVideoThumbnails {margin-bottom:-57px;margin-right:0px;}
      .ATFVideo1{width:330px;height:195px;}
      .ATFVideo2{width:165px;height:197.5px;top:-72px;left:165px;}
    }
    
    @media (min-width: 768px) {
      .ATFVideoThumbnails {margin-bottom:-60px;margin-right:-60px;}
      .ATFVideo1{width:370px;height:225px;}
      .ATFVideo2{width:185px;height:112.5px;top:-60px;left:235px;}
    }
    @media (min-width: 992px) {
      .ATFVideoThumbnails {margin-bottom:-60px;margin-right:-60px;display:block;}
      .ATFVideo1{width:370px;height:225px;}
      .ATFVideo2{width:185px;height:112.5px;top:-60px;left:235px;}
    }
    @media (min-width: 1200px) {
      .ATFVideoThumbnails {margin-bottom:-60px;margin-right:-60px;}
      .ATFVideo1{width:370px;height:225px;}
      .ATFVideo2{width:185px;height:112.5px;top:-60px;left:235px;}
    }
	*/
	
	
	
	/* CTA Join Us Home Page*/
	.JoinCTA{min-height:unset;height:unset;padding-top:0;}
	
	.JoinCTA .EnterpriseImg{
	    width: 460px;
        max-width: 90%;
	}
	
	.JoinCTA .EnterpriseTextContainer p{
	    padding:0;
	    font-size:22px;
	    text-align:center;
	    line-height:34px;


	    text-shadow: 2px 0px 20px rgba(0,0,0,0.55);
	}
	
	
	
	/* Choose German Teachers ***************************************/
    #GermanTeachers{
	    padding:60px 0;
	}
	
	#GermanTeachers .FullWidth,#Testimonials .FullWidth{padding:0;}
	
	#Testimonials{padding: 15px 0;}

	.TestimonialsSVG{
		width:160px;
		max-width: 100%;height: unset;
	}
	
	
	#GermanTeachers .Heading{
	    padding: 20px 0;
        font-size: 25px;
	}
	
	#Testimonials .Heading{
	    padding: 20px 0;
        font-size: 25px;
	}
	
	#GermanTeachers .TeachersCard{
	    width:100%;/*height:300px;*/
	    border-radius:12px;
	    overflow:hidden;
	}
	#GermanTeachers .TeachersCard svg{
		width: 90%;height: unset;position: relative;cursor: pointer;
	}
	#GermanTeachers .Image{
	    width:100%;
	    height:100%;
	    position: relative;
	}
	#GermanTeachers .Image img{
	    width:100%;
	    height:100%;
	    object-fit:cover;
	    object-position: center center;
	    
	}
	#GermanTeachers .TeacherName p{
	    background-color:transparent;/*#3e85afde;*/
	    padding:15px;
	    text-align:center;
	    margin:0;
	    position:relative;
	    font-weight:500;
	    z-index: 2;
	    

	}
	
	#GermanTeachers .TeacherDataCont{
	    /*background-image:url('../img/BrightBlueMountainBg.jpg');*/
	    background-size:cover;
	    background-position:center center;height:100%;	    
	    margin-top:-68px;

	    position: absolute;width: 100%;text-align: center;

	    padding:0 10px 10px;


	    pointer-events: none;



	    
	}
	
	.TeacherDetailsText{
	    margin:0;
	    padding:5px 20px;
	    font-size:13px;
	    text-align:left;
	    max-height:65px;
	    
	    
	    display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
	}
	
	#GermanTeachers .TeachersCard .TeacherDetails{display:none;}
	
	#GermanTeachers .TeachersCard:hover .TeacherDetails{display:block;}
	
	
	
	

	#GermanTeachers .TeachersCard .TeacherHoverOverlay{
		position: relative;
		fill: #00000000;
		z-index: 3;
	}
	#GermanTeachers .TeachersCard:hover .TeacherHoverOverlay{
		fill: #00000090;
	}



	#GermanTeachers .TeachersCard .Image:after{
		content:"";
		position: absolute;
		top:50%;left:50%;
		height: 0;width: 0;
		background-image: url('../img/Icons/ViewIcon.svg');
		background-size: contain;
		background-repeat: no-repeat;
		pointer-events:none;
	}
	#GermanTeachers .TeachersCard:hover .Image:after{
		content:"";
		position: absolute;
		top:50%;left:50%;top:calc(50% - 30px);left:calc(50% - 15px);
		height: 30px;width: 30px;
		background-image: url('../img/Icons/ViewIcon.svg');
		background-size: contain;
	}


	
	
	/*#GermanTeachers .TeachersCard:hover{
	    background-color:#3e85af;
	    padding-top:55px;
	}
	#GermanTeachers .TeachersCard:hover .Image{
	    width:90px;
	    height:90px;
	    border-radius:50%;
	    overflow:hidden;
	    border:2px solid white;
	    margin-top:-45px;
	    position:relative;
	    z-index:2;
	}*/
	
	
	
	
	
	/************************************** Newly added*************************************************/
	/*
	#GermanTeachers .TeachersCard:hover .Image{
	    width:80px;
	    height:80px;
	}
	
	#GermanTeachers .TeacherDataCont{
	    height:calc(100% + 10px);
	}
	.TeacherDetailsText{
        display:block;
        
        max-height:unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: unset;
    }
    */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*#GermanTeachers .TeachersCard:hover .TeacherName p{
	    display:block;
	    margin-top:0px;
	    padding:10px 0 5px 0;
	    font-weight:700;
	    background-color:transparent;
	}*/
	
	
	
	#GermanTeachers .TeacherDataCont .Rate{
	    display:inline-block;
	    font-size:12px;
	    font-weight:400;
	    color:#d4d1e5;
	    padding-right:12px;
	    margin:6px 0;
	}
	.Rate span, .TeachingHours span{
	    font-weight:700;
	    color:#fff;
	}
	
	#GermanTeachers .TeacherDataCont .TeachingHours{
	    display:inline-block;
	    font-size:12px;
	    padding:0 0 5px 0;
	    font-weight:500;
	    color:#d4d1e5;
	    margin:6px 0;
	}
	
	#GermanTeachers .TeacherDataCont .BrandBtn{
	    font-size: 10px;
        width: fit-content;
        padding: 12px 53px;
        margin-top: 13px;
	}
	    
	    
	#GermanTeachers .TeachersCard:nth-child(2){margin-top:20px;}   
	
	
	#GermanTeachers .owl-next{position:absolute;font-size:60px;right:-30px;top:272px;top:calc(50% - 65px);}
	#GermanTeachers .owl-prev{position:absolute;font-size:60px;left:-30px;top:272px;top:calc(50% - 65px);}
		
		
	.owl-prev img,.owl-next img{height:34px;} 
		
		
	.ViewAllTeachers{margin:40px 0 25px 0;width:fit-content;}
	
	
	
	
	
	
	
	
	
	
	
	
	

	/********** Teachers Full Profile *********************************************/


	
	
		.TeacherPopUpCont{
            position:fixed;
            height:100%;
            width:100%;
            display:flex;
            justify-content:center;
            align-items:center;
            top:0;
            left:0;
            z-index:999;
            padding: 20px;
        }

        .TeacherPopUpCont svg{
        	width: 100%;max-width: 570px;
        	height: 100%;
        	object-fit: contain;
        	object-position: center;
        	position: relative;
        	z-index: 1000;
        }

        .TeacherPopUpCont svg foreignObject>div{
        	display: flex;width: 100%;height: 100%;
        	flex-direction: column;
        	justify-content: center;align-items: center;
        }
        
        .TeacherPopUpCont .TeacherDataCont,.TeacherPopUpCont .TeacherDetails{
            height:100%;width:100%;
        }
        
        .TeacherPopUpCont .TeacherDataCont{
            margin:10px 0;
            overflow:hidden;
            overflow-y:auto;
        }
        
        
    	.TeacherPopUpCont .TeacherDataCont::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
        .TeacherPopUpCont .TeacherDataCont::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
        .TeacherPopUpCont .TeacherDataCont::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
        
        
        .CloseTeacherPopUp{
            background-color: #000000a6;
            position:absolute;
            height:100%;
            width:100%;
            top:0;
            left:0;
            z-index:999;
            cursor:pointer;
        }
        .TeacherPopCard{
            margin:auto;
            padding: 70px 15px 15px;
            position:relative;
            max-height:100%;
            
            max-height:calc(100% - 90px);
            
            width:100%;
            max-width:450px;
            top:20px;
            left:0;
            z-index:1000;
            background-color:#3e85af;
            background-image:url('../img/BrightBlueMountainBg.jpg');background-size: cover;background-position:center center;
            
            display:flex;
            flex-direction:column;
            justify-content:flex-start;
            align-items:center;
            
            border-radius:15px;
        }
        /*.TeacherPopCard:before{
            content:"";
            position:absolute;
            width:100px;height:20px;background-color:blue;
        }*/
        
        .TeacherPopCard .BrandBtn{
            font-size:12px;
            padding:13px 40px;
        }
        
        
        .TeacherPopImg{
            /*display:block;
            width: 140px;
            height: 140px;
            top: -70px;
            position:absolute;
            border-radius:50%;
            border: 5px solid #61869c;*/
        }

        .TeacherPopUpCont .TeacherName{
        	height: 5.5px;
        	height: 128px;
        }
        .TeacherPopUpCont .TeacherCloseCont{
        	height: 115px;padding: 0 !important;
        }
        
        .TeachingHoursPop,.TeacherPopName{
            width:100%;
            text-align:center;
            margin:0;display: block;
        }
        
        
        .TeacherPopName{
            font-size: 20px;font-size: 2px;font-size: 40px;/*1=>23           2 - 1.3 - 1.1 - 1.2                   1.5px 1.9px 1.6px 1.9px !important*/
            font-weight: 700;
            
            /*padding:20px 10px 10px;*/
        }
        
        .TeachingHoursPop{
            font-size:15px;font-size:1.3px;font-size:28px;font-weight: 300;line-height: 2px;line-height: 46px;
        }
        
        .TeacherPopWorkingHours{
        	display: inline-block;
        }

        .TeacherProfText{
        	height: 100%;height: calc(100% - 253px);
        	margin-bottom:20px;
        }



        .TeacherDetailsText.TeacherPopText{
            font-size: 16px;font-size: 1px;line-height: 2px;
            
            
            font-size: 25px;
            line-height: 32px;
            
            
            
            font-weight: 500;
            padding:20px 5px;padding:1.3px;padding: 0.6px 0px 0.5px 1px;
            max-height: unset;
            display: block;
            -webkit-line-clamp: unset;
            -webkit-box-orient: unset;
            overflow: hidden;
            height:100%;display: block;
            overflow-y:auto;
        }
        
        .CloseTeacherPopUpBtn{
            /*margin:10px auto 0;margin:1px auto 0;*/
            display:block;


            padding: 1.4px 1.9px !important;
            padding:34.5px 43.7px 30px !important;
            font-size: 1.2px;
            font-size: 26px;
            letter-spacing: 0 !important;

            border-radius: unset;
        }








@media only screen and (max-width: 600px) {
	#GermanTeachers .TeacherDataCont{
		margin-top: -90px;	    
	}
	#GermanTeachers .TeacherName p{
		font-size: 15px;
	}
}
@media only screen and (min-width: 600px) {
	#GermanTeachers .TeacherDataCont{
		margin-top: -93px;		
	}
	#GermanTeachers .TeacherName p{
		font-size: 15px;
	}
}
@media only screen and (min-width: 768px) {
	#GermanTeachers .TeacherDataCont{
		margin-top: -78px;
	}
	#GermanTeachers .TeacherName p{
		font-size: 15px;
	}
}
@media only screen and (min-width: 992px) {
	#GermanTeachers .TeacherDataCont{
		margin-top: -73px;
	}
	#GermanTeachers .TeacherName p{
		font-size: 15px;
	}
}
@media only screen and (min-width: 1200px) {
	#GermanTeachers .TeacherDataCont{
		margin-top: -69px;
	}
	#GermanTeachers .TeacherName p{
		font-size: 15px;
	}
}
@media only screen and (min-width: 1500px) {
	#GermanTeachers .TeacherDataCont{
		margin-top: -80px;
	}
	#GermanTeachers .TeacherName p{
		font-size: 17px;
	}
}
@media only screen and (min-width: 1800px) {
	#GermanTeachers .TeacherDataCont{
		margin-top: -85px;
	}
	#GermanTeachers .TeacherName p{
		font-size: 18px;
	}
}	
	
	
	
	
	
	
	
	
	
	    
   
	@media only screen and (max-width: 992px) {		
		
		#GermanTeachers .TeacherName p{

		}
        #GermanTeachers .TeacherDataCont .BrandBtn{
    	    font-size: 9px;
            padding: 10px 48px;
            margin-top: 10px;
    	}
    	
    	.TeacherDetailsText{
    	    margin:0;
    	    padding:4px 15px;
    	    font-size:12px;
    	    text-align:left;
    	}
    	#GermanTeachers .TeacherDataCont .Rate{
    	    padding-right:6px;
    	    font-size:11.5px;
    	}

	
    	#GermanTeachers .TeacherDataCont .TeachingHours{
    	    font-size:11.5px;
    	}
	}
	
	
	
	
	
	
	
	/* Testimonials ***************************************************/


	#Testimonials{
		margin:80px 0;
	}


	#Testimonials h1{
		font-weight: 300;
		position: relative;
		font-size:35px;
		display: inline-block;
	}
	#Testimonials h1 span{
		position: relative;
		display: block;
		font-size:26px;
		padding-bottom: 50px;
	}
	#Testimonials h1 b.QuesMark{
		position: absolute;
		font-family: 'Nexa', sans-serif !important;
		font-weight: 900;
	    font-size: 74px;
	    top: -36px;
	    right: -20px;right:calc(50% - 90px);

		-webkit-text-fill-color: transparent;
		-webkit-text-stroke-width: 0.6px;
		-webkit-text-stroke-color: white;
	}




	
	.TestimonialsCard{
		width:100%;
	    padding-top:80px;
	    background-color:#3e85af;
	    border-radius:12px;overflow:hidden;
	}






	#Testimonials .item{
		display: flex;flex-direction: column;justify-content: center;align-items: center;
	}
	.TestimonialName{
		font-weight: 700;
		font-size:21px;
		padding: 15px 40px 5px;
		display:flex;
		gap:6px;
	}
	.TestimonialName img{
	    width:44px !important;
	    height:33px;
	    -o-object-fit:contain;
	    -moz-object-fit:contain;
	    -webkit-object-fit:contain;
	    object-fit:contain;
	    
	    filter: drop-shadow(0px 0px 8px #00000050);
	    -webkit-filter: drop-shadow(0px 0px 8px #00000050);
	}
	.TestimonialsCard.NewCard{
		background-color: transparent;
		background-image: url('../img/Shapes/Testimonials.svg');
		background-size: 99% auto;
		background-position: bottom;
		background-repeat: no-repeat;
		position: relative;
		padding-top:5px;
		overflow: unset;
	}
	.TestimonialsCard.NewCard:before,.TestimonialsCard.NewCard:after{
	    content:"";
	    height:40px;
	    width:40px;
	    background-image: url('../img/Icons/Quotes.svg');
	    background-color: transparent;
	    background-size: 99% auto;
		background-position: top;
		background-repeat: no-repeat;
		position: absolute;		
		top:-45px;
	}
	.TestimonialsCard.NewCard:after{
		left:2px;
		background-position: bottom;
		
	}
	.TestimonialsCard.NewCard:before{
		right:2px;
		
		-webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
	}
	
	
	.TestimonialText2{
		width: 100%;
		margin: 0;
	    padding: 10px;
	    text-align: left;
	    font-size: 14px;
	    padding: 5px 20px;
	}





	.StarsContainer{
		/*position:absolute;top:45px;left:145px;margin-left: -20px;*/;
	
		display:flex;justify-content:center;align-items:center;
		margin:15px 0 25px;
	
		/*-webkit-transform: skew(-340deg, 0deg);
        -moz-transform: skew(-340deg, 0deg);
        -ms-transform: skew(-340deg, 0deg);
        -o-transform: skew(-340deg, 0deg);
	    transform: skew(-340deg, 0deg);*/
	    height:15px;left:150px;
	    
	    
	}
	.StarsContainer img{height:15px;width:15px !important;display:inline-block !important;}
	
	
	.TestimonialsCard .Image{
	    position:absolute;
	    top:10px;
	    width:100%;padding:0 10px;height:86px;
	    
	    
	}
	
	.ImageDecorationCont{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
	.TestimonialsCard .Image .TestimonialImage{
	    z-index:2;
	    height:80px;
	    width:80px;
	    border-radius:50%;
	    border:3px solid white;
	    overflow:hidden;
	    display:inline-block;
	    /*position:absolute;
	    left:20%;*/
	    margin-left: 10px;
	}
	
	
	.SkewedBlackRect{
	    display:inline-block;
	    /*position:relative;
	    top:15px;
	    left:50px;*/
	    background-color:#303948;
	    height:39px;width:230px;/*max-width:60%; */   
        -webkit-transform: skew(340deg, 0deg);
        -moz-transform: skew(340deg, 0deg);
        -ms-transform: skew(340deg, 0deg);
        -o-transform: skew(340deg, 0deg);
	    transform: skew(340deg, 0deg);
	    
	    
	    margin-left: -88px;
	}
	
	
	.SkewedWhiteRect{
	    display:inline-block;
	    /*position:relative;
	    top:-22px;
	    left:90px;
	    */
	    background-color:#ffffff;
	    height:25px;width:127px;   
        -webkit-transform: skew(340deg, 0deg);
        -moz-transform: skew(340deg, 0deg);
        -ms-transform: skew(340deg, 0deg);
        -o-transform: skew(340deg, 0deg);
	    transform: skew(340deg, 0deg);
	    
	    margin-left: -66px;
	    
	    display:flex;justify-content:center;align-items:center;padding:0 10px;
	}
	
	
	
	
	.owl-carousel .owl-stage{
	    display:flex;
	}
    .item{
        height:100%;
    }
    .TestimonialsCard{
        height:100%;
    }
    .TestimonialText{
        height:100%;
        display:flex;
        align-items:center;
    }
    .TestimonialData{
        height:calc(100% + 30px);
        display:flex;
        flex-direction:column;
    }

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	
	.TestimonialData{
	    padding:49px 20px 20px;background-image:url(../img/BrightBlueMountainBg.jpg);
	    background-size:cover;background-position:center center;margin-top: -29px;
	}
	
	.TestimonialText p{margin:0;padding:10px;text-align:left;font-size:14px;}
	.TestimonialName p{font-weight:600;margin:0;padding:15px 0 0;}


	#Testimonials .owl-next{position:absolute;font-size:60px;right:-30px;top:50%;top:calc(50% - 17px);
	    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
	}
	#Testimonials .owl-prev{position:absolute;font-size:60px;left:-30px;top:50%;top:calc(50% - 17px);
	    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
	}	    
	
	
	.TestimonialsCard .Image .TestimonialImage{
	    margin-left:0;
	}
	.SkewedWhiteRect{
	    width:57%;
	    margin-left:-19%;
	    padding: 0 20px;
	}
	.SkewedBlackRect{
	    width:53%;
	    margin-left:-37%;
	}
	
	
	
	
	
	
	   

    @media (max-width: 320px) {
        
        .TestimonialsCard .Image .TestimonialImage{
            height:60px;width:60px;
        }
        .SkewedWhiteRect{
    	    width: 101px;
            margin-left: -62px;
            padding: 0 1px;
    	}
    	.SkewedBlackRect{
    	    width: 114px;
            margin-left: -64px;
    	}
    }
    
    @media (min-width: 320px) {
        .SkewedWhiteRect{
    	    width: 106px;
            margin-left: -51px;
            padding: 0 4px;
    	}
    	.SkewedBlackRect{
    	    width: 129px;
            margin-left: -87px;
    	}
    }
    @media (min-width: 576px) {
      .SkewedWhiteRect{
    	    width: 123px;
            margin-left: -70px;
            padding: 0 10px;
    	}
    	.SkewedBlackRect{
    	    width: 149px;
            margin-left: -87px;
    	}
    }
    
    @media (min-width: 768px) {
      .SkewedWhiteRect{
    	    width: 123px;
            margin-left: -70px;
            padding: 0 10px;
    	}
    	.SkewedBlackRect{
    	    width: 149px;
            margin-left: -87px;
    	}
    }
    
    
    
    
    
    
    /* Our Programs Home Page *************************************/
    
	#OurProgramsPopUp{
	        height: 100vh;
            height: calc(var(--vh, 1vh) * 100);
            width:100%;
            position:fixed;
            top:0;left:0;z-index:20;


            display: flex;flex-direction: column;justify-content: center;
            align-items: center;
            
	    }
	    
	    .ProgramsMenu{
	    	-khtml-border-radius:35px;
	    	-moz-border-radius:35px;
	    	-webkit-border-radius: 35px;    
			border-radius: 35px;
	        overflow:hidden;
	        background-image:url('../img/Programs/GSP.webp');
	        background-color:#13496b;
	        background-size:cover;
	        background-position:center center;
	        height: 80vh;
	        height: calc( 100vh - 85px);
            height: calc(var(--vh, 1vh) * 100 - 85px);
            width:100%;

            display: flex;
            flex-direction: column;
	    }
	    
	    .ProgramsContainer,.ProgramsContainer .Container{
	        width:100%;height:100%;
	        position:relative;
	        top:0;
	    }
	    .ProgramsContainer .Container{
	    	display: flex;
	    	flex-direction: column;height:100%;
	    	padding:20px 0;
	        pointer-events:none;
	    }
	    .ProgramsContainer{
	        pointer-events:none;
	    }
	    
	    .ProgramsContainer .Container .AllProgamMenuContainer{
	        pointer-events:all !important;
	        height: 100%;
	        
	    }
	    
	    .HideProgramsBlackOverlay{
	        position:absolute;
	        height: 100vh;
            height: calc(var(--vh, 1vh) * 100);
            width:100%;
            background-color:rgba(0,0,0,0.68);cursor:pointer;
            
            -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
            
	    }
	    
	    .ProgramMenuTitle{
	        background-color:#17253cab;
	        padding:15px 0;
	        width:100%;
	    }
	    .ProgramsContainer{width:80%;height:100%;/*margin:0 10%;*/}
	    .ProgramsContainer .Progress{
	    	padding:5px 0 20px;pointer-events: none;
	    }
	    
	    
	    
	    .ProgramsContainer .Circle.Active{background-color:#ffffff;width:14px;height:14px;margin:0;}
	    
	    
	    .ProgramsContainer .Circle{margin:0 2px;background-color:#609fa6;width:10px;height:10px;display:inline-block;border-radius:50%;vertical-align:middle;position:relative;z-index:2;}
	    .ProgramsContainer .Line{background-color:#3e85af;width:90px;height:3px;display:inline-block;margin:0 -10px;vertical-align:middle;}
	    
	    
	    .ProgramMenuButtonsContainer{
	    	width:100%;
	    	display:flex;
		    justify-content:space-evenly;justify-content:center;
		    padding:10px 0;
		    /*padding:15px*/;
		    align-items:stretch;
		}
	    
	    
	    .ProgramsContainer .ProgramMenuButtons{cursor:pointer;
	    	min-width:14%;
		    width:fit-content;
		    min-height:100%;
		    /*height:fit-content;
		    */;

	        display:inline-block;
	        padding:10px;
	        border-radius:12px;
	        /*border:2px solid white;*/
	        
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=38)";
            filter: alpha(opacity=38);
            -moz-opacity: 0.38;
            -khtml-opacity: 0.38;
            opacity: 0.38;
	    }
	    .ProgramsContainer .ProgramMenuButtons.Active{
	        /*background-color:#3e85af;
	        border:2px solid #3e85af;*/
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
	    }
	    
	    
	    
	    .ProgramsContainer .ProgramMenuButtons img{
	    	height:80px;
	    	padding: 0;
	    }
	    .ProgramsContainer .ProgramMenuButtons p{
	    	font-size:13px;
	    	padding:0;
	    	margin:0;
	    	font-weight:500;
	    }
	    
	    .ProgramsContainer .ProgramNavigation{width:100%;padding:0;position:absolute;bottom:15px;}
	    .ProgramsContainer .ProgramNavigation button{
	    	padding: 17px 0px;
	    	width:160px;
	    	text-align:center;
	    	letter-spacing:1px;
	    	display:inline-block;
	    	margin:0px;


	    	    font-size: 13px;
			    font-weight: 600;
			    color: white;
			    letter-spacing: 0px;
			    text-transform: uppercase;
	    }
	    
	    
	    
	    .SeeMoreProg{
	    	outline:none !important;
	    	border:none !important;
	    	cursor:pointer;
	    	padding:10px 45px;
	    	font-size:12px;
	    	margin-top:20px;
	    	margin-bottom:5px;
	    }
	    .BlackBtn.SeeMoreProg{
	    	margin-top:0px;
	    	background-color: grey;


	    }
	    
	    
	    
	    .ProgramMenuText{padding:20px 30px;height: 100%;height: calc(100% - 230px);overflow-y:auto;width:100%;width:calc(100% - 30px);margin-right:20px;}
	    .ProgramMenuText p{display:none;padding:0;margin:0;text-align:left;}
	    
	    .ProgramMenuText.GrammatikStunde p.GrammatikStunde{display:block;}
	    .ProgramMenuText.NormalLevels p.NormalLevels{display:block;}
	    .ProgramMenuText.Conversation p.Conversation{display:block;}
	    .ProgramMenuText.GSP p.GSP{display:block;}
	    .ProgramMenuText.IntegrationsProgram p.IntegrationsProgram{display:block;}
	    .ProgramMenuText.ExamPreparation p.ExamPreparation{display:block;}
	    
	    
	    
	    
	    .ProgramMenuText::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
        .ProgramMenuText::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
        .ProgramMenuText::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
        
        
        
        
        
        
        .AllProgamMenuContainer{width:100%;/*display:flex;flex-wrap:nowrap;*/overflow:hidden;}
        .ProgramsMenu{position:absolute;}
        
        
        
        .SlideLeftIn{
            animation-name:SlideLeftIn;
	        animation-fill-mode:both;
            animation-duration:0.7s;
        }
        
        
        .SlideRightOut{
            pointer-events:none;
            animation-name:SlideRightOut;
	        animation-fill-mode:both;
            animation-duration:0.7s;
        }
        
        
        .SlideLeftOut{
            pointer-events:none;
            animation-name:SlideLeftOut;
	        animation-fill-mode:both;
            animation-duration:0.7s;
        }
        
        
        .SlideRightIn{
            animation-name:SlideRightIn;
	        animation-fill-mode:both;
            animation-duration:0.7s;
        }
	    
	    
	    
	    
	    @keyframes SlideRightOut{
	        from{
	            -webkit-transform: translateX(0%);
                -moz-transform: translateX(0%);
                -ms-transform: translateX(0%);
                -o-transform: translateX(0%);
                transform: translateX(0%);
                opacity:1;
        		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        		filter: alpha(opacity=100);
        		-moz-opacity: 1;
        		-khtml-opacity: 1;
           }
        	to{
        	    
        	     opacity:0;
        		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        		filter: alpha(opacity=0);
        		-moz-opacity: 0;
        		-khtml-opacity: 0;
        	    -webkit-transform: translateX(400px);
                -moz-transform: translateX(400px);
                -ms-transform: translateX(400px);
                -o-transform: translateX(400px);
                transform: translateX(400px);
        	 }
	    }
	    
	    
	    
	    
	    @keyframes SlideLeftIn{
	        from{
	            -webkit-transform: translateX(400px);
                -moz-transform: translateX(400px);
                -ms-transform: translateX(400px);
                -o-transform: translateX(400px);
                transform: translateX(400px);
	             opacity:0;
        		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        		filter: alpha(opacity=0);
        		-moz-opacity: 0;
        		-khtml-opacity: 0;
           }
        	to{
        	    -webkit-transform: translateX(0%);
                -moz-transform: translateX(0%);
                -ms-transform: translateX(0%);
                -o-transform: translateX(0%);
                transform: translateX(0%);
                
                opacity:1;
        		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        		filter: alpha(opacity=100);
        		-moz-opacity: 1;
        		-khtml-opacity: 1;
        	 }
	    }
	    
	    
	    
	    
	    
	    
	    @keyframes SlideRightIn{
	        from{
                -webkit-transform: translateX(-400px);
                -moz-transform: translateX(-400px);
                -ms-transform: translateX(-400px);
                -o-transform: translateX(-400px);
                transform: translateX(-400px);
                
                opacity:0;
        		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        		filter: alpha(opacity=0);
        		-moz-opacity: 0;
        		-khtml-opacity: 0;
                
	            
           }
        	to{
        	    -webkit-transform: translateX(0%);
                -moz-transform: translateX(0%);
                -ms-transform: translateX(0%);
                -o-transform: translateX(0%);
                transform: translateX(0%);
        	     
        	    
        	    opacity:1;
        		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        		filter: alpha(opacity=100);
        		-moz-opacity: 1;
        		-khtml-opacity: 1;
        	 }
	    }
	    
	    
	    
	    
	    @keyframes SlideLeftOut{
	        from{
	            -webkit-transform: translateX(0%);
                -moz-transform: translateX(0%);
                -ms-transform: translateX(0%);
                -o-transform: translateX(0%);
                transform: translateX(0%);
	            
	            opacity:1;
        		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        		filter: alpha(opacity=100);
        		-moz-opacity: 1;
        		-khtml-opacity: 1;
           }
        	to{
        	    -webkit-transform: translateX(-400px);
                -moz-transform: translateX(-400px);
                -ms-transform: translateX(-400px);
                -o-transform: translateX(-400px);
                transform: translateX(-400px);
                
                
        		
        		
        		opacity:0;
        		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        		filter: alpha(opacity=0);
        		-moz-opacity: 0;
        		-khtml-opacity: 0;
        	 }
	    }
	    
	    
	    
	    .ProgramPaceText{
	        padding:20px;width:100%;
	    }
	    .ProgramPaceText p{padding:0;margin:0;text-align:left;}
	    
	    .PaceChoices{
	        width:100%;
	        display:flex;
	        /*justify-content:unset !important;
	        align-items:unset !important;*/
	        gap: 0px;
	        flex-wrap: wrap;
	        
	    }
	    
	    
	    
	    .PaceChoices>div{
	        padding:3px;
	        /*width:185px;
	        height:100%;
	        max-height:100px;
	        border-radius:12px;
	        border:2px solid #689eba;*/
	        color:white;
	        cursor:pointer;
	        display:flex;align-items:center;justify-content:center;
	        margin:auto 3px;
	    }
	    .PaceChoices>div svg{
			height: 155px;width: unset;
		}
		.PaceChoices>div svg foreignObject div{
			width:100%;height: 100%;display: flex;justify-content: center;align-items: center;
			font-size:5px;color: white;
		}
	    
	    .PaceChoices>div.Active{
	        /*background-color:#3e85af;
	        border:2px solid #3e85af;
	        
	        box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            -webkit-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            -moz-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);*/
	    }

	    .PaceChoices>div svg path{
	    	fill:#0000004f;stroke: transparent;
		}
		.PaceChoices>div.Active svg path{
			stroke: #b0b0b0;
			stroke-width: 0.7px;
		}
	    
	    
	    
	    #ProgramsPace .AnotherMenuContainer{width:100%;height:100%;display:flex;/*flex-direction:column;justify-content:center*/;flex-wrap:wrap;}
	    #ProgramsPace .ProgramNavigation{bottom:15px;position:static;align-self: flex-end;margin-bottom:10px;}
	    
	    #ProgramsPace .PaceChoices{/*flex-grow: 3*/;overflow-y:auto;}
	    
	    #ProgramsPace .ProgramPaceText{align-self: flex-start;}
	    
	    
	    #ProgramsPace .ProgramMenuTitle{align-self: flex-start;}
	    
	    
	    
	    
	    
	     @media only screen and (max-width: 992px) {
	         
	         .ProgramsContainer .Progress{padding:5px 0 15px;}
	         
	         .ProgramsContainer{width:100%;margin:0;padding:0 15px;}
	         
	         
	         .ProgramMenuButtonsContainer{
	             width:100%;
	             justify-content:flex-start;
	             /*gap:0 10px;*/
	             overflow-x:auto;
	             padding:10px 6px;
	         }
	         
	         .ProgramMenuButtonsContainer::-webkit-scrollbar {height: 6px;background-color:#565c6f;border-radius:12px;}
	         .ProgramMenuButtonsContainer::-webkit-scrollbar-track {box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);}
	         .ProgramMenuButtonsContainer::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
	         
	         
	         
	         
	         
	         .ProgramsContainer .ProgramMenuButtons {
	             min-width:160px;
	         }
	         
	         
	         
	         .ProgramsContainer .Container{
    	        padding:20px 0;width:100%;max-width:unset;
    	    }
	         .ProgramsContainer .Line{width:40px;}
	         
	         .ProgramsContainer .ProgramNavigation button {
	             width: 125px;
	             
	         }
	         .ProgramsContainer .ProgramNavigation button.Wide{
	             width:165px;
	         }


	         .PaceChoices>div svg{
	         	height: 120px;
	         }
	         
	     }
	     
	     
	     .ProgramMenuText{width:100%;width:calc(100% - 10px);margin-right:0;}
	     
	     
	     
	     
	     /* Our Programs Number of sessions *************************/
	     
	     #ProgramSessionsNo .TextButtonsNavContainer{
	         align-items:center;
	     }
	     
	     
	     .ProgramSessionNoChoices{
	     	display:flex;
	     	justify-content:center;
		    gap:10px;
		    padding: 0 20px;
		    width:100%;height: 100%;
		    flex-wrap: wrap;
		 }
	     .ProgramSessionNoChoicesDiv{
	     	/*padding:20px;
	     	border:2px solid #689eba;
		    border-radius:12px;*/
		    cursor:pointer;
		 }
	     
	     .ProgramSessionNoChoicesDiv.Active{
	     	/*background-color:#3e85af;
	     	border:2px solid #3e85af;*/
	     }
	     .ProgramSessionNoChoicesDiv svg{
	     	height: 150px;width: unset;
	     }

	     .ProgramSessionNoChoicesDiv svg path{
	     	fill:#0000004f;stroke: transparent;
	     }
	     .ProgramSessionNoChoicesDiv.Active svg path{
	     	stroke: #b0b0b0;
	     	stroke-width: 0.7px;
	     }


	     	     
	     

	     .ProgramSessionNoChoicesDiv svg foreignObject div{
	     	width: 100%;height:100%;font-size: 5px;display: flex;justify-content: center;align-items: center;
	     }

	     .ProgramSessionNoChoicesDiv svg foreignObject div span{
	     	    font-size: 7px;font-weight: 700;
	     	    margin-right: 2px;
	     }
	     
	     
	      @media only screen and (max-width: 992px) {
	         .ProgramSessionNoChoices{
	         	align-items:center;
	         	justify-content:center;
		        padding:20px;
		        height:unset;max-height: 100%;max-height:calc(100% - 80px);
		     }
            .ProgramSessionNoChoicesDiv{/*width:50%;width:calc(50% - 10px);margin:0;*/min-height:85px;display:flex;justify-content:center;align-items:center;}
          	.ProgramSessionNoChoicesDiv svg{
		     	height: 120px;
		     }

          }
	     
	     
	     
	     
	     /* Our Programs Course Type Private semi small GP *************************/
	     .CourseTypeChoices{width:100%;
	     	display:flex;
		     justify-content:center;
		     gap: 20px;
		     flex-wrap: wrap;
		 }
	     .CourseTypeChoices div{
	     	/*width:27%;*/
	     	display:inline-block;
	     	border-radius:12px;
	     	overflow:hidden;
	     	border:3px solid transparent;
	     	cursor:pointer;
	     }
	     .CourseTypeChoices div.Active{
	     	/*background-color:#3e85af;
	     	border:3px solid white;*/
	     }


	     .CourseTypeChoices div svg{
	     	height: 150px;width: unset;
	     }

	     .CourseTypeChoices div svg>path{
	     	fill:#0000004f;stroke: transparent;
	     }
	     .CourseTypeChoices div.Active svg>path{
	     	stroke: #b0b0b0;
	     	stroke-width: 0.7px;
	     }



	     .CourseTypeChoices div svg .CourseTypeText{
	     	display: flex;justify-content: center;align-items: center;
	     	width: 100%;height: 100%;
	     	font-size:4px;
	     	padding:0;margin:0;
	     	text-align:center;
	     }




	     
	     
	     
	     .CourseTypeChoices div img{/*width:40px;*/height:80px;padding:26px 0 0;}
	     
	     
	     
	     .CourseTypeChoices div .CourseTypeTitle{
	     	width:100%;margin:0;padding:5px 0 0;font-weight:500;
	        -webkit-box-shadow: 0px 23px 22px -7px rgba(0,0,0,0.16);
	        -moz-box-shadow: 0px 23px 22px -7px rgba(0,0,0,0.16);
	        box-shadow: 0px 23px 22px -7px rgba(0,0,0,0.16);
    
	     }
	     
	     .CourseTypeChoices div .CourseTypeText{
	     	font-size:14px;
	     	padding:0 20px;
	     	text-align:left;
	     }
	     
        /*.CourseTypeChoices div .CourseTypeText.text-center{
            text-align:center;
            padding-top:5px;
            margin-top:5px;
        }*/
        .GroupIcon{
            margin:15px 0 5px;
            padding:0 !important;
            width:40px !important;
            height:40px !important;
            object-fit:contain;
            object-position:center center;
            
        }
	     
	     
	     /*.CourseTypeChoices div:nth-child(1) .CourseTypeTitle{background-color:#6438ab;}
	     .CourseTypeChoices div:nth-child(1){background-color:#3b206d;}
	     
	     
	     .CourseTypeChoices div:nth-child(2) .CourseTypeTitle{background-color:#aa3c79;}
	     .CourseTypeChoices div:nth-child(2){background-color:#8c3760;}
	     
	     .CourseTypeChoices div:nth-child(3) .CourseTypeTitle{background-color:#d5753b;}
	     .CourseTypeChoices div:nth-child(3){background-color:#6a3718;}*/
	     
	     
	     
	     @media only screen and (max-width: 992px) {
            .CourseTypeChoices div{/*width:96%;margin:5px 3%;*/}
            .CourseTypeChoices div img{height:auto;width:50px;display:inline-block;margin:5px;vertical-align:middle;padding:0;}
            .CourseTypeChoices div .CourseTypeText{display:inline-block;width:calc(100% - 65px);vertical-align:middle;}


            .CourseTypeChoices div svg{
            	height: 120px;
            }
        }


	     
	     /* Our Programs Levels *************************/
	     
	     #ProgramLevels .TextButtonsNavContainer{
	         align-items:center;
	     }
	     
	     
	     .TextButtonsNavContainer{
	         width:100%;height:100%;height: calc(100% - 50px)/*calc(100% - 80px)*/;
	         display:flex;justify-content: space-between;flex-direction:column;
	         /*overflow-y:auto;*/
	         
	     }
	     .TextButtonsNavContainer .ProgramNavigation{
	         position:static;padding:15px 0;
	     }
	     
	     .ProgramLevelText p{margin:0;text-align:left;padding:20px 30px;}
	     .ProgramLevelChoices{
	     	width:100%;
	     	display:flex;
	     	justify-content:flex-start !important;
	     	gap: 10px;
	     	flex-wrap: wrap;
	     	padding: 0 40px;
	     }
	     .ProgramLevelChoiceDiv{
	     	/*padding:20px 40px;
	     	border:2px solid #689eba;
	     	border-radius:12px;*/
	     	cursor:pointer;
	     	height:fit-content/*100%*/;
	     	display:flex;
	     	justify-content:center;
	     	align-items:center;
	     }
	     .ProgramLevelChoiceDiv.Active{
	     	/*background-color:#3e85af;
	     	border:2px solid #3e85af;*/
	     }






	     .ProgramLevelChoiceDiv svg{
			height: 150px;width: unset;
		}
		.ProgramLevelChoiceDiv svg foreignObject div{
			width:100%;height: 100%;display: flex;justify-content: center;align-items: center;
			font-size:5.4px;color: white;
		}
	    
	    .ProgramLevelChoiceDiv.Active{
	        /*background-color:#3e85af;
	        border:2px solid #3e85af;
	        
	        box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            -webkit-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);
            -moz-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%);*/
	    }

	    .ProgramLevelChoiceDiv svg path{
	    	fill:#0000004f;stroke: transparent;
		}
		.ProgramLevelChoiceDiv.Active svg path{
			stroke: #b0b0b0;
			stroke-width: 0.7px;
		}




		@media only screen and (max-width: 992px) {
            .ProgramLevelChoiceDiv svg{
				height: 120px;width: unset;
			}
			.TextButtonsNavContainer{
				padding: 15px 10px;
			}
        }

















	     
	     
	     
	     
	     /* Our Programs Conversation Topics Selection *************************/
	     
            .CourseConvTopicsChoices,#ReceiptInstructions,.CertChoices{
                display:flex;
                justify-content:flex-start;
                align-items:flex-start;
                flex-wrap:wrap;
                padding:5px 25px;
                width:100%;
                height:100%;
                overflow-y:auto;
            }
            #ReceiptInstructions{
                flex-direction:column;overflow-x:hidden;
            }
            #ReceiptInstructions>div{
                display:inline-block;width:100%;text-align:left;
            }
            
            .CourseConvTopicsChoices::-webkit-scrollbar,#ReceiptInstructions::-webkit-scrollbar,.CertChoices::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
            .CourseConvTopicsChoices::-webkit-scrollbar-track,#ReceiptInstructions::-webkit-scrollbar-track,.CertChoices::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
            .CourseConvTopicsChoices::-webkit-scrollbar-thumb,#ReceiptInstructions::-webkit-scrollbar-thumb,.CertChoices::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
            
            
            .CourseConvTopicsChoiceDiv{
                font-size:13px;
                padding:10px 20px;
                margin:5px;
                border: 2px solid transparent;
                -khtml-border-radius:250px;
		    	-moz-border-radius:250px;
		    	-webkit-border-radius: 250px;
				border-radius: 250px;
                cursor:pointer;
                background-color: #00000025;
            }
            .CourseConvTopicsChoiceDiv.Active{
                background-color: #2a71a6;
                border: 2px solid #2a71a6;
            }
            
            @media only screen and (max-width: 992px) {
	            .CourseConvTopicsChoices{
	            	padding:5px 10px;
	            }
	        }
            
            /* Our Programs Teachers Selection *************************/
	     
            
            .CourseTeachersChoiceDiv{
                padding:15px;/*10px 20px*/;
                /*margin:5px;
                border: 2px solid #689eba;
                border-radius: 12px;*/
                cursor:pointer;
            }
            .CourseTeachersChoiceDiv.ActiveTeacher{
                /*background-color: #3e85af;
                border: 2px solid #3e85af;*/
                position:relative;
            }

            .CourseTeachersChoiceDiv .Overlay{
            	display: none;
            }
            .CourseTeachersChoiceDiv.ActiveTeacher .Overlay{
            	display: block;
            	position: relative;
            	z-index: 3;
            	fill: #0000008a;
            }
            


            
            .CourseTeachersChoiceDiv.ActiveTeacher:before{
                content:"";
                position:absolute;
                top:10px;			top: 50px;
                right:10px;			right:calc(50% - 15px);
                width:30px;
                height:30px;
                background-color:#55a146;
                z-index:2;
                border-radius:50%;
                
                background-image:url('../img/Icons/check.svg');
                background-position:center center;
                background-size:17px 17px;
                background-repeat:no-repeat;
                
                padding:2px;
                box-sizing:border-box;
                
                
                
                -webkit-box-shadow: 0px 0px 28px -5px rgb(0 0 0 / 63%);
                -moz-box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.63);
                box-shadow: 0px 0px 28px -5px rgb(0 0 0 / 63%);
                
            }


            .CourseTeachersChoiceDiv svg{
            	width: 100%;height: unset;
            	max-height: 200px;
            }
            .CourseTeachersChoiceDiv svg path{
            	fill: #00000025;
            }

            .CourseTeachersChoiceDiv svg .TeacherName p{
            	font-size: 4px;
            	padding: 1px 0 0;
            	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;text-align: center;
            }

            .CourseTeachersChoiceDiv svg .TeachingHours{
            	font-size: 3px;
            	font-weight: 300;
            	padding: 0;
            	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;text-align: center;
            }
            .CourseTeachersChoiceDiv svg .TeachingHours span{
            	font-weight: 400;
            }


            .CourseTeachersChoiceDiv svg .BrandBtn {
                padding: 1px 5px;
			    font-size: 3px;
                letter-spacing: 0;
                font-size: 3px;
                margin-top: 1.1px;
            }




















            
            
                #ProgramTeachersSelection .Image{
                    width: 100%;
                    height: 150px;
                }
                
                #ProgramTeachersSelection .Image img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center center;
                }
                .TeachersCard.CourseTeachersChoiceDiv{
                    width:20%;
                    width:calc(20% - 10px);
                    overflow:hidden;
                    padding: 5px;
                }
                
                
                
                .CourseTeachersChoiceDiv.ActiveTeacher .BrandBtn {
                    background-color:#387193;
                }
                .CourseTeachersChoiceDiv.ActiveTeacher .BrandBtn:hover {
                    background-color:#295b78;
                }
                
                .CourseTeachersChoiceDiv .TeacherName p{
                    font-size:15px;
                    font-weight:bold;
                    margin:0;
                    padding: 7px 0 0;
                    
                }
                
                .CourseTeachersChoiceDiv .TeachingHours{
                    font-size:14px;
                    margin:0;
                    padding:0 0 5px;
                }
                
                
                .TeachersCard .ViewProfile{
                    margin-bottom: 10px;
                    margin-top: 7px;
                }
                
                .TeachersCard .ViewProfile foreignObject div{
                    font-size: 26px;
                    display: block;
                    width: 100%;
                    line-height: 73px;
                    
                    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;
                }
                
                .TeachersCard .ViewProfile.Image+div{
                    display:none;
                }
                
                
                
                @media only screen and (max-width: 600px) {
                    .TeachersCard.CourseTeachersChoiceDiv{
                        width:100%;
                        width:calc(100% - 10px);
                    }
                }
                @media only screen and (min-width: 600px) {
                    .TeachersCard.CourseTeachersChoiceDiv{
                        width:50%;
                        width:calc(50% - 10px);
                    }
                }
                @media only screen and (min-width: 768px) {
                    .TeachersCard.CourseTeachersChoiceDiv{
                        width:33%;
                        width:calc(33% - 10px);
                    }
                }
                @media only screen and (min-width: 992px) {
                    .TeachersCard.CourseTeachersChoiceDiv{
                        width:33%;
                        width:calc(33% - 10px);
                    }
                }
                @media only screen and (min-width: 1200px) {
                    .TeachersCard.CourseTeachersChoiceDiv{
                        width:20%;
                        width:calc(20% - 10px);
                    }
                }
	     
	     
	     
	     /* Our Programs Certificates *************************/
	     .CertChoices{
	     	width:100%;
	     	display:flex;
	     	justify-content:center;
	     	gap: 10px;
	     	flex-wrap: wrap;
	     }
	     .CertChoiceDiv{
	     	/*padding:20px 40px;
	     	border:2px solid #689eba;
	     	border-radius:12px;*/
	     	cursor:pointer;
	     }
	     .CertChoiceDiv.Active{
	     	/*background-color:#3e85af;
	     	border:2px solid #3e85af;*/
	     }


	    .CertChoiceDiv svg{
			height: 155px;width: unset;
		}
		.CertChoiceDiv svg foreignObject div{
			width:100%;height: 100%;display: flex;justify-content: center;align-items: center;
			font-size:5px;color: white;
		}

	    .CertChoiceDiv svg path{
	    	fill:#0000004f;stroke: transparent;
		}
		.CertChoiceDiv.Active svg path{
			stroke: #b0b0b0;
			stroke-width: 0.7px;
		}






		@media only screen and (max-width: 992px) {
            .CertChoiceDiv svg{
				height: 125px;
			}
        }
















        /*Complete Programs *********************************/
        .ProgramLevelChoices.AllCompleteCourses{
        	display: flex;
        	flex-wrap: wrap;
        	justify-content: center !important;
        	align-items: center;
        }
        .AllCompleteCourses svg{
        	height: 220px;width: unset;
        	cursor: pointer;
        }

        .AllCompleteCourses svg .SVGTitle{
        	font-size: 13.3496px;fill: white;
        }
        .AllCompleteCourses svg .SVGTitle.ExtraBig{
        	font-size: 46.5984px;fill: white;
        	font-size: 26px;
        }
        .AllCompleteCourses svg .SVGData{
        	font-size:10.9158px;fill: white;
        }
        .AllCompleteCourses svg .SVGData.Medium{
			font-size:20.1055;fill: white;
        }


        .AllCompleteCourses svg.ActiveCompleteCourseSel .HoverCourse{
        	stroke: #b0b0b0;
        	stroke-width: 3px;
        }

        .AllCompleteCourses svg>path{
        	fill: #00000030;
        }


        @media only screen and (max-width: 992px) {
            
        }

        
	     
	     
	     
	     /* Our Programs Payment *************************/
	     .PaymentChoices{
	     	width:100%;
	     	max-width: 600px;
		     display:flex;
		     flex-direction:column;
		     /*justify-content:center;
		     */gap: 20px;
		     /*flex-wrap: wrap*/padding:20px;
		     height:100%;
		     margin:auto;
		     overflow-y: auto;
		 }
	     .PaymentChoiceDiv{padding:20px 40px;
	     	border:2px solid #689eba;
		     border-radius:12px;
		     cursor:pointer;
		 }
	     .PaymentChoiceDiv.Active{background-color:#3e85af;
	     	border:2px solid #3e85af;
	     }

	     .PaymentChoices .EnterpriseFormTitles{
	     	padding: 0 !important;
	     }

	     
	     
	     
	     .PaymentChoices::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
	     .PaymentChoices::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
	     .PaymentChoices::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
	     
	     
	     b.TotalPricing{
	         font-weight:700;font-size:17px;display:block;margin-top:15px;display:inline-block;
	         padding:12px 18px;background-color:#3e82a3;
	         
	         -khtml-border-radius:12px;
        	-moz-border-radius:12px;
        	-webkit-border-radius: 12px;
    		border-radius: 12px;
	     }
	     
	     
	     #FinalReceipt a{
	         text-decoration:underline;
	         font-weight:600;
	     }
	     
	     
	     
	     
	     /* GSP Jobs Programs *************************/
	     .ProgramsJobsChoices{
	     	width:100%;
	     	height:100%;
	     	display:flex;
	     	justify-content:space-between;
	     	align-items:center;
	     	padding:20px 20px;
	     	flex-wrap: wrap;
	     }
	     .ProgramsJobsChoiceDiv{
	     	/*padding:20px 10px;
	     	border:2px solid #689eba;
	     	border-radius:12px;height:100%;width:16%;height: 150px;*/
	     	cursor:pointer;	     	
	     	display:flex;
	     	justify-content:center;
	     	align-items:center;	     	
	     	font-size:14px;
	     	width: unset;
	     	gap:5px;
	     }
	     .ProgramsJobsChoiceDiv svg{
	     	height: 160px;width:unset;
	     }
	     .ProgramsJobsChoiceDiv svg foreignObject p{
	     	width: 100%;
	     	height: 100%;
	     	display: flex;justify-content: center;align-items: center;

	     	font-size:26px;margin:0;padding: 0;
	     }
	     .ProgramsJobsChoiceDiv svg path{
	     	fill: #00000030;
	     }

	     .ProgramsJobsChoiceDiv.Active svg path:nth-child(1){
	     	stroke: #b0b0b0;
	     	stroke-width: 4px;
	     }



         @media only screen and (max-width: 992px) {
          .ProgramsJobsChoices{
            gap: 0 !important;
          }
          .ProgramsJobsChoiceDiv svg{
            height: 125px;width:unset;
         }  
         }
	     
	     
	     
	     
	     /* Edited
	     .ProgramsJobsChoices{height:calc(100% - 90px) !important;max-height:unset;flex-wrap:wrap;justify-content:center;}
	     .ProgramsJobsChoiceDiv{width:fit-content;width:25%;margin: 10px;flex-direction:column;height:fit-content;}
	     .ProgramsJobsChoiceDiv img{display:block;height:80px;padding:10px;}*/
	    
	    
	    
	    
	    
	    /* Our Choices Scenarios JS *****************************************************/
	    /*Levels Scenarios*/
	    
	    .AllProgamMenuContainer .FullProgram{display:none;}
	    
	    /*.AllProgamMenuContainer.ExamPreparation .FullPackage ,
	    .AllProgamMenuContainer.ExamPreparation .A1,
	    .AllProgamMenuContainer.ExamPreparation .C2{
	        display:none;
	    }*/
	    
	    
	    
	    .AllProgamMenuContainer.ExamPreparation .FullPackage{
	        display:none;
	    }
	    
	    
	    
	    .AllProgamMenuContainer.IntegrationsProgram .B1,
	    .AllProgamMenuContainer.IntegrationsProgram .B2,
	    .AllProgamMenuContainer.IntegrationsProgram .C1,
	    .AllProgamMenuContainer.IntegrationsProgram .C2{
	        display:none;
	    }
	    
	    
	    .AllProgamMenuContainer.NormalLevels .FullPackage{
	        display:none;
	    }
	    
	    
	    
	    /*Jobs Scenarios*/
	    .AllProgamMenuContainer.DFA.GSP .FullPackage,
	    .AllProgamMenuContainer.DFA.GSP .B1,
	    .AllProgamMenuContainer.DFA.GSP .B2,
	    .AllProgamMenuContainer.DFA.GSP .C1,
	    .AllProgamMenuContainer.DFA.GSP .C2{
	        display:none;
	    }
	    .AllProgamMenuContainer.DFA.GSP .FullProgram{display:block;}
	    
	    
	    
	    
	    
	    .AllProgamMenuContainer.GIK.GSP .FullPackage,
	    .AllProgamMenuContainer.GIK.GSP .C1,
	    .AllProgamMenuContainer.GIK.GSP .C2{
	        display:none;
	    }
	    .AllProgamMenuContainer.GIK.GSP .FullProgram{display:block;}
	    
	    
	    
	    
	    .AllProgamMenuContainer.DIF.GSP .FullPackage,
	    .AllProgamMenuContainer.DIF.GSP .A1,
	    .AllProgamMenuContainer.DIF.GSP .B2,
	    .AllProgamMenuContainer.DIF.GSP .C1,
	    .AllProgamMenuContainer.DIF.GSP .C2{
	        display:none;
	    }
	    .AllProgamMenuContainer.DIF.GSP .FullProgram{display:block;}
	    
	    
	    
	    
	    
	     .AllProgamMenuContainer.DIH.GSP .FullPackage,
	    .AllProgamMenuContainer.DIH.GSP .A1,
	    .AllProgamMenuContainer.DIH.GSP .B2,
	    .AllProgamMenuContainer.DIH.GSP .C1,
	    .AllProgamMenuContainer.DIH.GSP .C2{
	        display:none;
	    }
	    .AllProgamMenuContainer.DIH.GSP .FullProgram{display:block;}
	    
	    
	    
	    
	    
	    
	    
	    
	    .CourseTypeChoices,.ProgramLevelChoices,.ProgramsJobsChoices,.PaceChoices{
	        max-height:calc(100% - 170px);
	        margin:0 15px;
	        width:96%;
	        width:calc(100% - 30px);
	        overflow-y:auto;
	        display:flex;
	        justify-content:center;
	        align-items:center;
	        flex-wrap:wrap;
	    }
	    
	    
	    .ProgramLevelChoices,.ProgramsJobsChoices{
	        height:calc(100% - 80px);
	        max-height:calc(100% - 80px);
	    }
	    
	    .ProgramMenuText{
	        height:calc(100% - 200px);
	    }
	    
	    
	    
	    .CourseTypeChoices::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
        .CourseTypeChoices::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
        .CourseTypeChoices::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
        
        .ProgramLevelChoices::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
        .ProgramLevelChoices::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
        .ProgramLevelChoices::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
        
        
        .ProgramsJobsChoices::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
        .ProgramsJobsChoices::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
        .ProgramsJobsChoices::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
        
        
        .PaceChoices::-webkit-scrollbar {width: 12px;background-color:#565c6f;border-radius:12px;}
        .PaceChoices::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
        .PaceChoices::-webkit-scrollbar-thumb {background-color: #070d20;outline: none;border-radius:100px;}
	    
	    @media only screen and (max-width: 992px) {
	        .CourseTypeChoices,.ProgramLevelChoices,.ProgramsJobsChoices,.PaceChoices{
	        	gap:10px;
	        	justify-content:center;
	        	align-items:center;

	        	height: unset;max-height: calc(100% - 80px);overflow-y: auto;
	    	}
	        
	        
	        .ProgramLevelChoices{/*align-content: center;*/padding: 0 15px;justify-content: center !important}
	        .ProgramLevelChoiceDiv {/*width:47%;width:calc(50% - 8px);flex-grow: 1;*/min-height:84px;display:flex;justify-content:center;align-items:center;}
	        .AllProgamMenuContainer.DFA.GSP .FullProgram{display:flex;}
            .AllProgamMenuContainer.GIK.GSP .FullProgram{display:flex;}
            .AllProgamMenuContainer.DIF.GSP .FullProgram{display:flex;}
            .AllProgamMenuContainer.DIH.GSP .FullProgram{display:flex;}
	        
	        
	        .ProgramsJobsChoices{align-content: flex-start;}
	        .ProgramsJobsChoiceDiv{
	        	/*width:95%;
	        	margin:5px 2.5%;flex-grow: 1;*/
	        	display:flex;
	        	justify-content:center;
	        	align-items:center;
	        	flex-direction:row;
	        	
	        }
	        .ProgramsJobsChoiceDiv img{
	        	width:60px;
	        	height:unset;
	    	}
	        .ProgramsJobsChoiceDiv p{
	        	width:94%;
	        	width:calc(100% - 70px);
	    	}
	        
	        
	        .ProgramLevelChoices,.ProgramsJobsChoices,.PaceChoices{
	            max-height:calc(100% - 90px);height:unset;
	            
    	    }
    	    
    	    .ProgramMenuText{
    	        height:calc(100% - 200px);
    	        padding:20px;
    	    }
    	    
    	    .PaceChoices{
    	    	height:unset;
    	    	max-height:100%;max-height:calc(100% - 80px );
    	    	/*align-content: center;*/;
    	    	justify-content: flex-start;
    	    	padding: 5px 15px;
    	    }
    	    .PaceChoices .PaceChoiceDiv{
    	    	/*min-height:100px;
    	    	width:47%;
	    	    width:calc(50% - 10px);
	    	    flex-grow: 1;
	    	    min-height:84px;
	    	    display:flex;
	    	    justify-content:center;
	    	    align-items:center;*/
    		}
	        
	        
	        
	        .PaymentChoiceDiv{width:94%;width:calc(100% - 45px);margin:0 20px;}
	        
	        /*
	        .ProgramMenuButtonsContainer{flex-wrap:wrap;height: 130px;}
	        .ProgramMenuText {height: calc(100% - 430px);}
	        .ProgramsContainer .ProgramMenuButtons{width:30%;height:50px;margin: 5px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;}
	        */
	        
	        
	        .TextButtonsNavContainer .ProgramNavigation{
	            padding: 15px 0;
	        }
	        
	        
	        
	    }
	    
	    


	    .FormInput select,.FormInput option{
                            color: #cdcfc6;
                            border: none;
                            border-bottom: 1px solid #8c8e9a;
                            background-color: transparent;
                            width: 100%;
                            padding: 10px;
                            margin: 10px 0;
                            font-weight: bold;
                            height: 40px;
                            line-height: 40px;
                        }
                        .FormInput select option {
                          padding: 20px 10px;
                          color: #000000;
                          background-color: #fff;
                          height: 40px;
                          line-height: 40px;
                        }
                        
                        
                        
                        
    /* Enterprise Page*/
    #EnterpriseFormPopUp,#AskQuestion{
        /*position:fixed;top:0;left:0;
        width:100%;*/
        min-height:100vh;
        min-height: calc(var(--vh, 1vh) * 100);
        z-index:12;
        display:flex;
        justify-content:space-evenly;
        align-items:center;
        padding:40px 20px;
    }

    .ContactPage #AskQuestion{
    	padding-top:80px;
    }

    .ContactPage .FormEnterpriseContainer{
    	padding: 80px 10px !important;
    }

    #EnterpriseFormPopUp{
    	padding:40px 0;
    }
    
    
    #EnterpriseFormPopUp .FormContainer,#AskQuestion .FormContainer{
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
        
    }
    
    
    .FormEnterpriseContainer{
        background-image:url('../img/Shapes/EnterpriseShape.svg');
        background-position:center center;
        background-size: cover;
        background-color: transparent;

        display: flex;flex-direction: column;justify-content: center;align-items: center;
        
        padding:50px 10px !important;
        width:100%;
        max-width:620px;
        max-height: unset;
        overflow-y: hidden;
        position:static;

        border-radius: unset;
    }
    #EnterpriseMeetingForm{
    	width:100%;max-width:500px;
    }
    
    .MainEnterpriseFormTitle{font-size:23px;font-weight:700;padding:0;margin:0;margin-top:10px;}
    .MainEnterpriseFormSubTitle{font-size:15px;font-weight:400;padding:0;margin:0;margin-top:10px;}
    
    
    
    
    #EnterpriseFormPopUp .FormInput input:focus ,.FormInput textarea:focus{
    	color:#f1efef;
    	border-bottom:1px solid #efefef;
    }
	#EnterpriseFormPopUp .FormInput input::-webkit-input-placeholder ,.FormInput textarea::-webkit-input-placeholder{color: #f1efef;font-weight:normal;}
	#EnterpriseFormPopUp .FormInput input:-ms-input-placeholder,.FormInput textarea:-ms-input-placeholder {color: #f1efef;font-weight:normal;}
	#EnterpriseFormPopUp .FormInput input::placeholder,.FormInput textarea::placeholder {color: #f1efef;font-weight:normal;}
    
    
    #EnterpriseFormPopUp .FormContainer{padding:10px;}
    .EnterpriseFormTitles{padding:20px 20px 0;}
    #EnterpriseFormPopUp .FormContainer form{padding:10px 40px 30px;}
    
    
    #EnterpriseFormPopUp .FormInput input, #EnterpriseFormPopUp .FormInput textarea{
    	padding:0 18px;
    	font-size: 13px;
    	border:2px solid transparent;

    	-khtml-border-radius:250px;
    	-moz-border-radius:250px;
    	-webkit-border-radius: 250px;
		border-radius: 250px;
    }
    #EnterpriseFormPopUp .FormInput input:focus, #EnterpriseFormPopUp .FormInput textarea:focus{
    	border:2px solid #ffffff36;
    }


    #EnterpriseFormPopUp .FormInput input::-webkit-input-placeholder , #EnterpriseFormPopUp .FormInput textarea::-webkit-input-placeholder {
	  color: #a3a3a3;
	}
	#EnterpriseFormPopUp .FormInput input::-moz-placeholder , #EnterpriseFormPopUp .FormInput textarea::-moz-placeholder{
	  color: #a3a3a3;
	}
	#EnterpriseFormPopUp .FormInput input:-ms-input-placeholder , #EnterpriseFormPopUp .FormInput textarea:-ms-input-placeholder{
	  color: #a3a3a3;
	}
	#EnterpriseFormPopUp .FormInput input:-moz-placeholder , #EnterpriseFormPopUp .FormInput textarea:-moz-placeholder{
	  color: #a3a3a3;
	}
    
    
    
    .EnterpriseImage{width:40%;width:unset;}
    .EnterpriseImage img{width:100%;max-width:500px;max-width:600px;padding:25px;}
    
    
    
    
    
    /* Ask a question Help.php ////////////////////////*/
    #AskQuestion .FormInput input:focus ,.FormInput textarea:focus{color:#f1efef;border-bottom:1px solid #efefef}
	#AskQuestion .FormInput input::-webkit-input-placeholder ,.FormInput textarea::-webkit-input-placeholder{color: #f1efef;font-weight:normal;}
	#AskQuestion .FormInput input:-ms-input-placeholder,.FormInput textarea:-ms-input-placeholder {color: #f1efef;font-weight:normal;}
	#AskQuestion .FormInput input::placeholder,.FormInput textarea::placeholder {color: #f1efef;font-weight:normal;}
    






    
    #AskQuestion .FormContainer{padding:10px;}
    .EnterpriseFormTitles{padding:20px 20px 0;}
    #AskQuestion .FormContainer form{
        padding:10px 40px 30px;
        width:100%;
    }
    
    
    #AskQuestion .FormInput input, #EnterpriseFormPopUp .FormInput textarea{padding:0 10px;}
    
    
    
    @media only screen and (max-width: 992px) {
        #EnterpriseFormPopUp .FormContainer form{
            padding: 10px 10px 30px;
        }
    }
    
    
    
    
    
    
    
    @media only screen and (max-width: 992px) {
        #EnterpriseFormPopUp,#AskQuestion{min-height:unset;flex-direction: column-reverse;padding: 90px 0 10px 0}
        #EnterpriseFormPopUp .FormContainer,#AskQuestion .FormContainer{width:100%;}
        /*#EnterpriseFormPopUp .EnterpriseImage,#AskQuestion .EnterpriseImage{display:none;}*/
    }
    
    
    
                            
                             
                    




    .alert{display:inline-block;padding:15px;border-radius:7px;font-weight: 600;margin:10px 0;}
    
    .alert-danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }
    
    
    .alert-success {
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb;
    }
    
    
    .alert-primary {
        color: #004085;
        background-color: #cce5ff;
        border-color: #b8daff;
    }





















	    
	    
	    
	    
	    
	    
	    
	    
.Container {width :100%}	    
@media (max-width: 576px) {
  .Container {
    max-width: 90%;
  }
}@media (min-width: 576px) {
  .Container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .Container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .Container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .Container {
    max-width: 1140px;
  }
}
/*Extra Breakpoints *********/
@media (min-width: 1500px) {
  .Container {
    max-width: 1440px;
  }
}


@media (min-width: 1700px) {
  .Container {
    max-width: 1620px;
  }
}


@media (min-width: 1800px) {
  .Container {
    max-width: 1700px;
  }
}





















/****** JUHU Services *********/
#JuhuServicesPopUp{
    position: static;
    width: 100%;
    padding-top:90px;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#JuhuServicesPopUp .ProgramsContainer{
    width:90%;
}
#JuhuServicesPopUp .ProgramsContainer .Container{
    padding:0;
}

#JuhuServicesPopUp .ProgramsMenu{
    position:static;
    height: calc( 100vh - 105px);
    height: calc(var(--vh, 1vh) * 100 - 105px);
}


.JUHUServices .CourseTypeChoiceDiv svg img{
    width:100%;height:100%;object-fit:contain;padding:0;margin:0;vertical-align:unset;
}

.JUHUServices .CourseTypeChoiceDiv .CourseTypeText{
    flex-direction:column;
}

.JUHUServices .CourseTypeChoiceDiv>a{
    width:100%;
    height:100%;
}



.JUHUServices div.TextButtonsNavContainer{
    justify-content:center;
}

.JUHUServices div.TextButtonsNavContainer .ProgramPaceText p{
    text-align:center;
}

.JUHUServices div.TextButtonsNavContainer .ImgCont{
    /*position:relative;
    top:0;left:0;*/
    display:flex;
}

.JUHUServices div.TextButtonsNavContainer .ImgCont>img{
    /*position:absolute;
    top:0;
    left:0;*/
}

.JUHUServices .CourseTypeChoices{
    height:100%;max-height:100%;
}

.JUHUServices .CourseTypeChoices div svg>path {
    stroke: #0000004F;
}
.JUHUServices .CourseTypeChoices div svg:hover>path {
    stroke: #FFFFFF4F;
}


.JUHUServices .CourseTypeChoiceDiv .CourseTypeText{
    font-weight:300;
}
.JUHUServices .CourseTypeChoiceDiv .CourseTypeText span{
    font-weight:500;
}












.ServicesPage .PopUpWindow{
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ServicesPage .PopUpWindow.hidden{
    display:none;
}





#AllBooksCont{
    padding:15px;
}
.ServicesPopCont{
    position:relative;
}
#EBooksCont{
    height:100%;
}
#EBooksCont .TextButtonsNavContainer>p{
    overflow: unset;
    padding:5px;
}
.ServicesPopCont .Image{
    width: 120px;
    height: 170px;
    position:relative;
    margin-bottom:6px;
}
.ServicesPopCont .Image:before{
    content:"";
    top:0;left:0;display:block;
    height:100%;
    width:100%;
    object-fit:contain;
    position:absolute;
    z-index:2;
    
    background-image:url('../img/EBooks/FreeBooks/EbookCover.webp');
    
    
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity:0.2;
    
}
.ServicesPopCont .Image>img{
    height:100%;
    width:100%;
    object-fit:contain;
}

#EBooksCont .BrandBtn{
    display: inline-block;
    padding: 10px 27px;
    font-size: 11px;
    letter-spacing: 0px;
    margin: 5px 0 15px;
    
    background-color:#0a737d;
}

#EBooksCont .BrandBtn:hover{
    background-color:#08575f;
}



#FreeBooksForm{
    position:fixed;top:0;left:0;
}






#OurConsultationCallPopUp .FullWidth{
    max-width:450px;
    padding:0;
}

#OurConsultationCallPopUp .FullWidth p{
    text-align:left;
    width:100%;
    padding:10px;
}


#OurConsultationCallPopUp .FullWidth p.success,#OurConsultationCallPopUp .FullWidth p.error{
    padding:0;
}




#OurConsultationCallPopUp .FormInput input, #OurConsultationCallPopUp .FormInput textarea{
    height:36px;line-height:36px;margin: 6px 0;outline:none;
}
#OurConsultationCallPopUp .FormInput textarea{
    height:unset;line-height:25px;
}

#OurConsultationCallPopUp .FormInput textarea:focus{
    border-bottom:1px solid #565656;
}


#OurConsultationCallPopUp .FormInput textarea::-webkit-input-placeholder{color: #8c8e9a;font-weight:normal;}
#OurConsultationCallPopUp .FormInput textarea:-ms-input-placeholder,.FormInput textarea:-ms-input-placeholder {color: #8c8e9a;font-weight:normal;}
#OurConsultationCallPopUp .FormInput textarea::placeholder,.FormInput textarea::placeholder {color: #8c8e9a;font-weight:normal;}


#OurConsultationCallPopUp .BlueBtn {
    padding: 13px 45px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    margin: 12px 0;
}










.Invisible{
    visibility: hidden;
}

.CourseConvTopicsChoices.CenterFlexVH{
    justify-content:center;
    align-items:center;
}





#AllPlacementTestCont .success,#OurConsultationCallPopUp .success{
    background-color:#070d2061;
    -khtml-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	overflow:hidden;
}
#AllPlacementTestCont .success h2,#OurConsultationCallPopUp .success h2{
    padding:10px;margin:0;
    font-size:23px;
    padding-top:10px;
}

#AllPlacementTestCont .success p ,#OurConsultationCallPopUp .success p{
    padding:6px 20px 15px;margin:0;
    font-size:15px;
}


#AllPlacementTestCont{
    padding:15px;
    height:100%;justify-content:center;align-items:center;
}
#AllPlacementTestCont>div{
    width:100%;
    max-width:500px;
}

#AllPlacementTestCont .BrandBtn.BrandNew,#AllConsultationCallCont .BrandBtn.BrandNew{
    margin-top:15px;display:inline-block;
}

#AllPlacementTestCont .BlueBtn{
    display:inline-block;
    margin:15px 0 20px;
    
    padding: 13px 57px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
}


.ServicesPage .ProgramsMenu{
    height:100%;height: calc(var(--vh, 1vh) * 100 - 40px);
}























/******************* Response Message page *******************/



.ResponseMessagePage #GeneralPopUp{
    min-height:100vh;
    position:static;
    padding:90px 20px 10px;
    display:flex;
}

.ResponseMessagePage #GeneralPopUp .TextButtonsNavContainer{
    width:100%;
    max-width:450px;
    margin:auto;
}

.ResponseMessagePage #GeneralPopUp .TextButtonsNavContainer>div{
    padding:30px 30px 25px;
    background-color:#0000004f;
    
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    
    -khtml-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius: 20px;
}


.ResponseMessagePage .ResponseMessage{
    font-weight:900;font-size:22px;color:#e8e8e8;width:100%;display:block;margin:0 0 8px;
}
.ResponseMessagePage .ResponseSubMessage{
    font-weight:500;font-size:17px;color:#e8e8e8;width:100%;text-align:left;display:block;margin:0 0 25px;
}


.ResponseMessagePage .BrandBtn.BrandNew{
    display:inline-block;
}






.Success .ui-success{
    display:block;
}
.Success .ui-error{
    display:none;
}
.Error .ui-success{
    display:none;
}
.Error .ui-error{
    display:block;
}

.ui-success,
.ui-error {
    display:block;
    width: 100px;
    height: 100px;
    margin-bottom:25px;
}
.ui-success-circle {
  stroke-dasharray: 260.75219025px, 260.75219025px;
  stroke-dashoffset: 260.75219025px;
  /*transform: rotate(220deg);*/
  transform-origin: center center;
  stroke-linecap: round;
  animation: ani-success-circle 1s ease-in both;
}
.ui-success-path {
  stroke-dasharray: 60px 64px;
  stroke-dashoffset: 62px;
  stroke-linecap: round;
  animation: ani-success-path 0.4s 1s ease-in both;
}
@keyframes ani-success-circle {
  to {
    stroke-dashoffset: 782.25657074px;
  }
}
@keyframes ani-success-path {
  0% {
    stroke-dashoffset: 62px;
  }
  65% {
    stroke-dashoffset: -5px;
  }
  84% {
    stroke-dashoffset: 4px;
  }
  100% {
    stroke-dashoffset: -2px;
  }
}
.ui-error-circle {
  stroke-dasharray: 260.75219025px, 260.75219025px;
  stroke-dashoffset: 260.75219025px;
  animation: ani-error-circle 1.2s linear;
}
.ui-error-line1 {
  stroke-dasharray: 54px 55px;
  stroke-dashoffset: 55px;
  stroke-linecap: round;
  animation: ani-error-line 0.15s 1.2s linear both;
}
.ui-error-line2 {
  stroke-dasharray: 54px 55px;
  stroke-dashoffset: 55px;
  stroke-linecap: round;
  animation: ani-error-line 0.2s 0.9s linear both;
}
@keyframes ani-error-line {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes ani-error-circle {
  0% {
    stroke-dasharray: 0, 260.75219025px;
    stroke-dashoffset: 0;
  }
  35% {
    stroke-dasharray: 120px, 120px;
    stroke-dashoffset: -120px;
  }
  70% {
    stroke-dasharray: 0, 260.75219025px;
    stroke-dashoffset: -260.75219025px;
  }
  100% {
    stroke-dasharray: 260.75219025px, 0;
    stroke-dashoffset: -260.75219025px;
  }
}