*,html,input,button, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;list-style: none;}
:root {--c2:#E24F3B;--blue:#216494;--green:#6BB42C}
a,input {transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
body {direction:rtl;font-family:'Assistant';cursor:default;background-color:var(--blue);}
.footer {background-color:var(--blue);padding:20px;position:relative}
.footer ul {display:flex;text-align: center;}
.footer li {padding:0.5%;color:#fff;line-height:1;background-color:rgba(255,255,255,.1);margin:5px;border-radius:5px}
.footer p {margin:1% 10%;;color:#fff;text-align:right}
.social {display:flex;justify-content:center;margin-top:10px}
.social a {margin:0 10px;display:block}
.social img {width:50px;transition:all ease .2s}
.social a:hover img {transform: scale(1.2)}
.footer ._uni {color:#fff;font-size:1.5em;font-weight:bold;}
img {max-width:100%}
.main {flex-basis:calc(100% - 500px);position:relative;overflow:hidden}
.main ._courses {display:flex;padding:2% 40px 5% 40px;margin-top:-20px;z-index:2;position:relative;background:var(--green);clip-path: polygon( 0 0, 95% 0%, 100% 100%, 3% 92%);
}
#c1{flex-basis:30%;}
#c2,#c3{flex-basis:25%;}
#c4{flex-basis:20%;}
.main ._course {flex-basis:25%;box-sizing:border-box;padding-right: 2%;color:white;}
.main ._course h3 {font-size:1.5em;color:var(--blue);margin-bottom:10px;line-height:1}
.main ._course img {background-color:#fff;border-radius:100%;padding:10px;box-sizing:border-box;display:inline-block;max-width:80px;filter: drop-shadow(0px 1px 2px var(--blue));}
.main ._course p {font-weight:bold}
.main ._video {position:relative;padding-top:50%;overflow:hidden;}
.main ._video video {
	position:absolute;
top:0;/*right:1%;*/
width:100%;/*height:98%;*/
object-fit:cover;
clip-path: polygon( 2% 2%, 100% 00%, 95% 100%, 0% 92%);
/*border-radius:0 0 25% 25%;-webkit-border-radius:0 0  25% 25%;-moz-border-radius:0 0  25% 25%;*/
    filter: drop-shadow(0px 0px 2px black);
	background-image: url("img/ruppback6.jpg");
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	z-index:1;
}
/*._video:after {content:'';position:absolute;right:0;left:0;bottom:0;width:50%;height:25%;z-index:0;background-color:#216494;border-radius: 5em 0em 0 0;}*/
._video h2 {z-index:9;}
._video a {position:absolute;
z-index:999;
text-align:center;
color:white;
    
    filter: drop-shadow(2px 4px 6px black);
	top:25%;
	left:10%;
	width:16vw; height:auto;
	border-radius:5px;
	font-size: 2vw;
   
	text-decoration: none;
    font-weight: 900;
	display: flex;align-items: center;
	flex-direction:column;
	/*
	backdrop-filter: blur(3px) contrast(0.7) brightness(0.8) ;
	box-shadow:0px 0px 5px 2px var(--green);
	clip-path: polygon(2% 2%, 100% 00%, 95% 100%, 0% 92%);
	 padding: 2%;
	*/
}
	#v2m {
	z-index:3;
	position: absolute;
	right: 0;
	top:0;
	/*
	padding:5%;
	*/
    width: 100%;
    object-fit: contain;}
	#mobile{display:none;}
.turtle {}
.turtle img{max-width:15vw;top:0;left:0;margin:-3vw 0;}
.site {display:flex;min-height:100vh}
.site:before {content:'';position:absolute;top:-1px;right:0;left:0;bottom:0;z-index:-1;background-color:#216494f0;}
.side {
	display:flex;
	flex-basis:500px
	;flex-direction:column;
	align-items:center;
	justify-content:start;
	box-sizing:border-box;
	padding:40px;
	text-align:center;
	color:var(--blue);
	gap:10px;
	text-align:center;overflow:hidden}
.side ._badge {color:white;display:flex;margin-bottom: 5vh;}
.side ._badge svg{max-height:5.5em;}
.side ._badge span {display:block;font-size:3em;line-height:.8}
.side ._form form {position:relative}
.side ._form form._loading:before {content:'';position:absolute;top:0;right:0;left:0;bottom:0;background:url(img/loader.svg) rgba(255,255,255,.5) no-repeat center;backdrop-filter:blur(3px)}
.side ._form button {background-color:var(--green);display:flex;width:100%;justify-content:center;align-items:center;color:#fff;font-family:inherit;font-size:2.4em;border-radius:10px;padding:5px 10px;cursor:pointer;transition:all .2s ease;margin:10px auto 10px auto;line-height:1}
.side ._form button:hover {transform:translateY(-2px)}
.side ._courses.owl-carousel.owl-loaded {display:none;}
.owl-stage-outer{clip-path: polygon( 0 0, 95% 0%, 100% 100%, 3% 92%);background: var(--green);padding:2% 6% 10% 3%;}
.side ._course {display:flex;align-items:center;text-align:right;}
.side ._course img {max-width:50px;margin-left:10px}
.side ._course p {color:white;font-size:.7em;font-weight:bold}
._time {display:block;line-height:1.2;font-size:1.2em;margin:20px;text-align:right}
._time b {font-weight:900}
._time span {position:relative;z-index:1;overflow:hidden;text-align:center;display:block;margin-top:10px}
._time span:before,._time span:after {content:'';display:inline-block;width:100%;height:1px;background:var(--blue);z-index:-1;position:relative;vertical-align:middle}
._time span:before {left:20px;margin:0 -100% 0 0}
._time span:after {right:20px;margin:0 0 0 -100%}
.side h1 {font-weight:normal;
font-size:2.2em;line-height:1;color:white;
font-weight:600;margin:10px auto 0 auto;filter:drop-shadow(1px 1px 1px black) drop-shadow(0px 0px 2px black);}
.side h2 {font-weight:bold;font-size:1.5em;color:white;}
.side .online {background-color:var(--green);color:#fff;display:inline-block;line-height:1;padding:5px 10px;margin-top:10px;font-weight:bold;transform:rotate(3deg);font-size:2em}
.side optgroup[label] {color:#ccc}
.side option {color:var(--blue)}
.side ::placeholder {color:var(--blue)}
.side input {border:1px #ccc solid;width:100%;box-sizing:border-box;font-family:inherit;padding:10px;font-size:1.3em;margin:0 0 5px 0;border-radius:5px;outline:none;background-color:#fff;color:var(--blue);font-weight:bold;direction:rtl;}
.side .master {background-color:#fff;border-radius:5px;text-align:right;padding:10px 5px;color:#484848;border:1px #ccc solid}
.side .master select {outline:none;width:100%;font-size:1.2rem;background-color:transparent;font-weight:bold;color:var(--blue)}
.side .sidelogo {display:block}
.space {padding:3%;}
.discount {color:var(--green);font-size: 1.2em;    width: 90%;padding:5%;box-shadow: 0px 0px 5px -2px white;
    backdrop-filter: brightness(0.8);
    border-radius: 10px;
}
.discount b{font-weight:900;}

/*.thankyou {position:fixed;top:0;left:0;right:0;bottom:0;background:url(img/thankyou2.jpg) center / cover;display:flex;align-items:center;justify-content:center}
.thankyou section {color:white;background-color:rgba(33, 100, 148, 0.85);backdrop-filter:blur(5px);border:1px rgba(255,255,255,.2) solid;border-radius:10px;text-align:center;padding:5%}
.thankyou h1 {font-size:10vw;font-weight:900}
.thankyou h2 {font-size:5vw;font-weight:500}
.thankyou span {font-size:4vw;font-weight:400}*/
.thankyou {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#004d7b;display:flex;align-items:center;justify-content:center;color:#004d7b;    background: url(img/thankyou2.jpg) center / cover;}
.thankyou section {background-color:#f0f1f5;border-radius:10px;text-align:center;padding:20px}
.thankyou h1 {font-size:3em;font-weight:900}
.sidelogo {margin:0 auto;transform: scale(0.95);display:block;padding:40px 0 0 0;display:none}
.soc_flex {flex-basis:25%;margin: 20px 0;}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:left}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.linkb {padding:1%;background:var(--green);width:auto%;display:flex;justify-content:center;margin: 4% 0%;border-radius: 10px;}
.linkb a{padding:2%;text-decoration:none;color:white;font-size:1em;font-weight:900;}
.linkb p{width:auto !important;text-decoration:none;color:white;font-size:1.65em;font-weight:900;line-height:1;}
.linkb p {animation-name: linkclick;animation-duration: 2.5s;animation-iteration-count: infinite;animation-delay:0.5s;animation-timing-function: ease-in-out;}
.linkb {box-shadow:var(--blue) 0px 0px 1px 0px;animation-name: glowshadow;animation-duration:3s;animation-iteration-count: infinite;animation-delay:0s;animation-timing-function: ease-in-out}
.discount h2 {margin:0 8%;color:gold;    font-weight: 500;}


@media(max-width:1200px) {
    .footer li {flex-grow:1;text-align:center}
    .footer ul {flex-wrap:wrap}
}

@media(max-width:1000px) {
	.linkb{margin:4% 8%;}
    .footer {display:block;text-align:center}
    .footer ._uni {position:static;transform:none;font-size:1.6em;margin-bottom:20px;display:block}
    .main ._courses {display:none}
    .main {overflow:visible;margin-top:5%;}
    .main header {margin-bottom:0}
    .main_heads {border:0;margin:0;background-color:#01446E;border-radius:0}
    .main .sidelogo {max-width:80vw;display:block}
    .site {display:block}
    
    .side ._badge img {display:none}
    .side ._form {max-width:400px;margin:20px auto;padding:0 20px}
    .side ._courses.owl-carousel.owl-loaded {display:block;margin:40px 0}
    .side ._courses .owl-nav button {position:absolute;top:50%;transform:translateY(-50%);}
    .side ._courses .owl-nav button span {font-size:2em}
    .side ._courses .owl-next {left:20px;}
    .side ._courses .owl-prev {right:20px}
    .side ._course {padding:0 40px}
    .side .sidelogo {display:none}
    .sidelogo {max-width:200px;margin:20px auto;padding:0;display:block}
}
@media(max-width:700px) {
	/*._video:after {height:50%;}*/
	 .main ._video {padding-top:50%}
	.main ._video video {    background-size: contain;height:90%;background-position: top;}
	._video a {position:relative;top:unset;bottom:0;left:0;font-size:5vw;
        flex-direction: column;
		margin:auto;width:50%;
		}
	
	#v2m {width:70%;position:relative;top:-1.4em;}
    #jarallax-container-0 {}
	.discount h2 {margin:0;}
	.discount {width:80%;}
	.side ._course p{font-size:1em;}
	.side ._course {align-items: flex-start;}
	.side ._course h3{font-size:1.2em;font-weight:600;}
	.footer li{flex-basis:45%;}
	.footer p{margin:5% 2%;font-size:1.1em;}
	.side ._course {padding:0;flex-direction: column;}
    .accept span {font-size:.8em}
    button {background-color:#01446E;color:var(--green)}
    .footer_call {display:block}
    .main header {font-size:.5em;margin-bottom:20px}
    .main header a {display:none}
    .main header p {max-width:60%;margin:10px auto}
    .main_heads {padding:20px 10px 0 10px}
    .main_heads > a {color:#08436c;background-color:var(--green);display:inline-block;text-decoration:none;font-size:1.2em;font-weight:bold;line-height:1;margin:0 auto;padding:10px 40px;border-radius:10px;box-shadow:0 0 6px rgba(0,0,0,.4);transform:translateY(50%)}
    .main_heads h2 {font-size:1.7em}
	#formheading {font-size:1.3em}
    .main_heads_img span {width:30px;height:30px}
    .main_heads section {padding:20px 0}
    .main_heads_txt {font-size:.5em;margin:10px 0 0 0}
   
    .main_zooms {display:none}
    .main_zooms a {margin:10px}
    .side {padding:20px 10% 30% 10%;overflow:hidden;gap:2px;}
    .side_call {display:block}
    .side_form {padding:40px 20px 0 20px;background-color:#4C94C3}
    .side .main_zooms {display:block;padding:20px 0 0 0}
    .side .sidelogo {display:none}
    .side_uni {font-size:.6em;margin:30px 0 0 0}
    .site:before {}
    .social {order:2}
	.side ._courses .owl-nav button {margin: 0 -12%;color:white;}
}