/* Theme Name: Nextline Skelton Theme URI: https://www.nextline.in Description: Html 5 responsive theme Version: 5.1 Author: Haris Author URI: https://harisk.me */ @charset "UTF-8"; /************************************************************************************************* RESET ***************************************************************************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button;}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance: textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}* {margin: 0;padding: 0;list-style-type: none;} /* barlow-200 - latin */ @font-face { font-display: swap; font-family: 'Barlow'; font-style: normal; font-weight: 200; src: url('fonts/barlow-v13-latin-200.woff2') format('woff2'); } /* barlow-300 - latin */ @font-face { font-display: swap; font-family: 'Barlow'; font-style: normal; font-weight: 300; src: url('fonts/barlow-v13-latin-300.woff2') format('woff2'); } /* barlow-regular - latin */ @font-face { font-display: swap; font-family: 'Barlow'; font-style: normal; font-weight: 400; src: url('fonts/barlow-v13-latin-regular.woff2') format('woff2'); } /* barlow-500 - latin */ @font-face { font-display: swap; font-family: 'Barlow'; font-style: normal; font-weight: 500; src: url('fonts/barlow-v13-latin-500.woff2') format('woff2'); } /* barlow-600 - latin */ @font-face { font-display: swap; font-family: 'Barlow'; font-style: normal; font-weight: 600; src: url('fonts/barlow-v13-latin-600.woff2') format('woff2'); } /* barlow-700 - latin */ @font-face { font-display: swap; font-family: 'Barlow'; font-style: normal; font-weight: 700; src: url('fonts/barlow-v13-latin-700.woff2') format('woff2'); } /************************************************************************************************* COMMON ***************************************************************************************************/ body{--wp-dark-mode-scale: 1} html { scroll-behavior: smooth; } :root{ --mColor:#098381; --HoverColor:#1b4550; --sColor:#23657e; } html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} body{margin:0;padding:0;width:100%;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff;font-family:"Barlow", sans-serif;} .container{max-width:1180px;width:100%;margin:0 auto;padding: 0 20px;} @media only screen and ( min-width: 1200px ){ .container{ max-width: 1180px; } } @media only screen and ( min-width: 1360px ){ .container{ max-width: 1200px; } } @media only screen and ( min-width: 1441px ){ .container{ max-width: 1350px; } } @media only screen and ( min-width: 1550px ){ .container{ max-width: 1458px; } } .container-fluid{width:100%;padding:0 20px} .row{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .row-e{-ms-flex-preferred-size:0;-webkit-flex-basis:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1;max-width:100%} .row-half{-webkit-box-flex:0;-ms-flex:0 0 50%;-webkit-flex:0 0 50%;flex:0 0 50%;max-width:50%} .row-three, .wp-block-gallery .wp-block-image{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;-webkit-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .wp-block-gallery { gap:0 !important } .wp-block-gallery .wp-block-image{ padding: 8px; } .row-four{-webkit-box-flex:0;-ms-flex:0 0 25%;-webkit-flex:0 0 25%;flex:0 0 25%;max-width:25%} .row-ten{-webkit-box-flex:0;-ms-flex:0 0 10%;-webkit-flex:0 0 10%;flex:0 0 10%;max-width:10%} .row-five{-webkit-box-flex:0;-ms-flex:0 0 20%;-webkit-flex:0 0 20%;flex:0 0 20%;max-width:20%} .row-thirty{-webkit-box-flex:0;-ms-flex:0 0 30%;-webkit-flex:0 0 30%;flex:0 0 30%;max-width:30%} .row-fourty{-webkit-box-flex:0;-ms-flex:0 0 40%;-webkit-flex:0 0 40%;flex:0 0 40%;max-width:40%} .row-sixty{-webkit-box-flex:0;-ms-flex:0 0 60%;-webkit-flex:0 0 60%;flex:0 0 60%;max-width:60%} .row-seventy{-webkit-box-flex:0;-ms-flex:0 0 70%;-webkit-flex:0 0 70%;flex:0 0 70%;max-width:70%} .row-eighty{-webkit-box-flex:0;-ms-flex:0 0 80%;-webkit-flex:0 0 80%;flex:0 0 80%;max-width:80%} .row-ninety{-webkit-box-flex:0;-ms-flex:0 0 90%;-webkit-flex:0 0 90%;flex:0 0 90%;max-width:90%} .row-e,.row-eighty,.row-five,.row-four,.row-fourty,.row-half,.row-ninety,.row-seventy,.row-sixty,.row-ten,.row-thirty,.row-three{position:relative;width:100%;min-height:1px} .dew,.wow{visibility:hidden}.p-0{padding:0!important}.p-5{padding:5px}.p-8{padding:8px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-30{padding:30px}.pt-0{padding-top:0!important}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pbi-30{padding-bottom:30px !important}.pl-0{padding-left:0!important}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pr-0{padding-right:0!important}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}.m-0{margin:0!important}.m-5{margin:5px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.m-30{margin:30px}.mt-0{margin-top:0!important}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-50{margin-bottom: 50px}.ml-0{margin-left: 0 !important;}.ml-5{margin-left: 5px;}.ml-10{margin-left: 10px;}.ml-15{margin-left: 15px;}.ml-20{margin-left: 20px;}.ml-30{margin-left: 30px;}.mr-0{margin-right: 0 !important;}.mr-5{margin-right: 5px;}.mr-10{margin-right: 10px;}.mr-15{margin-right: 15px;}.mr-20{margin-right: 20px;}.mr-30{margin-right: 30px;}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-right:auto;margin-left:auto}.w-100{width:100%!important}.h-100{height:100%!important} .order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1} .order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2} .order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3} .order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4} .d-flex,.flex, .is-layout-flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex} .is-layout-flex > div.wp-block-column{padding-right: 15px;padding-left: 15px;flex-basis: 0; flex-grow: 1;} .d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex} .d-inline{display:-moz-inline-stack;display:inline-block;zoom:1;} .d-block{display:block !important} .d-none{display: none;} .d-inline-block{display:inline-block} .align-items-center,.flex_align_center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .align-items-end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end} .align-items-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start} .flex_jsb,.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start} .justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:end;justify-content:end} .justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .justify-content-space{-webkit-box-pack:space-around;-ms-flex-pack:space-around;justify-content:space-around} .flex-wrap,.wrap, .wp-block-gallery{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .flex-no-wrap{-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap} .flex-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; } header ul li{list-style-type: none;} header ul{margin-left: 0;} ul, ol{margin-left: 20px;margin-top: 0;} ul li{list-style-type:disc} ol li{list-style-type:decimal} .no-list li{list-style-type: none !important;position: relative;} .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse} table td,table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6} table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6} table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)} .embed-container, .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed, .wp-block-embed__wrapper iframe, .wp-block-embed__wrapper object{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .relative, .position-relative{position:relative;} .position-fixed{position: fixed;} .position-absolute{position: absolute;} .position-static{position: static;} .position-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:10px} .text-capital{text-transform:capitalize;} .text-uppercase{text-transform:uppercase;} .text-center{text-align:center;} .text-left{text-align:left} .text-right{text-align: right;} .text-justify{text-align: justify;} p, ul, ol{margin-bottom: 20px;} p, li{font-weight: 400;font-size: 17px;} .shadow{-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);} /* clear floats */ .container:after, .container:before{display: table;content: " ";clear: both;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display:block; } .clear , .cb{ clear: both; } .float-left{float:left;} .float-right{float:right;} img{max-width:100%;height:auto;vertical-align:bottom; } a, a:hover{text-decoration:none;-webkit-transition:all .4s ease-in-out;-o-transition:all .2s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} *, *:after, *:before { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smooth:antialiased; text-rendering:optimizeLegibility; } input:focus { outline:0; border:1px solid #04A4CC; } /*Core*/ .alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} p .alignnone{margin-bottom: 0;} ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } .parallax{background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: top center;} .abs-center{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0;} .abs-exact{ margin: 0 auto; left: 50%; top:50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .overlay {position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); padding: 60px 0; } .overlay.position-absolute{top:0;left:0;} img.lazy {-webkit-transition: opacity .5s ease-in;-o-transition: opacity .5s ease-in;transition: opacity .5s ease-in;} .o-hidden, .overflow-hidden{overflow:hidden;} .com60, .CommonPadding{padding:60px 0;} .com80{padding:80px 0;} .com80x60{padding:80px 0 60px 0;} .com100x60{padding:100px 0 60px 0;} *:focus { outline:none} .nextline-logo{width:85px;} .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .dummy{padding: 0 !important;border:0 !important;margin: 0 !important;box-shadow: none !important;width: 0 !important;height: 0 !important;} .text-second-line{word-spacing: 9999999px;} a:hover{ color: var(--mColor); } a:hover *{ color: var(--mColor); } /************************************************************************************************* Header ***************************************************************************************************/ .header { width: 100%; z-index: 9; animation-duration: .5s; background: rgba(0,0,0,0); position: fixed; padding: 15px 0 15px 0; } .modalBtn a { text-transform: uppercase; background-color: var(--mColor); padding: 13px 15px; position: relative; } .hoveranim::before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; width: 100%; background: var(--HoverColor); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; left: 0; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .hoveranim:hover::before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .cls-1 { fill: var(--mColor); } .cls-2 { fill: #fff; } .whatsApp .cls-1 { fill: #0bbc58; } .talk { font-size: 16px; color: rgba(255,255,255,.5) !important; font-weight: 400; text-transform: uppercase; margin-right: 40px; } .CallIcons a{ font-size: 18px; font-weight: 400; } .Menu-Main a{ color: #fff; } .TopMenu { margin-bottom: 29px; margin-top: 5px; } .header.top .TopMenu { display: none; } .header.top img { width: 110px; } .header.top { padding: 5px 0; } .header .background { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease; } .header.top .background { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .MenuItems { background: rgba(0,0,0,0); position: relative; z-index: 1; } .top .MenuItems{ padding: 10px 0; } .header.top{ position: fixed; width: 100%; animation-name: fadeInDown; animation-duration: .5s; animation-fill-mode: both; z-index: 9000; top: 0px; box-shadow: 0px 0px 25px rgba(0,0,0,.1); } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .top.header{ -webkit-box-shadow: rgb(35 31 32 / 18%) 3.8px 12.4px 29px 0px; box-shadow: rgb(35 31 32 / 18%) 3.8px 12.4px 29px 0px; background: #000; } .main-menu li a{ padding: 15px 16px; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #fff; display: block; } .main-menu li a:hover{ color: var(--mColor); } .main-menu li{ position: relative; } .main-menu > li:hover > .sub-menu { opacity: 1; pointer-events: all; transform: translateY(0px); display: block; } .main-menu li > .sub-menu li a { font-size: 14px; padding:10px; border-left: 4px solid rgba(0, 0, 0, 0); } .main-menu .menu-item-1377 > .sub-menu{ display: flex !important; } .menu-item-1377 > .sub-menu > li:first-child{ width: 70%; } .main-menu .menu-item-1377 > .sub-menu > li:last-child{ width: 30%; background-color: var(--sColor); } .main-menu .SubMenu > a{ display: none; } .main-menu .menu-item-1380 > .sub-menu{ display: flex !important; } .main-menu .menu-item-1380 > .sub-menu > li:first-child{ width: 70%; } .main-menu .menu-item-1380 > .sub-menu > li:last-child{ width: 30%; background-color: var(--sColor); } .main-menu li > .sub-menu li a:hover{ background: #2c8f8e; border-color: #23657e; color: #fff; } .subTitle { color: var(--mColor); letter-spacing: 1px; text-transform: uppercase; font-size: 40px; font-weight: 400; line-height: normal; } #IntroSec::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.4); } .commonHeading { font-weight: bold; color: #fff; text-transform: uppercase; font-size: 80px; line-height: 1.2; } .secTitle { font-size: 45px; font-weight: 400; } .partnerImage.courseImg { position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; } .bgImg { position: absolute; top: 0; left: 0; object-fit: cover; height: 100%; width: 100%; z-index: -1; pointer-events: none; } .TopSection, .TopSection-Course{ position: relative; height: 100vh; } .TopSection .video-container{ position: absolute; top:0; left: 0; height: 100%; width: 100%; } .TopSection .video-container video{ width: 100%; height: 100%; object-fit: cover; } .TopSection .overlay,.TopSection-School .overlay,.fourthSection-course .overlay,.TopSection-Course .overlay { background-color: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; padding: 0; z-index: 1; } .fourthSection-course .overlay { background: rgba(0, 0, 0, .82); } .TopSection .container-fluid{ margin-bottom: 60px; } .TopSection-School { height: 70vh; position: relative; } .recentText{ color: #098381; font-weight: 500; } .TopSection-School .TopContent { height: 70vh; position: relative; z-index: 2; } .TopSection-Course .subTitle{ font-size: 30px; } .TopContent{ height: 100vh; position: relative; z-index: 2; } .fourthSection-course{ height: auto; } .secondSection .title { text-align: center; color: var(--mColor); font-weight: 300; text-transform: uppercase; position: relative; padding: 30px 0 75px 0; margin-bottom: 30px; font-size: 55px; } .secondSection .title::before { height: 10px; } .secondSection .title::before { content: ""; position: absolute; bottom: 0; left: 0; background: url('images/d.svg'); background-repeat: repeat-x; width: 100%; background-size: contain; height: 10px; } .secondSection .title::after,.lineDecor{ content: ""; position: absolute; bottom: 0; right: 0; background: url('images/d.svg'); background-repeat: repeat-x; width: 100%; background-size: contain; height: 10px; } .lineDecor.courseLine{ top: -40px; right: 0; } .thirdSection-admission .lineDecor{ bottom: 0; left: 0; } .secondSection .mdBx p,.thirdSection-admission p,.fourthSection-admission p { font-size: 18px; line-height: 28px; } .videoTitle{ color: #fff; margin-left: 10px; } .video img{ transition: .6s all; } .video a:hover img{ transform: scale(1.1); } .counterTile{ color: var(--mColor); font-weight: 200; } .secondSection .dataTab .counterTile .count { font-size: 180px; line-height: 216px; } .secondSection.dataTab .counterTile .pls { font-size: 150px; line-height: 180px; } .txt { color: #484848; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .pls { font-size: 150px; line-height: 180px; } .secondSection .dataTab .titleCount { margin-top: 60px; font-size: 40px; line-height: 55px; text-align: left; text-transform: uppercase; padding-left: 45px; } .homeSecondSection .dreamdescript .more { display: flex; align-items: center; justify-content: center; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; border: solid 2px rgba(0,0,0,.2); font-size: 14px; width: 140px; color: #5E5E5E; padding: 10px 0; } .hoveranim::before,.comBtn:hover::before { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; width: 100%; background: #1b4550; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; left: 0; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .hoveranim span { position: relative; } .hoveranim:hover::before,.comBtn:hover::before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .hoveranim:hover span { color: #fff; } .homeSecondSection.dreamdescript .more { width: 134px; padding: 20px 0px; font-size: 16px; } .homeSecondSection .popG { position: relative; display: block; overflow: hidden; } .homeSecondSection .lftBx .popG::after { content: ""; position: absolute; left: 0px; width: 100%; bottom: 0; height: 50%; background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .icon { position: absolute; bottom: 0; z-index: 9; left: 25px; bottom: 25px; } .homeSecondSection .txtNx .txt { color: #fff; font-weight: 300; font-size: 14px; text-transform: uppercase; } .partnerImage.courseImg img { width: 650px; height: 100%; object-fit: cover; } .commonHeading span{ color:var(--mColor); } .ProudAlumni .CommonHeading { font-size: 50px; } .AluminName h3 { font-size: 15px; } .AluminName span { font-size: 14px; } .AluminName.NoBG { background: none !important; } .page-id-80 .ProudAlumni, .page-id-84 .ProudAlumni{ padding-top: 30px !important; } .formBg { backdrop-filter: blur(30px); background: rgba(255,255,255,.15); padding: 40px 60px 8px 60px; } .AluminName { position: absolute; bottom: 0; background: rgb(0,0,0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9864320728291317))); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9864320728291317) 100%); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9864320728291317) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); width: 100%; padding: 50px 20px 10px 20px; color: #fff; } .formBg h3 { color: #fff; font-size: 38px; font-weight: 300; line-height: normal; text-transform: uppercase; } .formBg input[type="text"], .formBg input[type="email"], .formBg input[type="number"], .formBg input[type="password"], .formBg textarea, .formBg select { border: 0; border-radius: 0; font-size: 16px; height: 50px; backdrop-filter: blur(30px); background-color: rgba(255, 255, 255, .15); } .popContent .formBg select{ color: #000 !important; } .formBg select option { color: #000; } .formBg ::placeholder { color: #fff; } .formBg input[type="submit"],.InfoSection input[type="submit"] { font-size: 16px; height: 50px; font-weight: 500; background-color: var(--mColor); color: #fff; border-radius: 0; border: 0; padding: 0 10px; letter-spacing: 0; width: 100%; margin: 0; text-transform: uppercase; } .bg-blue{ background-color: #1B4550; } .formBg input[type="submit"]:hover{ background-color: var(--mColor); } .leftTop{ max-width: calc(100% - 480px); padding-bottom: 60px; } .rightTop{ width: 480px; } .contentDescription .subTitle { font-size: 34px; margin-bottom: 20px; } .contentDescription .subTitle span{ color: #000; font-weight: 500; } .contentDescription p { font-size: 20px; } .contentDescription { padding: 20px 30px; margin: 0; background-color: rgba(0,0,0,0); color: #fff; position: absolute; bottom: 15px; right: -1px; backdrop-filter: blur(30px); background: rgba(255,255,255,.15); } .secondSection-course .slick-nav { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: none; } .secondSection-course .slick-prev,.secondSection-course .slick-next{ width: 46px !important; height: 46px !important; background-color: #fff; border-radius: 50%; pointer-events: all; border: none; } .secondSection-course .slick-prev, .secondSection-course .slick-next { position: absolute; left: -60px; top: 50%; transform: translateY(-50%); font-size: 0; } .secondSection-course .slick-next{ right: -60px; left: unset; } .secondSection-course .slick-slide img { display: block; width: 100%; height: 528px; object-fit: cover; transition: all .4s; } .courseTitle { line-height: 1.2; transition: .6s all; font-size: 30px; font-weight: 500; text-transform: uppercase; } .courseContent { color: #fff; border: 1px solid #6f8d97; padding: 20px 50px; background-color: var(--mColor); transition: .6s all; position: relative; } .courseContent p,.subtle,.facultyCourse p,.secondSection-school p,.missionDescription p,.TopSection-production p{ font-size: 20px; } .courseContent li { font-size: 20px; margin-left: 0; margin-bottom: 5px; display: flex; flex-wrap: wrap; } /* .courseContent:hover { background-color: #fff; } */ /* .colorBlue{ color: var(--mColor); } */ .courseContent:hover.courseContent li { color: #000; } .courseContent li span { display: block; width: 50%; font-weight: 500; } .courseList{ padding: 20px 50px; } .course-carousel .slick-slide.item { transform: translate3d(0px, 0px, 0px); transition: 0.5s; width: 585px; } .course-carousel{ margin-left: -1px; } .course-carousel .slick-slide { margin: 0 35px; } .course-carousel .slick-list { margin: 0 -35px; } .courseContent ul{ margin: 0; } .subTitle span{ font-weight: 400; color: #000; } .bg-light{ background-color: #F8F8F8; color: #000; } .subTitle.colorBlack{ color: #000; font-weight: 400; } .InfoSection span{ font-size: 20px; } .InfoSection input[type="text"],.InfoSection input[type="email"],.InfoSection input[type="number"],.InfoSection input[type="password"],.InfoSection textarea, select { color: #000; border: 1px solid rgba(9,131,129,.2) !important; backdrop-filter: blur(30px); background-color: rgba(255,255,255,.15); border: 0; border-radius: 0; color: #fff; font-weight: 400; height: 50px; } .InfoSection textarea{ display: none; } .Alumni { position: relative; } .VideoSection img { padding: 10px 20px 10px 6px; } .crsStdIcon { position: absolute; bottom: 40px; right: 29px; } .alumniTab h2{ line-height: normal; } .Alumni .alumniTab .designate { font-size: 17px; font-weight: 400; line-height: normal; } .Alumni .alumniTab { position: absolute; bottom: 0; z-index: 2; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)); padding: 35px; color: #ffffff; font-size: 16px; font-weight: 700; } .alumni-carousel .alumniEachTab { height: 500px; overflow: hidden; } .alumni-carousel img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; } .alumni-carousel .alumniEachTab:hover img,.imgHover:hover img { transform: scale(1.05); } .alumni-carousel .slick-slide { margin: 0 15px; } .alumni-carousel .slick-list { margin: 0 -15px; } .fifthSection-founder img { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; } .fifthSection-founder .founderImg { backdrop-filter: blur(30px); background: rgba(255,255,255,.4); padding: 5px; width: 280px; z-index: 1; height: 280px; border-radius: 50%; overflow: hidden; margin: 0 auto; transition: all .8s ease; } .founderNote::after { content: ""; background: url('images/quote.svg'); opacity: 1; width: 53px; height: 48px; position: absolute; z-index: 0; top: 7px; right: 39px; background-size: contain; } .founderNote p { position: relative; z-index: 1; color: #fff; font-size: 20px; text-align: justify; } .founderNote .founderTitle{ text-transform: uppercase; font-size: 20px; line-height: 1; margin-bottom: 10px; } .founderNote h3{ text-transform: uppercase; font-size: 20px; font-weight: 400; } .colorWhite { color: #fff; font-weight: 400; } .DecorCourse { text-align: center; width: 100%; position: absolute; z-index: 0; top: 100px; left: 50%; transform: translate(-50%, 0%); transition: all .8s ease; } .DecorCourse .decorName { font-size: 240px; color: rgba(0,0,0,0); text-transform: uppercase; letter-spacing: 0; -webkit-text-stroke: 1px; -webkit-text-stroke-color: var(--mColor); -webkit-text-stroke-width: 1px; line-height: 220px; margin-left: -15px; } .DecorCourse .decorSchool{ color: rgba(0,0,0,0); text-transform: uppercase; font-size: 24px; letter-spacing: 26px; -webkit-text-stroke: 1px; -webkit-text-stroke-color: var(--mColor); -webkit-text-stroke-width: 1px; } .founderImg:hover{ transform: translateY(10px); } .founderImageSide:hover .DecorCourse { transform: translate(-50%, -10px); } .subTitle.registerTitle { font-size: 25px; font-weight: 500; } .admissionTab { height: 100%; border: 1px solid #6f8d97; background-color: #fff; transition: .6s all; padding: 70px 50px; } .admissionTab .tabNumber { position: absolute; top: 15px; right: 30px; top: 18px; padding: 5px 15px; right: 18px; font-size: 16px; background-color: var(--mColor); color: #fff; transition: .6s all; } .courseTop{ margin-bottom: 50px; } .admissionTab p{ font-size: 16px; color: #000; transition: .6s all; } .admissionTab:hover { background: var(--mColor); color: #fff; } .admissionTab:hover p,.admissionTab:hover .subTitle.registerTitle{ color: #fff; } .affilationFeatures{ column-count: 3; } .affilationFeatures li{ margin-bottom: 8px; padding-left: 20px; font-size: 16px; position: relative; text-transform: uppercase; } .affilationFeatures li::before { position: absolute; content: ""; top: 10px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--mColor); } .affilationCourse h3{ font-weight: 400; font-size: 25px; } .affilationCourse { padding: 25px 30px; border: 1px solid var(--mColor); } .moralTab { background-color: var(--mColor); width: 250px; height: 205px; color: #fff; padding: 20px; margin-left: auto; display: flex; align-items: center; justify-content: center; font-size: 30px; line-height: normal; text-transform: uppercase; } .admissionForm { color: #fff; text-transform: uppercase; padding: 60px 70px 40px; } .admissionForm span,.studioContent p{ font-size: 20px; line-height: 30px; } .admissionForm h4 { font-size: 35px; font-weight: 400; } .ninthSection-course { position: relative; z-index: 1; } .playVideo { position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); } .playVideo img{ animation: smallScale 3s infinite; margin-bottom: 15px; } .playVideo a h3{ color: #fff; font-weight: 500; text-transform: uppercase; font-size: 20px; } @keyframes smallScale { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } } .profileDescription { padding: 50px; background-color: var(--mColor); display: flex; flex-direction: column; justify-content: center; } .profileDescription h3{ font-weight: 400; font-size: 25px; } .profileDescription span{ font-size: 15px; } .course-carousel .courseContent:last-child{ height: auto; } .profile-carousel{ height: 100%; } .profile-carousel img{ height: 100%; width: 100%; object-fit: cover; } .profile-carousel .profileImg{ display: flex !important; flex-direction: column; } .profile-carousel .slick-track .profileImg img, .profileDescription{ width: 100%; height: 300px; object-fit: cover; } .profile-carousel .slick-track .profileImg:nth-child(even) picture{ order: 2; } .profile-carousel .slick-track .profileImg:nth-child(even) .profileDescription{ background-color: #23657E; } .facultyCourse h2 span{ color: #fff; font-weight: 500; } .studentDescription{ bottom: 0; left: 0; position: absolute; color: #fff; padding: 0 18px 29px; } .studentDescription span{ color: var(--mColor); font-weight: 600; } .studentDescription h3{ font-size: 20px; text-transform: uppercase; } .secondSection-school h2,.secondSection-school .subTitle span{ font-size: 60px; font-weight: 300; } .schoolInner:last-child .row-fourty{ order: 2; } .countTab { position: absolute; left: -26px; line-height: 1; bottom: -36px; background-color: var(--mColor); width: 250px; color: #fff; height: 230px; padding: 30px 35px; font-weight: 300; } .countNumber { font-size: 130px; } .countTitle { text-transform: uppercase; } .plusSign{ font-size: 110px; } .thirdSection-school .subTitle,.TopSection-production .subTitle,.secondSection-admission .subTitle{ font-weight: 400; } .thirdSection-school .subTitle span{ color: #1b4550; } .missionSchool { background-color: #23657E; color: #fff; } .missionSchool:first-child { background-color: var(--mColor); color: #fff; } .missionDescription{ padding: 20px 30px; } .eventsText, .eventsBtn a{ color: var(--mColor); } .missionSchool img { width: 100%; object-fit: cover; height: 100%; } .fifthSection-school h2 { font-weight: 400; color: #1B4550; text-transform: uppercase; cursor: pointer; } .EventTabSchool{ height: 100%; } .EventTabSchool img{ width: 100%; height: 200px; transition: .6s all; object-fit: cover; } .eventTab-carosuel .slick-slide { margin: 0 15px; } .eventTab-carosuel .slick-list { margin: 0 -15px; } .EventTabSchool a h3{ font-weight: 400; color: #000; font-size: 18px; line-height: 26px; } .EventTabSchool a p,.neoStoryTab a p{ color: #585858; } .seventhSection-school .subTitle{ font-size: 70px; font-weight: 400; } .seventhSection-school .subTitle span{ color: #1B4550; font-weight: 400; } .ninthSection-school h2{ font-size: 40px; font-weight: 400; text-transform: uppercase; } .bg-black{ background-color: #000; color: #fff; } .facilityView h2,.brochureDetails h2 { font-weight: 400; font-size: 40px; } .colorDark{ background-color: #23657E !important; color: #fff !important; border: unset !important; } /* .admissionInner:nth-child(2) .row-sixty{ order: 2; } */ .VideoSection img{ object-fit: cover; height: 100%; } .btnNeo { position: absolute; bottom: -10px; } .more{ font-size: 14px; color: #ffffff; border: 1px solid rgba(255, 255, 255, .2); padding: 12px 20px; font-size: 16px; text-transform: uppercase; } .facilityTabSchool a h3, .mainCourse a h3 { line-height: normal; text-transform: uppercase; font-weight: 400; color: #fff; font-size: 20px; transition: .6s all; } .colorLight{ color: rgba(255, 255, 255, .5) !important; font-size: 16px; } .facilityTab-carosuel .slick-slide { margin: 0 20px; } .facilityTab-carosuel .slick-list { margin: 0 -20px; } .facilityTab-carosuel img{ object-fit: cover; width: 100%; height: 310px; } .neoTab p,.faqHeading h3{ font-size: 30px; line-height: normal; font-weight: 300; } .neoTab { position: absolute; right: 50px; bottom: -40px; color: #fff; text-align: left; background-color: var(--mColor); padding: 50px 30px; border-bottom: 4px solid #23657e; width: 420px; height: 280px; } .tenSection-school { color: #000; } .more.Decor { border: solid 2px rgb(0 0 0 / 20%); color: #000; } .colorGreen{ background-color: var(--mColor) !important; color: #fff !important; } .profile-carousel img{ height: 300px; width: 100%; object-fit: cover; transition: .6s all; } /* .profile-carousel .slick-slide { margin: 0 20px; } */ /* .profile-carousel .slick-list { margin: 0 -20px; } */ .news-carosuel img{ height: 300px; width: 100%; object-fit: cover; transition: .6s all; } .news-carosuel .slick-slide { margin: 0 20px; } .news-carosuel .slick-list { margin: 0 -20px; } .newsTabSchool a h3 { color: #000; font-size: 25px; line-height: normal; font-weight: 400; } .newsTabSchool a p{ color: #000; } .newsTabSchool img,.facilityTabSchool img,.studioImg img{ transition: .6s all; } .tabFreedom { position: absolute; right: 70px; bottom: 0; width: 680px; height: 365px; background-color: var(--mColor); align-items: center; display: flex; align-items: center; justify-content: center; } .tabFreedom h3{ font-size: 50px; font-weight: 200; color: #fff; } .eleventhSection-school h2{ color: #000; font-weight: 400; } .eleventhSection-school p{ font-size: 18px; } .vacanyTab p,.faqHeading p{ font-size: 20px; color: #000; } .faqHeading svg { margin-left: auto; } .vacanyTab { background-color: #f8f8f8; padding: 60px 55px; line-height: normal; align-items: center; display: flex; justify-content: center; } .tweleveSection-school h2{ font-size: 50px; font-weight: 300; } .tweleveSection-school h3,.productionAdmission p{ font-size: 35px; font-weight: 300; line-height: normal; } .tweleveSection-school .vacancyLink a{ font-size: 25px; color: var(--mColor); font-weight: 400; } .TopSection-production .subTitle::after { content: ""; position: absolute; bottom: -40px; left: 0; background: url('images/d.svg'); background-repeat: repeat-x; width: 100%; background-size: contain; height: 10px; } .TopSection-production .subTitle{ margin-bottom: 100px; text-transform: unset; } .productionDetail{ padding-left: 100px; } .TopSection-production .overlay { left: 0; top: 100%; height: 0; width: 100%; transition: all .3s ease-in-out; position: absolute; background: rgba(9, 131, 129, 0.5); display: flex; align-items: center; overflow: hidden; justify-content: center; } .productionDetail img{ width: 100%; height: 100%; object-fit: cover; } .productionDetail:hover .overlay { top: 0; height: 100%; } .equipmentTab { padding: 40px 45px 40px 40px; position: relative; height: 100%; background-color: #fff; transition: all .4s ease-in-out; border-bottom: 3px solid var(--mColor); } .equipmentEachTab:hover .equipmentTab{ background-color: var(--mColor); } .equipmentTab:hover h2,.equipmentTab:hover p { color: #fff; } .equipmentTab h2{ font-size: 40px; line-height: normal; font-weight: 300; } .secondSection-production img{ height: 202px; width: 100%; object-fit: cover; } .fourthSection-course,.fourthSection-course a{ color: #fff; } .fourthSection-course a, .portfolioLink a{ font-size: 17px; } .brochureDetails h3 { font-weight: 400; } .portfolioLink h3{ text-transform: uppercase; font-size: 20px; font-weight: 400; } .portfolioLink a{ color: #000; } .fourthSection-course a h3 { font-weight: 400; font-size: 20px; } .headingNeo h2{ font-size: 50px; line-height: normal; font-weight: 400; } .headingNeo h3{ font-size: 35px; font-weight: 400; } .headingNeo h2 span{ color: var(--mColor); } .portfolioLink img{ height: 465px; width: 100%; object-fit: cover; } .applyP h2{ font-size: 33px !important; } .imgApply img{ height: 270px; width: 100%; object-fit: cover; } .secondSection-admission h2 { color: var(--mColor); font-weight: 300; text-transform: capitalize; font-size: 45px; } .applyDescription h3 { font-size: 25px; font-weight: 500; } .subTitle.fontLight{ font-weight: 400; } .admissionProcess { padding: 80px 0; } .admissionProcess img{ transition: all .8s ease; } .admissionsPage #faq .faqAccoWrap .accordion-item .accordion-header .accordion-button[aria-expanded=true] { border-color: rgba(0,0,0,0); background-color: #f8f8f8; } .faqTotalTab { font-size: 26px; padding: 30px 40px; border-bottom: 2px solid #dfdfdf; background-color: #fff; transition: background-color 0.3s ease; } .faqTotalTab.active { background-color: #f8f8f8; border-bottom: unset; } .faqContent { border-bottom: 2px solid var(--mColor); background-color: #f8f8f8; padding: 0 100px 80px 46px; } .fourthSection-admission .subTitle{ font-size: 50px; } .brochureTab{ padding: 50px; color: #fff; background: linear-gradient(90deg, #23657E, var(--mColor)); } .FooterVisit .footerMail{ font-size: 17px; } .brochureTab .brochureImg { width: 420px; } .brochureTab .brochureDetails { width: calc(100% - 420px); padding-left: 65px; } .MainImageAlumni { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: flex; background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity 0.3s ease-in-out; padding: 40px 45px; opacity: 1; align-items: end; } .MainImageAlumni h3{ color: #fff; font-weight: 300; line-height: normal; font-size: 25px; } .AlumniImage img{ width: 100%; transition: 1.5s ease-in-out; } .AlumniImage:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .neoStoryTab a h3{ font-weight: 400; color: #000; line-height: normal; } .neoStoryTab img{ height: 195px; width: 100%; object-fit: cover; transition: .6s all; } .neoStoryTab{ margin-bottom: 70px; } .neoStoryTab p{ color: #000; } .EventTabSchool.neosAlumni img { height: 410px; transition: .6s all; } .neoAlumni-carosuel .slick-slide { margin: 0 20px; } .neoAlumni-carosuel .slick-list { margin: 0 -20px; } .placementTab { width: 250px; height: 160px; margin: 20px 30px; background-color: #fff; border-bottom: 3px solid var(--mColor); padding: 20px; display: flex; align-items: center; justify-content: center; } .placementTab a h3{ color: #000; font-size: 20px; font-weight: 400; } .galleryTitle { position: absolute; bottom: 0; z-index: 1; text-align: left; left: 0; right: 0; background: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2), transparent); padding: 30px 20px; transition: all .5s; } .galleryTitle h3{ color: #fff; font-weight: 400; font-size: 25px; } .galleryEachTab{ height: 100%; background-color: #000; transition: .8s ease-in-out; border-bottom: 4px solid rgba(0, 0, 0, 0); } .galleryEachTab img{ width: 100%; object-fit: cover; height: 300px; opacity: .8; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .8s ease-in-out; transition: .8s ease-in-out; } .galleryEachTab:hover img { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } .galleryEachTab:hover { border-bottom: 4px solid var(--mColor); } .contactDetails { background-color: var(--mColor); box-shadow: 0px 15px 30px rgba(9,131,129,.2); padding: 40px 20px 27px 30px; } .contactDetails address{ font-size: 17px; line-height: normal; font-weight: 400; } .contactTab{ height: 100%; color: #fff; } .contactTab picture{ height: 140px; width: 100%; object-fit: cover; } .contactTab a{ color: #fff; } .contactus .row-five:nth-child(even) .contactTab,.secondSection-production .row-three:nth-child(even) .equipmentEachTab { display: flex; flex-direction: column; } .contactus .row-five:nth-child(even) .contactTab img,.secondSection-production .row-three:nth-child(even) .equipmentEachTab img { order: 2; } .contactus .row-five:nth-child(even) .contactDetails { background-color: #23657E; } .mapSection iframe, .FoundImg img { width: 100%; display: block; object-fit: cover; } .mainCourseP p{ font-size: 20px; } .secondSection-MainCourse h2::after { content: ""; position: absolute; bottom: 0; right: 0; background: url('/images/d.svg'); background-repeat: repeat-x; width: 100%; background-size: contain; height: 5px; } .mainCourse img { height: 463px; width: 100%; object-fit: cover; transition: all .6s; } .burgerTop { padding: 0 0 0 13px; } .hamburger { position: relative; cursor: pointer; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .hamburger .line { width: 30px; height: 2px; background-color: var(--mColor); display: block; margin: 6px auto; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .menu-active .hamburger .line:nth-child(1) { -webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } .menu-active .hamburger .line:nth-child(2) { opacity: 0; } .menu-active .hamburger .line:nth-child(3) { -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); } .hamburger .line:last-child{ margin-bottom: 0; } .menuFooterBottom{ height: calc(100% - 170px); overflow-y: auto; padding:30px 0; } .mob-menu .menu-item-has-children > a:after { border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: absolute; top: 16px; right: 20px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #Mobmenu li a { color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; padding: 8px 20px; display: block; } .menu-active{ overflow: hidden; } #Mobmenu li a:hover{ background-color: #2c8f8e; } .mob-menu li{ padding-bottom: 5px; } #Mobmenu li ul li a{ font-size: 14px; text-transform: capitalize; } #Mobmenu li ul { margin-bottom: 0; } .mob-menu .menu-item-has-children>a:after { border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: absolute; top: 16px; right: 20px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .fixedMenu { position: fixed; top: 0; background: rgb(0 0 0); width: calc(100% - 60px); max-width: 380px; height: 100%; z-index: 9999; left: -100%; -webkit-box-shadow: 2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07); box-shadow: 2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07); transition: all .5s; } .menu-active .fixedMenu { left: 0; } .hamburger .line:nth-child(2) { width: 18px; } .menu-active .modalBtn{ display: none; } .mob-menu .menu-item-has-children > a { position: relative; padding-right: 30px; } .mob-menu .menu-item-has-children > a::after { content: "+"; font-size: 18px; color: #4C9BBD; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: all 0.3s ease-in-out; border: 0; } .mob-menu .menu-item-has-children > a:hover::after { color: var(--mColor); } .burgerTop { display: none; } /**/ .footer{ position: relative; z-index: 1; background-color: #1B4550; color: #fff; } .footer a{ color: #fff; font-size: 18px; } .FooterVisit h2{ font-size: 50px; font-weight: 400; text-transform: uppercase; line-height: normal; } .footer span{ font-weight: 400; } .footer h3{ font-weight: 400; font-size: 26px; text-transform: uppercase; } .FooterVisit p{ font-size: 18px; color: rgba(255, 255, 255, .5); } .btnFooter{ border: solid 2px var(--mColor); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 400; width: 262px; height: 60px; font-size: 14px; -webkit-transition: 1s ease-in-out; transition: .5s ease-in-out; } .btnFooter:hover { background: var(--mColor); border-color: var(--mColor); color: #fff; } .btnFooter:hover img { filter: invert(1) brightness(22); } .footer address { font-style: normal; } .FooterVisit li{ margin-bottom: 8px; } .courses-carosuel { width: calc(100vw + 50px); margin-right: -50vw; } .courses-carosuel .slick-slide { display: inline-block; padding: 10px; } .courses-carosuel .slide img{ width: 100%; height: 400px; object-fit: cover; transition: .5s ease-in-out; } .neoAlumni-carosuel .slick-list{ padding-bottom: 40px; } .mainCourse a{ color: #fff; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; } .mainCourse:hover a{ color: var(--mColor); } .courses-carosuel .slick-slide { margin: 0 10px; } .courses-carosuel .slick-list { margin: 0 -10px; } .wp-block-lazyblock-courses-main-courses-list{ overflow: hidden; } .testimonialTab .play{ object-fit: cover; width: 48px; height: 48px; } .testimonialTab { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px 15px; background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); } .testimonialImg img,.neoPosts img { width: 100%; height: 100%; object-fit: cover; transition: .7s all; } .testimonialTab h3 { color: #fff; text-transform: uppercase; font-weight: 500; font-size: 15px; line-height: normal; } .testimonialTab span { color: var(--mColor); font-weight: 500; } .ImageTab .row-four{ max-width: calc(25% - 20px); margin-bottom: 40px; } .ImageTab .row-four:nth-last-child(){ margin-bottom: 0; } .news-carosuel .slick-dots { display: flex; margin-top: 30px; justify-content: center; } .news-carosuel .slick-dots li.slick-active button:before { background-color: #5300DB; } .news-carosuel .slick-dots li button:before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #ccc; margin-right: 10px; } .headingNeo.portfolioLink span{ font-size: 20px; font-weight: 400; } footer .copyright::before { content: ""; position: absolute; top: 0; left: 0; background: url('images/d.svg'); background-repeat: repeat-x; filter: invert(1); width: 100%; height: 5px; background-size: contain; } footer .copyright::before { height: 10px; } footer .copyright { padding: 20px 0; position: relative; overflow: hidden; } footer .copyright { padding: 40px 0 0; } .slick-arrow { width: 50px; height: 50px; border-radius: 0%; background-color: #fff; color: #fff; border: 1px solid #000; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } .slick-next::after, .slick-prev::after { content: ''; width: 35px; height: 33px; display: block; background: url('images/greater-than.png') no-repeat center center; background-size: contain; } .slick-next::after { transform: rotate(0deg); } .slick-prev::after { transform: rotate(180deg); } .slick-next, .slick-prev { position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; } .slick-next { right: 10px; } .slick-prev { left: 10px; z-index: 2; } .productionIcon { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; } .productionsImg .imgHover img{ width: 232px; height: 193px; object-fit: cover; transition: .7s all; } .productionsImg:hover .productionIcon { animation: playButton 2s linear infinite; box-shadow: 0 0px 6px rgba(9,131,129,.2); transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; fill: #1b4550; } .productionsImg:hover img { transform: scale(1.08); } .sqElement { animation: aniVerti infinite; animation-duration: 80s; } .sqElement.obj { width: 22px; height: 22px; background-color: #23657e; } @keyframes playButton { 0% { box-shadow: 0 0 0 0 #fff; border-radius: 50%; } 50% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); border-radius: 50%; } 100% { box-shadow: 0 0 0 rgba(255, 255, 255, 0); border-radius: 50%; } } @keyframes aniVerti { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 50% { transform: translateY(-600px) rotate(720deg); opacity: 0; border-radius: 0; } 100% { transform: translateY(0) rotate(0deg); opacity: 1; } } .TabTitleSchool.active h2::before { content: ""; position: absolute; left: 0; bottom: 0; margin: -5px 0; width: 100%; height: 2px; background: #098381; transition: .4s all; } .popup-content { background-color: #fefefe; margin: auto; color: #000; width: 100%; max-width: 850px; } .PopHeader { padding: 10px 20px; background-color: var(--mcolor); } .popContent { padding: 35px; } .formBg input[type="text"], .formBg input[type="email"], .formBg input[type="number"], .formBg input[type="password"], .formBg textarea, .formBg select, .formBg input[type="tel"] { border: 1px solid #e8e8e8 !important; transition: all .15s; background-color: rgba(0, 0, 0, 0); border-radius: 0; color: #000; font-size: 16px; height: 50px; backdrop-filter: blur(30px); padding: 10px; width: 100%; } .formBg{ text-align: left; } label{ font-size: 13px; font-weight: 500; color: #000; } .popup-container, .popup-container2 { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(21, 17, 17, 0.61); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 9999; overflow-y: auto; } .main-menu > li > .sub-menu { position: absolute; background: var(--mColor); left: 0; width: 280px; top: 100%; display: block; opacity: 0; pointer-events: none; transform: translateY(13px); height: auto; transition: all .3s; padding: 15px; } .main-menu > .menu-item-1377 > .sub-menu, .main-menu > .menu-item-1380 > .sub-menu { width: 580px; padding: 0; } .main-menu .sub-menu .sub-menu{ padding: 15px 0; } .show { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .PopupSVG { width: 30px; margin-right: 10px; } .popup-content #close, .popup-content .close { color: #000; float: right; font-size: 28px; font-weight: bold; cursor: pointer; } .popContent h2{ font-weight: 400; font-size: 20px; text-transform: uppercase; } .popContent h3{ font-weight: 500; font-size: 40px; } .admissionBatch:hover img,.brochureDetails img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .popUp { border: 1px solid var(--mColor) !important; } .popUp.more{ color: #000 !important; } .tenSection-school{ overflow: hidden; } .fifthSection-founder,.eleventhSection-course{ overflow: hidden; } .mob-T{ display: none; } .TotalBlogPosts a{ color: #000; } .TotalBlogPosts img{ object-fit: cover; width: 437px; height: 291px; } .TotalBlogPosts .row-three{ padding: 0 10px; } .blogCategoryPost h1{ color: var(--sColor); } .imgFull img, .MainContents img { width:100%; height: 100%; object-fit: cover; } .MainContents p{ margin: 20px 0; } .TopSection-blog .overlay{ background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .TopSection-blog img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .TopSection-blog{ height: 70vh; position: relative; } .TopHeadingMain{ font-weight: bold; color: #fff; text-transform: uppercase; font-size: 80px; line-height: 1.2; position: relative; z-index: 2; display: block; } .profile-carousel .slick-slide { margin: 0 10px; } /* the parent */ .profile-carousel .slick-list { margin: 0 -10px; } .tenthSection-course .row-fourty{ padding-left: 75px; } .anchor { display: block; position: relative; top: -50px; visibility: hidden; } .videoBlock{ max-width: calc(33.333333% - 20px); } .procubeIncubeSection{ background-color: #F8F8F8; } .procubeIncubeSection h2{ font-size: 30px; line-height: normal; font-weight: 300; } .procubeIncubeSection a{ color: #000; } .ItemProBox .imgWrap{ position: relative; overflow: hidden; height: 175px; } .imgWrap img, .videoIcon svg{ width: 100%; height: 100%; object-fit: cover; transition: .7s all; } .ItemProBox .videoIcon{ position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; fill: #098381; } .ItemProBox .txtNx{ position: absolute; z-index: 15; left: 0; bottom: 0; width: 100%; height: fit-content; height: -moz-fit-content; display: flex; align-items: center; justify-content: space-between; padding: 0 12px 20px; } .ItemProBox .cntWrap p{ margin-top: 20px; font-size: 20px; } .firstTitle{ font-size: 30px; } .studentProductionSection{ background-color: #000; } .threeBoxes{ display: flex; position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .threeBoxes .row-three { background-color: #fff; padding: 50px 30px 50px 30px; max-width: calc(33.333333% - 20px); } .threeBoxes .cardBtn2 { background-color: #098381; color: #fff; } .cardBtn2 h2{ color: #fff; } .cardBtn .slick-next, .cardBtn .slick-prev { position: absolute; top: 105%; transform: translateY(-50%); font-size: 0; } .boxSpace{ margin-bottom: 55px; } .partnershipSlider .boxSpace{ margin-bottom: 27px; } .cardBtn .slick-next{ left: 65px; } .cardBtn .threeBtn{ display: flex; justify-content: end; margin-bottom: 30px; } .threeBtn span{ background-color: #fff; border: 1px solid #000; padding: 10px 30px; color: #000; } .productionBox { width: 1310px; position: relative; z-index: 1; overflow: hidden; } .productionBox img { height: 245px; width: 100%; object-fit: cover; } .achievementSlider .productionOverlay { background-color: #098381; } .productionOverlay { transition: all .4s ease-out; padding: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; background-color: #fff; overflow-y: auto; border: 1px solid rgba(0, 0, 0, .1); border-bottom: 0; transform: translate3d(0, 100%, 0); flex-direction: column; display: flex; align-items: center; justify-content: center; } .productionBox:hover .productionOverlay { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .mainImg{ width: 100%; } .contactus .row-five:last-child img{ width: 100%; } .contactus .row-five:nth-child(4) img{ width: 170px; } .contactus .row-five:nth-child(4) .contactDetails{ height: 42%; } .firstCube, .scndCube{ background-color: #fff; padding: 30px; } .contactus .container{ max-width: 1400px; } .contactTab { display: flex; flex-direction: column; } .row-three:nth-child(even) .contactTab { flex-direction: column-reverse; } .contactus .cnctBx{ flex-direction: row-reverse; background-color: #23657e; width: 100%; height: 140px; background-color: #098381; box-shadow: 0px 15px 30px rgba(9,131,129,.2); position: relative; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contactus .cnctBx .leftSide{ width: 350px; height: 100%; } .contactus .cnctBx .leftSide .imgWrp { width: 100%; height: 100%; overflow: hidden; position: relative; } .contactus .cnctBx .leftSide .imgWrp img { width: 100%; height: 100%; object-fit: cover; } .contactus .cnctBx .rightSide { width: calc(100% - 350px); height: 100%; } .contactus .cnctBx .rightColor{ background-color: #23657E; } .contactus .cnctBx .rightSide .contentWrap .mTle { color: #fff; font-weight: 600; text-transform: capitalize; font-size: 19px; margin-bottom: 6px; } .cnctBx .rightSide .contentWrap { padding: 40px 20px 20px 30px; } .cnctBx2 .rightSide .contentWrap { padding: 20px 20px 20px 30px; } .contentWrap a{ color: #fff; } .contactus .cnctBx2{ flex-direction: column-reverse; } .contactus .cnctBx2 .leftSide{ width: 170px; height: 100%; } .contactus .cnctBx2 .rightSide{ width: calc(100% - 170px); } .contactus .row, .contactus .row-half, .contactus .row-three { margin: 0 !important; padding: 0 !important; } .contactus .row-half { display: flex; flex-direction: column; } .contactus .row-half > .row, .contactus .cnctBx { flex: 1; } .contactTab, .cnctBx { display: flex; flex: 1; } .contactTab img, .cnctBx img { display: block; width: 100%; height: 100%; object-fit: cover; } .contactus .row-three:nth-child(2) .contactDetails{ background-color: var(--sColor); } .CallIcons a:hover{ color: var(--sColor); } .play-button { width: 80px; height: 80px; border-radius: 50%; background: #fff; display: -webkit-box; display: -ms-flexbox; cursor: pointer; position: relative; } .play-button::before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 100px; height: 100px; background: #fff; border-radius: 50%; -webkit-animation: pulse-border 2500ms ease-out infinite; animation: pulse-border 2500ms ease-out infinite; } .play-icon { width: 0; height: 0; border-left: 24px solid var(--mColor); border-top: 16px solid #fff0; border-bottom: 12px solid #fff0; z-index: 2; position: relative; display: block; } .play-button::after { content: ""; width: 100px; height: 100px; border: 4px dotted #fff; border-radius: 50%; -webkit-animation: rotate 10s linear infinite; animation: rotate 10s linear infinite; display: block; position: absolute; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; justify-content: center; align-items: center; z-index: 9999; } .popup-box { position: relative; background: #fff; overflow: hidden; max-width: 550px; width: 90%; box-shadow: 0 4px 30px rgba(0,0,0,0.35); animation: popupFade 0.4s ease; } .popup-box img { width: 100%; height: auto; display: block; } .popup-close { position: absolute; top: 10px; right: 12px; background: #000; color: white; border: none; border-radius: 50%; width: 32px; height: 32px; font-size: 20px; cursor: pointer; line-height: 1; display: flex; align-items: center; justify-content: center; } .popup-close:hover { background: #d40000; } @keyframes popupFade { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } } /************************************************************************************************* Slick Slider ***************************************************************************************************/ .slick-dots li { list-style: none; } .slick-dots li button { font-size: 0; border: none; background-color: #fff; } .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus{ outline: none; } .slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after{ display: table; content: ''; } .slick-track:after{ clear: both; } .slick-loading .slick-track{ visibility: hidden; } .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide{ float: right; } .slick-slide img{ display: block; } .slick-slide.slick-loading img{ display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .decorLine, .studioTab::after { content: ""; position: absolute; bottom: -15px; left: 0; background: url("images/d.svg"); background-repeat: repeat-x; width: 100%; background-size: contain; height: 10px; } .decorLine.story{ bottom: 45px; } .decorLine.blog{ position: unset; } .popContent .formBg ::placeholder { color: #000; } .neoAlumni-carosuel .slick-next { right: -60px; } .neoAlumni-carosuel .slick-prev { left: -65px; z-index: 2; } .neoAlumni-carosuel .slick-arrow{ background-color: #CCCCCB; } .-alumni{ overflow: hidden; } .student-carousel .slick-track{ display: flex; } .student-carousel .slick-slide{ height: auto; } .boardbox .row-half{ padding: 0 20px; margin-bottom: 30px; } .boardDirectors{ background-color: #F8F8F8; } .InWWD{ box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; background-color: #fff; } .boardBox{ width: 800px; } .FoundersAddress{ background-color: #F8F8F8; } /* .memberSlider .slick-dots{ height: 10px; width: 10px; background-color: #098381; border-radius: 30px; } */ .memberSlider .slick-dots { display: flex; justify-content: start; } .memberSlider .slick-dots li.slick-active button:before { background-color: #098381; } .memberSlider .slick-dots li button:before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #09838142; margin-right: 10px; } .membersSection .titleSize{ font-size: 25px; } .iv-pagenavi{ display: flex; justify-content: center; margin-top: 30px; } .placementWrapper{ background:#0f8b8d; padding: 20px; display:flex; flex-wrap:wrap; } .placementWrapper .row-half{ padding:0 10px; } .placementTitle h3{ color: #fff; font-size: 27px; line-height: 1.2; font-weight: 600; } .placementTitle span{ color:rgba(255,255,255,0.8); font-size:18px; } .placementItem { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.15); } .placeLeft{ display:flex; align-items:center; gap:13px; flex:1; min-width:0; } .iconBox img { width: 25px; height: 25px; object-fit: contain; filter: brightness(0) invert(1); } .placeLeft h4 { color: #fff; font-size: 17px; font-weight: 600; margin: 0; line-height: 1.4; flex: 1; } .placeRight{ width:112px; display:flex; align-items:center; gap:12px; flex-shrink:0; } .progressBar{ flex:1; height:8px; background:rgba(255,255,255,0.2); border-radius:30px; overflow:hidden; } .progressBar span{ display:block; height:100%; background:#fff; border-radius:30px; } .placeRight p { color: #fff; font-size: 20px; font-weight: 500; margin: 0; min-width: 55px; } .placementContent{ padding-left:60px; } .placementContent h2{ color:#fff; } .placementContent p{ color:rgba(255,255,255,0.85); line-height:1.8; } .placementBox .placementItem:last-child { border-bottom: unset; } /************************************************************************************************* Back To Top ***************************************************************************************************/ .dew-top.dew-is-visible, .dew-top.dew-fade-out, .no-touch .dew-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .dew-top.dew-is-visible { visibility: visible; opacity: 1; } .dew-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 64px; right: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgb(31, 31, 31) url(images/top-arrow.svg) no-repeat center 50%;visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; cursor: pointer;} /************************************************************************************************* Page Nav ***************************************************************************************************/ .iv-pagenavi span.pages {margin-right: 10px;} .iv-pagenavi span, .iv-pagenavi a {display: inline-block; background-color: var(--mColor); color: #fff; margin-right: 5px; padding: 5px 8px; font-size: 14px; } .iv-pagenavi span.current{background-color: var(--sColor)} /************************************************************************************************* Forms ***************************************************************************************************/ input[type="text"], input[type="email"], input[type="number"], input[type="password"], textarea, select{background: #f9f9f9; border: 1px solid #e1e1e1; color: #666666; font-size: 15px; font-weight: 300; margin: 0; padding: 10px; width:100%;} input[type="submit"]{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #3078C0; cursor: pointer; display: inline-block; font-size: 15px; font-weight: 300; margin-bottom: 0; padding: 8px 25px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; width: auto; border-radius: 0; color: #3078C0; margin: 10px 0; -webkit-box-shadow: none; box-shadow: none;} input[type="submit"]:hover{background-color:#3078C0;color:#fff;} /************************************************************************************************* RESPONSIVE ***************************************************************************************************/ @media only screen and ( max-width: 1024px ){ } @media only screen and (max-width: 820px), only screen and (max-device-width: 1024px) and (min-device-width: 768px), only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){ .Menu-Main li a { display: none; } .burgerTop { display: block; } .logo{ width: 80px; padding-left: unset; } .TopMenu{ display: none; } .modalBtn a { padding: 10px; font-size: 10px; } .container { padding: 0 20px; } .row-eighty,.row-four,.row-fourty,.row-half,.row-ninety,.row-seventy,.row-sixty,.row-three,.contactus .row-five, .schoolInner .row-thirty, .schoolInner .row-fourty, .fourthSection-school .row-half, .eleventhSection-school .row-thirty, .FooterVisit .row-thirty, .leftTop, .rightTop, .fourthSection-course .row-half, .row-fourty, .studentProductionSection .row-three, .boardDirectors .row-half, .fourthSection-course .row-half .row-fourty, .ImageSection .row-four{ -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .header .Top { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; opacity: 1; transition: background-color .5s cubic-bezier(0.28, 0.11, 0.32, 1); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(10,11,9,.55); transition: all .5s; } .neoTab { position: unset; right: 50px; bottom: -40px; color: #fff; text-align: left; background-color: var(--mColor); padding: 50px 30px; border-bottom: 4px solid #23657e; width: 420px; height: 280px; } .formBg .row-half{ max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; } .subTitle { font-size: 24px; } .commonHeading { font-size: 50px; } .secondSection .title { font-size: 40px; } .facilityView h2{ font-size: 25px; } .more{ width: 150px; } .admissionBatch.more{ width: 100%; } .cubeBoxes img{ margin-bottom: 15px; } .testimonial-home h2, .NewsBlog h2{ font-size: 19px; } .testimonialImg, .facilityView img { display: none; } .FooterVisit h2 { font-size: 40px; } .FooterVisit p, .subtle{ margin-bottom: 0; } .btnFooter { margin-bottom: 20px; } .FooterVisit .row-three{ padding: 0; margin-bottom: 20px; } .FooterVisit .row-three:nth-child(3){ padding-left: 0; } .commonHeading.secondHead { font-size: 50px; } .partnerIcons{ width: 240px; } .TopSection-School .TopContent { height: 55vh; } .secondSection-MainCourse, .courseList-MainCourse, .Alumni{ padding-top: 45px; padding-bottom: 45px; } .moralTab{ margin-left: 34px; } .admissionForm { margin-bottom: 40px; } .secTitle { font-size: 35px; margin-bottom: 15px; } .TopSection-Course .TopContent{ height: auto !important; } .formBg h3 { font-size: 25px; margin-bottom: 10px; } .thirdSection-course{ padding-top: 0; padding-bottom: 0; } .fifthSection-founder{ padding-top: 30px; } .TopSection-Course .leftTop .subTitle{ font-size: 30px; } .tenSpace{ margin-left: 10px; } .page-id-65 .TopSection-Course .leftTop .subTitle, .page-id-61 .TopSection-Course .leftTop .subTitle{ margin-left: 20px; } .TopSection-Course .commonHeading.secondHead { font-size: 40px; } .page-id-65 .TopSection-Course .commonHeading.secondHead, .page-id-61 .TopSection-Course .commonHeading.secondHead { margin-left: 20px; } .gatewaySection { padding-left: 0; } .brochureTab .brochureDetails { width: 100%; padding-left: 0; } .brochureTab { padding: 20px; } .brochureTab .MD a{ display: block; } .brochureTab .JCC{ display: block !important; } .brochureTab .M{ margin: 20px 0; } .brochureTab .MD{ margin-bottom: 0; } .TopSection .commonHeading{ font-size: 46px; } .D-Btn{ width: 100% !important; margin-right: 0; display: block; } .facilityView .secTitle { margin-bottom: 0; } .facilg3206ityView .more { margin-bottom: 0; } .facilityView{ margin-bottom: 30px; } .firstSection-alumni .mx-auto.text-center{ text-align: left !important; } .ImageSection .d-flex{ padding-top: 0; } .ImageSection{ padding-bottom: 0; } .MainImageAlumni { padding: 15px; } .firstSection-alumni .row .row-half:first-child{ margin-bottom: 30px; } .-alumni{ padding-bottom: 0; } .placementTotalTabs { flex-wrap: wrap; } .placementTab{ width: 100%; } .placementSession-alumni{ padding-bottom: 0; } .schoolDescription .subTitle{ font-size: 40px; } .schoolDescription .subTitle span{ font-size: 40px; } .schoolDescription , .schoolDescription .subTitle { text-align: left; } .thirdSection-school{ padding-top: 0; } .schoolInner{ display: unset; } .schoolInner .row-thirty{ margin-top: 60px; } .missionSchool img{ width: 100%; } .missionSchool{ flex-wrap: wrap; } .fourthSection-school .row-half:first-child{ margin-bottom: 30px; } .fifthSection-school{ padding-top: 0; } .TabTitleSchool { padding-right: 0; } .fifthSection-school .TabTitleSchool:nth-child(2){ text-align: center; margin: 20px 0; } .EventTabSchool { text-align: left; } .FoundImg { padding-right: 0; } .tab-content .row-fourty:nth-child(2){ padding-left: 0; padding-top: 20px; } .seventhSection-school .subTitle, .seventhSection-school span { font-size: 50px; margin-top: 30px } .ninthSection-school .row-ninety{ text-align: left; } .testimonial-home .subTitle { margin: 0; } .neoTab { padding: 20px 28px; width: 100%; height: unset; } .tenSection-school .row-ninety img { position: relative; } .eleventhSection-school{ padding-top: 0; } .tabFreedom{ display: none; } .eleventhSection-school .row .row-thirty{ padding-left: 0; } .tweleveSection-school{ padding-top:0 ; } .vacanyTab{ padding: 20px 20px 40px; margin-top: 30px; } .TopSection-production p.CommonPadding{ padding: 0 0 30px; } .TopSection-production p{ margin-bottom: 0; } .TopSection-production .row-half:nth-child(2){ padding-left: 0; margin-top: 30px; } .secondSection-production{ padding-top: 0; } .secondSection-production .row-three:nth-child(2){ padding: 0 0 30px 0; } .secondSection-production .row-three:nth-child(1), .secondSection-production .row-three:nth-child(3){ padding-right: 0; } .fourthSection-course .bgImg{ } .dataTab.text-center{ text-align: left !important; } .secondSection .dataTab .titleCount { padding-left: 0; } .counterTile { justify-content: start !important; } .seventhSection-school .row-sixty{ padding-left: 0; } .eleventhSection-school .row-seventy{ padding-right: 0; } .vacancyLink{ text-align: center; } .portfolioLink a{ font-size: 16px; } .productionAdmission.text-center{ text-align: start; } .secondSection-admission .colorGreen { margin-bottom: 30px; display: inline-block; } .thirdSection-admission.com80{ padding-top: 60px; } .thirdSection-admission .text-center{ text-align: left !important; } .admissionProcess { padding: 60px 0; } .neoTab p{ font-size: 15px; margin-bottom: 0; } .faqHeading h3 { font-size: 18px; } .faqTotalTab { padding: 30px 20px; } .faqContent { padding: 0 0 80px 20px; } .faqHeading h3{ width: calc( 100% - 40px); } .faqHeading svg { width: 15px; object-fit: contain; } .gallerySession-alumni .row-four{ margin-bottom: 30px; } .TopSection-Course .subTitle{ margin-top: 20px; } .founderNote p { font-size: 16px; } .sixthSection-course .courseTop.text-center{ text-align: left; } .courseContent p, .subtle, .facultyCourse p, .secondSection-school p, .missionDescription p, .TopSection-production p { font-size: 16px; } .secondSection-course .slick-next { right: -20px; } .secondSection-course .slick-prev { left: -20px; } .courseContent li { font-size: 16px; } .courseContent { padding: 30px; } .TopSection-Course{ height: auto !important; padding: 0; } .TopSection-Course .bgImg{ height: 100vh; } .TopSection-Course .leftTop{ height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 100px; } .TopSection-Course .rightTop{ width: calc(100% + 40px); max-width: unset; flex: 0 0 calc(100% + 40px); margin-left: -20px; background-color: #2E9594; } .course-carousel .slick-slide, .course-carousel .slick-list { margin:0; } .tenthSection-course .facultyCourse{ padding-left: 0; padding-top: 30px; } .tenthSection-course .row-sixty{ order: 2; } .fourthSection-course{ height: auto; } .fourthSection-course .bgImg{ height: 100%; } .D-US{ display: unset; } .fourthSection-course .D-US span:first-child{ margin-bottom: 20px; } .fourthSection-course .D-US span:nth-child(2){ margin-bottom: 20px; } .mob-menu > li > .sub-menu{ display: none; margin-left: 0; } .SubMenu > .sub-menu{ margin-left: 0; } .productionsImg .imgHover img { width: 100%; height: auto; object-fit: cover; } .postVideo { padding-left: 0; } .mobileMenu .SubMenu > a{ display: none; } .mobileMenu .menu-item-1377 .SubMenu:first-child, .mobileMenu .menu-item-1380 .SubMenu:first-child{ background-color: var(--mColor); width: 100%; } .mobileMenu .menu-item-1377 .SubMenu:last-child, .mobileMenu .menu-item-1380 .SubMenu:last-child{ background-color: var(--sColor); width: 100%; } .mobileMenu .menuHeader { padding: 10px; background-color: var(--sColor); } .menu-footer { position: absolute; background-color: var(--sColor); width: 100%; padding: 20px 20px 10px; bottom: 0; color: #fff; } .menu-footer a{ color: #fff; } .mobileMenu .sub-menu .SubMenu > a { display: none !important; } .menu-item-1379 .sub-menu, .menu-item-1374 .sub-menu, .menu-item-1375 .sub-menu, .menu-item-1378 .sub-menu{ background-color: var(--mColor); } .academicMembers .row-half{ padding-left: 0; padding-right: 0; } .academicMembers .row-half img{ margin-top: 20px; } .courseLists ul { display: flex; flex-wrap: wrap; gap: 15px; } .page-id-61 .partnerImage img { width: 300px; margin-left: 13px; } .countTab { left: -10px; width: 250px; height: 185px; padding: 20px 41px; } .countNumber { font-size: 85px; } .plusSign { font-size: 95px; } .missionSchool { margin-bottom: 20px; } .thirdSection-school, .secondSection-production, .productionAdmission { padding-bottom: 0; } .studentProductionSection .row-three, .thirdSection-admission .imgHover img, .EventTabSchool { margin-bottom: 20px; } .fifthSection-admission{ padding-top: 0; } .boardDirectors .InWWD img { height: 300px; width: 400px; object-fit: cover; } .boardBox { width: unset; } .firstSection-alumni .row-half{ padding-left: 0; } .boardBox .row-half, .FoundersAddress .row-half{ padding-left: 0; padding-right: 0; margin-bottom: 20px; } .secondSection-production .row-three{ padding-right: 0; } .secondSection-admission{ padding: 50px 0; } .contactus .row-three:first-child .contactTab, .contactus .row-three:last-child .contactTab { flex-direction: column-reverse; } .popup-content .formBg { padding: 30px 0 30px 0; } .formBtns { display: block; } .admissionBatch { margin-bottom: 30px; } .TopSection .TopContent { height: 100%; } .TopContent{ height: auto; } .membersSection .row-half:first-child, .contactus .cnctBx .leftSide{ order: 2; } .contactus .cnctBx, .contactus .cnctBx .leftSide, .contactus .cnctBx .rightColor, .contactus .cnctBx2 .rightSide{ width: 100%; height: auto; } .contactTab img, .cnctBx img, .contactus .cnctBx .leftSide .imgWrp img{ height: 250px; } .contactus .cnctBx2 { flex-direction: column; } .DecorCourse { display: none; } .founderNote { margin-top: 30px; } .approachSection { padding-right: 0; } .newApproach .subTitle { font-size: 36px; } .courseList-MainCourse .courses-carosuel{ width: 100%; margin-left: 0; } .cubeBoxes { display: block; } .commonHeading br{ display: none !important; } .newApproach .row-fourty{ padding-left: 0; margin-top: 20px; } .placementWrapper .row-half:first-child{ margin-bottom: 20px; } .newApproach{ padding-top: 0 !important; } } @media all and (max-width: 680px){ } @media all and (max-width: 520px){ } @media all and (max-width: 480px){ }