* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none; transition: all ease-in-out 0.3s;}
body { font-family: "Poppins", sans-serif; font-size:14px; line-height:26px; letter-spacing: 1px; color:#fff; font-weight: 400; background-color: #000; }
h1, h2, h3, h4, h5, h6, h7 { line-height:130%; padding:0; font-weight:400; padding-bottom:10px; color:#fff; font-family: "Poppins", sans-serif; position: relative;}
h5, h6, h7 { letter-spacing: 0px; }
.space-line { width:100px; height:1px; background-color:#fff; display:block; margin: 0 0 20px 0; }
.center { margin: 10px auto 20px auto; }
.letter-space { letter-spacing: 0.4vw; }
.no-break { white-space: nowrap; }
h1 { font-size:50px; padding-bottom:10px;}
h1.clear { margin: 0; padding: 0; line-height: 60px;}
h2 { font-size:40px; }
h3 { font-size:36px; }
h4 { font-size:32px; }
h5 { font-size:26px; }
h6 { font-size:22px; }
span { transition: none; }
.upper { text-transform: uppercase; }
.small-text { font-size: 75%; line-height: 140%; display: inline-block; }
.clear-ul { margin:0; padding:0; list-style:none;}
a { text-decoration:none; color:inherit; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
p { margin-bottom:10px;}
p.clearp { margin-bottom:5px;}
strong { font-weight: 600;}
.text-links { color:#06F;}
.text-links:hover, .text-links.active { color:#E50003;}
.box-links { background:linear-gradient(70deg, #C00000, #f00);; color:#fff; display:inline-block; padding:5px 15px;}
.box-links.block { display:block; }
.box-links:hover, .box-links.active { background:#333; }

img { max-width:100%; margin:0; padding:0; font-size:0; display:block;}
img.inline { display: inline-block; }
img.center { margin: 0 auto;}
iframe { width: 100%; height: 100%; border: 0; }
.full-img { width: 100%; }
.text-center { text-align: center; justify-content: center; }
.text-left { text-align: left; justify-content: flex-start; }
.text-right { text-align: right; justify-content: right; }

ul { margin: 0; padding: 0; list-style: none;}
ul li { padding-left: 25px; margin-bottom: 10px; position: relative; }
ul li:before { content: "\f00c"; font-family: FontAwesome; font-size: 16px; color: #bf0000; position: absolute; left: 0; top: 0px;}
ul.clear-ul li { padding-left: 0;}
ul.clear-ul li:before { display: none;}
ol {padding-left: 30px; margin-bottom: 20px;}
iframe { display: block; width: 100%; aspect-ratio: 1.8; }
iframe.gmap { aspect-ratio: auto; }

.styled-table { width: 100%; border:none; table-layout: fixed;}
.styled-table td, .styled-table th {  border: solid 1px rgb(255 255 255 /15%); padding:10px; text-align: left; vertical-align: top;}
.styled-table tr:nth-child(2n) { background-color: rgb(0 0 0 / 8%); }
.styled-table thead { background-color:#111; color:#fff; }
.spl-text { color: #bf0000; }
section { position: relative; overflow: hidden; }
section:before { content:""; }
.wrapper-720 { width:720px; margin:0 auto; position:relative;}
.wrapper-1000 { width:1000px; margin:0 auto; position:relative;}
.wrapper-1200 { width:1200px; margin:0 auto; position:relative;}
.wrapper-90p { width:90%; margin:0 auto; }
.wrapper-300 { width:300px; margin:0 auto; }
.space-after { margin-bottom: 20px;}
.space-after-50 { margin-bottom: 50px;}
.space-tb { margin:10px 0;}

.flex-box, .mob-flex-box, .flex-box-720 { display: flex; align-items: center; flex-wrap: wrap; }
.flex-no-wrap { flex-wrap: nowrap; }
.flex-grow { flex-grow: 1; }
.flex-6 .flex-child { width: 16.66%; }
.flex-6a .flex-child { width: 14.66%; margin: 1%; }
.flex-5 .flex-child { width: 20%; }
.flex-5a .flex-child { width: 18%; margin: 1%; }
.flex-4 .flex-child { width: 24%; }
.flex-4a .flex-child { width: 23%; margin: 1%; }
.flex-3 .flex-child { width: 30%; }
.flex-3a .flex-child { width: 31.33%; margin: 1%; }
.flex-2 .flex-child { width: 50%; }
.flex-2a .flex-child { width: 48%; margin: 1%; }
.flex-1 .flex-child { width: 100%; }
.block-1 { width:100%; flex-grow:1; }
.block-2 { width:50%; flex-grow:1; }
.block-3 { width:33.33%; flex-grow:1; }
.block-66 { width:66.66%; flex-grow:1; }
.block-4 { width:25%; flex-grow:1; }
.block-5 { width:20%; flex-grow:1; }
.flex-no-grow .flex-child { flex-grow: 0; }
.flex-content-top { align-items: flex-start;}
.flex-content-bottom { align-items: flex-end;}
.flex-box.reverse { flex-direction: row-reverse; }
.flex-reset-height { align-items: normal; }
.flex-space-between { justify-content: space-between; }

.extra-padding { padding:7% 6%; display: block;}
.extra-padding-rl { padding-right: 6%; padding-left: 6%; }
.extra-padding-tb { padding-top:7%; padding-bottom: 7%;}
.extra-padding-top { padding-top:6%;}
.mid-padding { padding:5% 4%;}
.mid-padding-rl { padding-right:4%; padding-left: 4%;}
.mid-padding-right { padding-right:4%; }
.mid-padding-tb { padding-top:5%; padding-bottom: 5%;}
.low-padding { padding:2% 2%;}
.low-padding-rl { padding-right:2%; padding-left: 2%;}
.low-padding-tb { padding-top:2%; padding-bottom: 2%;}
.fix-padding-20 { padding:20px;}
.fix-padding-tb-20 { padding-top:20px; padding-bottom: 20px;}
.fix-padding-10 { padding:10px;}
.padding-bottom-0 { padding-bottom:0 !important; }
.padding-top-0 { padding-top:0 !important; }


.sect-404 img { margin: 0 auto; width: 320px; margin-top: 40px; }
.sect-404 h4 { margin-bottom: 10px; }
.sect-404 h1 { font-size: 12vw; font-weight: bold; line-height: 100%; }

footer { padding : 50px 0 50px 0; background-color:#000; text-align: center; background-color: rgb(255 255 255 / 8%); border-top: solid 7px rgb(255 255 255 / 10%); }
.footer-text { padding: 20px 0;}
.social-icons { text-align: center; }
.social-icons a { width: 60px; line-height: 55px; margin: 5px; font-size: 25px; text-align: center; display: inline-block; border-radius: 15px; border: solid 3px rgb(255 255 255 / 30%); color: #fff;}
.social-icon:hover { color:#111; background-color: #fff;}
.footer-links li.flex-child { margin: 0 1%;}

.body-bg { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.bg-about { background-image: url("../images/bg-img-2.jpg"); }
.bg-team { background-image: url("../images/bg-img-1.jpg"); }
.bg-infra { background-image: url("../images/bg-img-5.jpg"); }
.bg-testimonials { background-image: url("../images/bg-img-4.jpg"); }
.bg-faqs { background-image: url("../images/bg-img-3.jpg"); }
.bg-contact { background-image: url("../images/bg-img-7.jpg"); }
.bg-jobs { background-image: url("../images/bg-img-8.jpg"); }

header { z-index: 800; position: fixed; width: 100%; top:0; padding:0; transform: translateY(0%); }
/*header:before { content:""; position: absolute; z-index: -1; width: 100%; height: 100%; background-color: rgb(0 0 0 / 0.9); transform: translateY(-100%); transition: all ease-out 0.3s; }*/
header:hover:before { transform: translateY(0); }
header.relative { position: relative; background: none; background-color: #111; }
header.off {  transform: translateY(-110%); }
header.shadow { background-color: rgb(0 0 0 / .8); }
.logo { display: block; width:140px; padding: 10px 0; position: relative; }
/* header.scrolled .logo { width: 140px; padding: 5px 0;} */
.main-menu-wrapper { margin-left:auto; }
.main-menu-wrapper.off { }
.menu-icon { width: 50px; height: 50px; line-height: 50px; text-align: center; position: fixed; right: 0px; top: 20px; z-index: 900; display: none; color: #fff; }
.menu-icon:after { content: "\f0c9"; font-family: fontAwesome; font-size: 20px;}
.menu-icon.off:after { content: "\f00d"; font-family: fontAwesome; font-size: 20px; }
.main-menu {  }
.main-link { padding: 5px 15px; display: block; color: #fff; font-weight: 400; font-size: 17px; position: relative;}
.main-link span { display: inline-block; }
.main-link:after {content:"";  background: linear-gradient(45deg, rgb(255 255 255 / 35%) 00%, rgb(0 0 0 / 00%) 50%, rgb(255 255 255 / 30%) 100%); position: absolute; width: 100%; height: 0%; bottom: 0; left: 0; z-index: -1; display: block; border-radius: 10px; transition: all ease-out 0.2s; }
.main-link:hover:after, .main-link.active:after { height: 100%; }
/*.main-link:hover:after, .main-link.active:after { content:""; background: url(../images/ashoka-wheel-white.png) center center no-repeat; background-size: contain; width:100%; height: 15px; position: absolute; z-index: 101; left:0; bottom:-10px; display: block; }*/
.main-dd-parent { position: relative;}
.main-dd-parent .sub-link-ul a:after { content:"";}
.main-dd-parent.on:after { content:" -";}
.sub-link-ul { width:250px; position: absolute; left:50%; top: 100%; transform: translate(-50%, 20px); visibility: hidden; opacity: 0;  z-index: 100; padding: 2%; background-color: rgb(0 0 0 / 0.9); /*background: linear-gradient(160deg, #000, #090051, #000);*/ }
.sub-link-ul ul { padding: 10px 10px; }

.main-menu-ul { }
.main-menu-ul li:hover .sub-link-ul { transform: translate(-50%, 0px); visibility: visible; opacity: 1; }
.main-menu-ul li:hover .main-link span {transform: scale(1);}
.main-link.active span { transform: scale(1); }
.sub-link-ul li { margin-bottom: 00px; border: none; }
.main-menu-ul li:hover .sub-link-ul { top:100%; opacity: 1; visibility: visible; }
.sub-link-ul li.flex-child { padding: 0%; margin: -1px 0 0 -1px; border: solid 1px #333; }
.sub-link { padding: 15px 15px; display: block; color: #fff; font-weight: 400; font-size: 15px; line-height: 140%; }
.sub-link:hover, .sub-link.active { background: linear-gradient(70deg, #C00000, #f00); }
.sub-link:after {content:""; width:00px; height:100%; margin: 0 auto; background-color:rgb(0 0 0 / 50%); display: block; transition: all ease-out 0.15s; }
.sub-link:hover:after, .sub-link.active:after { width:80px; margin: 0 auto; }

.child-link-ul { position: relative; border-radius: 20px; padding: 20px 0; }
.sub-link-ul li:hover .child-link-ul {  }
.sub-dd-parent:after { content:"\f105"; font-family: fontAwesome; position: absolute; right: 8px; top: 10px;}
.child-link { padding: 12px 20px; display: block; border-bottom: solid 1px rgb(255 255 255 / 10%); }
.child-link-ul li:last-child .child-link { border:none; }
.child-link:hover, .child-link.active { background:linear-gradient(-70deg, #DDAC00, #ff0); color: #000;}

/* form */
.form-ul { text-align: left; flex-wrap: wrap; }
.form-ul li { margin-bottom: 0px; padding: 5px;}
.form-ul li.half { width: 49%; margin-right: 2%; float: left; }
.form-ul li.third { width: 32%; margin-right: 2%; float: left; }
.form-ul li.half.no-margin, .form-ul li.third.no-margin { margin-right: 0; }
.form-ul li.btn-li { padding-top: 35px;}
input[type="checkbox"] { width: 20px; height: 20px; visibility: visible; display: inline-block; -webkit-appearance: auto; margin-right: 5px; vertical-align: sub; }

.form-field {width:100%; padding: 5px 10px; font-family: inherit; background: none; border: solid 1px rgb(255 255 255 / 30%); border-left: solid 1px #000;
    border-top: solid 1px #000; box-sizing: border-box; background-color: rgb(0 0 0 / 20%); color: #fff; font-size: 14px; position: relative; box-shadow: inset 2px 2px 3px rgb(0 0 0 / 20%); }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; } 
.select-field { position:relative; padding-right:30px;}
.select-field:after { content:"\f107"; font-family: "fontAwesome"; position:absolute; width: 30px; height:100%; right: 0; top: 0; display:block; background-color: #111; color:#fff; line-height: 38px; text-align: center;}
.form-btn { padding:7px 20px; background-color: #e30000; color:#fff; border: solid 1px #e30000; cursor: pointer; border-radius: 10px; }
.form-btn:hover { background-color: #5b5b5b; border-color: #5b5b5b; color: #fff;}
.err .form-field { border-color: #F00; }
.err:after { content: "This is a Required Field!"; position: absolute; padding: 3px 5px; line-height: 15px; font-size: 11px; width: 160px; right: 4px; top: 8px; background-color: #F00; color: #fff; text-align: center; }
input:-internal-autofill-selected { background-color: inherit; }

.read-more { padding: 3px 30px; border: solid 3px rgb(0 0 0 / 50%); margin-top: 10px; display: inline-block;}
.read-more:hover { background-color: rgb(0 0 0 / 70%); color: #fff; }
.owl-dots { position: absolute; padding: 5px 20px; text-align: center; bottom: 0; width:100%;}
.dots-rel .owl-dots { position: relative;}
.owl-dot span { background-color: #fff; width: 10px; height: 10px; display: inline-block; margin: 0 5px; border: solid 1px rgb(0 0 0 / 50%); }
.owl-dot.active span { width: 30px; }
.dots-dark .owl-dot span { background-color: #767675; }
.owl-nav { text-align: center; margin: 10px auto;}
.owl-next span, .owl-prev span { width:45px; height: 45px; line-height: 43px; margin: 0 5px; text-align: center; background-color: #fff; display: inline-block; font-size: 36px; border: solid 1px rgb(0 0 0 / 30%); border-radius: 50%; color:#000; }

blockquote { position:relative; font-style: italic; }
blockquote:before, blockquote:after {content:"\f10d"; font-size: 30px; margin-right: 5px; color: rgb(0 0 0 / 20%); font-family: fontAwesome;}
blockquote:after { content:"\f10e"; }
blockquote * { display: inline-block; }

/* Custom styles */
.video-container { width: 100%; height: 100vh; overflow:hidden; }
.cover-video { min-width:100vw; min-height: 100vh; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.video-overlay { width: 100%; height: 100%; position: absolute; left:0; top:0; background-color: rgb(0 0 0 / 40%); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; text-transform: uppercase; padding-top: 8%; }
.video-overlay h1 { color: #fff; font-size: 6vw; letter-spacing: 20px; font-weight: 200; line-height: 100%; }
.video-overlay h4 { color: #fff; font-size: 2vw; letter-spacing: 15px; font-weight: 400;}

.video-box { overflow: hidden; min-height: 350px; position: relative; background-color: #00af01; }
.video-box video { position: absolute; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.glassbox-right { background-color: rgb(255 255 255 / 0.10); border-radius: 0 30px 30px 0; /* border: solid 1px rgb(255 255 255 / 0.4); border-left: none; */ background: linear-gradient(45deg, rgb(255 255 255 / 0.2), rgb(0 0 0 / 0.2), rgb(255 255 255 / 0.2)); backdrop-filter: blur(7px) brightness(1.5) contrast(1.4); -webkit-backdrop-filter: blur(7px) brightness(1.5) contrast(1.4); }
.glassbox-left { background-color: rgb(255 255 255 / 0.10); border-radius: 30px 0 0 30px; border: solid 1px rgb(255 255 255 / 0.4); border-right: none; background: linear-gradient(-45deg, rgb(255 255 255 / 0.2), rgb(0 0 0 / 0.2), rgb(255 255 255 / 0.2)); backdrop-filter: blur(7px) brightness(1.5) contrast(1.4); -webkit-backdrop-filter: blur(7px) brightness(1.5) contrast(1.4); }
.text-gradient { -webkit-text-fill-color: transparent; background-image: linear-gradient(45deg, #f60 00%, #ff0 90%); background-clip: text; display: inline-block; }
.fat-text { font-weight: 900; font-size: 10.5vw; line-height: 90%; }
.whatsapp-box { position: fixed; right: 10px; bottom: 10px; z-index: 999; background-color: #4FCE5D; color: #fff; border-radius: 50%; display: block; font-size: 30px; width: 56px; line-height: 56px; }
.whatsapp-box:hover { background-color: #222; }
.usp-slider .item { position: relative; background-color: #000; display: flex; flex-direction: row-reverse; align-items: center; }
.usp-slider .item img { opacity: 1; max-height: 75vh; margin-left: 30px; width: auto; }
.usp-slider .usp-text { position: relative; opacity: 1; transition: all 0.5s ease-out; transition-delay: 0.6s; }
.usp-slider .active .usp-text { height: 100%; opacity: 1; }
.usp-slider .usp-text h3 .large { font-weight: bold; font-size: 190%; opacity: 0.2; display: block; }
.awards-list .item { border: solid 1px #fff; border-radius: 20px; padding: 20px; background: linear-gradient(45deg, rgb(255 255 255 / 25%),  transparent, rgb(255 255 255 / 35%)); backdrop-filter: blur(7px) brightness(1.5) contrast(1.4); -webkit-backdrop-filter: blur(7px) brightness(1.5) contrast(1.4); }
.awards-list img { display: inline-block; }
.testimonial-pic { border-radius: 50% 0 50% 50%; overflow: hidden; width: 18%; aspect-ratio:1; }
.stats-wrapper .flex-child { border:  solid 5px rgb(255 255 255 / 40%); padding: 30px; border-radius: 30px; }

.home-about-img { background: url(../images/home-about.jpg) center center no-repeat; background-size: cover; }
.home-about-video { width: 100%; height: 100%; }
/*
.stats-wrapper .flex-child:nth-child(1n) { background-color: #cf337e;}
.stats-wrapper .flex-child:nth-child(2n) { background-color: #7c62e6;}
.stats-wrapper .flex-child:nth-child(3n) { background-color: #00b78d;}
.stats-wrapper .flex-child:nth-child(4n) { background-color: #db9033;}
*/
.stats-wrapper .flex-child img { width: 60%; margin: 10px auto 20px;  }
.stats-wrapper h2 { font-size: 52px;}
.grey-bg { background-color: rgb(255 255 255 / 85%); color: #000;}
.grey-bg * { color: #000;}
.grey-bg .space-line { background-color: #000;}
.dark-bg { background-color: rgb(255 255 255 / 20%); }

.core-team .flex-child { width: 27.33%; margin: 3%; }
.core-team-img { position: relative; overflow: hidden; border-radius: 40% 0; transition: all ease-out 0.3s; }
.core-team-img img { filter: drop-shadow(20px 5px 10px rgb(0 0 0 / 30%)); }
.core-team-img:before { content:""; position: absolute; z-index: -1; width: 100%; height: 80%; border-radius: 40% 0; left: 0; bottom: 0; transition: all ease-out 0.3s; background: linear-gradient(45deg, rgb(255 255 255 / 0.2), rgb(0 0 0 / 0.2), rgb(255 255 255 / 0.2)); backdrop-filter: blur(7px) brightness(1.5) contrast(1.4); }
/*.core-team-img:hover { border-radius:0 40% ; }*/
.core-team-img:hover:before { /*border-radius:0 40% ; background: linear-gradient(135deg, rgb(255 255 255 / 0.2), rgb(0 0 0 / 0.2), rgb(255 255 255 / 0.2)); */ }
.hover-img { position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s ease-out; }
.core-team .flex-child:hover .hover-img { opacity:0; }
.core-team-text .designation { background: linear-gradient(45deg, #8d0000, #ff1f1f, #8d0000); margin-bottom: 0px; text-transform: uppercase; border-radius: 20px 0; }

.courses-icons .flex-child { /*background-color: #cf337e;*/ padding: 30px; border-radius: 30px; margin: 15px 1%; border: solid 2px rgb(255 255 255 / 50%); background-color: rgb(255 255 255 / 10%); box-shadow: 5px 5px 10px rgb(0 0 0 / 30%); }
/*.courses-icons .flex-child:nth-child(2n) { background-color: #7c62e6; }
.courses-icons .flex-child:nth-child(3n) { background-color: #00b78d; }*/
.courses-icons .flex-child img { margin: 0 auto 30px; width: 70%;}
.courses-modules > .flex-child { border: solid 2px rgb(255 255 255 / 50%);  border-radius: 30px; margin: 20px 0; }
.courses-modules .accordian-ans ul { display: flex; flex-wrap: wrap; }
.courses-modules .accordian-ans ul li { width: 46%; margin: 0 2%; }
.courses-modules .accordian-ans { display: none; transition: none; }
.courses-modules ul li:before { color: #ff7171; }
.stc-icons .flex-child img { width: 40%;}
.accordian-que { position: relative; width: 100%; padding: 30px 50px 30px 30px ; display: block; }
.accordian-que:after { content:"\f0d7"; font-family: fontAwesome; position: absolute; right: 15px; top: 60px; transform: translateY(-50%); width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: rgb(0 0 0 / 20%); border-radius: 50%; }
.accordian-que.clear:after { display: none; }
.accordian-ans { padding: 0 30px 30px 30px; }
.banner-img { position: relative; }
.abs-heading { position: absolute; width: 40%; left: 55%; top: 50%; z-index: 10; text-align: center; transform: translateY(-40%); }
.facilities .flex-child { text-align: center; padding: 30px; border-radius: 30px; border: solid 1px #fff; }
.facilities .flex-child img { width: 50%; margin: 10px auto 20px;}
.bg-patch { position: relative; }
.bg-patch:before { content:""; width: 100%; height: 80%; top: 10%; left: 0; background-color: rgb(82 98 169 / 50%); position: absolute; z-index: -1; border: solid 5px transparent; border-left:none; border-right: none; border-image: /*linear-gradient(60deg, #f00 0%, #ffe11c 50%, #0ff 100%) 1*/ linear-gradient(90deg, #0026ab, #637fe5, #0026ab) 1; box-sizing: border-box; }
.fxbg { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.directors-pic img { filter: drop-shadow(30px 0px 20px rgb(0 0 0 / 40%)); width: 90%; }
.bg-video-cover { opacity: 0.2; position: fixed; left: 0; top: 0; z-index: -1;}
.bg-video { min-width: 100vw; min-height: 100vh; }
.student-achievements .item { border-radius: 20px; overflow: hidden; background: linear-gradient(60deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 30%) 30%, rgb(255 255 255 / 0%) 60%); backdrop-filter:blur(5px); border: solid 2px rgb(255 255 255 / 30%); }
.student-achievements .movie-artist { width: 50%; border-radius: 50%; overflow: hidden; margin: -25% auto 0 auto; border: solid 2px #fff; position: relative; z-index: 10; }
.student-achievements .movie-text { padding: 10px 20px; }
.student-achievements .movie-text h5 { font-size: 18px; }
.student-achievements .movie-text p { font-size: 85%; }

.student-achievements .owl-item { perspective: 800px; }
.student-achievements .rotate-left .item { transform: rotateY(60deg); transform-origin: right bottom; }
.usp-wrapper { background-color: #000; }
.home-courses-box .flex-child { position: relative; background-color: #000; border-radius: 15px; border: solid 1px rgb(255 255 255 / 50%); overflow: hidden; }
.home-courses-box .flex-child:after { content:""; position: absolute; width: 97%; height: 97%; border: solid 2px rgb(255 255 255 / 50%); box-sizing: border-box; border-radius: 10px; left: 1.5%; top: 1.5%; pointer-events: none; transition: all ease-out 0.3s; }
.home-courses-box .flex-child:hover:after { width: 102%; height: 102%; left: -1%; top: -1%; }
.home-courses-box img { opacity: 0.5; transition: all ease-out 0.3s; }
.home-courses-box .flex-child:hover img { transform: scale(1.2) rotate(-8deg); }
.home-courses-box h4 { font-size:24px; font-weight: bold; text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.scrollpointers { position: fixed; width: 10px; z-index: 500; top: 50%; transform: translateY(-50%); right: 10px; }
.scrollbullet { width: 10px; height: 10px; border-radius: 50%; background-color: #fff; margin: 20px 0; display: block; }
.scrollbullet.active { background-color: #f00;}

.popup-box { position: fixed; z-index: 600; left: 0px; bottom: 0px; width: 350px; padding: 5px 7px; background-color: rgb(58 58 58 / 99%); transition: none; }
.popup-box h6 { padding: 0; line-height: 30px; }
.popup-form { padding: 15px; transition: none; }
.popup-close { width: 40px; height: 40px; line-height: 40px; right: 0px; top: 0px; position: absolute; z-index: 1002; text-align: center; background-color: #BB1616; color: #fff; font-size: 130%; cursor: pointer; }

.flashit { position: relative; overflow: hidden; }
.flashit:before { content:""; position: absolute; z-index: 99; width: 60px; height: 200%; transform: rotate(0deg); left:-50%; top: 0;  backdrop-filter: brightness(2) contrast(1.2); }
.flashit:hover:before { animation: flashanim 1.2s ease-out forwards; }

.contact-details .flex-child span { width: 70px; line-height: 70px; text-align: center; background-color: #e30000; border-radius: 50%; display: block; margin: 10px auto 20px; font-size: 24px;}

.yt-thumbnail { position: relative; }
.yt-thumbnail:after { content:"\f16a"; font-family: fontAwesome; font-size: 30px; color: #fff; position: absolute; right: 10px; top: 10px; z-index: 10; }
.student-works .flex-child img { margin-bottom: 20px; width: 100%; aspect-ratio: 1; object-fit: cover; object-position: center; }
.student-works .flex-child { cursor: pointer;}
.popup-works-bg { width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(0 0 0 / 70%); position: fixed; z-index: 800; display: none; transition: none; }
.popup-works { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; background-color: #000;  }
.popup-works img, .popup-works iframe { margin: 0 auto 20px; border: solid 25px #fff; max-height: 80vh; max-width: 80vw; }
.popup-works iframe { aspect-ratio : 1.8; }
.popup-works-close { position: absolute; width: 40px; line-height: 40px; right: 10px; top: 10px; background-color: #e80000; border-radius: 10px; font-size: 25px; }
.popup-works-nav { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; line-height: 40px; background-color: #fff; color: #000; font-size: 30px; }
.popup-works-nav:hover { background-color: #e80000; color: #fff; }
.popup-works-nav.next { left: auto; right: 0; }

.boxed-list .flex-child { border: solid 1px rgb(255 255 255 / 50%); padding: 20px; border-radius: 10px; background-color: rgb(255 255 255 / 10%); }
.boxed-list .flex-child .flex-child { border: none; background: none; }
.operations * { display: inline-block; }
.operations .form-field { width: auto; max-width: 50px; }
.gallery-wrapper { position: relative; }
.close-to-gal { position: absolute; right: 0; top: 0; background-color: #e80000; font-size: 20px; color: #fff; width: 40px; line-height: 40px; z-index: 10; border-radius: 10px; }

.faqs-wrapper { padding: 20px; border-bottom: solid 1px rgb(255 255 255 / 30%); }
.faqs-wrapper .faqs-que { position: relative; padding-left: 45px; cursor: pointer; }
.faqs-wrapper .faqs-que:after { content: "+"; font-size: 20px; position: absolute; left: 5px; top: 3px; background-color: rgb(255 255 255 / 20%); width: 25px; line-height: 25px; text-align: center; border-radius: 50%; }
.faqs-wrapper .faqs-que.active:after { content:"-"; }
.faqs-wrapper .faqs-ans { display: none; transition: none; }

/* .placements-wrapper .flex-child {  background: linear-gradient(90deg, rgb(255 255 255 / 15%) 00%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 15%) 100%);  overflow: hidden; backdrop-filter:blur(5px); animation: borderrotate 3s infinite linear; border-style: solid; border-width:10px } */
.placements-wrapper .flex-child { overflow: hidden; backdrop-filter:blur(5px); background-image: linear-gradient(60deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 25%) 35%, rgb(255 255 255 / 0%) 60%); border: solid 2px rgb(255 255 255 / 30%); border-radius: 20px; }
.placements-text { padding: 10px; }
.placements-wrapper img { width: 100%; margin-bottom: 10px; }

.infra-wrapper .flex-child { border: solid 3px rgb(255 255 255 / 50%); border-radius: 15px; overflow: hidden; cursor: pointer; }
.job-placements li { padding: 10px 20px !important; text-align: center; margin: 8px; background-color: rgb(0 0 0 / 50%); font-size: 144%; }
.job-placements li:hover { background-color: rgba(221,0,2,0.90);}
.customer-care-nos a { background-color: rgb(0 0 0 / 50%); display: inline-block; padding: 10px 20px; margin: 10px; font-size: 20px; border-radius: 15px; border: solid 2px rgb(255 255 255 / 50%); }
.customer-care-nos a:hover { background-color: #C00000; }
.customer-care-nos img { height: 50px; vertical-align: middle; margin-right: 5px; }

#Plumb5FromCampaign_2 { width: 300px; height: 300px; }
#Plumb5FromCampaign_3 { width: 300px; height: 470px; top: 100px; right: 40px; left: auto; }

@keyframes borderrotate {
	0% { border-image: linear-gradient(0deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 30%)) 20; }
	50% { border-image: linear-gradient(180deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 30%)) 20; }
	100% { border-image: linear-gradient(360deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 30%)) 20; }
}
@keyframes flashanim{
	
	0% { left:-50%; top: 0;  }
	100% { left: 150%; top:-50%;  }
}

@media screen and (max-width:1250px){
	.wrapper-1200 { width:95%;}
	.video-overlay h4 { color: #fff; font-size: 3vw;}
	.home-stats-text h2 { font-size: 50px; }
	.home-stats-text h4 { font-size: 34px; }
}
@media screen and (max-width:1200px){
	
	.header-wrapper { width: 97%; }
	/*.main-menu-wrapper { margin:0 auto;}*/
	header:before { display: none;}
	.student-achievements .movie-text h5 { font-size: 16px; }
	.student-achievements .movie-text p { font-size: 80%; }
	.popup-box h6 { font-size: 18px; }
	.popup-box { width: 260px; }
}

@media screen and (max-width:1000px){
	body { overflow-x: hidden; }
	.wrapper-1000 { width:95%;}
	.flex-box { display:block;}
	.block-2, .block-3, .block-4, .block-66 { width:100%;}
	footer { text-align: center; }
	.mob-hide { display:none;}
	.main-menu-ul { text-align:center; justify-content: center;}
	.styled-table td, .styled-table th { display: block;}
	.styled-table td .tablehead { display: block; padding: 5px; background-color: #111; color: #fff; text-align: center; }
	.styled-table tr { margin-bottom:20px; display:block; }
	.flex-6 .flex-child, .flex-6a .flex-child, .flex-5 .flex-child, .flex-5a .flex-child, .flex-4 .flex-child, .flex-4a .flex-child, .flex-3 .flex-child, .flex-3a .flex-child, .flex-2 .flex-child, .flex-2a .flex-child, .flex-1 .flex-child { width: 100%; margin: 20px auto;}
	ul { text-align: left;}
	.main-menu-wrapper { display: none; }
	.main-banner h3 { position: relative; font-size: 30px; width: 100%; right: auto; top: 0; transform: translateY(0%); text-align: center; padding: 20px; } 
	.owl-dots { position: relative; text-align: center; }
	.home-prod-info { opacity: 1; }
	.sub-link-ul { width: 100%; text-align: center; }
	.sub-link { padding:10px; margin: 5px; }
	.menu-icon { display:block; right: 10px; top: 10px;}	
	.logo { padding: 10px; }
	header.abs .logo { position: absolute; }
	
	header { position: relative;}
	.main-menu-wrapper { width:100%; padding:100px 0 20px; transition: none;  }
	.main-menu { height:100%; overflow: auto;}
	.main-link { padding: 15px 0; display: block;}
	.sub-link-ul, .child-link-ul { position:relative; top:0; display: none; transition: none; left:0; visibility: visible; opacity: 1; }
	.main-menu-ul li:hover .sub-link-ul, .sub-link-ul { background-color: rgb(0 70 255 / 0.30); transform: none; opacity: 1; visibility: visible; }
	.child-link-ul { display: block; text-align: center; }
	
	.glassbox-right, .glassbox-left { border-radius: 0; border: none; }
	.usp-slider .item img { opacity: 1; width: 100%; margin: 0; }
	.usp-slider .item { display: block;}
	.usp-slider .usp-text { position: relative; width: 90%; text-align: center; margin: 30px auto 10px; left: 0; }
	.stats-wrapper .flex-child img { width: 45%; }
	.stats-wrapper .flex-child { margin: 40px auto; width: 60%; padding: 5px; }
	.stats-wrapper h2 { font-size: 36px; }
	.bg-patch:before { height: 100%; top: 0%; }
	.home-courses-box .flex-child { width: 85%; margin: 30px auto; }
	.abs-heading { position: relative; width: 90%; left: 5%; top: 00%; z-index: 10; text-align: center; transform: translateY(0%); margin-top: 20px; }
}

@media screen and (max-width:720px){
	section { overflow: hidden; max-width: 100%; }
	.wrapper-720 { width: 95%; }
	
	h1 { font-size:32px;}
	h2 { font-size:30px;}
	h3 { font-size:28px; }
	h4 { font-size:26px; }
	h5 { font-size:22px; }
	h6 { font-size:18px;  }
	.extra-padding { padding:15% 10%; }
	.extra-padding-tb { padding-top:15%; padding-bottom: 15%; }
	.extra-padding-top { padding-top:15%; }
	.mid-padding { padding:10% 7%; }
	.mid-padding-rl { padding-right:7%; padding-left: 7%; }
	.mid-padding-tb { padding-top:10%; padding-bottom: 10%; }
	.low-padding { padding:5% 3%; }
	.low-padding-rl { padding-right:3%; padding-left: 3%; }
	.low-padding-tb { padding-top:5%; padding-bottom: 5%; }
	.fix-padding-20 { padding:20px; }
	.space-after-720 { margin-bottom: 50px;}
	.video-overlay h1 { color: #fff; font-size: 13vw; letter-spacing: 0; }
	.video-overlay .fat-text { font-size: 20vw; }
	.video-overlay h4 { color: #fff; font-size: 7vw; letter-spacing: 0;}
	
	.testimonial-pic { width: 70%; margin: 0 auto; }
	.testimonial-text { text-align: center; }
	iframe.gmap { height: 400px; }
	.popup-works iframe { aspect-ratio : 1; }
	.popup-works-nav { position: absolute; left: 50%; top: auto; bottom: 10px; transform: translate(-110%, 0); }
	.popup-works-nav.next { right: 50%; transform: translate(110%, 0); }
	.popup-box { width: 275px;}
	.gallery-wrapper { padding-top: 60px; }
	.popup-works img, .popup-works iframe { max-width: 100%; border: solid 3px #fff; }
	
	.courses-modules .accordian-ans ul { display: block; }
	.courses-modules .accordian-ans ul li { width: 100%; margin: 0 0; }
	.placements-wrapper .flex-child { width: 80%; max-width: 280px; }
	.student-works .flex-child { margin-bottom: 50px; }
}