/*
Theme Name: Marwadi University
Theme URI: https://www.marwadiuniversity.ac.in/
Author: Marwadi University
Author URI: https://www.marwadiuniversity.ac.in/
Description: A custom WordPress theme for Marwadi University
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marwadi-university-theme
*/
/*@import "../css/cefb.css";
@import "../css/life-campus.css";
@import "../css/campus.css";
*/
.mobile-only {
display: none !important;
}
@media (max-width: 768px) {
.desktop-only {
display: none !important;
}
.mobile-only {
display: block !important;
}
}
.global-achievements {
width: 100%;
/* height: 829px; */
background-image: url("assets/flags/Frame\ 1410086568.png");
background-size: cover;
background-color:#F9F6ED !important;
}
.global-achievements-container {
width: 100%;
height: 100%;
}
.global-achievements-parent {
width: 100% !important;
display: flex !important;
justify-content: space-around !important;
align-items: center !important;
overflow: hidden !important;
padding: 64px 0px 50px 64px !important;
height:100vh !important;
}
.global-achievements-text {
flex: 1.3;
padding-right: 50px;
}
.global-achievements-title h1 {
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
text-align: start;
}
.global-achievements-title p {
padding-top: 16px;
font-family: "Proxima Nova";
font-size: 24px;
font-weight: 400;
line-height: 36px;
text-align: left;
margin-bottom: 24px;
}
.global-achievements-title a {
padding-top: 32px;
font-size: 24px;
font-weight: 400;
line-height: 36px;
text-align: center;
display: flex;
justify-items: center;
align-items: center;
gap: 17px;
text-decoration: none;
}
.global-acieve-cards {
flex: 1.9;
overflow: hidden;
height: 702.72px;
object-fit: cover;
border-radius: 19.03px;
display: flex;
justify-content: left;
align-items: center;
}
.global-acieve-cards-container {
flex: 1;
/* overflow: hidden; */
height: 702.72px;
object-fit: cover;
border-radius: 19.03px;
display: flex;
justify-content: left;
align-items: center;
gap:30px;
}
.global-acieve-cards img {
width: 470px;
height: 420px;
object-fit: cover;
border-radius: 19.03px;
}
.global-acieve-mobile-cards {
display: none;
}
@media (max-width: 768px) {
.home-away-title,
.highlights-left h1,
.bri-fut-text h1,
.exch-prog-text h1,
.mu-magazines-text h1 {
font-size: 36px;
}
.mu-magazines-text h1 {
font-size: 34px;
}
.home-away-grid img,
.highlights-left img,
.bri-fut-img img,
.exch-prog-img-stack img,
.top-image img {
width: 100%;
height: auto;
}
.highlights-left p,
.bri-fut-text p,
.exch-prog-text p,
.mu-magazines-text p {
font-size: 18px;
}
.get-in-touch-container,
.highlights-container,
.bri-fut-container,
.exch-prog-container,
.mu-magazines-parent {
padding: 24px;
}
}
@media (max-width: 768px) {
.global-acieve-cards img {
width: 400px;
height: 600px;
}
.global-acieve-cards-container {
height: 500px;
}
.global-achievements-parent {
flex-direction: column;
height: auto;
align-items: center;
padding: 4em 1.5em;
}
.global-achievements-text {
width: 100%;
height: auto;
padding: 6px;
}
.global-achievements-title h1 {
font-size: 32px;
line-height: 38px;
text-align: center;
line-height: 120%;
}
.global-achievements-title p {
font-size: 18px;
text-align: center;
line-height: 120%;
}
.global-achievements-title a {
font-size: 16px;
line-height: 120%;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
display: block;
}
.global-achievements-title img {
width: 11px;
height: 11px;
}
/* .global-acieve-cards {
display: none;
} */
.global-acieve-cards-mobile img {
width: 98%;
height: 563px;
object-fit: cover;
border-radius: 10px;
border-radius: 10px;
}
.global-acieve-cards-mobile-container {
flex: 1;
/* overflow: hidden; */
object-fit: cover;
border-radius: 19.03px;
display: flex;
justify-content: left;
align-items: center;
}
.global-acieve-mobile-cards {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.global-acieve-mobile-cards img {
padding-left: 24px;
border-radius: 16px 0 0 16px;
}
.mobile-shield {
position: absolute;
transform: translate(0%, 18%);
}
}
@media (max-width: 420px) {
.global-acieve-cards-mobile img {
width: 100%;
height: 480px;
}
}
@media (max-width: 325px) {
.global-achievements {
height: 833.36px;
}
.global-achievements-title h1 {
font-size: 28px;
line-height: 36px;
}
.global-achievements-title p {
font-size: 16px;
line-height: 24px;
margin-bottom: 12px;
}
.global-achievements-title a {
font-size: 16px;
padding-top: 16px;
text-align: center;
}
.global-acieve-cards {
display: none;
}
.global-acieve-cards img {
border-radius: 8px;
}
}
/* form modal */
#exampleModal button.btn-close{
margin-top:0px !important;
margin-left:0px !important;
}
/* form modal end*/
/* horizontal scroll */
.explore .container{
display:flex;
width:300vw;
}
.explore {
width: 100%;
height: 600px;
background-color: #f6f6f6;
display: flex;
align-items: flex-start;
justify-content: space-evenly;
padding: 24px;
gap: 20px;
}
.explore .left {
width: 50%;
display: flex;
flex-direction: column;
gap: 20px;
padding-right: 20px;
}
.explore .left h1 {
font-size: 40px;
font-weight: 700;
color: #333333;
width: 291px;
}
.explore .left > span{
margin-bottom: 20px;
}
.explore .left span, .explore span {
font-size: 16px;
color: #333333;
font-weight: 400;
}
.explore .left p {
font-size: 24px;
font-weight: 400;
color: #333333;
width: 100%;
}
.explore .right {
width: 539px;
display: flex;
align-items:center;
}
.explore .right .l {
flex: 2;
display: flex;
justify-content: center;
align-items: start;
}
.explore .right .r {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
}
.explore .right .l img,
.explore .right .r img {
width: 100%;
height: auto;
border-radius: 10px;
object-fit: cover;
}
.explore .right .l img{
width: 90%;
height: 90%;
}
.explore .container {
display:flex;
width: 300vw;
}
.container .col {
display: flex;
gap: 3em;
}
.col img{
width:340px !important;
max-width: fit-content;
border-radius:15px;
}
.explore .container section {
width: 50vw;
padding: 4vw 5vw;
}
.explore .left h2{
font-size: 64px;
font-weight: 700;
color: #333333;
width:100%;
line-height: 76.8px;
}
.explore .left p {
font-size: 24px;
font-weight: 400;
color: #333333;
width: 100%;
}
.wrapper {
overflow-x:hidden;
position: relative;
width:50%;
}
.explore {
display: flex;
justify-content: space-between;
align-items: center;
height:100vh !important;
}
@media (max-width: 767px) {
.explore .container{
display:flex;
width:286vw;
}
.explore .container section{
width:100vw !important;
padding:2vw 5vw !important;
}
.explore .container section{
height:63vh !important;
}
.col img{
width:373px !important;
}
.wrapper{
width:90%;
top:50px !important;
position: relative;
top: 0 !important; /* Remove top offset */
height: 100% !important;
}
.explore .left h2{
font-size: 32px !important;
font-weight: 700;
color: #333333;
line-height: 38.4px !important;
width: 100% !important;
text-align: center !important;
font-family: 'Proxima Nova', sans-serif;
}
.explore{
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
overflow: hidden !important;
position: relative !important;
width:100% !important;
height:100% !important;
min-height:80%;
}
.explore .left{
width:100%;
}
.explore .right{
width:100%;
}
.explore {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
}
/* horizontal scroll end*/
#dropdown-about .tab{
flex-direction:row !important;
}
.highlight{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
}
/*Header css*/
.menurightarrownew-img {
transform: rotate(180deg);
}
.topNav {
width: 100%;
background-color: #f6f0e6;
color: #333333;
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: end;
gap: 30px;
}
.topNav ul a {
color: #333333 !important;
font-size: 14px !important;
line-height: 21px;
font-weight: 600;
text-decoration:none !important;
}
.topNav .active {
color: #ffffff !important;
}
.topNav ul {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
transition: all 0.3s ease-in-out;
}
a {
text-decoration: none;
color: #333333;
font-size: 16px;
}
nav .active {
padding: 6px 10px;
color: #f6f0e6 !important;
border-radius: 50px;
}
nav {
width: 100%;
background-color: #e0d8cb;
padding: 16px 50px;
display: flex !important;
align-items: center;
justify-content: space-between;
}
nav a {
color: #6c4327 !important;
font-size: 16px !important;
font-weight: 600;
text-transform: uppercase;
line-height: 19.2px;
}
li.nav-img {
display: flex;
align-items: center;
}
ul.nav-links {
gap: 24px;
}
.menuIcon {
display: none;
width: 40px;
cursor: pointer;
}
.nav-links {
display: flex;
margin-bottom: 0px !important;
}
.fee-link {
color: #ba8938;
}
/* h2 {
font-size: 4em;
font-weight: 700;
line-height: 76.8px;
text-align: center;
} */
/*
h5 {
font-size: 2em;
font-weight: 700;
line-height: 38.4px;
} */
.text-white {
color: #ffffff;
}
.size-24 {
font-size: 1.5em;
font-weight: 400;
line-height: 36px;
text-align: center;
}
.sizec-24 {
font-size: 1.5em;
font-weight: 400;
line-height: 36px;
}
.size-2436 {
font-size: 24px;
font-weight: 400;
line-height: 36px;
text-align: center;
}
.size-28 {
font-size: 28px;
font-weight: 600;
line-height: 33.6px;
color: var(--Brand-PrestigeGold-06, #a06c2e);
}
.size-32 {
font-size: 32px;
font-weight: 600;
line-height: 38.4px;
}
.size-32700 {
font-size: 32px;
font-weight: 600;
line-height: 38.4px;
}
/* Basic navigation styles */
.mainNav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
background-color: #e0d8cb;
/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}
li.nav-img {
display: flex;
align-items: center;
}
li.nav-img a {
text-decoration: none;
font-size: 16px !important;
color: #333;
/* margin-right: 8px; */
}
.nav-links {
display: flex;
margin-bottom: 0px !important;
}
.nav-links {
list-style-type: none;
display: flex;
gap: 20px;
margin-top:0px !important;
}
#dropdown-admission .tab, #dropdown-placement .tab{
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 20px ;
}
.tabcontent2{
float: left;
padding: 12px;
width: 296px;
border-left: none;
height: 315px;
display: none;
flex-direction: column;
gap: 12px;
}
.tabcontent1 a, .tabcontent2 a{
display: block;
padding: 0px 0px 6px 0px;
font-size: 16px !important;
color: #333 !important;
font-weight: 600;
line-height: 19.2px;
text-decoration: none;
border-bottom: 1px solid #F4EBD3;
}
#dropdown-life-at-university .tab{
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 12px;
}
.nav-links li {
position: relative;
font-family: "proxima Nova", sans-serif;
cursor: pointer;
display: flex;
align-items: center;
}
.nav-links li a {
text-decoration: none;
color: #333;
cursor: pointer;
/* position: relative;
bottom:7px; */
}
.nav-links a {
color: #6c4327 !important;
font-size: 16px !important;
font-weight: 600;
text-transform: uppercase;
line-height: 19.2px;
font-family: "Proxima Nova",sans-serif;
}
li.nav-img {
display: flex;
align-items: center;
}
.nav-links .nav-img {
position: relative;
}
.mainNav .active {
color: #f6f0e6 !important;
}
.nav-links .dropdown-content {
display: none;
position: absolute;
/* Style as needed */
}
.nav-links li:hover .dropdown-content {
display: block;
}
/* Dropdown styling */
.dropdown-content {
position: absolute;
left: 0;
top: 100%;
/* Show right below the nav link */
width: -webkit-fill-available;
height: 409px;
background-color: #f9f9f9;
/* padding: 40px 50px 12px 40px; */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
.dropdown-content p {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
}
.dropdown-content a {
color: #8c8c8c;
width: 100%;
display: flex;
position: relative;
}
/* Nested dropdown hidden by default */
.nested-dropdown-content {
display: none;
position: absolute;
margin-left: 30px;
padding: 10px 0;
width: 83%;
}
.nested-dropdown-content a {
size: 16px !important;
font-weight: 600 !important;
line-height: 19.2px !important;
color: #333333 !important;
display: block;
padding: 8px 0px;
/* Add padding around each link */
margin-bottom: 10px;
/* Add space between the links */
text-decoration: none;
text-transform: none;
}
/* Add a white line below the last link */
.nested-dropdown-content a:last-child {
margin-bottom: 0;
/* Remove the bottom margin from the last item */
}
.nested-dropdown-content a::after {
content: "";
display: block;
margin-top: 10px;
/* Add a little space before the line */
border-bottom: 1px solid #fff;
/* White line beneath the links */
}
/*************************Owl Coursel*****************************************/
.owl-carousel .owl-stage {
padding-left: 0 !important;
padding-right: 30px !important;
}
.owl-item .active {
background-color: #fff !important;
}
.owl-item .item {
width: 365px;
}
.owl-carousel .item img {
opacity: 0.5;
transition: opacity 0.3s ease;
}
.owl-carousel .owl-item.active .item img {
opacity: 1;
}
.dropdown-container {
display: flex;
justify-content: space-between;
}
.undergraduate-text {
flex: 1;
/* This allows the text to take up the available space */
color: #333333;
font-size: 16px !important;
line-height: 24px;
width: 285.58px;
font-family: "proxima Nova", sans-serif;
}
.program-description {
display: block;
/* Forces it to appear on the next line */
width: 100%;
font-size: 14px !important;
color: #8c8c8c;
margin-top: 5px;
/* Adds some space above the description */
font-size: 14px;
line-height: 21px;
font-family: "proxima Nova", sans-serif;
}
.dropdown-content p {
font-weight: 600;
letter-spacing: 0.5px;
}
.tab-container {
width: 757px;
height: 327px;
gap: 16px;
display: flex;
margin: 24px 72px;
flex-direction: column;
}
.tab-container p {
margin: 0;
padding: 0;
}
.new-tab {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.tabcontent {
display: flex;
flex-direction: column;
gap: 12px;
}
.tablinks {
flex-direction: column;
padding: 0px;
gap: 2px;
padding: 8px;
}
.undergraduate-img {
width: 20px;
/* Adjust the size of the image as needed */
}
.menurightarrow-img {
margin-left: auto;
/* Pushes the arrow to the right */
}
.menurightarrow-img {
width: 10px;
}
.tab {
float: left;
width: 369px;
height: 327px;
}
/* Style the buttons inside the tab */
.tab {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tablinks {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0px;
border: none;
background-color: inherit;
cursor: pointer;
transition: background-color 0.3s;
text-align: left;
font-size: 16px;
padding-right: 8px;
}
.tab button {
display: flex;
align-items: center;
justify-content: space-between;
align-items: flex-start;
width: 100%;
border: none;
background: none;
text-align: left;
cursor: pointer;
border-radius: 8px !important;
gap: 2px;
}
.tab button {
display: block;
background-color: inherit;
color: black;
width: 369px;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 17px;
}
.tab button.active {
background-color: #f4ebd3;
padding: 8px;
}
.alwaysimproving {
padding: 24px 72px 24px 24px;
}
.dropdown-content {
position: absolute;
top: 152px;
/* Position it just below the "Programs & Courses" */
left: 0;
width: -webkit-fill-available;
height: 409px;
/* padding: 40px 50px 12px 50px; */
gap: 8px;
opacity: 1;
background-color: #ffffff;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
/* Optional shadow */
z-index: 14;
}
.programs {
font-family: "proxima Nova", sans-serif;
}
.dropdown-content span {
color: #ba8938;
}
.alwaysimproving h2 {
font-family: "Proxima Nova", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 19.2px;
text-align: left;
margin-top: 12px;
margin-bottom: 0.5rem;
}
.alwaysimproving p {
font-family: "proxima Nova", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.5px;
text-align: left;
margin-top: 0;
margin-bottom: 1rem;
}
.alwaysimproving span {
font-family: "proxima Nova", sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 19.2px;
text-align: center;
}
.alwaysimproving img {
width: 289px;
height: 150px;
gap: 0px;
border-radius: 8px;
opacity: 0px;
}
/* Change background color of buttons on hover */
/* .tab button:hover {
background-color: #ddd;
} */
.alwaysimproving {
width: 377px;
height: 409px;
gap: 16px;
background-color: #f9f6ed;
}
.tabcontent {
float: left;
padding: 12px;
width: 296px;
border-left: none;
height: 315px;
display: none;
/* Hide content by default */
}
.tabcontent {
padding: 0px;
margin: -10px;
height: 100%;
}
.dropdown-content a {
color: #8c8c8c;
width: 100%;
display: flex;
position: relative;
}
.tabcontent a {
display: block;
padding: 0px 0px 6px 0px;
/* Space above and below each link */
font-size: 16px !important;
color: #333;
/* Text color */
font-weight: 600;
line-height: 19.2px;
text-decoration: none;
/* Remove underline */
border-bottom: 1px solid #f4ebd3;
}
.alwaysimproving span img {
width: 13.6px;
height: 13.6px;
top: 4.8px;
left: 5.6px;
gap: 0px;
opacity: 0px;
}
.span.material-symbols-outlined {
color: #6c4327;
}
.material-symbols-outlined {
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
}
.hero {
width: 100%;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
position: relative;
}
/* Sticky style for mainNav */
.mainNav.sticky {
position: fixed;
top: 0px;
width: 100%;
z-index: 999;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
/* Optional: adds shadow when sticky */
}
.stickynav{
position:fixed !important;
top:100px !important;
}
/* footer */
.footer {
background-color: #f7f3ea;
padding-top: 50px;
color: #333;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
padding: 0 50px 0px 50px;
}
.footer-column {
flex: 1 1 200px;
}
.footer-column h3 {
margin-bottom: 10px;
font-size: 20px;
line-height: 20px;
font-weight: 600;
color: #444;
}
.footer-column ul {
width: 100%;
list-style: none;
display: flex;
align-items: start;
flex-direction: column;
justify-content: start;
gap: 16px;
padding: 0;
opacity: 80%;
}
.footer-column ul li a {
text-decoration: none;
color: #666;
transition: color 0.2s;
}
#downloadButton a {
width: 80px;
}
#downloadButton a img {
width: 100%;
height: 28px;
}
#downloadButton {
width: 100%;
display: flex;
align-items: start;
gap: 10px;
}
.footer-column ul li a:hover {
color: #000;
}
.footer-bottom {
margin-top: 20px;
text-align: center;
font-size: 14px;
color: #333;
padding: 20px 50px;
background-color: #e0d8cb;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.social-icons {
display: flex;
gap: 10px;
margin: 10px 0;
}
.social-icons a {
text-decoration: none;
color: #444;
font-size: 18px;
}
.social-icons a img {
width: 25px;
}
.info {
width: 100%;
display: flex;
align-items: center;
justify-content: start;
gap: 5px;
margin-top: 10px;
}
.info img {
width: 20px;
}
.italic-text-gov{
font-style: italic;font-weight:700;font-size:24px;color:#6c4327;text-align:left;margin-top:-40px;
}
/* CEFb css*/
.sticky1 {
position: sticky !important;
top: 60px;
width: 100%;
z-index: 2 !important;
}
.fourty-sixty {
opacity: 1;
z-index: 12;
position: relative;
}
.footer {
z-index: 12;
position: relative;
}
.fourty-sixty .row {
grid-template-columns: 5fr 7fr;
grid-gap: 0;
align-items: center;
}
figure {
margin: 0;
}
.fourty-sixty .row figure {
border-radius: 16px;
overflow: hidden;
aspect-ratio: 9/11.4;
position: relative;
}
.fourty-sixty .row figure img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
ul {
padding: 0;
list-style: none;
margin: 0;
}
.col-three ul li,
.col-six ul li {
margin-bottom: 12px;
padding-left: 28px;
position: relative;
font-size: var(--h6);
font-weight: 400;
line-height: 1.5;
}
.col-three ul li:before,
.col-six ul li:before {
content: "";
display: block;
position: absolute;
background: url('data:image/svg+xml,');
width: 20px;
height: 27px;
left: 0;
background-size: cover;
background-repeat: no-repeat;
}
.fourty-sixty .row .col-six {
padding-left: 80px;
}
/*fifty-fifty*/
.fifty-fifty .row {
grid-template-columns: repeat(2, 6fr);
grid-gap: 40px;
align-items: center;
}
.fifty-fifty .img-wrap {
display: flex;
flex-direction: column;
max-height: 681px;
position: relative;
}
.fifty-fifty .img-wrap figure {
overflow: hidden;
border-radius: 16px;
max-width: 360px;
padding: 1px;
border: 1px solid #cda452;
text-align: center;
}
.fifty-fifty .img-wrap figure img {
border-radius: 16px;
}
.fifty-fifty .img-wrap figure:first-child {
max-width: 360px;
max-height: 355px;
}
.fifty-fifty .img-wrap figure:nth-child(2) {
max-width: 340px;
max-height: 339px;
position: absolute;
right: 100px;
top: 200px;
}
.fifty-fifty .img-wrap figure:last-child {
max-width: 364px;
max-height: 360px;
margin-left: 46px;
z-index: 3;
margin-top: -40px;
}
.fifty-fifty .img-wrap figure {
display: flex;
align-items: center;
justify-content: center;
}
.broad-scope {
background: #f9f6ed;
}
.broad-scope .title {
text-align: center;
}
.broad-scope .title p {
font-size: var(--s-des);
}
.broad-scope .row {
display: flex;
align-items: stretch;
flex-wrap: nowrap;
padding-top: 55px;
}
.broad-scope .col-three:first-child,
.broad-scope .col-three:last-child {
max-width: 381px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
}
.broad-scope .col-three li strong {
font-weight: 700;
font-size: var(--h6);
}
.explore-facility .title {
grid-template-columns: 5fr 6.9fr;
align-items: center;
grid-gap: 40px;
}
.facility-gallery .masonry-grid {
grid-template-columns: autp;
grid-gap: 16px;
}
.facility-gallery .masonry-grid .col-one,
.facility-gallery .masonry-grid .col-three {
grid-column: 1/3;
}
.facility-gallery .masonry-grid .col-one {
grid-row: 1/2;
}
.facility-gallery .masonry-grid .col-two {
grid-column: 3/4;
grid-row: 1/3;
}
.facility-gallery {
padding-top: 32px;
}
.facility-gallery .masonry-grid .col-one .d-inner {
flex-wrap: wrap;
grid-gap: 0;
}
.facility-gallery .masonry-grid .col-one .d-inner .grid-item:first-child {
flex: 0 0 25.8%;
}
.facility-gallery .masonry-grid .col-one .d-inner .grid-item:last-child {
flex: 0 0 74%;
padding-left: 16px;
}
.facility-gallery .masonry-grid .col-three .grid-item:first-child {
flex: 0 0 37%;
}
.facility-gallery .masonry-grid .col-three .grid-item:last-child {
flex: 0 0 63%;
padding-left: 16px;
}
.facility-gallery .masonry-grid figure {
position: relative;
line-height: 1;
height: 100%;
max-height: 292px;
border-radius: 8px;
overflow: hidden;
}
.facility-gallery .masonry-grid figure figcaption {
position: absolute;
background: linear-gradient(
180deg,
rgba(24, 59, 86, 0.0001) 0%,
rgba(22, 49, 70, 0.2) 45.38%,
rgba(21, 37, 50, 0.9) 100%
);
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: flex-end;
justify-content: center;
color: var(--white);
padding-bottom: 32px;
}
.facility-gallery .masonry-grid figure img {
height: 100%;
width: 100%;
min-height: 292px;
object-fit: cover;
}
.facility-gallery .masonry-grid .d-inner .grid-item {
overflow: hidden;
}
.facility-gallery .masonry-grid .col-two figure figcaption {
height: 100%;
}
.facility-gallery .masonry-grid .col-two figure {
max-height: 100%;
height: 100%;
color: var(--white);
z-index: 980;
}
.things .row {
grid-template-columns: repeat(3, 3.33fr);
grid-gap: 48px;
padding-top: 52px;
}
.things .row a {
text-decoration: none;
display: block;
}
.things .row figure {
position: relative;
border-radius: 12px;
line-height: 1;
margin-bottom: 24px;
}
.things .row figure .date {
position: absolute;
top: 0;
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: var(--black);
flex-direction: column;
background-image: url('data:image/svg+xml,');
top: -15px;
left: -15px;
}
.things .row figure .date .s-des {
color: var(--black);
}
.things .row figure .date span {
font-weight: 700;
color: var(--black);
}
.things .row figure img {
border-radius: 12px;
border: 1px solid #a06c2e;
}
.things .row figure img:hover {
object-fit: none;
transition: transform 0.4s ease;
}
.things .row .content h5 {
font-weight: 600;
line-height: 1.2;
margin-bottom: 10px;
}
.things .row .content p {
font-size: 20px;
line-height: 1.2;
}
.things .row .col-three:nth-child(4) {
grid-column-start: 1;
grid-column-end: 3;
display: flex;
align-items: flex-start;
grid-gap: 30px;
}
.things .row .col-three:nth-child(5) {
grid-column-start: 3;
grid-column-end: 4;
}
.things .row .col-three:nth-child(4) .content a {
margin-top: 10px !important;
color: var(--gold) !important;
margin-top: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
font-size: 16px !important;
}
.things .row .col-three:nth-child(5) .content {
padding: 40px 32px;
height: 100%;
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--gold-100);
border-radius: 12px;
min-height: 325px;
}
.things .row .col-three:nth-child(5) .content a:hover {
color: var(--black);
}
.things .row .col-three:nth-child(5) .content * {
color: var(--gold-200) !important;
}
.things .row .col-three:nth-child(5) .content a {
position: relative;
display: flex;
align-items: center;
line-height: 1.2;
}
.things .row .col-three:nth-child(4) figure {
width: 1000%;
margin: 0;
max-width: 416px;
}
.things .row .col-three:nth-child(4) figure img {
object-fit: cover;
object-position: center;
}
.things .row .col-three:nth-child(4) .content p {
margin-bottom: 32px;
}
.things .row .col-three:nth-child(4) .content a {
display: flex;
align-items: center;
}
.things .row .col-three:nth-child(4) .content a span {
width: 12px;
display: flex;
height: 19px;
background-repeat: no-repeat;
margin-left: 10px;
align-items: center;
}
.things .row .col-three:nth-child(4) .content a:hover {
color: var(--black);
}
.things .row .col-three:nth-child(5) .content a span {
width: 100px;
text-align: right;
line-height: 1;
display: flex;
align-items: center;
justify-content: end;
}
.things .row .col-three:nth-child(5) .content .sub-title {
font-size: var(--semi-heading);
font-weight: normal;
line-height: 1.2;
}
.things h2 {
margin-bottom: 0;
}
.cta .cta-inner {
position: relative;
padding: 74px 0;
}
.cta .cta-inner {
background-color: rgb(0 46 71 / 32%);
}
.cta .cta-inner h2 {
color: var(--white);
margin-bottom: 16px;
}
.cta .cta-inner p {
font-size: var(--s-des);
color: var(--white);
font-weight: normal;
margin-bottom: 24px;
}
.cta .cta-inner .content {
max-width: 718px;
}
.cta {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.facility .row {
padding-left: calc((100% - 1298px) / 2);
}
.facility .row .slick-list {
padding-left: 0 !important;
}
.facility .row .f-thumb {
margin-right: 50px;
}
.facility .row .f-thumb figure {
position: relative;
border-radius: 16px;
border: 1px solid var(--gold-100);
overflow: hidden;
}
.facility .row .f-thumb img{
width:100%;
}
.facility .row .f-thumb figure figcaption {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
181.45deg,
rgba(0, 0, 0, 0) 58.47%,
rgba(0, 0, 0, 0.5) 98.76%
);
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 17px;
color: white !important;
font-size: var(--h5) !important;
}
.col-three .content a {
font-size: var(--h3) !important;
font-weight: 700;
}
.cta-inner .content a {
font-size: var(--s-des) !important;
}
.cta-inner .content a:hover {
background: var(--gold-200) !important;
fill: var(--gold-100) !important;
color: var(--gold-100) !important;
}
.cefb-page .hero{
background-image: url('../img/banners/CEFB.png');
}
.indexing{
position:relative;
z-index:2;
}
.white-background{
background-color:#fff;
}
.cefb-page .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 255px; /* Vertically centered */
left:72px; /* Horizontally centered */
color: #008294; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: 0;
}
.cefb-page .cover-image-mobile-text{
display:none;
}
.cefb-page .succeed-text{
background-color:#fff;
color:#008294;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:10px;
}
.cefb-page .succeed-new-text{
background-color:#008294;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:19px;
}
/*Storie component*/
/* stories carousel */
.stories-parent {
padding: 72px;
display: flex;
justify-content: center;
background-color: #ffffff;
}
.stories-container {
display: flex;
flex-direction: column;
align-items: center;
}
.stories-container button {
color: #cda452;
}
.stories-title {
margin-bottom: 2.5rem;
}
/* tab */
.tabs {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
gap: 20px;
}
.tab-btn {
padding: 12px 20px;
background-color: transparent;
border: none;
cursor: pointer;
transition: color 0.3s;
border-bottom: 1px solid #e0d8cb;
font-size: 26px;
font-weight: 400;
line-height: 31.2px;
text-align: left;
color: #9f937f;
text-transform: uppercase;
}
.tab-btn.activee {
color: #a06c2e;
border-bottom: 2px solid #a06c2e;
font-weight: 600;
}
.tab-dropdown {
display: none;
width: 100%;
}
.tab-content {
/* display: none; */
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.tab-content.activee {
display: flex;
align-items: stretch;
}
.carousel-parent {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.carousel {
display: flex;
max-width: 100%;
overflow: hidden;
position: relative;
gap: 0px;
align-items: center;
scroll-behavior: smooth;
/* margin-top: -1rem; */
}
.carousel-item {
flex: 1;
overflow: hidden;
width: 100%;
max-width: 100%;
height: auto;
display: flex;
align-items: center;
position: relative;
transition: transform 1s ease;
box-sizing: border-box;
/* padding: 10px; */
}
.carousel-item-right {
justify-content: left;
padding-left: 25px;
}
.carousel-item-left {
justify-content: right;
padding-right: 25px;
}
/* #mid-div-img {
max-width: 461px;
max-height: 426px;
object-fit: cover;
border-radius: 16px;
} */
.carousel-item img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 10;
transition: opacity 0.5s ease;
}
.controls {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin-top: 25px;
}
.arrow {
cursor: pointer;
opacity: 0.8;
}
.dots {
display: flex;
gap: 8px;
}
.dot {
width: 10px;
height: 10px;
background-color: #e5d4a3;
border-radius: 50%;
transition: background-color 0.3s ease;
cursor: pointer;
}
.dot.activee {
background-color: #ba8938;
}
.story-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: #10687ab2;
left: 0;
z-index: 20;
border-radius: 16px;
}
#img2 {
border-radius: 16px;
width: 40vw;
height: 28vw;
}
.overlay-text {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: white;
z-index: 30;
}
.content-overlay-inside {
padding: 28px;
display: flex;
gap: 15px;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.content-overlay-inside p {
font-size: 18px;
font-weight: 400;
line-height: 25px;
text-align: left;
color: white;
}
.content-overlay-inside div p {
opacity: 0.6;
}
.tags-container {
display: flex;
gap: 3px;
flex-wrap: wrap;
}
.tags {
background-color: #f6f6f6;
padding: 6px 10px;
border-radius: 20px;
color: #073742;
font-size: 12px;
}
.profile-info {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.profile-info img {
height: 35px;
width: 35px;
}
.profile-info h1 {
font-size: 32px;
color: white;
}
.profile-info p {
color: white;
}
.stories-title h1 {
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
text-align: center;
color: #333333;
}
#nextBtn {
margin-left: 2rem;
height: 32px;
}
#prevBtn {
margin-right: 2rem;
height: 32px;
}
/*Placement page*/
/* hero image css */
.placement-page .hero{
background-image:url('../img/banners/Placement-cover-web.png');
}
.indexing{
position:relative;
z-index:2;
}
.white-background{
background-color:#fff;
}
.placement-page .hero .small-text{
margin-bottom:8px;
font-size: 24px;
font-weight:400;
line-height: 36px;
}
.placement-page .hero .small-mobile-text{
margin-bottom:8px;
font-size: 18px;
font-weight:600;
line-height: 21.6px;
}
.placement-page .hero .line-img{
/* position: fixed; */
margin-top: 8px;
bottom:10vh;
height: 22vh;
left: 83.05px;
position: fixed; /* Keeps the text fixed to the viewport */
top: 340px; /* Vertically centered */
}
.placement-page .trainig-program .trainig-slider{
overflow:hidden !important;
}
.placement-page .hero .apply-now-btn{
position: fixed;
margin-top: 8px;
bottom:10vh;
height: 150px;
right: 90px;
}
.placement-page .hero .empower-text{
padding:0px 0px;
color:#fff;
}
.placement-page .hero .text-container{
padding:24px 0px;
}
.placement-page .hero .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 180px; /* Vertically centered */
left:83.05px; /* Horizontally centered */
color:#fff; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: -1;
margin-bottom:12px;
background-color: rgba(0,0,0,0.4);
width:fit-content;
padding:24px;
}
.placement-page .hero .cover-image-mobile-text{
display:none;
}
.placement-page .hero .succeed-text{
background-color:#00548D;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 6px;
position:relative;
right:8px;
}
/* hero image css end */
.placement-page .contact-us h2{
font-size:64px;
font-weight:700;
line-height:76.8px;
}
.trainig-slider {
padding-left: calc((100% - 1298px) / 2);
padding-top: 40px;
}
.trainig-slider .slick-list {
padding-top: 15px !important;
padding-left: 0 !important;
}
.trainig-slider .slick-track {
display: flex !important;
}
.trainig-slider .ts-col {
padding: 0 20px;
height: inherit;
}
.trainig-slider .ts-col .icon {
position: absolute;
left: -15px;
top: -12px;
width: 74px;
height: 84px;
}
.trainig-slider .ts-col .ts-inner {
text-align: center;
padding: 47px 37px 37px 37px;
background-color: var(--light-gold);
border-radius: 16px;
position: relative;
grid-gap: 16px;
display: flex;
flex-direction: column;
height: 100%;
}
.trainig-slider .ts-col .ts-inner .semi-heading.sub-title {
font-weight: 600;
line-height: 1.2;
}
.trainig-slider .ts-col .ts-inner h4 {
line-height: 1.2;
}
.trainig-slider .ts-col .ts-inner .semi-heading {
line-height: 1.2;
}
.trainig-slider .ts-col.slick-current .ts-inner {
/* Rectangle 40282 */
background: linear-gradient(162.17deg, #f9f6ed -13.01%, #deeff2 147.66%);
}
.trainig-slider .ts-col.slick-current .ts-inner .icon svg path {
fill: var(--light-blue);
}
.trainig-slider .ts-col.slick-current .ts-inner .icon svg g path {
fill: var(--dark-blue);
}
.trainig-program .navigation-wrapper {
padding-left: calc((100% - 1298px) / 2);
}
.trainig-program .navigation-wrapper .pagination {
display: flex;
align-items: center;
justify-content: center;
padding-top: 75px;
}
.trainig-program .navigation-wrapper .pagination .dots ul {
display: flex;
align-items: center;
}
.trainig-program .navigation-wrapper .pagination .dots ul li {
margin: 0;
padding: 0 5px;
display: flex;
align-items: center;
}
.trainig-program .navigation-wrapper .pagination .dots ul li::before {
display: none;
}
.trainig-program .navigation-wrapper .pagination .dots ul li button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #e5d4a3;
background-color: #e5d4a3;
}
.trainig-program
.navigation-wrapper
.pagination
.dots
ul
li.slick-active
button {
background-color: #ba8938;
border-color: #ba8938;
width: 13px;
height: 13px;
cursor: pointer;
}
.trainig-program .navigation-wrapper .pagination button.slick-arrow {
padding: 0;
font-size: 0;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2071 6.29289C18.8166 5.90237 18.1834 5.90237 17.7929 6.29289C17.4024 6.68342 17.4024 7.31658 17.7929 7.70711L25.0858 15H5.5C4.94772 15 4.5 15.4477 4.5 16C4.5 16.5523 4.94772 17 5.5 17H25.0858L17.7929 24.2929C17.4024 24.6834 17.4024 25.3166 17.7929 25.7071C18.1834 26.0976 18.8166 26.0976 19.2071 25.7071L28.2071 16.7071C28.3902 16.524 28.4874 16.2877 28.4989 16.048C28.4996 16.032 28.5 16.016 28.5 16M28.5 15.9908C28.4976 15.7379 28.4 15.4858 28.2071 15.2929L19.2071 6.29289' fill='%23BA8938'/%3E%3C/svg%3E%0A");
cursor: pointer;
}
.trainig-program .navigation-wrapper .pagination button.prev.slick-arrow {
transform: rotate(180deg);
}
.trainig-program .navigation-wrapper .pagination .dots {
padding: 0 48px;
}
.contact-us .row {
max-width: 894px;
grid-template-columns: repeat(2, 6fr);
grid-gap: 24px;
}
.contact-us .row .col-2 {
padding: 52px 32px;
border-radius: 16px;
border: 1px solid var(--gold-100);
text-align: center;
background-color: var(--white);
}
.contact-us .row .col-2 .icon {
line-height: 1;
margin-bottom: 32px;
}
.contact-us .row .col-2 h4 {
max-width: 300px;
margin: 0 auto;
line-height: 1.2;
margin-bottom: 12px;
}
.contact-us .row .col-2 p {
min-height: 150px;
}
.contact-us .row .col-2 .btn {
padding: 0;
background: #fff;
display: inline-flex;
border: 0;
color: var(--gold-100);
}
.contact-us .row .col-2 .btn svg {
fill: var(--gold-100);
margin-left: 6px;
}
.contact-us h2 {
margin: 0;
line-height: 1.2;
margin-bottom: 61px;
}
.contact-us {
background: var(--light-gold);
padding: 70px 0px !important;
}
#contactus {
padding: 70px 72px !important;
}
.contact-us .wraper {
position: relative;
z-index: 1;
transform: translate(0);
}
.contact-us .wraper .contact-image {
position: absolute;
right: 0;
z-index: -1;
top: -84px;
}
.contact-us .wraper .contact-image img {
border-radius: 16px !important;
width:-webkit-fill-available;
}
.contact-us .wraper .c-content {
z-index: 2;
}
.contact-us .row .col-2 .btn:hover {
color: var(--gold-200);
}
.contact-us .row .col-2 .btn:hover svg {
fill: var(--gold-200);
}
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordian .accordin-item h6 {
font-weight: 600;
}
.accordian .accordin-item h6 {
font-weight: 600;
}
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordian .accordin-item h6 {
position: relative;
font-weight: 600;
}
.accordin-item .accordin-content {
padding-top: 16px;
}
.accordin-item .accordin-content p {
font-size: var(--s-des);
}
.accordin-item {
padding-bottom: 24px;
border-bottom: 1px solid #0807081a;
margin-bottom: 42px;
padding-top: 0;
}
.accordin-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.accordian .accordin-item h6 span {
width: 24px;
height: 24px;
display: inline-block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
top: 5px;
}
.accordian .accordin-item.active h6 span {
background-image: url('data:image/svg+xml,');
}
.placement.fourty-sixty .row figure {
width: 517px;
height: 489px;
}
.placement .col-sixty .fifty-fifty {
grid-template-columns: repeat(2, 6fr);
}
.placement .col-sixty .fifty-fifty .s-heading span svg {
width: 55px;
height: 62px;
fill: #a4dbe5;
}
.placement .col-sixty .fifty-fifty .s-heading {
position: relative;
transform: translate(0);
z-index: 1;
font-size: 48px;
margin-bottom: 8px;
}
.placement .col-sixty .fifty-fifty .s-heading span {
}
.placement .col-sixty .fifty-fifty .s-heading span {
z-index: -1;
left: -10px;
position: absolute;
}
.placement .col-sixty .fifty-fifty .col-fifty:first-child .s-heading span svg {
fill: #a4dbe5;
}
.placement .col-sixty .fifty-fifty .col-fifty:nth-child(2) .s-heading span svg {
fill: #e5d4a3;
}
.placement .col-sixty .fifty-fifty .col-fifty:nth-child(3) .s-heading span svg {
fill: #e5bca4;
}
.placement .col-sixty .fifty-fifty .col-fifty:nth-child(4) .s-heading span svg {
fill: #b3e5cb;
}
.placement.fourty-sixty .fifty-fifty {
grid-gap: 60px;
margin-bottom: 43px;
}
.placement.fourty-sixty .col-sixty .fifty-fifty p {
font-size: var(--s-des);
font-weight: 600;
line-height: 1.5;
}
.placement.fourty-sixty .col-sixty h5 {
margin-bottom: 34px;
font-weight: normal;
font-family: var(--f-family-reg);
}
.placement h2 {
margin-bottom: 34px;
}
.placement .col-sixty .btn1 {
max-width: max-content;
background: linear-gradient(90deg, #dabf7c 6.68%, #e4d0a0 79.14%);
}
.placement .col-sixty .btn1 svg {
width: 24px;
height: 24px;
}
.student-progress .tile .title-inner {
max-width: 50%;
margin-left: auto;
padding-left: 20px;
}
.student-progress .tile .title-inner p {
font-size: var(--s-des);
}
.student-progress .row {
grid-template-columns: repeat(3, 3.33fr);
}
#studentprogress .row .col-inner {
max-width:fit-content;
}
.student-progress .row .col-inner .col-title {
position: relative;
color: var(--gold-200);
text-align: left;
display: flex;
flex-direction: column;
text-transform: uppercase;
}
.student-progress .row .col-inner {
max-width: 384px;
}
.student-progress .row .col-inner .col-title span {
font-size: inherit;
color: var(--white);
font-family: inherit;
}
.student-progress .row .col-inner .col-title span {
height: 155px;
width: 155px;
display: inline-flex;
align-items: center;
justify-content: center;
transform: translate(0);
z-index: 2;
color: var(--white) !important;
margin-bottom: 32px;
text-transform: uppercase;
}
.student-progress .row .col-inner .col-title span svg {
position: absolute;
fill: #8c8c8c;
z-index: -1;
}
.student-progress .row .col-inner .line p {
font-size: var(--s-des);
}
.student-progress .row .col-inner p {
font-size: var(--s-des);
padding-top: 8px;
}
.student-progress .row .col-3:first-child .col-inner {
transform: translateY(-298px);
position: relative;
}
.student-progress .row .col-inner .line {
position: absolute;
top: -33px;
left: 148px;
}
.student-progress .row .col-3:nth-child(2) .col-inner {
transform: translateY(-24px);
}
.student-progress .row .col-3:nth-child(2) .col-inner .line {
transform: rotate(-7deg);
top: -80px;
/* width: 401px; */
}
.student-progress .row .col-3:nth-child(3) .col-inner {
padding-top: 193px;
}
.student-progress .row .col-3:nth-child(3) .col-inner .col-title span svg {
fill: var(--primary-100);
}
.student-progress .container1 {
position: relative;
}
.student-progress .container1 .bottom-overlay {
position: absolute;
bottom: -81px;
left: -30px;
}
.student-progress .row .col-inner figure {
display: none;
}
/*Placement css*/
.trainig-slider {
padding-left: calc((100% - 1298px) / 2);
padding-top: 40px;
}
.trainig-slider .slick-list {
padding-top: 15px !important;
padding-left: 0 !important;
}
.trainig-slider .slick-track {
display: flex !important;
}
.trainig-slider .ts-col {
padding: 0 20px;
height: inherit;
}
.trainig-slider .ts-col .icon {
position: absolute;
left: -15px;
top: -12px;
width: 74px;
height: 84px;
}
.trainig-slider .ts-col .ts-inner {
text-align: center;
padding: 47px 37px 37px 37px;
background-color: var(--light-gold);
border-radius: 16px;
position: relative;
grid-gap: 16px;
display: flex;
flex-direction: column;
height: 100%;
}
.trainig-slider .ts-col .ts-inner .semi-heading.sub-title {
font-weight: 600;
line-height: 1.2;
}
.trainig-slider .ts-col .ts-inner h4 {
line-height: 1.2;
}
.trainig-slider .ts-col .ts-inner .semi-heading {
line-height: 1.2;
}
.trainig-slider .ts-col.slick-current .ts-inner {
/* Rectangle 40282 */
background: linear-gradient(162.17deg, #f9f6ed -13.01%, #deeff2 147.66%);
}
.trainig-slider .ts-col.slick-current .ts-inner .icon svg path {
fill: var(--light-blue);
}
.trainig-slider .ts-col.slick-current .ts-inner .icon svg g path {
fill: var(--dark-blue);
}
.trainig-program .navigation-wrapper {
padding-left: calc((100% - 1298px) / 2);
}
.trainig-program .navigation-wrapper .pagination {
display: flex;
align-items: center;
justify-content: center;
padding-top: 75px;
}
.trainig-program .navigation-wrapper .pagination .dots ul {
display: flex;
align-items: center;
}
.trainig-program .navigation-wrapper .pagination .dots ul li {
margin: 0;
padding: 0 5px;
display: flex;
align-items: center;
}
.trainig-program .navigation-wrapper .pagination .dots ul li::before {
display: none;
}
.trainig-program .navigation-wrapper .pagination .dots ul li button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #e5d4a3;
background-color: #e5d4a3;
}
.trainig-program
.navigation-wrapper
.pagination
.dots
ul
li.slick-active
button {
background-color: #ba8938;
border-color: #ba8938;
width: 13px;
height: 13px;
cursor: pointer;
}
.trainig-program .navigation-wrapper .pagination button.slick-arrow {
padding: 0;
font-size: 0;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2071 6.29289C18.8166 5.90237 18.1834 5.90237 17.7929 6.29289C17.4024 6.68342 17.4024 7.31658 17.7929 7.70711L25.0858 15H5.5C4.94772 15 4.5 15.4477 4.5 16C4.5 16.5523 4.94772 17 5.5 17H25.0858L17.7929 24.2929C17.4024 24.6834 17.4024 25.3166 17.7929 25.7071C18.1834 26.0976 18.8166 26.0976 19.2071 25.7071L28.2071 16.7071C28.3902 16.524 28.4874 16.2877 28.4989 16.048C28.4996 16.032 28.5 16.016 28.5 16M28.5 15.9908C28.4976 15.7379 28.4 15.4858 28.2071 15.2929L19.2071 6.29289' fill='%23BA8938'/%3E%3C/svg%3E%0A");
cursor: pointer;
}
.trainig-program .navigation-wrapper .pagination button.prev.slick-arrow {
transform: rotate(180deg);
}
.trainig-program .navigation-wrapper .pagination .dots {
padding: 0 48px;
}
.contact-us .row {
max-width: 894px;
grid-template-columns: repeat(2, 6fr);
grid-gap: 24px;
}
.contact-us .row .col-2 {
padding: 52px 32px;
border-radius: 16px;
border: 1px solid var(--gold-100);
text-align: center;
background-color: var(--white);
}
.contact-us .row .col-2 .icon {
line-height: 1;
margin-bottom: 32px;
}
.contact-us .row .col-2 h4 {
max-width: 300px;
margin: 0 auto;
line-height: 1.2;
margin-bottom: 12px;
}
.contact-us .row .col-2 p {
min-height: 150px;
}
.contact-us .row .col-2 .btn {
padding: 0;
background: #fff;
display: inline-flex;
border: 0;
color: var(--gold-100);
}
.contact-us .row .col-2 .btn svg {
fill: var(--gold-100);
margin-left: 6px;
}
.contact-us h2 {
margin: 0;
line-height: 1.2;
margin-bottom: 61px;
}
.contact-us {
background: var(--light-gold);
padding: 127px 0px !important;
}
#contactus {
padding: 127px 72px !important;
}
.contact-us .wraper {
position: relative;
z-index: 1;
transform: translate(0);
}
.contact-us .wraper .contact-image {
position: absolute;
right: 0;
z-index: -1;
top: -84px;
}
.contact-us .wraper .contact-image img {
border-radius: 16px !important;
}
.contact-us .wraper .c-content {
z-index: 2;
}
.contact-us .row .col-2 .btn:hover {
color: var(--gold-200);
}
.contact-us .row .col-2 .btn:hover svg {
fill: var(--gold-200);
}
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordian .accordin-item h6 {
font-weight: 600;
}
.accordian .accordin-item h6 {
font-weight: 600;
}
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordian .accordin-item h6 {
position: relative;
font-weight: 600;
}
.accordin-item .accordin-content {
padding-top: 16px;
}
.accordin-item .accordin-content p {
font-size: var(--s-des);
}
.accordin-item {
padding-bottom: 24px;
border-bottom: 1px solid #0807081a;
margin-bottom: 42px;
padding-top: 0;
}
.accordin-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.accordian .accordin-item h6 span {
width: 24px;
height: 24px;
display: inline-block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
top: 5px;
}
.accordian .accordin-item.active h6 span {
background-image: url('data:image/svg+xml,');
}
.placement.fourty-sixty .row figure {
width: 517px;
height: 489px;
}
.placement .col-sixty .fifty-fifty {
grid-template-columns: repeat(2, 6fr);
}
.placement .col-sixty .fifty-fifty .s-heading span svg {
width: 55px;
height: 62px;
fill: #a4dbe5;
}
.placement .col-sixty .fifty-fifty .s-heading {
position: relative;
transform: translate(0);
z-index: 1;
font-size: 48px;
margin-bottom: 8px;
}
.placement .col-sixty .fifty-fifty .s-heading span {
}
.placement .col-sixty .fifty-fifty .s-heading span {
z-index: -1;
left: -10px;
position: absolute;
}
.placement .col-sixty .fifty-fifty .col-fifty:first-child .s-heading span svg {
fill: #a4dbe5;
}
.placement .col-sixty .fifty-fifty .col-fifty:nth-child(2) .s-heading span svg {
fill: #e5d4a3;
}
.placement .col-sixty .fifty-fifty .col-fifty:nth-child(3) .s-heading span svg {
fill: #e5bca4;
}
.placement .col-sixty .fifty-fifty .col-fifty:nth-child(4) .s-heading span svg {
fill: #b3e5cb;
}
.placement.fourty-sixty .fifty-fifty {
grid-gap: 60px;
margin-bottom: 43px;
}
.placement.fourty-sixty .col-sixty .fifty-fifty p {
font-size: var(--s-des);
font-weight: 600;
line-height: 1.5;
}
.placement.fourty-sixty .col-sixty h5 {
margin-bottom: 34px;
font-weight: normal;
font-family: var(--f-family-reg);
}
.placement h2 {
margin-bottom: 34px;
}
.placement .col-sixty .btn1 {
max-width: max-content;
background: linear-gradient(90deg, #dabf7c 6.68%, #e4d0a0 79.14%);
}
.placement .col-sixty .btn1 svg {
width: 24px;
height: 24px;
}
.student-progress .tile .title-inner {
max-width: 50%;
margin-left: auto;
padding-left: 20px;
}
.student-progress .tile .title-inner p {
font-size: var(--s-des);
}
.student-progress .row {
grid-template-columns: repeat(3, 3.33fr);
}
.student-progress .row .col-inner {
}
.student-progress .row .col-inner .col-title {
position: relative;
color: var(--gold-200);
text-align: left;
display: flex;
flex-direction: column;
text-transform: uppercase;
}
.student-progress .row .col-inner {
max-width: 384px;
}
.student-progress .row .col-inner .col-title span {
font-size: inherit;
color: var(--white);
font-family: inherit;
}
.student-progress .row .col-inner .col-title span {
height: 155px;
width: 155px;
display: inline-flex;
align-items: center;
justify-content: center;
transform: translate(0);
z-index: 2;
color: var(--white) !important;
margin-bottom: 32px;
text-transform: uppercase;
}
.student-progress .row .col-inner .col-title span svg {
position: absolute;
fill: #8c8c8c;
z-index: -1;
}
.student-progress .row .col-inner .line p {
font-size: var(--s-des);
}
.student-progress .row .col-inner p {
font-size: var(--s-des);
padding-top: 8px;
}
.student-progress .row .col-3:first-child .col-inner {
transform: translateY(-298px);
position: relative;
}
.student-progress .row .col-inner .line {
position: absolute;
top: -33px;
left: 148px;
}
.student-progress .row .col-3:nth-child(2) .col-inner {
transform: translateY(-24px);
}
.student-progress .row .col-3:nth-child(2) .col-inner .line {
transform: rotate(-7deg);
top: -80px;
/* width: 401px; */
}
.student-progress .row .col-3:nth-child(3) .col-inner {
padding-top: 193px;
}
.student-progress .row .col-3:nth-child(3) .col-inner .col-title span svg {
fill: var(--primary-100);
}
.student-progress .container1 {
position: relative;
}
.student-progress .container1 .bottom-overlay {
position: absolute;
bottom: -81px;
left: -30px;
}
.student-progress .row .col-inner figure {
display: none;
}
/* recruiter carousel */
.recruiters {
width: 100%;
background-color: #fff;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 72px 0;
}
.recruiters h1 {
font-size: 40px;
font-weight: 700;
color: #333333;
margin-bottom: 50px;
}
.marquee {
display: flex;
overflow: hidden;
width: 100%;
margin-top: 20px;
}
.companyLogos {
display: flex;
gap: 40px;
animation: scroll 20s linear infinite;
-webkit-animation: scroll 20s linear infinite;
}
.companyLogos2 {
display: flex;
gap: 40px;
animation: scrollOpposite 20s linear infinite;
-webkit-animation: scrollOpposite 20s linear infinite;
}
.companyLogos:hover {
animation-play-state: paused;
/* Pause animation on hover */
}
.companyLogos2:hover {
animation-play-state: paused;
/* Pause animation on hover */
}
.marquee .logo,
.marquee1 .logo {
flex: 0 0 auto;
/* Prevent shrinking */
padding: 10px;
/* Add some spacing between logos */
}
.marquee .companyLogos .logo img, .marquee .companyLogos2 .logo img {
height: 50px;
width: 100%;
object-fit: contain;
object-position:center;
}
.marquee1 .logo:nth-child(5) img,
.marquee1 .logo:nth-child(6) img {
height: 90px !important;
}
.marquee1 .logo img {
object-fit: contain;
height: 63px;
width: 298px;
}
@keyframes scroll {
from {
transform: translateX(0%);
}
to {
transform: translateX(-50%);
}
}
@keyframes scrollOpposite {
from {
transform: translateX(-50%);
}
to {
transform: translateX(0%);
}
}
.custom-button:hover {
background: linear-gradient(162.17deg, #f9f6ed -13.01%, #deeff2 147.66%);
border: none;
transform: rotate(-2deg);
transition: all 0.5s ease;
}
.marquee1 {
display: flex;
overflow: hidden;
width: 100%;
margin-top: 20px;
position: fixed;
z-index: 1;
bottom: -32px;
padding: 84px 0px;
/* background: linear-gradient(3.56deg, #FFFFFF 58.24%, rgba(255, 255, 255, 0.753398) 75.63%, rgba(255, 255, 255, 0.52) 85.41%, rgba(255, 255, 255, 0) 98.23%); */
background: linear-gradient(
0deg,
#ffffff 67%,
rgba(255, 255, 255, 0.753398) 74%,
rgba(255, 255, 255, -0.48) 87%,
rgba(255, 255, 255, 0) 86%
);
}
.apply-logo {
width: 100%;
margin-top: 20px;
position: fixed;
z-index: 1;
bottom: 35px;
text-align: end;
padding-right: 62px;
}
.apply-logo img {
width: 152.37px;
height: 158.13px;
}
.placement,
.stories-parent,
.student-progress,
.trainig-program,
.contact-us,
.recruiters,
.faq,
.next-step,
.modal {
position: relative;
z-index: 2;
}
.trainig-program,
.faq {
background-color: #fff;
}
.next-step h2 {
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
text-align: left;
}
.next-step {
padding: 72px 60px;
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
display: flex;
flex-direction: column;
background-color: #F9F6ED;
}
/* .apply-now{
max-width: 40 !important;
} */
.apply-span{
margin-left: 12px;
}
.next-step .custom-button {
width: -webkit-fill-available;
text-align: left;
border-color: #e5d4a3;
border-radius: 20px;
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding:16px 32px !important;
}
.next-step .custom-button img {
margin-right: 10px;
}
.next-step .apply-now-text {
text-transform: uppercase;
}
a.btn.btn-primary.btn-block.custom-button {
background-color: #ffffff;
text-align: left;
border-color: #E5D4A3;
max-width:100% !important;
}
.apply-now-text {
font-family: 'Proxima Nova', sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 31.2px;
text-align: left;
color: #BA8938;
}
.apply-req-section{
display:flex;
justify-content:space-between;
}
.next-step .custom-button:hover {
background: linear-gradient(180deg, #F9F6ED, #DEEFF2) !important;
transform: rotate(-2deg);
transition: transform 0.3s ease;
border: white;
}
/* form */
button.btn-close {
position: relative;
margin-top: 25px !important;
}
h1#exampleModalLabel {
font-size: 24px !important;
font-weight: 700;
line-height: 36px;
width: 406px;
height: 36px;
}
button.btn.btn-primary.submit-btn {
position: relative;
margin-top: 40px;
font-weight: 700;
font-size: 18px;
text-align: center;
padding: 12px 16px;
color: #6c4327;
border: 1px solid #cda452;
background: linear-gradient(90deg, #dabf7c 6.68%, #e4d0a0 79.14%);
}
input#exampleCheck1 {
background-color: #cda452;
border-color: #cda452;
}
select#courses {
padding-top: unset;
padding-bottom: unset;
}
select#qualification {
padding-top: unset;
padding-bottom: unset;
}
.modal-header {
border-bottom: 0 !important;
}
.modal-content {
padding: 20px;
}
.modal-dialog.modal-dialog-centered {
max-width: 536px !important;
}
.col-2,
.col-3 {
width: auto !important;
}
.container1 {
max-width: 1338px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
dl,
ol,
ul {
margin-top: auto !important;
margin-bottom: auto !important;
}
ol,
ul {
padding-left: 0px !important;
}
#studentprogress {
padding: 72px 0px !important;
}
.btn1 {
padding: 16px 33px;
background-color: var(--gold-100);
text-decoration: none;
font-size: var(--s-des);
font-weight: 700;
text-transform: uppercase;
color: var(--gold-200);
display: flex;
align-items: center;
width: auto;
max-width: 315px;
justify-content: space-between;
border: 1px solid var(--gold-100);
border-radius: 8px;
}
.btn1:hover {
color: var(--gold-100) !important;!i;!;
}
.btn1:hover svg path {
fill: var(--gold-100) !important;
}
.placement .card-stack {
position: relative;
width: 470px;
height: 488px;
margin: 50px auto;
}
.placement .card {
position: absolute;
border-radius: 20.5px;
width: 100%;
height: 100%;
transition: transform 1s, opacity 1s, right 1s, box-shadow 1s,
background-color 1s, border-color 1s;
/* Added transitions for background-color and border-color */
/* box-shadow: 0px 6px 15px rgba(245, 245, 245, 0.9); Default shadow */
}
.placement .card:nth-child(1) {
transform: scale(1.01);
/* Top card */
}
.placement .card:nth-child(2) {
transform: scale(0.95);
/* Below card */
}
.placement .card:nth-child(3) {
transform: scale(0.9);
/* Bottom-most card */
}
.placement .card.not(.active) {
opacity: 1;
z-index: 0;
}
.placement .card.active {
z-index: 1;
transform: rotate(0) scale(1.01);
opacity: 1;
/* box-shadow: 0px 6px 15px rgba(245, 245, 245, 0.9); Stronger shadow for active card */
transition: transform 1s, opacity 1s, box-shadow 1s, top 1s;
}
.placement .card.out {
transform: rotate(15deg) translateX(200px) translateY(-50px) scale(0.86);
opacity: 1;
z-index: 1;
transition: transform 1s, opacity 1s, box-shadow 1s, top 1s;
}
.placement .card.back-in {
transform: translateX(200px) scale(0.9);
opacity: 1;
transition: transform 1s, opacity 1s, box-shadow 1s, top 1s;
}
.placement-details {
position: relative;
bottom: 200px;
background-color: #1f8396;
padding: 16px;
border-radius: 10px;
}
.placement-details .person-name {
font-size: var(--s-des);
font-weight: 600;
line-height: 1.5;
color: #fff !important;
text-align: left;
margin-left: 0px;
}
.placement-details .education {
font-size: 17.74px;
font-weight: 400;
line-height: 26.61px;
color: #fff !important;
text-align: left;
margin-left: 0px;
}
#placementsection .package-number {
font-size: 47.58px;
line-height: 47.58px;
font-weight: 900;
font-family: var(--f-family-reg);
color: #fff !important;
margin-right:0px;
}
#placementsection .card-stack .card .d-flex{
align-items: center;
}
#placementsection{
padding-left:72px;
padding-right:72px;
}
#placementsection .fourty-sixty{
column-gap: 70px;
}
#placementsection .card-stack .card-text{
padding:17px;
}
.lpa {
font-size: 17.74px;
line-height: 22.35px;
font-weight: 400;
font-family: var(--f-family-reg);
color: #fff !important;
}
/*Student club*/
.fifty-fifty {
grid-template-columns: repeat(2, 6fr);
grid-gap: 56px;
}
.studennt-discover h2.s-heading {
margin-bottom: 16px;
}
.studennt-discover .content p {
margin-bottom: 16px;
}
.studennt-discover .images-wraper figure img {
border-radius: 16px;
border: 1px solid var(--gold-100);
}
.studennt-discover .images-wraper figure:nth-child(2) {
text-align: right;
margin-top: -80px;
}
.student-club-list .studennt-list-item .row {
padding-left: 100px;
}
.student-club-list .col-6 h2 {
font-size: 48px;
}
.fifty-fifty {
grid-gap: 80px;
}
.student-club-list .col-6 p {
font-size: var(--s-des);
}
.studennt-list .row {
grid-template-columns: 5.8fr 6.2fr;
}
.studennt-list .row .col-6 h2 {
margin-bottom: 16px;
}
.student-club-list .studennt-list-item:nth-child(odd) {
background-color: var(--light-gold);
}
.studennt-list .studennt-list-item .container {
position: relative;
}
.studennt-list .studennt-list-item .container .section-index {
position: absolute;
left: 20px;
top: 0;
font-family: var(--f-family-reg);
color: var(--text-color);
}
.studennt-list .row .col-6 figure {
overflow: hidden;
line-height: 1;
border-radius: 16px;
}
.studennt-list .row .col-6 figure img {
border-radius: 16px;
}
.carousel {
display: flex;
max-width: 100%;
overflow: hidden;
position: relative;
gap: 0px;
align-items: center;
scroll-behavior: smooth;
/* margin-top: -1rem; */
}
.carousel-item1 {
flex: 1;
overflow: hidden;
width: 100%;
max-width: 100%;
height: auto;
display: flex;
align-items: center;
position: relative;
transition: transform 1s ease;
box-sizing: border-box;
/* padding: 10px; */
}
.carousel-item-right {
justify-content: left;
padding-left: 25px;
}
.carousel-item-left {
justify-content: right;
padding-right: 25px;
}
/* #mid-div-img {
max-width: 461px;
max-height: 426px;
object-fit: cover;
border-radius: 16px;
} */
.carousel-item1 img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 10;
transition: opacity 0.5s ease;
}
.controls {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin-top: 25px;
}
.arrow {
cursor: pointer;
opacity: 0.8;
}
.dots-stories {
display: flex;
gap: 8px;
}
.dot-stories {
width: 10px;
height: 10px;
background-color: #e5d4a3;
border-radius: 50%;
transition: background-color 0.3s ease;
cursor: pointer;
}
.dot-stories.activee {
background-color: #ba8938;
}
.story-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: #10687ab2;
left: 0;
z-index: 20;
border-radius: 16px;
}
#img2 {
border-radius: 16px;
width: 40vw;
height: 28vw;
}
.overlay-text {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: white;
z-index: 30;
}
.content-overlay-inside {
padding: 28px;
display: flex;
gap: 15px;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.content-overlay-inside p {
font-size: 18px;
font-weight: 400;
line-height: 25px;
text-align: left;
color: white;
}
.content-overlay-inside div p {
opacity: 0.6;
}
.tags-container {
display: flex;
gap: 3px;
flex-wrap: wrap;
}
.tags {
background-color: #f6f6f6;
padding: 6px 10px;
border-radius: 20px;
color: #073742;
font-size: 12px;
}
.profile-info {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.profile-info img {
height: 35px;
width: 35px;
}
.profile-info h1 {
font-size: 32px;
color: white;
}
.profile-info p {
color: white;
}
.stories-title h1 {
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
text-align: center;
color: #333333;
}
#nextBtn {
margin-left: 2rem;
height: 32px;
}
#prevBtn {
margin-right: 2rem;
height: 32px;
}
/* .row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)* .5);
padding-left: calc(var(--bs-gutter-x)* .5);
margin-top: var(--bs-gutter-y);
} */
.custom-button:hover {
background: linear-gradient(162.17deg, #f9f6ed -13.01%, #deeff2 147.66%);
border: none;
transform: rotate(-2deg);
transition: all 0.5s ease;
}
/*Women cell*/
.empowering-communication1 .cards{
grid-template-columns: 1fr;
}
/* hero image css */
.womencell-page .small-text {
margin-bottom: 8px;
font-size: 24px;
font-weight: 600;
line-height: 36px;
}
.womencell-page .small-mobile-text {
margin-bottom: 8px;
font-size: 18px;
font-weight: 600;
line-height: 27px;
}
.womencell-page .line-img {
/* position: fixed; */
margin-top: 8px;
bottom: 10vh;
height: 20vh;
left: 83.05px;
}
.womencell-page .apply-now-btn {
position: fixed;
margin-top: 8px;
bottom: 10vh;
height: 150px;
right: 90px;
}
.womencell-page .empower-text {
padding: 0px 0px;
color: #3d3d3d;
width: 28%;
}
.womencell-page .text-container {
padding: 24px 0px;
margin-top: 90px;
}
.womencell-page .cover-image-text {
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 200px; /* Vertically centered */
left: 72px; /* Horizontally centered */
color: #008294; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: -1;
margin-bottom: 12px;
}
.womencell-page .bold-text{
font-weight:700;
font-size:32px;
}
.womencell-page .cover-image-mobile-text {
display: none;
}
.womencell-page .succeed-text {
background-color: #012d45;
color: #fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding: 0px 6px;
position: relative;
right: 8px;
}
.womencell-page .succeed-text-white {
background-color: #002e47;
color: #ffffff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding: 0px 14px;
position: relative;
right: 0px;
}
.womencell-page .preamble-section .container .d-grid {
grid-template-columns: 32% 30% 5% 28%;
gap: 20px;;
}
/* hero image css end */
.empowering-communication .title h2 {
line-height: 1.2;
margin-bottom: 24px;
}
.empowering-communication .title p {
font-size: var(--s-des);
line-height: 1.5;
}
.preamble-section .title p,
.fourth-column-text {
font-size: var(--s-des);
line-height: 1.5;
}
.empowering-communication .col-5 {
padding-left: 14px;
}
.ec-slider .ec-item {
padding: 48px 40px;
border-radius: 16px;
border: 1px solid var(--gold-100);
margin-bottom: 32px;
}
.ec-slider .ec-item .icon figure {
position: relative;
transform: translate(0);
z-index: 1;
margin-bottom: 20px;
}
.ec-slider .ec-item .icon figure span {
position: absolute;
z-index: -1;
top: 9px;
left: 20px;
}
.ec-slider .ec-item .icon figure span svg {
fill: #f4ebd3;
}
.ec-slider .ec-item h5 {
line-height: 1.2;
margin-bottom: 8px;
}
/*.empowering-communication .ec-slider .slick-list {
padding-top: 100px !important;
}*/
.quote {
background-color: var(--primary-200);
}
.quote-inner h2 {
color: var(--white);
line-height: 1.2;
margin-bottom: 32px;
}
.quote-inner p {
color: var(--white);
line-height: 1.4;
font-size: 29px;
}
.quote .quote-inner {
padding: 0 34px;
transform: translate(0);
z-index: 1;
}
.quote .quote-inner .authore {
padding-top: 32px;
}
.quote .quote-inner .authore p {
font-size: var(--s-des);
}
.quote .quote-inner .authore .name {
font-weight: bold;
margin-bottom: 8px;
}
.quote .quote-inner .authore .position {
font-size: var(--semi-heading);
}
.quote-inner .quote-top,
.quote-inner .quote-bottom {
position: absolute;
max-width: 151px;
width: 100%;
max-height: 120px;
height: 100%;
z-index: -1;
}
.quote-inner {
position: relative;
}
.quote-inner .quote-top {
top: -30px;
left: -79px;
}
.quote-inner .quote-bottom {
bottom: 0;
right: 11px;
bottom: 80px;
}
.contact-us.filling-complaint {
padding-bottom: 100px;
padding-top: 87px;
}
.contact-us.filling-complaint .row .col-2 p {
min-height: inherit;
}
.contact-us.filling-complaint .row .col-2 {
display: flex;
align-items: flex-start;
padding: 30px 32px;
}
.contact-us.filling-complaint .row .col-2 .fc-content {
text-align: left;
margin-left: 15px;
}
.contact-us.filling-complaint .row .col-2 .icon {
margin-bottom: 0;
}
.contact-us.filling-complaint .row .col-2:first-child {
grid-column-start: 0;
grid-column-end: 0;
padding: 48px 32px;
max-width: 100%;
}
.contact-us.filling-complaint .row {
grid-gap: 32px;
max-width: 902px;
}
.contact-us.filling-complaint .row .col-2 .fc-content h4 {
font-weight: normal;
font-family: var(--f-family-reg);
margin-bottom: 4px;
color: #454545;
margin-left: 0;
}
.contact-us.filling-complaint .row .col-2 .fc-content p {
color: #666666;
font-weight: 700;
font-family: var(--f-family-bold);
max-width: 100%;
display: block;
word-break: break-word;
}
.contact-us.filling-complaint .row .col-2 .fc-content p a {
font: inherit;
color: inherit;
text-decoration: none;
}
.contact-us.filling-complaint .row .col-2 .fc-content p a:hover {
color: var(--primary-100);
}
.contact-us.filling-complaint .wraper .contact-image {
top: -39px;
}
.contact-us.filling-complaint .wraper .contact-image {
border-radius: 16px;
overflow: hidden;
}
.contact-us.filling-complaint h2 {
margin-bottom: 36px;
}
.contact-us.filling-complaint .title h4 {
color: #008294;
text-transform: uppercase;
margin-bottom: 8px;
}
.contact-us.filling-complaint .row .col-2 {
flex: 0 0 calc(50% - 16px);
}
.commite-member .member a {
text-decoration: none;
border: 1px solid var(--gold-100);
display: block;
border-radius: 16px;
overflow: hidden;
height:100%;
}
.commite-member .member a figure {
/*bottom: 110px;*/
/*left: 39%;*/
border-radius: 13px;
overflow: hidden;
line-height: 1;
/*transform: rotate(0);*/
z-index: 9;
position:relative;
}
.commite-member .member a:hover figure {
display: block;
}
.commite-member .member a .content h3 {
color: var(--light-gray);
margin-bottom: 4px;
font-size:21px;
color:#000 !important;
font-weight:600;
}
.commite-member .member a .content p {
font-size: var(--s-des);
font-weight: 400;
line-height: 1.5;
color: var(--light-gray);
}
.commite-member .member a:hover .content h3,
.commite-member .member a:hover .content p {
color: #5e5e5e;
}
.commite-member .row {
grid-row-gap: 40px;
}
.action .btn {
background: linear-gradient(90deg, #dabf7c 6.68%, #e4d0a0 79.14%);
cursor: pointer;
max-width: 100%;
width: 100%;
text-align: center;
justify-content: center;
}
.action {
text-align: center;
display: flex;
justify-content: center;
padding-top: 32px;
display: none;
}
.action .btn svg {
width: 24px;
height: 24px;
margin-left: 5px;
}
.gallery .d-grid {
grid-row-gap: 0 !important;
grid-column-gap: 24px !important;
}
.gallery .d-grid figure {
margin-bottom: 20px;
overflow: hidden;
border-radius: 1px;
}
.gallery .d-grid figure img {
border-radius: 16px;
width: 100%;
}
.gallery .title h2 {
margin: 52px;
}
.gallery .d-grid figure {
position: relative;
line-height: 1;
overflow: hidden;
}
.gallery .d-grid figure figcaption {
position: absolute;
top: 0;
bottom: 4px;
left: 0;
right: 0;
display: flex;
align-items: mm;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.7) 100%
);
border-radius: 16px;
opacity: 0;
}
.gallery .d-grid figure:hover figcaption {
opacity: 1;
}
.gallery .d-grid figure figcaption h3 {
color: #fff;
}
.gallery .d-grid figure figcaption p {
color: rgb(255 255 255 / 70%);
}
.foundation-text {
font-size: 64px;
font-weight: 700;
}
.society-text {
color: #008294;
font-size: 64px;
font-weight: 700;
}
.for-text {
color: #8c8c8c;
font-size: 64px;
font-weight: 700;
}
.third-column-text {
font-size: 32px;
font-weight: 400;
line-height: 38.4px;
}
.preamble-section {
background-color: #f6f6f6;
}
.forty-thirty-forty .vertical-line {
width: 2px;
background-color: black;
height: 90%;
}
.foundation-div {
display: flex;
flex-direction: column;
gap: 12px;
}
/* faq */
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordian .accordin-item h6 {
font-weight: 600;
}
.accordian .accordin-item h6 {
font-weight: 600;
}
.accordin-content {
display: none;
/* Start collapsed */
}
.accordin-item.active .accordin-title {
font-weight: bold;
/* Optional styling for active titles */
cursor: pointer;
}
.accordian {
background-color: #f6f6f6;
padding: 40px 32px;
border-radius: 16px;
}
.accordian .accordin-item h6 {
position: relative;
font-weight: 600;
padding-right:30px;
}
.accordin-item .accordin-content {
padding-top: 16px;
}
.accordin-item .accordin-content p {
font-size: var(--s-des);
}
.accordin-item {
padding-bottom: 24px;
border-bottom: 1px solid #0807081a;
margin-bottom: 42px;
padding-top: 0;
}
.accordin-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.accordian .accordin-item h6 span {
width: 24px;
height: 24px;
display: inline-block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
top: 5px;
}
.accordian .accordin-item.active h6 span {
background-image: url('data:image/svg+xml,');
}
/* card slide to stack animation */
.proud-achivment {
padding: 72px 0px !important;
}
.proud-achivment .tabs-container {
margin-bottom: 0;
}
.empowering-communication1 {
padding: 72px !important;
}
.card1,
.col-md-4 {
position: sticky;
top: 120px;
}
.empowering-communication1 .col-md-4 {
height: 330px;
}
.card__inner {
will-change: transform;
background: white;
border-radius: 14px;
display: flex;
overflow: hidden;
box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 35%);
transform-origin: center top;
}
.cards {
width: 100%;
/* max-width: 553px;*/
margin: 0 auto;
display: grid;
grid-template-rows: repeat(var(--cards-count), var(--card-height));
gap: 40px 0;
}
.card__image-container {
display: flex;
width: 40%;
flex-shrink: 0;
}
.card__image {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
}
.card__content {
padding: 48px 40px 50px 40px;
display: flex;
flex-direction: column;
gap: 8px;
border: 2px solid #cda452;
border-radius: 16px;
}
.card__title {
padding: 0;
margin: 0;
font-size: 28px;
font-weight: 700;
color: #16263a;
line-height: 33.6px;
}
.card__description {
line-height: 27px;
font-size: 18px;
font-weight: 400;
color: #16263a;
height: auto;
}
.space {
height: 20vh;
}
.space--small {
height: 40vh;
}
.empowering-communication1 .col-md-4 {
width: 50%;
}
.empowering-communication1 .col-md-6 {
width: 50%;
}
.empowering-communication1 .card1 .card__content figure {
position: relative;
transform: translate(0);
z-index: 1;
margin-bottom: 20px;
}
.empowering-communication1 .card1 .card__content figure span {
position: absolute;
z-index: -1;
left: 24px;
bottom: 20px;
}
.empowering-communication1 .card1 .card__content figure span svg {
fill: #f4ebd3;
}
.empowering-communication1 .title p {
font-size: var(--s-des);
line-height: 1.5;
}
.empowering-communication1 .title h2 {
line-height: 1.2;
}
.card__content .date {
font-size: var(--semi-heading);
font-weight: 600;
}
/*Liabrary Page*/
.fdfyc .col-3 {
text-align: center;
}
.fdfyc .col-3 span svg {
fill: var(--gold-300);
z-index: -1;
}
.fdfyc .col-3 h3 {
z-index: 1;
transform: translate(0);
line-height: 1.2;
margin-bottom: 8px;
}
.fdfyc .col-3 span {
z-index: -1;
left: calc(50% - 26px);
top: -2px;
}
.fdfyc .col-3 p {
font-size: var(--h5);
font-weight: 400;
line-height: 1.2;
}
.fdfyc .col-3:nth-child(n + 10) {
display: none;
}
.fdfyc .title {
margin-bottom: 52px;
text-align: center;
}
.fdfyc .action {
display: block;
padding-top: 86px;
}
.fdfyc .action .btn.btn-primary {
width: auto;
margin: 0 auto;
padding: 16px 20px !important;
font-size: 24px;
line-height: 1.2;
}
.fdfyc.show-more .col-3:nth-child(n + 10) {
display: block;
}
.fdfyc .row {
grid-row-gap: 85px;
}
.intro ul li {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
padding-left: 88px;
font-size: var(--s-des);
line-height: 1.5;
margin-bottom: 52px;
}
.intro ul li:before {
display: none;
padding: 0;
}
.intro ul li .icon {
position: absolute;
left: 0;
}
.intro ul li .icon figure {
position: relative;
transform: translate(0);
z-index: 1;
}
.intro ul li .icon figure span {
position: absolute;
z-index: -1;
right: -9px;
}
.intro ul li .icon figure span svg {
fill: #f4ebd3;
}
.intro ul li:last-child {
margin-bottom: 0;
}
.intro .title {
padding-bottom: 52px;
}
.intro .row.fifty-fifty {
grid-gap: 52px;
}
.intro .col-5 figure {
line-height: 1;
display: inline-block;
border-radius: 16px;
overflow: hidden;
}
.intro .col-5 figure img {
border: 1px solid var(--gold-100);
border-radius: 16px;
}
.intro .col-5.d-grid.fifty-fifty {
grid-column-gap: 12px;
}
.acess-library .title h2 {
line-height: 1.2;
max-width: 555px;
margin: 0;
}
.title {
}
.acess-library .title .des {
max-width: 708px;
margin-left: auto;
margin-right: 0;
}
.acess-library .title .des h4 {
font-style: italic;
line-height: 1.2;
margin-bottom: 24px;
}
.acess-library .title .des p {
font-size: var(--h5);
color: #5e5e5e;
font-weight: 600;
line-height: 1.2;
}
.acess-library .row {
box-sizing: border-box;
flex-wrap: nowrap;
padding-top: 32px;
}
.acess-library .row .col-4 {
padding: 5.5px;
}
.acess-library .row .col-4 figure {
line-height: 0.7;
margin-bottom: 12px;
}
.acess-library .row .col-4 figure img {
border-radius: 16px;
}
.acess-library .row .col-4.col-4-1 {
margin-top: -126px;
}
.acess-library .title .des h4 {
position: relative;
transform: translate(0);
z-index: 1;
}
.acess-library .title .des h4 svg {
position: absolute;
z-index: -1;
top: -33px;
right: 137px;
}
.quote-bottom.p-relative {
margin-left: 20%;
max-width: 286px;
padding-top: 23px;
}
.quote-bottom.p-relative svg {
position: absolute;
top: -188px;
left: -43px;
}
.quote-bottom.p-relative h4 {
line-height: 1.2;
font-style: italic;
}
.quote-bottom.p-relative h5 {
font-weight: 600;
font-family: var(--f-family-reg);
color: #5e5e5e;
}
.gallery-list .d-grid {
grid-gap: 10px;
}
.gallery-list .gallery-first {
grid-template-columns: 2.9fr 2.9fr 6.2fr;
}
.gallery-list .gallery-first figure {
position: relative;
}
.gallery-list .gallery-first figure figcaption {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.gallery-list .gallery-first .galler-col figure {
line-height: 1;
overflow: hidden;
border-radius: 16px;
}
.gallery-list .gallery-first figure figcaption > * {
color: var(--white);
text-align: center;
}
.gallery-list .gallery-first figure figcaption h3,
.gallery-list .gallery-first figure figcaption h4 {
line-height: 1.2;
}
.gallery-list .gallery-first figure figcaption p {
line-height: 1.2;
}
.gallery-list .gallery-first .galler-col.black-color figure figcaption h3,
.gallery-list .gallery-first .galler-col.black-color figure figcaption p {
color: #3d3d3d;
text-align: left;
}
.gallery-list {
padding-top: 56px;
}
.gallery-list .gallery-first .galler-col:last-child figure figcaption {
max-width: 52%;
text-align: left;
align-items: flex-start;
right: 32px;
left: auto;
}
.gallery-list .gallery-first .galler-col:last-child figure figcaption > * {
text-align: left;
}
.gallery-list .gallery-first figure figcaption h3 {
margin-bottom: 8px;
}
.gallery-list .gallery-first.gallery-second {
grid-template-columns: 4.4fr 7.6fr;
padding-top: 10px;
}
.gallery-list .galler-col figure {
height: 100%;
}
.gallery-list .galler-col figure img {
height: 100%;
min-height: 326px;
object-fit: cover;
object-position: center;
}
.gallery-list .gallery-first.gallery-second .galler-col figure figcaption {
padding: 48px 35px;
text-align: left;
align-items: flex-start;
}
.gallery-list .gallery-first.gallery-second .galler-col figure figcaption > * {
text-align: left;
}
.gallery-list .gallery-first.gallery-second .galler-col figure figcaption p {
font-size: var(--s-des);
max-width: 91%;
text-align: left;
}
.gallery-list
.gallery-first.gallery-second
.galler-col:nth-child(2)
figure
figcaption {
left: 0;
max-width: 333px;
}
.gallery-first.gallery-three {
grid-template-columns: 2.9fr 9.1fr;
}
.gallery-first.gallery-three figure figcaption {
padding: 32px;
}
.gallery-first.gallery-three .galler-col:last-child figure figcaption {
max-width: 100%;
}
.gallery-first.gallery-three .galler-col:last-child figure {
background-color: #f6f6f6;
}
.gallery-first.gallery-three .galler-col:last-child figure h4 {
color: var(--heading-color);
}
.gallery-first.gallery-three .galler-col:last-child figure span {
margin-bottom: 20px;
}
.gallery-first .galler-col figure h4 {
margin-bottom: 8px;
padding: 0 5px;
}
.gallery-first.gallery-four {
grid-template-columns: 4.6fr 2.8fr 4.4fr;
}
.gallery-list
.gallery-first.gallery-four
.galler-col:last-child
figure
figcaption {
max-width: 100%;
left: 48px;
right: auto;
}
.gallery-list .gallery-first.gallery-four .galler-col:last-child figure {
background-color: var(--gold);
}
.gallery-list .gallery-first.gallery-four .galler-col:last-child figure p {
color: var(--white);
}
.gallery-list .gallery-first.gallery-five {
grid-template-columns: 3.6fr 2.9fr 2.7fr 3fr;
}
.gallery-list .gallery-first.gallery-five {
grid-template-columns: 3.6fr 2.9fr 2.7fr 3fr;
}
.gallery-list .gallery-first.gallery-five .galler-col:first-child h4 {
color: var(--s-heading);
text-align: left;
}
.gallery-list .gallery-first figure figcaption figcaption {
}
.gallery-list .gallery-first.gallery-five .galler-col:first-child figcaption,
.gallery-list .gallery-first.gallery-five .galler-col:first-child figcaption p {
justify-content: center;
align-items: flex-start;
text-align: left;
}
.gallery-list .gallery-first.gallery-five .galler-col:first-child figcaption {
padding: 0 48px;
}
.gallery-list .gallery-first.gallery-five .galler-col:first-child figure {
background-color: #f7f7f7;
}
.gallery-list .gallery-first.gallery-five .galler-col:first-child figcaption p {
font-size: var(--s-des);
}
.gallery-list
.gallery-first.gallery-five
.galler-col:last-child
figure
figcaption {
max-width: 100%;
left: 0;
right: 0;
text-align: center;
align-items: center;
}
.gallery-list .gallery-first.gallery-six {
grid-template-columns: 6fr 6fr;
}
.gallery-list .gallery-first.gallery-six .galler-col:first-child {
grid-template-columns: repeat(2, 6fr);
}
.gallery-list
.gallery-first.gallery-six
.galler-col:first-child
figure:last-child {
grid-column-start: 1;
grid-column-end: 3;
}
.gallery-list .gallery-first.gallery-six .galler-col figure img {
width: 100%;
}
.gallery-list
.gallery-first.gallery-six
.galler-col:last-child
figure
figcamption {
top: 32px;
}
.gallery-list
.gallery-first.gallery-six
.galler-col:last-child
figure
figcaption {
align-items: flex-end;
justify-content: flex-start;
top: 32px;
right: 32px;
max-width: 60%;
}
.gallery-list
.gallery-first.gallery-six
.galler-col:last-child
figure
figcaption
p {
text-align: right;
}
.library-gallery h2 {
line-height: 1.2;
margin-bottom: 32px;
}
.lb-hero.hero {
width: 100%;
height: 100vh;
background-size: 100% 91%;
background-repeat: no-repeat;
background-position: center top 72px;
background-attachment: fixed;
cursor: pointer;
}
.galler-col {
display: flex;
flex-direction: column;
}
.lb-hero.hero {
background-image: url("../img/banners/Library.png");
}
/*Admission Page */
.applying h2 {
line-height: 1.2;
margin-bottom: 12px;
}
.applying .row {
display: grid;
grid-template-columns: repeat(5, 2fr);
padding-top: 103px;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: 60px;
}
.applying .row .col-5 {
text-align: center;
}
.applying .row .col-5 .inner {
display: inline-block;
width: auto;
position: relative;
}
.applying .row .col-5 .inner figure {
width: 140px;
height: 140px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white);
margin: 0 auto;
border-radius: 16px;
margin-top: -13px;
}
.applying {
background-color: #f9f6ed;
}
.applying .row .col-5 .inner span {
font-size: var(--semi-heading);
font-weight: 600;
color: var(--gold-100);
line-height: 1.2;
padding: 4px 12px;
background-color: var(--white);
border-radius: 42px;
border: 1.4px solid var(--gold-100);
}
.applying .row .col-5 .inner p {
font-size: var(--semi-heading);
color: var(--heading-color);
font-weight: 600;
padding-top: 16px;
max-width: 100%;
margin: 0 auto;
}
.applying .apply-action {
justify-content: center;
padding-top: 55px;
}
.applying .apply-action .btn {
background: linear-gradient(90deg, #dabf7c 6.68%, #e4d0a0 79.14%);
padding: 16px 20px;
}
.applying .apply-action .btn svg {
width: 24px;
height: 24px;
margin-left: 8px;
}
.applying .title h2 {
line-height: 1.2;
}
.pathway .title h2 {
line-height: 1.2;
text-align: center;
margin-bottom: 12px;
}
.pathway .title p {
line-height: 1.5;
text-align: center;
}
.pathway-list {
background: linear-gradient(90deg, #dbf3ff 0%, rgba(219, 243, 255, 0) 100%);
border-top: 1px solid #008294;
margin-top: 32px;
}
.pathway-list ul li {
padding: 20px 0;
border-bottom: 1.4px solid #008294;
font-size: var(--h3);
margin-bottom: 0;
}
.pathway-list ul li:before {
display: none;
}
.pathway-list ul li .container {
display: flex;
align-items: center;
}
.pathway-list ul li .container {
font-size: var(--h3);
line-height: 1.2;
font-weight: 700;
color: #008294;
font-family: var(--f-family-bold);
font-style: italic;
}
.pathway-list ul li .container span {
margin-right: 23px;
}
.admission-page .courseItemContainer {
width: 100%;
display: flex;
align-items: start;
justify-content: center;
flex-direction: column;
/* background-image: linear-gradient(90deg, #dbf3ff, rgba(219, 243, 255, 0)); */
z-index: 2;
}
.admission-page .cta .cta-inner .content a{
max-width:520px !important;
}
.life-campus-page .cta .cta-inner .content a{
max-width:345px !important;
}
.admission-page .courseItem {
/* background: rebeccapurple; */
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: start;
border-top: 1px solid #008294 !important;
border-bottom: 1px solid #008294 !important;
font-size: 32px !important;
font-weight: 700 !important;
font-style: italic;
color: #008294;
padding: 20px 100px;
gap: 50px;
cursor: pointer;
overflow: hidden;
z-index: 2;
}
.admission-page .courseItem span{
font-style: italic;
color: #008294;
font-size: 32px !important;
font-weight: 700 !important;
}
.admission-page .courseItem>.gradient {
position: absolute;
inset: 0;
background-image: linear-gradient(90deg, #DBF3FF 52.94%, rgba(219, 243, 255, 0) 100%);
/* background: #008099; */
width: 100%;
height: 100%;
z-index: -1;
}
.admission-page .courseItem>img {
width: 80px;
}
.admission-page .hoverImage {
/* padding: 10px; */
content: "";
position: absolute;
right: -100px;
height: 100%;
transition: right 0.3s ease, opacity 0.3s ease;
opacity: 0;
width: 40%;
z-index: -5;
/* background-color: #DBF3FF1A; */
background: linear-gradient(0deg, rgba(219, 243, 255, 0.1), rgba(219, 243, 255, 0.1))
}
.admission-page .hoverImage img {
object-fit: cover;
object-position:center;
height: 100%;
/* border-radius: 10px; */
width: 100%;
scale: 1.3;
}
.admission-page .courseItem:hover .hoverImage {
right: 0px;
/* Move it into view on hover */
opacity: 1;
/* Make it visible */
}
.timeline .timeline {
padding: 32px;
background-color: #f6f6f6;
border-radius: 16px;
}
.timeline .timeline .d-grid {
grid-template-columns: 3fr 9fr;
}
.timeline .timeline .d-grid p strong {
font-weight: 700;
font-size: var(--semi-heading);
}
.timline-list {
margin-bottom: 12px;
flex: 0 0 100%;
}
.timline-list:last-child {
margin-bottom: 0;
}
.best-chice .row.d-grid.fifty-fifty {
grid-template-columns: repeat(4, 2.5fr) !important;
align-items: flex-start;
}
.placement.best-chice.fourty-sixty .row {
margin: 0;
grid-column-gap: 24px;
grid-template-columns: 12fr;
}
[class^="col-"] {
width: 100%;
padding: 0;
}
.placement.best-chice .col-sixty .row .s-heading span {
left: calc(50%);
transform: translateX(-50%);
top: -13px;
}
.placement.best-chice .col-sixty .row .s-heading {
text-align: center;
display: inline-block;
position: relative;
margin: 0 auto;
}
.placement.best-chice .col-sixty .row .col-fifty {
text-align: center;
}
.placement.best-chice .col-sixty .row .col-fifty:nth-child(2) span svg {
fill: #e5bca4;
}
.placement.best-chice .col-sixty .row .col-fifty:nth-child(3) span svg {
fill: #e5d4a3;
}
.placement.best-chice.fourty-sixty .col-sixty .row p {
padding-top: 15px;
max-width: 200px;
margin: 0 auto;
text-align: center;
}
.placement.best-chice h2 {
margin-bottom: 40px;
}
.admission-criteria .images-wraper figure {
line-height: 0.9;
border-radius: 16px;
overflow: hidden;
width: fit-content;
}
.admission-criteria .images-wraper {
max-width: 634px;
margin-left: 0;
margin-right: auto;
}
.admission-criteria .images-wraper figure:nth-child(1) {
margin-left: auto;
}
.admission-criteria .images-wraper figure:nth-child(2) {
margin-left: 95px;
margin-top: -34px;
}
.admission-criteria .images-wraper figure:nth-child(3) {
margin-top: -90px;
margin-left: 0px;
margin-right: 0;
}
.admission-criteria .row {
grid-gap: 64px;
margin: 0;
}
.ac-group p {
font-size: var(--h6);
line-height: 1.5;
padding-right: 18px;
}
.admission-criteria h2 {
line-height: 1.2;
margin-bottom: 32px;
}
.tab-data ul {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.tab-data ul.s-tab-btn li,
.tab-data #tab-01 ul li {
list-style: none;
padding: 0;
}
.tab-data ul.s-tab-btn li:before,
.tab-data #tab-01 ul li:before {
display: none;
}
.tab-data ul li a {
text-decoration: none;
}
.tab-data ul.s-tab-btn {
grid-gap: 28px;
max-width: 750px;
padding-bottom: 32px;
}
.tab-data ul.s-tab-btn a {
color: #9f937f;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
font-size: var(--h5);
padding: 16px 3px;
border-bottom: 1px solid #9f937f;
width: 100%;
display: block;
text-align: center;
letter-spacing: -1px;
}
}
.admission-page .tab-data ul.s-tab-btn{
max-width: 100%;
}
.admission-page .tab-data ul.s-tab-btn li:first-child{
width: 40%;
max-width: 40%;
}
.admission-page .tab-data ul.s-tab-btn li:last-child{
width: 60%;
max-width: 60%;
}
.tab-data ul.s-tab-btn li {
margin: 0;
font-size: var(--h5);
max-width: 330px;
flex: 0 0 50%;
}
.scholarship-page .tab-data ul.s-tab-btn li {
margin: 0;
font-size: var(--h5);
/* max-width: 335px;
flex: 0 0 47%;*/
}
.tab-content-wrap ul {
flex-direction: column;
}
.tab-content-wrap ul li {
margin-bottom: 24px;
}
.tab-content-wrap ul li a {
font-size: var(--h6);
color: var(--gold);
line-height: 1.3;
font-weight: 700;
}
.tab-content-wrap ul li:last-child {
margin-bottom: 0;
}
.tab-content-wrap ul li a:hover {
color: var(--gold-100);
}
.tab-content-wrap ul li a:hover svg path {
fill: var(--gold-100) !important;
}
.tab-content-wrap p {
color: var(--heading-color);
font-size: var(--h6);
}
.tab-data .tab-content-wrap .tab-content {
display: none;
}
.tab-data .tab-content-wrap .tab-content.active {
display: block;
}
.tab-data ul.s-tab-btn li.active a {
color: #a06c2e;
border-bottom-color: #a06c2e;
}
.scholarship-page .tab-data ul.s-tab-btn li.active a {
color: #a06c2e;
border-bottom-color: #a06c2e;
font-weight:600;
}
.scholarship .col-5 figure {
line-height: 1;
width: max-content;
overflow: hidden;
border-radius: 16px;
border: 1px solid var(--gold-100);
overflow: hidden;
}
.scholarship .col-5 figure:first-child {
margin-left: auto;
margin-right: 0;
}
.scholarship .col-5 figure:last-child {
margin-top: -60px;
}
.scholarship .col-5 figure img {
border-radius: 16px;
}
.scholarship .title h2 {
line-height: 1.2;
margin-bottom: 40px;
}
.scholarship .row {
margin: 0;
}
/*alumin page*/
.contact-us.filling-complaint .wraper .contact-image img {
max-height: 616px;
border-radius: 16px;
object-fit: cover;
width: 100%;
}
.fifty-fifty .img-wrap figure {
overflow: hidden;
border-radius: 16px;
max-width: 360px;
padding: 1px;
border: none !important;
text-align: center;
}
.bag-blue {
background-color: #077183;
}
.white-text-spec {
font-size: 24px;
font-weight: 400;
color: #fff;
line-height: 1.5;
}
.vc-name {
font-size: 25px;
font-family: "Proxima Nova", "Segoe UI";
font-weight: 900;
color: #fff;
}
.vc-title {
font-size: 18px;
font-family: "Proxima Nova", "Segoe UI";
color: #fff;
margin-top: 20px;
}
.quotation-open {
position: absolute;
left: -64px;
top: -40px;
}
.quotation-close {
position: absolute;
right: 0px;
bottom: -35px;
}
.gap-60 {
grid-gap: 60px;
}
.fifty-fifty .vision-img-wrap figure:first-child {
display: block;
top: 30px;
position: relative;
}
.fifty-fifty .vision-img-wrap figure:nth-child(2) {
display: block;
max-width: 339px;
max-height: 422px;
top: 134px;
}
.fifty-fifty .vision-img-wrap figure:nth-child(3) {
position:relative;
top:80px;
}
.fifty-fifty .vision-img-wrap figure:last-child {
display: block;
max-width: 460px;
max-height: 520px;
margin-left: 225px;
z-index: 3;
margin-top: 10px;
position: relative;
bottom: 0px;
}
.alumni-page .hero{
background-image:url('../img/banners/Alumni.png');
}
.alumni-page .hero .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 165px; /* Vertically centered */
left:91px; /* Horizontally centered */
color: #fff; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: 0;
}
.alumni-page .hero .cover-image-mobile-text{
display:none;
}
.alumni-page .hero .succeed-text{
background-color:#fff;
color:#008294;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:19px;
}
.alumni-page .hero .succeed-new-text{
background-color:#008294;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:19px;
}
/*Award page*/
.n-award h2 {
line-height: 1.2;
margin-bottom: 52px;
}
.proud-achivment .tabs-list {
display: flex;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
.proud-achivment .tabs-list li {
width: auto;
padding: 0 8px;
margin: 0;
}
.proud-achivment .tab {
position: relative;
display: block;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: #9f937f;
font-size: var(--h5);
padding: 16px 24px;
font-weight: 700;
border-bottom: 2px solid #e0d8cb;
width: 100%;
height: auto;
}
.proud-achivment .tabs-list li:before {
display: none;
}
.proud-achivment .notice {
font-size: 12px;
color: #aaa;
text-align: center;
}
.proud-achivment .tab.-active {
color: #a06c2e;
background: #fff;
border-bottom-color: #a06c2e;
}
.proud-achivment .tab-content h2 {
line-height: 1.2;
margin-bottom: 32px;
}
.proud-achivment .tab-content {
padding-top: 72px;
}
.proud-achivment .tab-content .award-list .row {
margin: 0;
grid-template-columns: repeat(2, auto);
grid-gap: 24px;
}
.proud-achivment .tab-content .award-list .row > * {
padding: 0;
}
.proud-achivment .tab-content .award-list .row .al-list:first-child {
grid-row-start: 1;
grid-row-end: 3;
}
.proud-achivment .tab-content .award-list .row .al-list figure {
position: relative;
line-height: 1;
border-radius: 16px;
overflow: hidden;
}
.proud-achivment .tab-content .award-list .row .al-list figure figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 24px;
display: flex;
align-items: flex-end;
background: linear-gradient(
180deg,
rgba(24, 59, 86, 0.0001) 0%,
rgba(22, 49, 70, 0.2) 45.38%,
rgba(21, 37, 50, 0.9) 100%
);
color: var(--white);
font-weight: 600;
font-size: var(--h5);
}
.proud-achivment .tab-content .award-list .row .al-list figure img {
object-fit: cover;
}
.proud-achivment .tab-content .award-list .row .al-list:first-child figure img {
height: 624px;
}
/*.award-page .hero {
background-image: url('../img/banners/Awards-achievement.png') !important;
}*/
.award-page .hero .pin-spacer{
background-color: #fff;
}
.award-page .hero .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 90%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 210px; /* Vertically centered */
left:91px; /* Horizontally centered */
color: #008294; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: 0;
}
.award-page .hero .cover-image-mobile-text{
display:none;
z-index:1;
}
.award-page .hero .succeed-text{
background-color:#fff;
color:#008294;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:10px;
}
.award-page .hero .succeed-new-text{
background-color:#008294;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:10px;
}
.award-page .hero .facility{
overflow:hidden;
width: 100%;
margin-top: 20px;
position: fixed;
z-index: 1;
background-color: transparent;
bottom:-40px;
}
/**************Muuir******************/
.ecosystem {
background-color: #dbfbff;
}
.ecosystem-inner span {
display: block;
}
.ecosystem-inner {
max-width: 1218px;
margin: 0 auto;
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.ec-content p {
margin-bottom: 0;
font-size: var(--h5);
}
.ec-content {
margin-left: -200px;
}
.ec-content p {
line-height: 1.2;
}
.ec-content h3 {
margin-bottom: 12px;
}
.contact-us.mur-contact .row .col-2 {
max-width: 100%;
flex: 0 0 100%;
}
.contact-us.filling-complaint.mur-contact .row {
grid-template-columns: repeat(1, 12fr);
grid-column-gap: 0;
margin-left: 0;
margin-right: auto;
}
.contact-us.filling-complaint.mur-contact .row .col-2 .icon svg {
max-width: 64px;
}
.contact-us.filling-complaint.mur-contact .row .col-2 {
padding: 30px;
max-width: 777px;
}
.contact-us.filling-complaint.mur-contact .row .col-2 .fc-content p {
margin-bottom: 5px;
line-height: 1.2;
font-family: var(--f-family-reg);
}
.contact-us.filling-complaint.mur-contact
.row
.col-2
.fc-content
p:nth-child(2) {
font-size: var(--h6);
line-height: 1.5;
}
.contact-us .title h4,
.contact-us h2 {
font-family: var(--f-family-reg);
}
.contact-us.filling-complaint.mur-contact .row .col-2 .fc-content p:last-child {
margin-bottom: 0;
}
.contact-us.filling-complaint.mur-contact .row .col-2 .fc-content p a {
color: var(--gold);
}
.contact-us.filling-complaint.mur-contact .wraper .contact-image {
top: 0;
}
.Initiatives .title p {
font-size: var(--h6);
max-width: 82%;
margin: 0 auto;
}
.Initiatives.section-padding {
padding: 96px 0;
}
.Initiatives .title h2 {
line-height: 1.2;
margin-bottom: 32px;
}
.in-gallery {
padding-top: 52px;
}
.in-gallery .ing-list {
grid-auto-flow: row;
grid-gap: 12px;
margin-bottom: 12px;
}
.in-gallery .ing-first.ing-list {
grid-template-columns: 2.9fr 2.9fr 6.2fr;
}
.in-gallery .ing-second.ing-list {
grid-template-columns: 5fr 7fr;
}
.in-gallery .ing-list .ing-col {
max-height: 200px;
}
.in-gallery .ing-third.ing-list {
grid-template-columns: 3.5fr 3.5fr 5fr;
}
.in-gallery .ing-third.ing-list .ing-inner-wrap {
display: grid;
grid-template-columns: 2fr 10fr;
padding: 0;
grid-gap: 20px;
}
.in-gallery .ing-four.ing-list {
grid-template-columns: 4.4fr 7.6fr;
}
.in-gallery .ing-five.ing-list {
grid-template-columns: 6fr 6fr;
}
.in-gallery .ing-list .ing-col figure figcaption {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
align-items: center;
justify-content: center;
background-color: rgb(0 0 0 / 50%);
color: var(--white);
grid-gap: 0;
flex-direction: column;
/* display: flex; */
padding: 32px 48px;
flex-wrap: wrap;
grid-gap: 0;
/* --bs-gutter-x: 0; */
/* --bs-gutter-y: 0; */
}
.in-gallery .ing-list .ing-col figure {
overflow: hidden;
border-radius: 16px;
height: 100%;
}
.in-gallery .ing-list .ing-col figure img {
height: 100%;
}
.in-gallery .ing-list .ing-col figure figcaption h4 {
color: var(--white);
line-height: 1.2;
margin: 0;
}
.in-gallery .ing-list .ing-col figure figcaption p {
color: var(--white);
font-size: var(--h6);
margin: 0;
}
.in-gallery .ing-list .ing-col figure figcaption h4 {
}
.in-gallery .ing-list .ing-col figure.ing-left figcaption {
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
flex-direction: row;
height: 100%;
}
.in-gallery
.ing-second.ing-list
.ing-col:last-child
figure.ing-left
figcaption
p {
max-width: 350px;
}
.in-gallery .ing-list .ing-col .ing-left.no-figure {
max-height: 200px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
/* flex-direction: column; */
justify-content: flex-start;
padding: 41px 24px;
height: 100%;
flex-wrap: wrap;
border-radius: 16px;
}
.in-gallery .ing-list .ing-col .ing-left.no-figure p {
font-size: var(--h6);
margin: 0;
}
.in-gallery .ing-second.ing-list .ing-col .ing-left.no-figure {
background-color: #008099;
}
.in-gallery .ing-list .ing-col .ing-left.no-figure h4,
.in-gallery .ing-list .ing-col .ing-left.no-figure p {
color: var(--white);
}
.in-gallery .ing-list .ing-col .ing-left.no-figure .ing-inner-wrap h4,
.in-gallery .ing-list .ing-col .ing-left.no-figure .ing-inner-wrap p {
color: var(--heading-color);
}
.in-gallery .ing-third.ing-list .ing-col:last-child {
background-color: #f6f6f6;
border-radius: 16px;
}
.in-gallery .ing-list .ing-col .ing-left.no-figure .ing-inner-wrap h4 {
font-size: var(--h5);
margin-bottom: 5px;
}
.in-gallery .ing-four.ing-list .ing-col .ing-left.no-figure {
background-color: var(--gold);
}
.in-gallery .ing-four.ing-list .ing-col .ing-left.no-figure p {
max-width: 714px;
}
.in-gallery .ing-five.ing-list .ing-col .ing-left.no-figure {
background-color: #f6f6f6;
}
.in-gallery .ing-five.ing-list .ing-col .ing-left.no-figure h4,
.in-gallery .ing-five.ing-list .ing-col .ing-left.no-figure p {
color: var(--heading-color);
}
.wheel-section h2.p-relative {
transform: translate(0);
z-index: 1;
}
.wheel-section h2.p-relative span.p-absulte {
z-index: -1;
left: -65px;
}
.wheel-section p {
z-index: 2;
transform: translate(0);
font-size: var(--h6);
}
.muiir-page .wheel-section .circle-slider .navigation-wrapper .pagination{
justify-content: flex-start;
}
.wheel-section .row {
align-items: center;
}
.circle-container {
position: relative;
width: 480px;
height: 480px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-image: url("assets/img/wheel.svg");
/* Background circle */
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.rotating-circle {
position: relative;
width: 100%;
height: 100%;
transform-origin: center center;
transition: transform 0.5s ease-in-out;
/* Smooth rotation */
}
.rotating-image {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.circle-slider {
overflow: hidden;
position: relative;
}
.circle-slider .slick-prev.slick-arrow,
.circle-slider .slick-next.slick-arrow {
padding: 0;
font-size: 0;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 32' width='33' height='32'%3E%3Cpath fill='%23BA8938' d='M19.207 6.293a1 1 0 0 0-1.414 1.414L25.086 15H5.5a1 1 0 1 0 0 2h19.586l-7.293 7.293a1 1 0 1 0 1.414 1.414l9-9a1 1 0 0 0 0-1.414l-9-9Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
}
.circle-slider .slick-dots {
display: flex;
align-items: center;
padding-left: 30px;
}
.circle-slider .slick-prev.slick-arrow {
transform: rotate(180deg) !important;
position: absolute;
bottom: 12px;
/* Same as dots */
left: 0px;
/* Adjust distance from center */
transform: translateX(-100%);
z-index: 2;
top:500px;
}
.circle-slider .slick-next.slick-arrow {
position: absolute;
bottom: 12px;
/* Same as dots */
right: calc(75% - 35px);
/* Adjust distance from center */
transform: translateX(100%);
z-index: 2;
top:500px;
}
.circle-slider .slick-dots li button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #e5d4a3;
background-color: #e5d4a3;
}
.circle-slider .slick-dots li.slick-active button {
background-color: #ba8938;
border-color: #ba8938;
width: 13px;
height: 13px;
cursor: pointer;
}
.circle-slider .slick-dots ul {
list-style-type: none;
}
.circle-slider .slick-dots li {
margin-bottom: 12px;
padding-left: 10px;
position: relative;
font-size: var(--h6);
font-weight: 400;
line-height: 1.5;
}
.circle-slider .slick-dots li:first-child {
padding-left: 48px;
}
.circle-slider .slick-dots li:before {
display: none !important;
}
.rotor-container {
text-align: -webkit-center;
}
.rotor-container .arrow {
position: absolute;
opacity: 1;
display: block;
}
.rotor-container .arrow-mob {
display: none;
}
/*Leadership*/
.page-leadership .video-container {
width: 79vw;
max-width: 100%;
margin: 0 auto;
position: relative;
}
.page-leadership video {
width: 100%;
height: auto; /* Maintain aspect ratio */
}
.page-leadership .plyr--video{
height:60%;
width:100%;
border-radius:10px;
}
/* Hide default play button */
.page-leadership .plyr__control.plyr__control--overlaid {
display: none;
}
/* Position your custom play button */
.page-leadership .custom-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
cursor: pointer;
}
.page-leadership .custom-play-btn svg {
width: 50px; /* Adjust as needed */
height: 50px;
}
.leadership-item .row {
grid-template-columns: 4fr 8fr;
align-items: flex-start;
}
.leadership-item .row .position {
color: #008294;
font-size: var(--h6);
font-weight: 500;
}
.leadership-list .leadership-item:nth-child(even) {
background: #f9f6ed;
box-shadow: 41px -64px 30px rgba(177, 194, 196, 0.01),
23px -36px 26px rgba(177, 194, 196, 0.05),
10px -16px 19px rgba(177, 194, 196, 0.09),
3px -4px 10px rgba(177, 194, 196, 0.1);
}
.leadership-list .leadership-item:nth-child(odd) {
background: #dbf3ff;
box-shadow: 0px -278px 111px rgba(210, 194, 152, 0.01),
0px -156px 94px rgba(210, 194, 152, 0.05),
0px -69px 69px rgba(210, 194, 152, 0.09),
0px -17px 38px rgba(210, 194, 152, 0.1);
}
.leadership-item .bio p {
margin: 0;
}
.proud-achivment .tab-content .commite-member .member a figure {
bottom: auto;
top: 0;
left: auto;
right: 0;
}
.video-content {
aspect-ratio: 16/9;
overflow: hidden;
border-radius: 16px;
}
.video-content iframe {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
}
.video-content .img-overlay {
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.video-content .img-overlay button {
border: 0;
}
.video-play {
padding-bottom: 50px;
}
.video-content .img-overlay button {
background: transparent;
}
/*Online course*/
.placement.best-chice.m-online .col-sixty .row .s-heading {
font-size: var(--h4);
}
.placement.best-chice.m-online.fourty-sixty .col-sixty .row p {
max-width: 100%;
font-family: var(--f-family-reg);
font-weight: 40;
}
.placement.best-chice.m-online h2 {
margin-bottom: 52px;
}
.ec-slider .ec-item .date {
font-size: var(--semi-heading);
font-weight: 600;
margin-bottom: 0;
}
.stories-parent.bg-light-yellow {
background-color: var(--light-gold);
}
.recruiters h2 {
line-height: 1.2;
}
.placement-page .recruiters h2{
font-size:64px;
font-weight:700;
}
.m-requruter {
padding-bottom: 72px;
padding-left: 24px;
padding-right: 24px;
}
.placement.m-online
.col-sixty
.fifty-fifty
.col-fifty:nth-child(3)
.s-heading
span
svg {
fill: #e5bca4;
}
.placement.m-online
.col-sixty
.fifty-fifty
.col-fifty:nth-child(2)
.s-heading
span
svg {
fill: #e5daa4;
}
.m-requruter .container {
padding: 48px 0;
background-color: #f6f6f6;
border-radius: 16px;
}
.cr-list .crl-item {
background-repeat: no-repeat;
background-position-x: right;
background-position-y: top;
}
.cr-list .crl-item {
background-size: 0;
}
.cr-list .crl-item:hover {
background-size: auto;
}
.cr-list .crl-item .item-inner {
background: linear-gradient(90deg, #f9f6ed 0%, rgba(249, 246, 237, 0) 100%);
padding: 32px 0;
border-bottom: 1px solid #6c4327;
}
.cr-list .crl-item:hover .item-inner {
background: linear-gradient(
90deg,
#f9f6ed 52.94%,
rgba(249, 246, 237, 0) 100%
);
}
.row.d-flex {
}
.cr-list .crl-item .item-inner .bc-content {
max-width: calc(100% - 100px);
width: auto;
}
.cr-list .crl-item .item-inner .icon {
width: 100px;
}
.cr-list .crl-item .item-inner .row.d-flex {
align-content: ;
align-items: center;
}
.cr-list .crl-item .item-inner .bc-content h6 {
margin-bottom: 0;
}
.cr-list .crl-item .item-inner .bc-content p {
font-size: var(--semi-heading);
font-weight: 600;
}
.c-offer h2 {
line-height: 1.2;
margin-bottom: 16px;
}
.c-offer .tabs-container {
padding-top: 32px;
}
.od-intro ul li {
margin-bottom: 12px;
padding-left: 28px;
position: relative;
font-size: var(--h6);
font-weight: 400;
line-height: 1.5;
position: relative;
}
.od-intro ul li:before {
display: block;
top: 7px;
}
.od-intro {
background-color: #f6f6f6;
}
.od-intro ul {
margin-bottom: 23px !important;
}
.overview .row {
margin: 0;
}
.overview .row > * {
padding: 0;
}
.overview .col-six h2 {
line-height: 1.2;
margin-bottom: 16px;
line-height: 1.2;
}
.overview .col-six p {
font-size: var(--h6);
}
.overview .things-know {
background-color: #f9f6ed;
padding: 24px 20px;
border-radius: 16px;
}
.overview .things-know .pr p {
margin: 0;
}
.overview .things-know .pr .th-p {
font-size: 16px;
}
.overview .things-know .pr .date {
font-size: var(--body-text);
font-weight: 600;
}
.overview .things-know h6 {
font-family: var(--f-family-reg);
}
.overview .things-know .pr {
margin-bottom: 24px;
}
.overview .things-know .pr:last-child {
margin-bottom: 0;
}
.intro .row {
margin: 0;
}
.intro .row > * {
padding: 0;
}
/*About us*/
.fifty-fifty .img-wrap.vision-img-wrap {
max-height: 697px;
}
.fifty-fifty .vision-img-wrap figure:first-child {
display: block;
top: 30px;
position: relative;
}
.fifty-fifty .vision-img-wrap figure:nth-child(2) {
display: block;
max-width: 339px;
max-height: 422px;
top: 134px;
}
.fifty-fifty .vision-img-wrap figure:last-child {
display: block;
max-width: 338px;
max-height: 446px;
margin-left: 225px;
z-index: 3;
margin-top: -40px;
position: relative;
bottom: 0px;
}
.intro-img-block {
border-radius: 16px;
overflow: hidden;
height: 100%;
max-height: none;
position: relative;
padding-top: 399px;
max-width: 538px;
}
.intro-img-block img {
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
}
.fifty-fifty .row.intro-about-grid {
grid-template-columns: 1.37fr 1fr;
}
.gap-24 {
grid-gap: 24px;
}
.gap-32 {
grid-gap: 32px;
}
.gap-40 {
grid-gap: 40px;
}
.gap-55 {
grid-gap: 55px !important;
}
.top-55 {
top: 55px;
}
span.font-w-800 {
font-weight: 800;
}
.align-top,
.awards .align-top {
align-items: start;
}
.s-heading-vision {
margin: 0 0 32px 0;
}
.indexing{
position:relative;
z-index:2;
}
.white-background{
background-color:#fff;
}
.about-us-page .values-slider .slider-values{
position:static !important;
}
.about-us-page .timeline-slider-section .timeline-main .slick-prev {
z-index: 10;
position: absolute;
left: 72px;
top: 30%;
bottom: 50%;
padding: 0;
font-size: 0;
width: 79px;
height: 79px;
border: 0;
background-color: transparent;
background-image: url('data:image/svg+xml,');
cursor: pointer;
}
.about-us-page .timeline-slider-section .timeline-main .slick-next {
z-index: 10;
position: absolute;
right: 72px;
top: 30%;
bottom: 50%;
padding: 0;
font-size: 0;
width: 80px;
height: 79px;
border: 0;
background-color: transparent;
background-image: url('data:image/svg+xml,');
cursor: pointer;
}
.about-us-page .hero{
background-image:url('../img/banners/About-us.png');
}
.about-us-page .small-text{
margin-bottom:8px;
font-size: 24px;
font-weight:400;
line-height: 36px;
}
.about-us-page .small-mobile-text{
margin-bottom:8px;
font-size: 18px;
font-weight:600;
line-height: 21.6px;
}
.about-us-page .line-img{
margin-top: 8px;
bottom:10vh;
height: 20vh;
left: 83.05px;
}
.about-us-page .apply-now-btn{
position: fixed;
margin-top: 8px;
bottom:10vh;
height: 150px;
right: 90px;
}
.about-us-page .empower-text{
padding:0px 0px;
color:#fff;
}
.about-us-page .text-container{
padding:24px 0px;
}
.about-us-page .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed;
top: 204px;
left:83.05px;
color:#008294;
pointer-events: none;
z-index: -1;
margin-bottom:12px;
}
.about-us-page .cover-image-mobile-text{
display:none;
}
.about-us-page .succeed-text{
background-color:#012D45;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 6px;
position:relative;
right:8px;
}
/* Values slider css */
.values-slider {
text-align: center;
padding: 50px 20px;
background: #fff;
overflow: hidden;
}
.slider-values-main {
position: relative;
}
.section-title {
font-size: 2rem;
margin-bottom: 10px;
}
.section-description {
font-size: 1rem;
margin-bottom: 20px;
color: #666;
}
.slider-values {
max-width: 526px;
margin: 0 auto;
position: static;
}
.slider-values .slick-list.draggable {
overflow: visible;
}
.slider-values .slick-track {
display: flex;
gap: 32px;
}
.slider-values .slide.slick-slide.slick-current.slick-active.slick-center {
background-color: #00a4bb;
color: white;
}
.slider-values .slide.slick-slide.slick-current h3,
.slider-values .slide.slick-slide.slick-current p {
color: #fff;
}
.slider-values .slide {
padding: 49px 32px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f9f6ed;
text-align: left;
}
.slider-values .slide h3 {
font-size: 1.5rem;
color: #333;
margin-bottom: 10px;
}
.slider-values .slide p {
font-size: 1rem;
color: #666;
}
.slick-prev {
z-index: 10;
position: absolute;
left: 72px;
top: 30%;
bottom: 50%;
padding: 0;
font-size: 0;
width: 79px;
height: 79px;
border: 0;
background-color: transparent;
background-image: url('data:image/svg+xml,');
cursor: pointer;
}
.slick-next {
z-index: 10;
position: absolute;
right: 72px;
top: 30%;
bottom: 50%;
padding: 0;
font-size: 0;
width: 80px;
height: 79px;
border: 0;
background-color: transparent;
background-image: url('data:image/svg+xml,');
cursor: pointer;
}
.slider-values .slick-prev:hover,
.slider-values .slick-next:hover {
border-radius: 50%;
cursor: pointer;
}
.slider-values .slick-dots li button:before {
color: #ccc;
}
.slider-values .slick-dots li.slick-active button:before {
color: #ffcc00;
}
/* Why Us CSS */
.why-us {
text-align: center;
padding: 96px 0px;
background-color: #F9F6ED;
}
.why-us h2 {
font-size: 2rem;
margin-bottom: 2rem;
color: #333;
}
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 3.25rem 1.5rem;
}
.card {
border: none;
border-radius: 8px;
text-align: center;
position: relative;
}
.icon-box {
width: 50px;
height: 10px;
border-radius: 5px;
margin: 0 auto 0.3rem auto;
}
.card h3 {
font-size: 48px;
}
.card p {
font-size: 28px;
font-weight: 600;
color: #777;
line-height: 33px;
max-width: 270px;
margin: 0 auto;
}
.container.container-medium {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.section-padding-large {
padding: 99px 0;
}
/* Excellence Section CSS */
.excellence {
background-color: #e5d4a3;
position: relative;
}
.excellence img.map {
position: absolute;
top: 0;
object-fit: cover;
height: 100%;
z-index: 1;
}
.excellence .row.d-grid {
grid-template-columns: 0.22fr 1fr;
z-index: 2;
position: relative;
}
.g-col {
grid-auto-flow: column;
}
.awards-box {
height: 100%;
border-radius: 16px;
overflow: hidden;
max-height: 418px;
border: 1px solid #ba8938;
width: 100%;
position: relative;
}
.dark-gradient {
width: 100%;
height: 200px;
position: absolute;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.awards-box p.s-des {
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
line-height: 30px;
font-weight: 600;
color: #fff;
}
.awards-box img {
height: 100%;
object-fit: cover;
}
.awards.fifty-fifty .row {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.awards .awards-wrap:nth-child(even) {
padding-top: 55px;
}
.awards .btn {
max-width: fit-content;
margin: 21px auto 0 auto;
}
/* MOU Section CSS */
.mou-section {
display: flex;
align-items: center;
gap: 20px;
padding-left: calc((100% - 1364px) / 2);
}
.content {
flex: 1;
padding: 20px;
}
.content h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.discover-link {
color: #f0c649;
font-size: 1.2rem;
text-decoration: none;
margin-bottom: 20px;
display: inline-block;
}
.description {
font-size: 1rem;
line-height: 1.5;
}
.timeline {
display: flex;
flex: 1;
gap: 5px;
overflow: hidden;
}
.year-panel {
flex: 1;
height: 727px;
background-size: cover;
background-position: center;
position: relative;
transition: flex 0.3s ease-in-out;
}
.year-panel {
flex: 1;
}
.year-panel:hover {
flex: 0 0 335px;
}
.year-overlay {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 10px;
font-size: 1.2rem;
}
/* Timeline CSS */
.timeline {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
position: relative;
}
.timeline-main {
position: relative;
}
.timeline-line {
position: absolute;
height: 5px;
width: 100%;
background-color: #e5d4a3;
margin-top: -24px;
}
.timeline-item {
position: relative;
text-align: center;
cursor: pointer;
}
.timeline-item .pin {
display: block;
width: 5px;
height: 41px;
background: #e5d4a3;
margin: 0 auto;
}
.timeline-item.active .pin {
background: #6c4327;
}
.timeline-item .year {
margin-top: 5px;
font-size: 14px;
color: #555;
}
.timeline-item.active .year {
color: #6c4327;
}
.slider.timeline-slider {
max-width: 1077px;
margin: 0 auto;
position: static;
}
.slide.timeline-slide {
display: flex;
gap: 40px;
align-items: center;
justify-content: center;
}
.slide.timeline-slide img {
max-width: 497px;
margin-bottom: 10px;
width: 100%;
min-height: 514px;
height: 100%;
object-fit: cover;
border-radius: 16px;
overflow: hidden;
}
.timeline-main .timeline-heading span {
font-size: 24px !important;
line-height: normal !important;
display:block !important;
border: #CDA452 solid thin;
padding:10px;
border-radius:10px;
margin-bottom:15px;
}
.timeline-main .pagination .slick-prev.slick-arrow {
top: 60%;
left: 0;
}
.timeline-main .pagination .slick-next.slick-arrow {
top: 60%;
right: 0;
}
.timeline-main ul.slick-dots {
display: none;
}
/*Blog listing Page*/
section.blog-featured {
position: relative;
overflow: hidden;
padding: 48px 0;
}
h2.text-align-center {
text-align: center;
}
.slider-container {
max-width: 100%;
margin: 0 auto;
position: relative;
}
.slider-featured {
width: 100%;
margin: auto;
max-width: 712px;
max-height: 421px;
}
.slide-feature {
position: relative;
text-align: center;
}
.slider-featured .slick-list {
border-radius: 16px;
overflow: visible;
}
.slider-featured .slick-track {
display: flex;
gap: 24px;
}
.slider-featured .slide-feature {
display: block;
height: 100%;
max-height: 421px;
overflow: hidden;
border-radius: 16px;
}
.slide-feature img {
width: 100%;
border-radius: 10px;
height: 100%;
object-fit: cover;
min-height: 421px;
}
.slide-content-feature {
position: absolute;
bottom: 45px;
left: 0;
right: 0;
top: auto;
padding: 10px;
}
.slide-content-feature span {
color: #fff;
text-transform: uppercase;
}
.slide-content-feature h3 {
color: #fff;
margin: 10px 0;
}
.slide-content-feature p {
color: #fff;
font-size: 16px;
}
.navigation-wrapper .pagination {
display: flex;
align-items: center;
justify-content: center;
padding-top: 32px;
}
.navigation-wrapper .pagination .dots ul {
display: flex;
align-items: center;
}
.navigation-wrapper .pagination .dots ul li {
margin: 0;
padding: 0 5px;
display: flex;
align-items: center;
}
.navigation-wrapper .pagination .dots ul li::before {
display: none;
}
.navigation-wrapper .pagination .dots ul li button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #e5d4a3;
background-color: #e5d4a3;
}
.navigation-wrapper .pagination .dots ul li.slick-active button {
background-color: #ba8938;
border-color: #ba8938;
width: 13px;
height: 13px;
cursor: pointer;
}
.navigation-wrapper .pagination button.slick-arrow {
padding: 0;
font-size: 0;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2071 6.29289C18.8166 5.90237 18.1834 5.90237 17.7929 6.29289C17.4024 6.68342 17.4024 7.31658 17.7929 7.70711L25.0858 15H5.5C4.94772 15 4.5 15.4477 4.5 16C4.5 16.5523 4.94772 17 5.5 17H25.0858L17.7929 24.2929C17.4024 24.6834 17.4024 25.3166 17.7929 25.7071C18.1834 26.0976 18.8166 26.0976 19.2071 25.7071L28.2071 16.7071C28.3902 16.524 28.4874 16.2877 28.4989 16.048C28.4996 16.032 28.5 16.016 28.5 16M28.5 15.9908C28.4976 15.7379 28.4 15.4858 28.2071 15.2929L19.2071 6.29289' fill='%23BA8938'/%3E%3C/svg%3E%0A");
cursor: pointer;
}
.navigation-wrapper .pagination button.prev.slick-arrow {
transform: rotate(180deg);
}
.navigation-wrapper .pagination .dots {
padding: 0 48px;
}
.overlay-feature {
background: linear-gradient(
179.43deg,
rgba(0, 0, 0, 6e-5) 29.45%,
rgba(0, 0, 0, 0.6) 87.99%
);
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
display: none;
}
.slider-featured .slide-feature.slick-active .overlay-feature {
display: block;
}
.popular-blogs {
position: relative;
overflow: hidden;
}
.popular-blogs h2 {
font-size: 2em;
margin-bottom: 20px;
}
.blogs-slider {
display: block;
max-width: 1140px;
margin: 0 auto;
}
.blogs-slider .slick-track {
gap: 20px;
display: flex;
}
.blogs-slider .slick-list {
overflow: visible;
}
.blogs-slider .blog-card.slick-slide {
display: flex;
}
.blogs-slider .blog-card {
background: #f6f6f6;
border-radius: 10px;
margin: 0;
max-width: 1140px;
text-align: left;
min-height: 336px;
}
.blogs-slider .blog-card img {
max-width: 569px;
border-radius: 10px;
object-fit: cover;
height: 100%;
min-height: 336px;
}
.page-gallery .blogs-slider .blog-card img{
width:250px;
}
.blogs-slider .blog-content {
padding: 20px;
}
.blogs-slider .blog-content .featured {
font-size: 0.9em;
font-weight: bold;
color: #ff9800;
margin-bottom: 5px;
}
.blogs-slider .blog-content h3 {
font-size: 1.2em;
margin: 10px 0;
}
.blogs-slider .blog-content .description {
color: #555;
font-size: 0.9em;
margin: 10px 0;
}
.blogs-slider .blog-content .author,
.blog-content .date {
font-size: 0.8em;
color: #888;
}
.masonry-section {
padding: 96px 0;
margin: auto 72px;
text-align: center;
}
.masonry-section h1 {
margin-bottom: 20px;
font-size: 2rem;
color: #333;
}
.masonry-section .masonry-grid {
display: grid;
grid-template-columns: repeat(12, 1fr); /* 12-column grid system */
gap: 16px;
}
.masonry-section .grid-item {
grid-column: span 4; /* Default to 4 columns */
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
position: relative;
}
.cat-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
180deg,
rgba(24, 59, 86, 0.0001) 0%,
rgba(22, 49, 70, 0.2) 45.38%,
rgba(21, 37, 50, 0.9) 100%
);
}
.grid-item.grid-item-5 {
grid-column: span 6;
}
.grid-item.grid-item-6 {
grid-column: span 3;
}
.grid-item.grid-item-4 {
grid-column: span 3;
}
.grid-item.grid-item-8 {
grid-column: span 6;
}
.grid-item.grid-item-9 {
grid-column: span 2;
}
.grid-item-7 {
grid-column: span 4; /* Wide items span 8 columns */
}
.masonry-section .grid-item img {
width: 100%;
height: 100%;
display: block;
border-radius: 8px;
max-height: 316px;
object-fit: cover;
}
.grid-item span {
position: absolute;
bottom: 10px;
left: 10px;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 5px 10px;
border-radius: 4px;
font-size: 1rem;
}
/* Container and Layout */
.recent-blogs {
margin: 0 auto;
text-align: center;
}
.recent-blogs .action {
display: block;
}
.recent-blogs .action .btn.btn-primary {
width: auto;
margin: 0 auto;
}
.panels-container .tab-content {
overflow: hidden;
}
/* Blog Cards */
.blog-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
}
.blog-card {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
transition: transform 0.3s ease;
position: relative;
min-height: 600px;
height: 100%;
}
.recent-blogs .blog-card img {
width: 100%;
border-radius: 10px;
max-width: 569px;
object-fit: cover;
min-height: 600px;
height: 100%;
}
.blog-card:hover {
transform: translateY(-5px);
}
.blog-info {
padding: 15px;
text-align: left;
position: absolute;
z-index: 4;
top: auto;
right: 0;
left: 0;
bottom: 0;
}
.blog-title {
font-size: 1.2em;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
}
.recent-blogs .author,
.recent-blogs .date {
font-size: 0.9em;
color: #fff;
}
.view-more-btn {
padding: 10px 20px;
background-color: #f1c40f;
border: none;
font-size: 1em;
color: #fff;
cursor: pointer;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.view-more-btn:hover {
background-color: #e0b90f;
}
.blog-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
179.43deg,
rgba(0, 0, 0, 6e-5) 29.45%,
rgba(0, 0, 0, 0.6) 87.99%
);
}
.blog-author-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.author-detial {
display: flex;
align-items: center;
gap: 8px;
}
.blog-card .author-detial img {
width: 40px;
height: 40px;
min-height: 40px;
border-radius: 50%;
}
.blog-feature-title {
top: 32px;
left: 32px;
padding: 4px 16px 4px 16px;
gap: 10px;
border-radius: 16px;
display: flex;
position: absolute;
background: #e5d4a3;
}
.video-section {
position: relative;
width: 100%;
max-height: 520px;
overflow: hidden;
}
.video-section img {
width: 100%;
height: 100%;
object-fit: cover;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #f9f6ed;
border: none;
border-radius: 50%;
padding: 20px;
cursor: pointer;
transition: background 0.3s ease;
width: 96px;
height: 96px;
display: flex;
justify-content: center;
align-items: center;
}
.play-button::before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 14px solid #6c4526;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
}
.play-button:hover {
background: rgba(0, 0, 0, 0.8);
}
.blog-content.d-grid {
grid-template-columns: 8fr 4fr;
grid-gap: 24px;
}
.blog-content h2 {
line-height: 1.2;
font-size: 48px;
}
.blog-content.d-grid .col-4 .table-content {
padding: 40px 20px;
background-color: #f9f6ed;
border-radius: 16px;
}
.blog-content.d-grid .col-4 li a {
text-decoration: none;
color: var(--text-color);
font-size: var(--semi-heading);
}
.blog-content.d-grid .col-4 li a:hover {
color: var(--gold-200);
}
.share-icon {
padding-top: 32px;
margin-bottom: 48px;
}
.share-icon h5 {
line-height: 1.2;
}
.share-icon ul li {
padding: 0;
margin-right: 24px;
margin-bottom: 0;
line-height: 1;
}
.share-icon ul li:before {
display: none;
}
.share-icon ul li a {
cursor: pointer;
}
.bradcumb {
margin-bottom: 44px;
}
.bradcumb a {
color: #6c4327;
font-size: var(--h6);
text-decoration: none;
display: flex;
align-items: center;
line-height: 1.2;
font-weight: 700;
}
.bradcumb a svg {
margin-right: 3px;
}
.bradcumb a:hover {
color: var(--text-color);
}
.meta p {
font-size: var(--semi-heading) !important;
font-weight: 600;
line-height: 1.2;
}
.meta.with-author .a-info {
margin-left: 10px;
}
.meta.with-author .a-info p {
margin: 0;
}
.meta.with-author {
align-items: center;
margin-bottom: 32px;
}
.related-blog .blog-list {
grid-template-columns: repeat(3, 3.33fr);
grid-gap: 32px;
}
.related-blog .blog-list .blog-col {
background-color: #f6f6f6;
overflow: hidden;
border-radius: 16px;
}
.related-blog .blog-list .blog-col .content {
padding: 24px 16px;
}
.related-blog .blog-list .blog-col .content .category {
display: inline-block;
color: #6c4327;
font-size: 14px;
padding: 5px 16px;
background-color: #e5d4a3;
border-radius: 16px;
font-weight: 700;
}
.related-blog .blog-list .blog-col .content .b-title {
font-weight: 700;
font-size: var(--semi-heading);
line-height: 1.2;
margin-bottom: 16px;
}
.related-blog .blog-list .blog-col .content .meta {
display: flex;
align-items: center;
justify-content: space-between;
}
.related-blog .blog-list .blog-col .content .meta .author.d-flex {
display: flex;
align-items: center;
}
.related-blog .blog-list .blog-col .content .meta .author.d-flex .a-img img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.related-blog .blog-list .blog-col .content .meta .author .a-info p {
margin: 0;
font-size: 16px !important;
margin-left: 8px;
}
.related-blog .blog-list .blog-col .content .meta p.date {
margin: 0;
font-size: 14px !important;
color: #5e5e5e;
}
.border-bb {
line-height: 1;
margin-top: 30px;
}
.blog-detail {
padding-bottom: 60px;
}
.related-blog {
padding-bottom: 60px;
}
.border-bb svg {
max-width: 100%;
width: 100% !important;
}
/*Career page*/
.page-career .hero {
width: 100%;
height: 100vh;
background-size: 100% 92%;
background-repeat: no-repeat;
background-position: center top 72px;
background-attachment: fixed;
cursor: pointer;
}
.page-career .col-three {
grid-template-columns: repeat(3, 3.33fr);
grid-gap: 24px;
}
.page-career .fdfyc .col-3 {
text-align: center;
}
.page-career .fdfyc .col-3 span svg {
fill: var(--gold-300);
z-index: -1;
}
.page-career .fdfyc .col-3 h3 {
z-index: 1;
transform: translate(0);
line-height: 1.2;
margin-bottom: 8px;
}
.page-career .fdfyc .col-3 span {
z-index: -1;
left: calc(50% - 26px);
top: -2px;
}
.page-career .fdfyc .col-3 p {
font-size: var(--h5);
font-weight: 600;
line-height: 1.2;
}
.page-career .fdfyc .col-3:nth-child(n + 10) {
display: none;
}
.page-career .fdfyc .title {
margin-bottom: 52px;
text-align: center;
}
.page-career .fdfyc .action {
display: block;
padding-top: 86px;
}
.page-career .fdfyc .action .btn.btn-primary {
width: auto;
margin: 0 auto;
padding: 16px 20px !important;
font-size: 24px;
line-height: 1.2;
}
.page-career .fdfyc.show-more .col-3:nth-child(n + 10) {
display: block;
}
.page-career .fdfyc .row {
grid-row-gap: 85px;
}
.page-career .gym-image-column {
display: flex;
justify-content: center;
flex-direction: column;
}
.page-career .gym-image-div {
display: none;
width: 290px;
bottom: 331px;
position: absolute;
/* border-radius: 10px; */
transform: rotate(2.35deg);
z-index: 2;
transition: all 02s ease;
align-self: center;
}
.page-career .gym-image-column:hover .gym-image-div {
display: block;
transition: all 02s ease;
}
.page-career .gym-image-div img {
width: 100%;
border-radius: 10px;
}
.page-career .fifty-fifty .img-wrap figure {
overflow: hidden;
border-radius: 16px;
max-width: 360px;
padding: 1px;
border: none !important;
text-align: center;
}
.page-career .bag-blue {
background-color: #077183;
}
.page-career .white-text-spec {
font-size: 24px;
font-weight: 400;
color: #fff;
line-height: 1.5;
}
.page-career .vc-name {
font-size: 25px;
font-family: "Proxima Nova", "Segoe UI";
font-weight: 900;
color: #fff;
}
.page-career .vc-title {
font-size: 18px;
font-family: "Proxima Nova", "Segoe UI";
color: #fff;
margin-top: 20px;
}
.page-career .quotation-open {
position: absolute;
left: -64px;
top: -40px;
}
.page-career .quotation-close {
position: absolute;
right: 0px;
bottom: -35px;
}
.page-career .full-width {
display: none;
}
.page-career .search-and-branch {
padding: 8px 16px;
border: 1px solid #cda452;
margin-bottom: 20px;
border-radius: 5px;
}
.page-career .search-bar {
display: flex;
align-items: center;
gap: 0px;
}
.page-career .search-input-wrapper {
position: relative;
flex: 1;
}
.page-career .search-input {
width: 100%;
padding: 10px 15px 10px 40px;
/* Space for the search icon */
font-size: 16px;
border: none;
background-color: transparent;
border-right: 1px solid #e0d8cb;
}
.page-career .search-icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
color: #aaa;
}
.page-career .dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: white;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
list-style: none;
padding: 0;
display: none;
/* Hidden by default */
z-index: 1000;
}
.page-career #searchDropdown li:before {
content: "" !important;
background: none;
}
.page-career .dropdown li {
padding: 10px;
cursor: pointer;
margin-bottom: 0px !important;
font-size: 16px;
font-weight: 600;
}
.page-career .dropdown li:hover {
background-color: #f4f4f4;
}
.page-career .branch-dropdown-wrapper {
position: relative;
flex: 1;
}
.page-career .branch-dropdown {
width: 100%;
padding: 10px 15px 10px 40px;
/* Space for the branch icon */
font-size: 16px;
border: none;
appearance: none;
/* Hide default dropdown arrow */
background-color: transparent;
}
.page-career .branch-icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
color: #aaa;
}
.page-career .custom-search-icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 18px;
/* Adjust width as needed */
height: 18px;
/* Adjust height as needed */
}
.page-career .option-icon {
width: 16px;
/* Adjust width as needed */
height: 16px;
/* Adjust height as needed */
margin-right: 8px;
/* Space between icon and text */
}
.page-career .dropdown-icon {
position: relative;
top: 4px;
margin-right: 6px;
}
.page-career .branch-icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
}
/* .search-input, .branch-dropdown {
flex: 1;
padding: 10px;
font-size: 16px;
border: 1px solid #BA8938;
border-radius: 5px;
background-color: #F9F6ED;
} */
.page-career .action .btn {
display: none;
}
.page-career .search-button {
background-color: #d4af37;
color: #6c4327 !important;
border: none;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
font-weight: 700;
}
.page-career .search-button:hover {
background-color: #c19a2d;
}
.view-job-detail-btn{
width: 160px;
}
/* Header */
.page-career .header {
text-align: center;
margin-bottom: 20px;
}
.page-career .header h3 {
background-color: #007bff;
padding: 10px 20px;
display: inline-block;
border-radius: 5px;
}
/* Cards Container */
.page-career .cards-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 20px;
}
/* Career page */
.page-career .card-one {
border: 1px solid #ddd;
border-radius: 5px;
padding: 40px 24px 20px 24px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease;
text-align: start !important;
display: flex;
flex-direction: column;
gap: 12px;
border-radius: 16px;
border: 1px solid #cda452;
}
.page-career .card-one h4 {
font-size: 24px;
color: #333;
margin-bottom: 36px;
}
.page-career .card-one .department {
font-weight: 400;
font-size: 14px;
color: #3d3d3d;
}
.page-career .card-one .department-name {
font-size: 16px;
font-weight: 600;
color: #333333;
}
.page-career .card-one:hover {
transform: translateY(-5px);
}
.page-career .fifty-fifty .img-wrap.vision-img-wrap {
max-height: 697px;
}
.page-career .fifty-fifty .vision-img-wrap figure:first-child {
display: block;
top: 30px;
position: relative;
}
.page-career .fifty-fifty .vision-img-wrap figure:nth-child(2) {
display: block;
max-width: 339px;
max-height: 422px;
top: 134px;
}
.page-career .fifty-fifty .vision-img-wrap figure:last-child {
display: block;
max-width: 460px;
max-height: 520px;
margin-left: 88px;
z-index: 3;
margin-top: -40px;
position: relative;
bottom: 29px;
}
.page-career .fifty-fifty .vc-container figure {
display: block;
max-width: 338px;
max-height: 446px;
margin-left: 88px;
z-index: 3;
margin-top: -40px;
position: relative;
bottom: 29px;
}
.intro-img-block {
border-radius: 16px;
overflow: hidden;
height: 100%;
max-height: none;
position: relative;
padding-top: 399px;
max-width: 538px;
}
.intro-img-block img {
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
}
.page-career .fifty-fifty .row.intro-about-grid {
grid-template-columns: 1.37fr 1fr;
}
.float-r {
float: right;
}
.gap-24 {
grid-gap: 24px;
}
.gap-60 {
grid-gap: 60px;
}
.gap-32 {
grid-gap: 32px;
}
.gap-40 {
grid-gap: 40px;
}
.gap-55 {
grid-gap: 55px !important;
}
.top-55 {
top: 55px;
}
span.font-w-800 {
font-weight: 800;
}
.align-top,
.awards .align-top {
align-items: start;
}
.s-heading-vision {
margin: 0 0 32px 0;
}
/*.page-career .hero{
background-image: url('../img/banners/Career.png');
}*/
.page-career .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 180px; /* Vertically centered */
left:72px; /* Horizontally centered */
color: #008294; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: 0;
}
.page-career .cover-image-mobile-text{
display:none;
}
.page-career .succeed-text{
background-color:#fff;
color:#008294;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
}
.page-career .succeed-new-text{
background-color:#008294;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
}
/* Values slider css */
.values-slider {
text-align: center;
padding: 50px 20px;
background: #fff;
overflow: hidden;
}
.slider-values-main {
position: relative;
}
.section-title {
font-size: 2rem;
margin-bottom: 10px;
}
.section-description {
font-size: 1rem;
margin-bottom: 20px;
color: #666;
}
.slider-values {
max-width: 526px;
margin: 0 auto;
position: static;
}
.slider-values .slick-list.draggable {
overflow: visible;
}
.slider-values .slick-track {
display: flex;
gap: 32px;
}
.slider-values .slide.slick-slide.slick-current.slick-active.slick-center {
background-color: #00a4bb;
color: white;
transition: all 0.2s ease;
}
.slider-values .slide.slick-slide.slick-current h3,
.slider-values .slide.slick-slide.slick-current p {
color: #fff;
}
.slider-values .slide {
padding: 49px 32px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f9f6ed;
text-align: left;
}
.slider-values .slide h3 {
font-size: 1.5rem;
color: #333;
margin-bottom: 10px;
}
.slider-values .slide p {
font-size: 1rem;
color: #666;
}
.page-career .slick-prev {
z-index: 10;
position: absolute;
left: 72px;
top: 30%;
bottom: 50%;
padding: 0;
font-size: 0;
width: 79px;
height: 79px;
border: 0;
background-color: transparent;
background-image: url('data:image/svg+xml,');
cursor: pointer;
}
.page-career .slick-next {
z-index: 10;
position: absolute;
right: 72px;
top: 30%;
bottom: 50%;
padding: 0;
font-size: 0;
width: 80px;
height: 79px;
border: 0;
background-color: transparent;
background-image: url('data:image/svg+xml,');
cursor: pointer;
}
.slider-values .slick-prev:hover,
.slider-values .slick-next:hover {
border-radius: 50%;
cursor: pointer;
}
.slider-values .slick-dots li button:before {
color: #ccc;
}
.slider-values .slick-dots li.slick-active button:before {
color: #ffcc00;
}
/* Why Us CSS */
.page-career .why-us {
text-align: center;
padding: 96px 0px;
background-color: #f6f6f6;
}
.page-career .why-us h2 {
font-size: 2rem;
margin-bottom: 2rem;
color: #333;
}
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 3.25rem 1.5rem;
}
.card {
border: none;
border-radius: 8px;
text-align: center;
position: relative;
}
.icon-box {
width: 50px;
height: 10px;
border-radius: 5px;
margin: 0 auto 0.3rem auto;
}
.card h3 {
font-size: 48px;
}
.card p {
font-size: 28px;
font-weight: 600;
color: #777;
line-height: 33px;
max-width: 270px;
margin: 0 auto;
}
.container.container-medium {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.section-padding-large {
padding: 99px 0;
}
/* Excellence Section CSS */
.excellence {
background-color: #e5d4a3;
position: relative;
}
.excellence img.map {
position: absolute;
top: 0;
object-fit: cover;
height: 100%;
z-index: 1;
}
.excellence .row.d-grid {
grid-template-columns: 0.22fr 1fr;
z-index: 2;
position: relative;
}
.g-col {
grid-auto-flow: column;
}
.awards-box {
height: 100%;
border-radius: 16px;
overflow: hidden;
max-height: 418px;
border: 1px solid #ba8938;
width: 100%;
position: relative;
}
.dark-gradient {
width: 100%;
height: 200px;
position: absolute;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.awards-box p.s-des {
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
line-height: 30px;
font-weight: 600;
color: #fff;
}
.awards-box img {
height: 100%;
object-fit: cover;
}
.awards.page-career .fifty-fifty .row {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.awards .awards-wrap:nth-child(even) {
padding-top: 55px;
}
.awards .btn {
max-width: fit-content;
margin: 21px auto 0 auto;
}
/* MOU Section CSS */
.mou-section {
display: flex;
align-items: center;
gap: 20px;
padding-left: calc((100% - 1364px) / 2);
}
.content {
flex: 1;
padding: 20px;
}
.content h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.discover-link {
color: #ba8938;
font-size: 1.2rem;
text-decoration: none;
margin-bottom: 20px;
display: inline-block;
font-weight: 700;
}
.description {
font-size: 1rem;
line-height: 1.5;
}
.timeline {
display: flex;
flex: 1;
gap: 5px;
flex-wrap: wrap;
overflow: hidden;
}
.year-panel {
flex: 1;
height: 727px;
background-size: cover;
background-position: center;
position: relative;
transition: flex 0.3s ease-in-out;
}
.year-panel {
flex: 1;
}
.year-panel:hover {
flex: 0 0 335px;
}
.year-overlay {
position: absolute;
bottom: 10px;
left: 10px;
color: #fff;
padding: 10px;
font-size: 1.2rem;
transform: rotate(270deg);
}
.values-slider .slick-active:hover {
transform: rotate(-1.08deg);
transition: all 0.2s ease;
}
/* Timeline CSS */
.timeline-main .timeline {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
position: relative;
}
.timeline-main {
position: relative;
}
.timeline-line {
position: absolute;
height: 5px;
width: 100%;
background-color: #e5d4a3;
margin-top: -24px;
}
.timeline-item {
position: relative;
text-align: center;
cursor: pointer;
}
.timeline-item .pin {
display: block;
width: 5px;
height: 41px;
background: #e5d4a3;
margin: 0 auto;
}
.timeline-item.active .pin {
background: #6c4327;
}
.timeline-item .year {
margin-top: 5px;
font-size: 14px;
color: #555;
}
.timeline-item.active .year {
color: #6c4327;
}
.slider.timeline-slider {
max-width: 1077px;
margin: 0 auto;
position: static;
}
.slide.timeline-slide {
display: flex;
gap: 40px;
align-items: center;
justify-content: center;
}
.slide.timeline-slide img {
max-width: 497px;
margin-bottom: 10px;
width: 100%;
min-height: 514px;
height: 100%;
object-fit: cover;
border-radius: 16px;
overflow: hidden;
}
.timeline-heading span {
font-size: 24px;
line-height: 10px;
}
.slider.timeline-slider .slick-prev.slick-arrow {
top: 60%;
left: 0;
}
.slider.timeline-slider .slick-next.slick-arrow {
top: 60%;
right: 0;
}
ul.slick-dots {
display: none;
}
/* regsiter and join section css */
.regsiter-and-join-section {
display: flex;
flex-direction: row;
gap: 1px;
}
.cta .cta-inner1 h2,
.cta .cta-inner2 h2 {
font-size: 32px;
font-weight: 700;
}
.cta .cta-inner1 h2,
.cta .cta-inner2 h2 {
color: var(--white);
margin-bottom: 12px;
}
.cta .cta-inner1 p,
.cta .cta-inner2 p {
color: var(--white);
font-weight: normal;
margin-bottom: 12px;
font-size: 20px;
}
.cta1 .cta-inner1 .content,
.cta2 .cta-inner2 .content {
padding: 0px;
}
.cta1 .cta-inner1 {
padding: 64px 72px 64px 32px;
}
.cta2 .cta-inner2 {
padding: 64px 32px 64px 72px;
}
.cta1,
.cta2 {
position: relative;
/* Make the parent a positioned element */
overflow: hidden;
/* Prevent pseudo-elements from overflowing */
}
.cta1::after {
content: "";
/* Required for the pseudo-element */
position: absolute;
/* Position it absolutely within the parent */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("../../assets/img/cta1.jpg");
/* Background image */
background-size: cover;
background-position: center;
filter: blur(2px);
/* Apply blur effect to the image */
z-index: -2;
/* Ensure it stays at the back */
}
.cta2::after {
content: "";
/* Required for the pseudo-element */
position: absolute;
/* Position it absolutely within the parent */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("../../assets/img/cta2.jpg");
/* Background image */
background-size: cover;
background-position: center;
filter: blur(2px);
/* Apply blur effect to the image */
z-index: -2;
/* Ensure it stays at the back */
}
.cta1::before,
.cta2:before {
content: "";
/* Required for the pseudo-element */
position: absolute;
/* Position it absolutely within the parent */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #002e47;
/* Overlay color with transparency */
opacity: 0.6;
z-index: -1;
/* Ensure it's above the image but below the text */
}
.year-panel:before {
content: "";
/* Required for the pseudo-element */
position: absolute;
/* Position it absolutely within the parent */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
/* Overlay color with transparency */
opacity: 0.6;
/* Ensure it's above the image but below the text */
}
.mou-link-bottom {
display: none;
}
/*ssip*/
.ssip-page .hero{
background-image:url('../img/banners/ssip.png');
}
.ssip-page .hero .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 175px; /* Vertically centered */
left:91px; /* Horizontally centered */
color:#008294;
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: -1;
}
.ssip-page .hero .cover-image-mobile-text{
display:none;
}
.ssip-page .hero .succeed-text{
background-color:#005372;
color:#ffffff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 10px;
position:relative;
right:10px;
}
.ssip-page .hero .succeed-text-white{
background-color:#002E47;
color:#ffffff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 14px;
position:relative;
right:8px;
}
.intro.key-object ul li {
margin-bottom: 24px;
}
.intro.key-object .col-5.d-grid.fifty-fifty {
grid-template-columns: 5fr 6.5fr;
}
.intro.key-object .col-5.d-grid.fifty-fifty {
grid-template-columns: 6.8fr 5.2fr;
}
.intro.key-object .row.fifty-fifty {
grid-template-columns: 5.2fr 6.8fr;
grid-gap: 30px;
}
.commite-member .member a .content p {
font-family: var(--f-family-reg);
margin-bottom: 0;
}
.commite-member h2 {
line-height: 1.2;
}
.commite-member .ssip-committee {
padding-top: 76px;
}
.commite-member .row .member {
padding: 0;
}
.intro.key-object ul li:last-child {
margin-bottom: 0;
}
.applying .row .col-5 .inner p.sr-sub-title {
padding: 0;
font-size: 16px;
}
.applying .row .col-5 .inner a {
color: var(--gold);
text-decoration: none;
font-weight: 600;
}
.applying .row .col-5 .inner p:first-child {
margin-bottom: 8px;
}
.applying .row .col-5 .inner a:hover {
color: var(--gold-200);
}
.applying .row .col-5 .inner a:hover svg {
fill: var(--gold-200);
}
.applying .row .col-5 .inner a svg {
fill: var(--gold);
}
.scholarship.ssip-scheme .col-5 figure:last-child {
margin: 00;
}
.ssip-scheme .tab-data ul.s-tab-btn {
max-width: 100%;
justify-content: center;
padding-bottom: 40px;
}
.scholarship.ssip-scheme .col-7 a {
text-decoration: none;
color: var(--gold);
font-size: var(--h6);
font-weight: 700;
display: flex;
align-items: center;
text-transform: uppercase;
}
.scholarship.ssip-scheme .col-7 a:hover {
color: var(--gold-200);
}
.scholarship.ssip-scheme .col-7 a svg {
fill: var(--gold);
}
.scholarship.ssip-scheme .col-7 a:hover svg {
fill: var(--gold-200);
}
.ssip-scheme .tab-content-wrap ul {
margin-bottom: 24px !important;
}
.ssip-scheme .tab-data ul.s-tab-btn {
display: grid;
grid-template-columns: repeat(3, 3.33fr);
}
.ssip-scheme .tab-data ul.s-tab-btn li a {
width: 100%;
}
.ssip-scheme .tab-data ul.s-tab-btn li {
max-width: 100%;
}
.scholarship .row .tab-wrap {
padding: 0;
}
.ssip-scheme .tab-data ul.s-tab-btn li a {
text-align: center;
}
.placement.best-chice.approval-process .col-sixty .row {
grid-template-columns: repeat(3, 3.33fr) !important;
}
.placement.best-chice.approval-process .col-sixty .row p {
max-width: 100%;
font-weight: 500;
line-height: 1.2;
}
.placement.best-chice.approval-process
.col-sixty
.row
.col-fifty:nth-child(3)
span
svg {
fill: #a4e5c2;
}
.placement.best-chice.approval-process .col-sixty .row p a {
font-size: inherit;
text-decoration: none;
color: var(--gold);
}
.placement.best-chice.approval-process .col-sixty .row p a svg {
fill: var(--gold);
font-weight: 600;
}
.placement.best-chice.approval-process .col-sixty .row p a:hover svg {
fill: var(--gold-200);
}
.placement.best-chice.approval-process .col-sixty .row p a:hover {
color: var(--gold-200);
}
.commite-member .ssip-committee {
margin: 0;
}
.proud-achivment .tabs-list.-is-open {
height: auto;
}
/*OBE*/
.obe-feedback {
background-color: #DBFBFF;
padding: 118px 0;
}
.obe-page .assesment{
background-color:#F4EBD3;
}
.obe-feedback .row {
grid-template-columns: 3fr 9fr;
align-items: center;
margin: 0;
}
.obe-feedback .row .col-9 {
padding-left: 110px;
}
.obe-feedback .row .col-9 p {
font-size: var(--h5);
color: #3D3D3D;
margin: 0;
}
.assesment {
padding: 120px 0;
background: #F4EBD3;
}
.assesment .row {
grid-template-columns: 9fr 3fr;
display: grid;
grid-gap: 66px;
}
.assesment .row p {
font-size: var(--h5);
margin: 0;
}
.assesment .row .col-9 {
padding-left: 44px;
}
.assesment .row {
margin: 0;
}
.core-feature .title p {
font-size: var(--h6);
}
.applying.core-feature .row {
grid-template-columns: repeat(4, 2.5fr);
}
.feature-slider-wrap .feature-slider {
padding-left: calc((100% - 1325px) / 2);
}
.feature-slider-wrap {
background-color: #F9F6ED;
padding-top: 40px;
}
.feature-slider-wrap .fr-item h4 span {font: inherit;}
.feature-slider-wrap .feature-slider .fr-item h4 span {
color: #fff;
padding: 0 10px;
}
.feature-slider-wrap .feature-slider .fr-item h4 span {
color: #fff;
padding: 0 10px;
}
.applying.core-feature {
padding-top: 72px;
}
.feature-slider-wrap {
padding-top: 50px;
padding-bottom: 72px;
}
.feature-slider-wrap .feature-slider .fr-item h4 {
color: #002E47;
margin-bottom: 16px;
}
.feature-slider-wrap .feature-slider .fr-item p {
font-size: var(--h6);
line-height: 1.2;
margin: 0;
}
.feature-slider-wrap .feature-slider .slick-list {
padding-left: 0 !important;
}
.feature-slider-wrap .feature-slider .fr-item {
padding: 40px;
border: 1px solid #E5D4A3;
border-radius: 16px;
margin-right: 40px;
}
.what-obe .row {
margin: 0;
padding-left: 167px;
position: relative;
}
.what-obe .row .curv {
padding: 0;
position: absolute;
width: auto;
left: 0;
}
.what-obe .row .obe-list {
padding-left: 0;
margin-left: -56px;
position: relative;
}
.obe-list ul li {
padding: 20px 60px;
background: #F9F6ED;
border-radius: 100px;
margin-bottom: 20px;
font-size: var(--h4);
width: max-content;
position: relative;
}
.obe-list ul li:before {width: 52px;height: 52px;border-radius: 50%;background: #fff;border: 3px solid #00A4BB;counter-increment: section;content: counters(section,".") " ";text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
.obe-list ul li figure {
display: none;
}
.what-obe .row .obe-list ul {
counter-reset: section;
list-style-type: none;
margin-top: -31px !important;
}
.obe-list ul li:first-child, .obe-list ul li:last-child {
margin-left: -30px;
}
.obe-list ul li:first-child:before, .obe-list ul li:last-child:before {
margin-left: -143px;
}
.obe-list ul li:nth-child(2):before, .obe-list ul li:nth-child(7):before {
margin-left: -138px;
}
.obe-list ul li:nth-child(2), .obe-list ul li:nth-child(7) {
margin-left: 20px;
}
.obe-list ul li:nth-child(3), .obe-list ul li:nth-child(6) {
margin-left: 60px;
}
.obe-list ul li:nth-child(3):before, .obe-list ul li:nth-child(6):before {
margin-left: -140px;
}
.obe-list ul li:nth-child(4):before, .obe-list ul li:nth-child(5):before {
margin-left: -181px;
}
.obe-list ul li:nth-child(4), .obe-list ul li:nth-child(5) {
margin-left: 120px;
}
.obe-list ul li figure {
position: absolute;
right: -433px;
transform: translateY(-50%);
top: 50%;
border-radius: 16px;
overflow: hidden;
z-index: 1;
}
.obe-list ul li:hover figure {
display: block;
}
.obe-list ul li:hover {
background-color: #DBFBFF;
}
.obe-list ul li:hover:before {
color: #F9F6ED;
background-color: #00A4BB;
}
.what-obe .title h2 {
line-height: 1.2;
}
.what-obe .title {
margin-bottom: 70px;
}
/*.obe-page .hero{
background-image: url('./img/banners/OBE.png') !important;
}*/
.obe-page .hero .small-text{
margin-bottom:8px;
font-size: 28px;
font-weight:600;
line-height: 33.6px;
}
.obe-page .hero .small-mobile-text{
margin-bottom:8px;
font-size: 18px;
font-weight:600;
line-height: 27px;
}
.obe-page .hero .line-img,.vertical-line-img{
margin-top: 8px;
bottom:10vh;
height: 25vh;
left: 83.05px;
}
.obe-page .hero .empower-text{
padding:24px 0px;
}
.obe-page .hero .cover-image-text{
font-size: 64px;
font-weight:700;
line-height: 33.6px;
width: 100%;
position: fixed;
top: 163px;
left:83.05px;
color:#002E47;
pointer-events: none;
z-index: -1;
margin-bottom:12px;
}
.obe-page .hero .cover-image-mobile-text{
display:none;
}
.obe-page .hero .succeed-text{
background-color:#00A4BB;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:8px;
margin-bottom:8px;
}
.obe-page .hero .normal-text{
color:#008294;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:8px;
margin-bottom:8px;
}
/*parents*/
.supportive-health h2 {
text-align: center;
line-height: 1.2;
}
.supportive-health p {
font-size: var(--h6);
text-align: center;
}
.sh-slider .slide-item img {
width: 100%;
}
.sh-slider .slide-item {
padding: 0 40px;
}
.sh-slider .slide-item figure {
position: relative;
overflow: hidden;
border-radius: 20px;
max-height: 476px;
}
.sh-slider .slide-item figure figcaption {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 50px;
font-size: var(--s-heading);
font-family: var(--f-family-bold);
color: #fff;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.330996) 22.55%, rgba(0, 0, 0, 0.55) 100%);
padding-left: 10px;
padding-right: 10px;
}
.sh-slider .slide-item.slick-current figure {
max-height: 542px;
}
.sh-slider {
padding-top: 36px;
}
.supportive-health .btn-wrap {
padding-top: 52px;
justify-content: center;
}
.supportive-health .btn-wrap .btn-primary {
color: #6C4327;text-decoration: none;font-size: var(--h6);font-weight: 700;text-transform: uppercase;border-radius: 16px;max-width: 302px;width: 100%;
text-align: center;
}
.supportive-health .btn-wrap .btn-primary:hover {
background: var(--gold-100);
}
.placement.best-chice.safety-first .col-sixty .row .s-heading {
font-size: var(--s-heading);
}
.placement.best-chice.safety-first .col-sixty .row p {
font-size: var(--h5);
}
.placement.best-chice.safety-first .col-sixty .row .col-fifty:nth-child(2) span svg {
fill: #E5D4A3;
}
.placement.best-chice.safety-first .col-sixty .row .col-fifty:nth-child(3) span svg {
fill: #E5BCA4;
}
.placement.best-chice.safety-first h2 {
margin-bottom: 44px;
}
.child-progress .row {
margin: 0;
display: grid;
grid-template-columns: 7fr 5fr;
}
.child-progress .row .col-7 h5 {
color: #008294;
text-transform: uppercase;
font-family: var(--f-family-reg);
text-align: left;
}
.child-progress .row .col-7 h2 {
line-height: 1.2;
max-width: 537px;
}
.child-progress .row .col-7 {
padding-left: 72px !important;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.child-progress .col-5 {
background-color: #00548D;
}
.child-progress .col-5 .examination-result {
background-color: #EBF4F7;
border-radius: 24px;
position: absolute;
top: 13px;
left: -200px;
min-width: 321px;
box-shadow: 0px 4px 28.6px rgba(0, 0, 0, 0.25);
border-radius: 24px;
}
.child-progress .col-5 .examination-result .ex-inner {
position: relative;
padding: 63px 43px 31px 43px;
}
.child-progress .col-5 .examination-result .ex-inner .check {
position: absolute;
top: 30px;
left: -31px;
}
.child-progress .col-5 .examination-result .ex-inner .tech-title {
font-size: 15px;
font-weight: 700;
margin-bottom: 13px;
}
.child-progress .col-5 .examination-result .ex-inner ul li {
padding: 0;
font-size: 12px;
color: #000;
margin-bottom: 7px;
}
.child-progress .col-5 .examination-result .ex-inner ul li:before {
display: none;
}
.child-progress .col-5 .child-img {
position: relative;
}
.child-progress .col-5 .child-img .attendees {
position: absolute;
top: 28%;
background-color: #EBF4F7;
border-radius: 24px;
left: -85px;
right: 52px;
}
.child-progress .col-5 {
justify-content: center;
align-items: baseline;
padding-top: 101px;
}
.child-progress .col-5 .child-img {
margin-bottom: -50px;
}
.child-progress .col-5 .child-img .attendees .attendees-inner {
position: relative;
padding: 66px 24px 30px 24px;
}
.child-progress .col-5 .child-img .attendees .attendees-inner svg {
position: absolute;
right: -21px;
top: 23px;
}
.child-progress .col-5 .child-img .attendees .attendees-inner p {
margin-bottom: 0;
}
.child-progress .col-5 .child-img .attendees .attendees-inner .at-title {
font-size: 15px;
font-weight: 700;
color: #000;
}
.child-progress .col-5 .child-img .attendees .attendees-inner
.ad-sub {
font-size: 12px;
color: #000;
}
.child-progress .col-5 .child-img .attendees .attendees-inner .persontage {
position: absolute;
height: 45px;
left: 24px;
right: 24px;
background-color: #FFFFFF;
border-radius: 8px;
bottom: -28px;
}
.child-progress .col-5 .child-img .attendees .attendees-inner .persontage span {
width: 80%;
font-size: 25px;
font-weight: 700;
display: flex;
align-items: center;
height: 100%;
padding: 7px;
background-color: #00B5C0;
border-radius: 8px;
color: #fff;
}
.child-progress .col-5 .examination-result .ex-inner
.download {
border: 0;
position: absolute;
right: 30px;
background: transparent;
bottom: -33px;
}
.proprietary .layer .row {
grid-template-columns: 5fr 2fr 5fr;
align-items: center;
grid-gap: 30px;
margin: 0;
}
.tab-list ul li {
padding: 0;
margin: 50px 0;
opacity: 0.6;
}
.tab-list ul li:before {
display: none;
}
.proprietary .title p {
font-size: var(--h6);
text-align: center;
line-height: 1.5;
}
.layer {
padding-top: 50px;
}
.layer .col-5{
width: 100% !important;
}
.tab-list ul li span {
font-size: 16px;
}
.proprietary .layer .row .tab-list {
height: 100%;
}
.proprietary .layer .row .tab-list ul {
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
justify-content: space-between;
}
.tab-list ul li.active {
opacity: 1;
}
.tab-content-wrap .ltab-conte {
display: none;
}
.tab-content-wrap .ltab-conte.active {
display: block;
}
.tab-content-wrap p {
color: var(--heading-color);
font-size: var(--semi-heading);
}
.proprietary .layer .row .col-5 .tab-content-wrap {
padding-top: 0;
height: 100%;
margin-top: 45px;
position: relative;
}
.proprietary .layer .row .col-5, {
height: 100%;
}
.parent-page .proprietary .layer .row {
align-items: flex-start;
}
.parent-page .proprietary .tab-content-wrap .ltab-conte{
display: block;
}
.parent-page .proprietary .tab-content-wrap .ltab-conte.active1{
visibility:hidden;
}
.parent-page .proprietary .tab-content-wrap .ltab-conte#tab-1
{
position:absolute;
top: 0px;
}
.parent-page .proprietary .tab-content-wrap .ltab-conte#tab-2
{
position:absolute;
top:180px;
}
.parent-page .proprietary .tab-content-wrap .ltab-conte#tab-3{
position:absolute;
top:230px;
}
.parent-page .stack-container {
position: relative;
width: 300px;
height: 300px;
left:75px;
}
.parent-page .stack-layer {
position: absolute;
width: 300px;
height: 300px;
background: url('Rectangle%2040198.png') no-repeat center;
background-size: contain;
transform: rotate(45deg) rotate3d(50, 50, 40, 180deg);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border:6px solid #F1E9E2;
transition:all 1s ease;
}
.parent-page .layer1 {
top: 0;
background-color: #0098B5;
z-index:3;
transition:all 1s ease;
}
.parent-page .layer2 {
top: 120px;
background-color: #61BECF;
z-index:2;
transition:all 1s ease;
}
.parent-page .layer3 {
top: 180px;
background-color: #9CD2DC;
z-index:1;
transition:all 1s ease;
}
.parent-page .circle{
border: 6px solid white;
width: 60px;
height: 60px;
border-radius: 50%;
position: absolute;
right: 15%;
top: -20px;
/* transform: rotate3d(32, 32, 1, 60deg); */
transition: opacity 0.5s ease; /* Smooth fade effect */
transform:translateX(-75px) translateY(200px);
z-index: 99;
transition:transform 0.5s ease;
}
.slide-down{
animation: slide-down 1s ease;
}
@keyframes slide-down {
0%{
transform: translateY(-20px);
}
100%{
transform: translateY(0px);
}
}
.proprietary .title h2 {
text-align: center;
}
.layer-wrap .layer-1,
.layer-wrap .layer-2,
.layer-wrap .layer-3 {
width: 1227px;
height: 133px;
border-top: 3px solid #000;
}
.layer-wrap .layer-3 {
border-bottom: 3px solid #000;
}
.svg-layer {
display: flex;
justify-content: end;
}
.sl-wrap {
width: 1200px;
height: 800px;
display: flex;
align-items: end;
justify-content: flex-end;
flex-direction: column;
overflow: hidden;
position: relative;
}
.slLayer {
width: 100%;
height: 100%;
border-radius: 0 0 0 100px;
position: absolute;
right: 0;
top: 0;
border-top: 0;
border-right: 0;
}
.slLayer:first-child {
width: calc(100% - 330px);
height: calc(100% - 267px);
border-radius: 0 0 0 300px;
cursor: pointer;
z-index: 3;
background: url('data:image/svg+xml,');
}
.slLayer.active:first-child {
background: url('data:image/svg+xml,');
}
.slLayer:nth-child(2) {
width: calc(100% - 174px);
height: calc(100% - 151px);
border-radius: 0 0 0 400px;
z-index: 2;
cursor: pointer;
background: url('data:image/svg+xml,');
}
.slLayer.active:nth-child(2) {
background: url('data:image/svg+xml,');
}
.slLayer:nth-child(3) {
width: 100%;
height: 100%;
border-radius: 0 0 0 500px;
z-index: 1;
cursor: pointer;
background: url('data:image/svg+xml,');
}
.slLayer.active:nth-child(3) {
background: url('data:image/svg+xml,');
}
.slLayer .layer-inner {
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.slLayer:nth-child(4) {
width: 70%;
height: calc(100% - 100px);
border-radius: 0 0 0 600px;
z-index: 0;
cursor: pointer;
}
.sl-item {
display: none;
}
.sl-item.active {
display: inline-block;
}
.slLayer .icon {
position: absolute;
left: 0;
bottom: 222px;
opacity: 0;
}
.slLayer.active .icon {
opacity: 1;
}
.slLayer:nth-child(2) .icon {
bottom: 190px;
left: 70px;
}
.slLayer:nth-child(3) .icon {
left: 146px;
bottom: 197px;
}
.slLayer .layer-inner span {
width: 100%;
max-width: 509px;
height: 133px;
display: flex;
align-items: center;
font-size: var(--h4);
color: #00A4BB;
font-weight: 700;
}
.slLayer.active .layer-inner span {
color: #fff;
}
.sl-item-content {
padding-left: calc((100% - 1296px) / 2);
}
.sl-item-content ul li:before {
background: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
}
.proprietary {
padding-bottom: 0;
}
.layer-2-section {
padding-top: 0;
}
.parent-page .layer-2-section .layer-wrap .sl-item-content ul li{
display: flex;
align-items:start;
}
.parent-page .layer-2-section .layer-wrap .sl-item-content ul li p{
font-size:32px;
font-weight:700;
}
.parent-page .layer-2-section .layer-wrap .sl-item-content ul li span:first-child{
position: relative;
top: 6px;
}
.layer-2-section .sl-item h4 {
display: none;
}
.layer-2-section .navigation-wrapper {
padding-left: calc((100% - 1298px) / 2);
}
.layer-2-section .navigation-wrapper .pagination {
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
}
.layer-2-section .navigation-wrapper .pagination .dots ul {
display: flex;
align-items: center;
}
.layer-2-section .navigation-wrapper .pagination .dots ul li {
margin: 0;
padding: 0 5px;
display: flex;
align-items: center;
}
.layer-2-section .navigation-wrapper .pagination .dots ul li::before {
display: none;
}
.layer-2-section .navigation-wrapper .pagination .dots ul li button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #E5D4A3;
background-color: #E5D4A3;
}
.layer-2-section .navigation-wrapper .pagination .dots ul li.slick-active button {
background-color: #BA8938;
border-color: #BA8938;
width: 13px;
height: 13px;
cursor: pointer;
}
.layer-2-section .navigation-wrapper .pagination button.slick-arrow {
padding: 0;
font-size: 0;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2071 6.29289C18.8166 5.90237 18.1834 5.90237 17.7929 6.29289C17.4024 6.68342 17.4024 7.31658 17.7929 7.70711L25.0858 15H5.5C4.94772 15 4.5 15.4477 4.5 16C4.5 16.5523 4.94772 17 5.5 17H25.0858L17.7929 24.2929C17.4024 24.6834 17.4024 25.3166 17.7929 25.7071C18.1834 26.0976 18.8166 26.0976 19.2071 25.7071L28.2071 16.7071C28.3902 16.524 28.4874 16.2877 28.4989 16.048C28.4996 16.032 28.5 16.016 28.5 16M28.5 15.9908C28.4976 15.7379 28.4 15.4858 28.2071 15.2929L19.2071 6.29289' fill='%23BA8938'/%3E%3C/svg%3E%0A");
cursor: pointer;
}
.layer-2-section .navigation-wrapper .pagination button.prev.slick-arrow {
transform: rotate(180deg);
}
.layer-2-section .navigation-wrapper .pagination .dots {
padding: 0 48px;
}
/*Student exchange*/
.pages-tab-list {
display: flex;
justify-content: center;
}
.pages-tab {
padding-top: 52px;
}
.pages-tab-list li {
margin: 0;
padding: 0 12px;
}
.pages-tab-list li::before {
display: none;
}
.pages-tab-list li a {
font-size: var(--h5);
text-decoration: none;
display: inline-block;
border-bottom: 2px solid transparent;
color: #9F937F;
padding: 16px 24px;
}
.pages-tab-list li.active a {
color: #A06C2E;
border-color: #A06C2E;
}
.erasums.section-padding {background-size: cover;background-repeat: no-repeat;background-position: center;}
.erasums.section-padding .row {
grid-template-columns: 2fr 9fr;
align-items: flex-end;
grid-gap: 62px;
}
.erasums.section-padding .row figure figcaption h2 {
margin: 0;
line-height: 1.2;
font-size: 48px;
color: #6C4327;
}
.erasums.section-padding .row figure figcaption {
margin-top: 20px;
}
.erasums.section-padding .row p {
font-size: var(--s-des);
margin-bottom: 0;
color: var(--heading-color) !important;
font-weight: 600;
font-family: var(--f-family-reg);
}
.placement.best-chice.se-why-us .col-sixty .row .col-fifty:nth-child(2) span svg {
fill: #E5B4A4;
}
.placement.best-chice.se-why-us .col-sixty .row .col-fifty:nth-child(3) span svg {
fill: #A4E5C2;
}
.placement.best-chice.se-why-us .col-sixty .row .col-fifty:nth-child(4) span svg {
fill: #E5DAA4;
}
.placement.best-chice .col-sixty .row .s-heading {
font-family: var(--f-family-reg);
line-height: 1.2;
font-size: var(--h3);
}
.program-list .program-item .row {
grid-template-columns: 4.5fr 7.5fr;
grid-gap: 50px;
box-shadow: 0px 4.63297px 22.2884px rgba(106, 106, 106, 0.065), 0px 2.46054px 11.8372px rgba(131, 131, 131, 0.0525061);
border-radius: 16px;
overflow: hidden;
margin-bottom: 32px;
margin-left: 0;
margin-right: 0;
}
.program-list .program-item .row .col-pr2 {
padding: 32px 40px 32px 0;
}
.program-list .program-item .row .col-pr2 h5 {
line-height: 1.2;
margin-bottom: 12px;
}
.program-list .program-item .row .col-pr2 .timeline .duration .d-title {
font-size: 16px;
margin-bottom: 2px;
}
.program-list .program-item .row .col-pr2 .timeline .duration .date {
font-weight: 600;
margin: 0;
}
.program-list .program-item .row .col-pr2 .timeline .duration {
margin-bottom: 12px;
}
.program-list .program-item .row .col-pr2 .des {
font-size: 16px;
margin-bottom: 8px;
}
.program-list .program-item .row .col-pr2 .action a {
border: 1px solid var(--gold-100);
display: inline-flex;
text-decoration: none;
text-transform: uppercase;
padding: 12px 16px;
border-radius: 16px;
background: linear-gradient(90deg, #DABF7C 6.68%, #E4D0A0 79.14%);
color: var(--gold-200);
font-weight: 700;
line-height: 1.3;
align-items: center;
}
.program-list .program-item .row .col-pr2 .action {
display: block;
text-align: left;
padding: 0;
}
.program-list .program-item .row .col-pr2 .action a:hover {
color: var(--gold-100);
border-color: var(--gold-200);
background: var(--gold-200);
}
.program-list .program-item .row .col-pr2 .action a:hover svg path {
fill: var(--gold-100);
}
.program-list .program-item .row figure {
height: 100%;
}
.program-list .program-item .row figure img {
height: 100%;
}
.action-btn .btn {
width: auto;
display: inline-block;
margin: 0 auto;
background: linear-gradient(90deg, #DABF7C 6.68%, #E4D0A0 79.14%);
}
.action-btn {
text-align: center;
}
.s-gallery .row.d-two-col {
grid-gap: 24px;
}
.s-gallery .row.d-two-col figure {
margin-bottom: 24px;
}
.wh-gallery.d-grid {
grid-template-columns: 7fr 5fr;
grid-gap: 20px;
}
.wh-gallery.d-grid figure {
margin-bottom: 20px;
}
.wh-gallery.d-grid figure:last-child {
margin: 0;
}
/*Student scholarship*/
.scholarship-page .indexing{
position:relative;
z-index:2;
}
.scholarship-page .white-background{
background-color:#fff;
}
.scholarship-page .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 213px; /* Vertically centered */
left:91px; /* Horizontally centered */
color:#008294;
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: -1;
}
.scholarship-page .cover-image-mobile-text{
display:none;
}
.scholarship-page .succeed-text{
background-color:#005372;
color:#ffffff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:0;
margin-right:10px;
}
.scholarship-page .succeed-text-white{
background-color:#002E47;
color:#ffffff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 14px;
position:relative;
right:0;
}
.scholrship-door h2 {
line-height: 1.2;
}
.scholrship-door p {
font-size: var(--s-des);
line-height: 1.5;
margin: 0;
}
.scholrship-door .row {
margin: 0;
grid-gap: 56px;
align-items: center;
}
.scholrship-door figure img {
border-radius: 16px;
border: 1px solid var(--gold-100);
}
.scholship-data .row {
grid-template-columns: 5fr 7fr;
grid-gap: 80px;
margin: 0;
align-items: center;
}
.scholship-data .row p {
font-size: var(--s-des);
}
.scholship-data .row .col-7 {
padding-right: 31px;
}
.scholship-data .row .col-7 a.s-btn {
text-decoration: none;
font-size: var(--h4);
text-transform: uppercase;
font-weight: 700;
color: var(--gold);
display: flex;
align-items: center;
}
.scholship-data .row .col-7 ul {
margin-bottom: 20px !important;
}
.scholship-data .row .col-7 a.s-btn:hover {
color: var(--heading-color);
}
.scholship-data .row .col-7 h2 {
line-height: 1.2;
}
.scholship-data figure img {
border-radius: 16px;
border: 1px solid var(--gold-100);
}
/*Gallery*/
.page-gallery .hero{
background-image: url('../img/banners/Image-gallery.png');
}
.page-gallery .cover-image-text {
font-size: 64px;
font-weight: 700;
line-height: 90.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 161px; /* Vertically centered */
left: 72.9px; /* Horizontally centered */
color: #008294; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: -1;
}
.page-gallery .cover-image-mobile-text {
display: none;
}
.page-gallery .succeed-text {
background-color: #008294;
color: #fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding: 0px 16px;
}
.page-gallery .visual-text {
background-color: #002e47;
color: white;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding: 0px 16px;
}
.page-gallery .visionary-footer p {
width: 200px;
}
.page-gallery .footer-part {
display: flex;
gap: 137px;
margin-top: 20px;
}
.page-gallery .visionary5 {
width: 20%;
}
.page-gallery .visionary-footer img {
width: 112px;
height: 127px;
}
.page-gallery .blogs-slider .blog-card.slick-slide {
display: block;
}
.page-gallery .blog-card p {
font-size: 32px;
font-weight: 700;
width: 60%;
line-height: 38.1px;
text-align: start;
}
.page-gallery .card-name {
display: flex;
justify-content: space-between;
transition: all 0.5s ease;
}
.page-gallery .card-name span {
width: 40px;
height: 40px;
display: none;
}
.page-gallery .blog-card:hover .card-name p {
color: #ba8938;
transition: all 0.5s ease;
}
.page-gallery .blog-card:hover .card-name span {
display: block;
transition: all 0.5s ease;
}
.page-gallery .blog-card {
transition: all 0.5s ease;
}
.page-gallery .blog-card:hover {
width: 500px !important; /* Double the width on hover */
z-index: 10; /* Bring the hovered card to the front */
transition: all 0.5s ease;
}
.page-gallery .blog-card:hover img {
width: 100% !important;
transition: all 0.5s ease;
}
.page-gallery .blog-card img {
transition: all 0.5s ease;
}
.page-gallery .tab-data ul.s-tab-btn {
max-width: 100% !important;
justify-content: center;
}
.page-gallery .tab-data ul.s-tab-btn li.active a {
font-weight: 600;
}
.page-gallery .tab-data ul.s-tab-btn li {
max-width: 27%;
}
.page-gallery .tab-data ul.s-tab-btn li:first-child {
max-width: 20% !important;
}
.page-gallery .tab-dropdown option {
text-transform: uppercase;
}
.page-gallery .popular-blogs {
background-color: #f9f6ed;
}
.page-gallery .visionary-section,
.scholarship {
background-color: #fff;
position: relative;
z-index: 2;
}
/* student page css */
.studentclub-page .hero {
width: 100%;
height: 100vh;
background-size: 100% 90%;
background-repeat: no-repeat;
background-position: center top 50px;
background-attachment: fixed;
cursor: pointer;
position: relative;
z-index: 0;
}
.studentclub-page .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top:176px;
color:#008294;
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: -1;
}
.studentclub-page .cover-image-mobile-text{
display:none;
}
.studentclub-page .succeed-text{
background-color:#005372;
color:#ffffff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 10px;
position:relative;
right:10px;
}
.studentclub-page .succeed-text-white{
background-color:#002E47;
color:#ffffff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 14px;
position:relative;
right:8px;
}
/* student page css end*/
/* contact us css */
.contactus-page .email-text{
word-break: break-all; /* Allow breaking of long email words */
overflow-wrap: break-word;
}
.contactus-page .contact-section {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Two-column grid */
gap: 20px; /* Space between cards */
margin: 0 auto;
padding: 0px 20px;
}
.contactus-page .contact-department-section{
display: grid;
grid-template-columns: repeat(2, 1fr); /* Two-column grid */
gap: 40px; /* Space between cards */
margin: 0 auto;
padding: 0px 20px;
}
.contactus-page .contact-card {
display: flex !important;
align-items: flex-start !important; /* Align items at the top */
gap: 15px !important; /* Space between icon and details */
padding: 5px !important;
border-radius: 8px;
}
.contactus-page .section4 .contact-card{
align-items: center !important;
}
.contactus-page .contact-card .icon img {
width: 28px; /* Adjust icon size */
height: 28px;
}
.contactus-page .key-contact-card .contact-card .icon img{
width:132px;
height:149px;
}
.contactus-page .key-contact-card .contact-card .details p:first-child{
font-size:20px;
font-weight:600;
line-height:24px;
}
.contactus-page .pinto-name{
margin-bottom:16px !important;
}
.contactus-page .key-contact-card{
padding: 24px;
box-shadow: 0px 1.02px 4.93px 0px rgba(159, 159, 159, 0.3);
border-radius: 16px;
background-color: #fff;
}
.contactus-page .section4 .contact-card .details{
width:70%;
word-wrap: break-word; /* Break long words if necessary */
word-break: break-word;
}
.contactus-page .section2 .contact-card .icon{
width:30%;
}
.contactus-page .section4 .key-contact-card,.contactus-page .section4 .contact-card{
padding:10px !important;
}
.contactus-page .section4 .contact-card .icon{
width:40%;
}
.contactus-page .section4 .contact-card .details{
width:65%;
padding:24px 5px;
}
.contactus-page .section4 .contact-card .icon img{
width:100%;
height:165px;
border-top-left-radius: 16px;
border-bottom-left-radius:16px;
}
.contactus-page .admis-heading{
font-size:24px;
font-weight: 700;
font-family: var(--f-family-bold);
margin-bottom:16px;
}
.contactus-page .contact-card .details h4 {
margin: 0;
font-size: 20px;
font-weight: 700;
color: #333;
font-family: var(--f-family-bold);
}
.contactus-page .contact-card .details p {
margin: 6px 0;
font-size: 16px;
color: #3D3D3D;
font-weight: 400;
font-family: var(--f-family-reg);
}
.contactus-page .depart-heading{
font-size:40px;
font-weight:700;
margin-bottom:40px;
text-align: center;
}
.contactus-page .contact-card .details .contact-info {
font-weight: 600;
color: #333;
font-size:18px;
}
.contactus-page .input-group-text{
background-color: #fff !important;
}
#email,#phone{
border-right:0px;
}
.contactus-page .column2{
border: 1px solid #CDA452;
background-color: #F9F6ED;
padding: 40px 24px;
border-radius:16px;
}
.contactus-page .form-control::placeholder {
color: #8C8C8C !important; /* Set your desired color */
opacity: 1; /* Ensure full opacity (default is 0.5) */
font-size:16px;
font-weight:400;
}
.contactus-page .form-control:focus::placeholder {
color: #333 !important; /* Optional: Change color when the input is focused */
}
.contactus-page .need-help:hover {
background: var(--gold-200) !important;
fill: var(--gold-100);
color: var(--gold-100);
}
.contactus-page .need-help:active {
background-image: linear-gradient(#DABF7C, #E4D0A0) !important;
color: var(--gold-200);
fill: var(--gold-100);
}
.contactus-page .need-help{
padding: 16px 34px;
background-image: linear-gradient(#DABF7C, #E4D0A0);
text-decoration: none;
font-size: var(--s-des);
font-weight: 700;
text-transform: uppercase;
color: var(--gold-200);
align-items: center;
width: auto;
max-width: 310px;
justify-content: space-between;
border: 1px solid var(--gold-100);
border-radius: 8px;
}
.contactus-page .hero{
background-image:url('../img/banners/Contact-Us.png');
}
.contactus-page .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 168px; /* Vertically centered */
right:0%; /* Horizontally centered */
text-align: center;
color: #008294; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: -1;
}
.contactus-page .cover-image-mobile-text{
display:none;
}
.contactus-page .section2,.contactus-page .section1,.contactus-page .section4{
position: relative; /* Default stacking context for sections */
z-index: 2;
}
.contactus-page .section1,.contactus-page .section4{
background-color: #fff;
}
.contactus-page .succeed-text{
background-color:#008294;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 16px;
}
.contactus-page .send-msg-btn{
justify-content: center;
}
.contactus-page .international-section{
padding:40px 72px 72px 72px;
}
.contactus-page .second-section{
padding:72px 72px 0px 72px;
}
.contactus-page .section1 h2,.contactus-page .section2 h2{
font-size:64px;
font-weight:700;
line-height:76.8px;
text-align: center;
margin-bottom:40px;
}
.contactus-page .section4{
padding:72px;
}
.contactus-page .section2{
background-color: #F6F6F6;
}
/* life-campus page css */
.life-campus-page .explore-facility .dining{
color:#BA8938 !important;
}
.life-campus-page .hero{
background-image: url('../img/banners/Life-at-campus.png') !important;
}
.life-campus-page .cover-image-text{
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
width: 100%;
position: fixed;
top: 214px;
left:91px;
color: #fff;
pointer-events: none;
z-index: 0;
}
.life-campus-page .cover-image-mobile-text{
display:none;
}
.life-campus-page .succeed-text{
background-color:#fff;
color:#008294;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:19px;
}
.life-campus-page .succeed-new-text{
background-color:#008294;
color:#fff;
font-size: 64px;
font-weight: 700;
line-height: 76.8px;
padding:0px 12px;
position:relative;
right:19px;
}
.life-campus-page .container{
padding:0px;
}
@media (max-width: 1440px) {
.trainig-slider {
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.material-symbols-outlined1{
display:none !important;
}
.tabcontent-mob2{
display:none;
}
.backtonavbar {
display: none;
}
.tabcontent-mob {
display: none !important;
}
.col-md-4 {
flex: 0 0 auto;
width: 32.333%;
}
.forty-thirty-forty {
align-items: center;
}
.fourth-column-text {
display: none;
}
.gallery .btn {
background: linear-gradient(90deg, #dabf7c 6.68%, #e4d0a0 79.14%);
cursor: pointer;
text-align: center;
justify-content: center;
position: relative;
left: 40%;
}
.gallery .btn svg {
width: 24px;
position: relative;
bottom: 1px;
}
.page-gallery .tab-content .mob-img {
display: none;
}
.page-gallery .tab-dropdown {
display: none; /* Hide dropdown on desktop */
}
.page-gallery .tab-content section {
display: flex;
justify-content: space-evenly;
}
.page-gallery .column-one,
.page-gallery .column-three {
width: 21%;
height: 500px;
}
.page-gallery .column-two {
display: flex;
flex-direction: column;
width: 54%;
justify-content: space-between;
height: 500px;
}
.page-gallery .column-two-row1,
.column-two-row2 {
display: flex;
height: 49%;
justify-content: space-between;
}
.page-gallery .column-two-row1-column1 {
height: 100%;
flex: 0 0 30%;
}
.page-gallery .column-two-row2-column1 {
height: 100%;
flex: 0 0 37%;
}
.page-gallery .column-two-row1-column2 {
height: 100%;
flex: 0 0 68%;
}
.page-gallery .column-two-row2-column2 {
height: 100%;
flex: 0 0 61%;
}
.page-gallery .tab-content img {
width: 100%;
height: 100%;
}
.col-md-4 {
flex: 0 0 auto;
width: 32.333%
}
.cust-internattional-admission .contact-us.filling-complaint .row{
margin-top:50px;
}
.cust-internattional-admission .contact-us.filling-complaint .row .col-2 {
flex: 0 0 calc(100%);
}
}
@media (max-width: 1300px) {
.facility .row {
padding-left: 24px;
}
.tab-data ul.s-tab-btn li :first-child{
max-width: 100%;
}
.facility .row .f-thumb {
margin-right: 30px;
}
.tab-data ul.s-tab-btn a {
font-size: 26px;
}
.in-gallery .ing-list .ing-col p {
font-size: 20px !important;
}
.obe-feedback .row .col-9 {
padding-left: 20px;
}
.assesment .row .col-9 {
padding-left: 0;
}
.assesment .row {
grid-gap: 20px;
}
.feature-slider-wrap .feature-slider {
padding-left: 24px;
}
.obe-list ul li figure {
right: -300px;
}
.child-progress .row {
grid-template-columns: repeat(2, 6fr);
}
.sl-item-content {
padding-left: 24px;
}
.scholrship-door .row {
grid-gap: 50px;
}
.scholship-data .row {
grid-gap: 50px;
}
.scholship-data .row .col-7 {
padding-right: 10px;
}
}
@media (max-width: 1200px) {
.fourty-sixty .row .col-six {
padding-left: 60px;
}
.fourty-sixty .row {
grid-template-columns: repeat(2, 6fr);
}
.advanced-carousel {
width: calc(100% - 24px);
}
.advanced-carousel-image img {
width: 180px;
/* Resize the images slightly smaller on large screens */
height: 180px;
}
.advanced-carousel-images {
gap: 16px;
}
li.nav-img img {
width: 2vw;
}
li.nav-img a {
text-decoration: none;
font-size: 1.1vw !important;
color: #333;
/* margin-right: 8px; */
}
.student-progress .row .col-inner .line svg {
width: 350px;
}
.student-club-list .studennt-list-item .row {
padding-left: 80px;
}
.applying .row {
background-size: 80%;
}
.admission-criteria .row {
grid-gap: 40px;
}
.tab-data ul.s-tab-btn {
max-width: 100%;
flex-wrap: nowrap;
}
.obe-list ul li:hover figure {
display: none;
}
.slLayer .layer-inner span {
font-size: 28px;
max-width: 310px;
margin-left: 0;
}
}
@media (max-width: 1150px) {
#mid-div-img {
width: 100%;
height: auto;
max-width: 670px;
max-height: 350px;
object-fit: cover;
}
.carousel {
gap: 20px;
}
}
@media (max-width: 1024px) {
.fourty-sixty .row {
grid-template-columns: repeat(1, 12fr);
padding-left: 0;
grid-gap: 30px;
}
.fourty-sixty .row .col-six {
padding-left: 0;
}
.fourty-sixty .row figure {
max-width: 538px;
margin: 0 auto;
}
.fifty-fifty .row .col-six:first-child {
order: 2;
/* grid-template-columns: repeat(1, 1fr); */
}
.fifty-fifty .row {
grid-template-columns: repeat(1, 12fr);
}
.fifty-fifty .img-wrap {
max-width: 624px;
margin: 0 auto;
}
.broad-scope .col-three:first-child,
.broad-scope .col-three:last-child {
max-width: 100%;
}
.broad-scope .row {
flex-wrap: wrap;
}
.broad-scope .s-heading {
margin-bottom: 16px;
}
.broad-scope .row {
padding-top: 45px;
grid-gap: 32px;
}
.broad-scope .col-three ul li figure {
line-height: 1;
margin-bottom: 20px;
}
.broad-scope .col-three ul li:before {
top: 107px;
}
.broad-scope .col-three:first-child,
.broad-scope .col-three:last-child {
max-width: calc(50% - 16px);
grid-gap: 32px;
}
.broad-scope .col-three ul li {
margin-bottom: 0;
}
.advanced-carousel-image img {
width: 160px;
/* Smaller images for tablets */
height: 160px;
}
.advanced-carousel-images {
gap: 12px;
/* Smaller gap for tablets */
}
.topNav ul a {
font-size: 11px !important;
}
.custom-carousel {
max-width: 420px;
}
.facility-gallery .masonry-grid {
grid-template-columns: repeat(1, 12fr);
grid-auto-flow: row;
}
.facility-gallery .masonry-grid .col-one,
.facility-gallery .masonry-grid .col-three {
grid-column: 1/3;
}
.facility-gallery .masonry-grid .col-two {
grid-column: 1/2;
grid-row: auto;
max-height: 600px;
}
.facility-gallery .masonry-grid .col-two img {
max-height: 400px;
}
.facility-gallery .masonry-grid {
grid-column-gap: 0;
}
.explore-facility .title {
grid-template-columns: repeat(1, 12fr);
grid-gap: 30px;
text-align: center;
}
.explore-facility .title h2.s-heading {
margin-bottom: 0;
}
.things .row .col-three:nth-child(4) {
grid-column-start: 1;
grid-column-end: 4;
}
.things .row .col-three:nth-child(5) {
grid-column-start: 1;
grid-column-end: 4;
}
.things .row .col-three:nth-child(5) .content {
min-height: 220px;
padding: 30px 20px;
}
.facility .row .f-thumb {
margin-right: 20px;
}
.things .row {
grid-gap: 35px;
}
.trainig-program .navigation-wrapper .pagination {
padding-top: 50px;
}
.trainig-slider {
padding-left: 20px;
}
.trainig-slider .ts-col .ts-inner {
padding: 30px 30px 25px 30px;
}
.trainig-slider .ts-col {
padding: 0 15px;
}
.trainig-slider .ts-col .icon {
width: 64px;
height: 74px;
}
.trainig-slider .ts-col .icon svg {
width: 100% !important;
height: 100% !important;
}
.contact-us.section-padding {
padding: 80px 0;
}
.contact-us .row .col-2 {
padding: 40px 24px;
}
.contact-us h2 {
margin-bottom: 40px;
}
.contact-us.section-padding {
padding: 80px 0;
}
.contact-us .row .col-2 {
padding: 40px 24px;
}
.contact-us h2 {
margin-bottom: 40px;
}
.contact-us .wraper .contact-image {
top: -41px;
max-width: 500px;
}
.placement.fourty-sixty .row {
grid-gap: 34px;
}
.placement p.h5.d-mobile {
text-align: center;
margin-bottom: 30px;
}
.placement h2 {
margin-bottom: 10px;
}
.placement .col-sixty .row .s-heading {
font-size: 44px;
width: max-content;
margin: 0 auto 10px auto;
}
.placement.fourty-sixty .col-sixty .row p {
text-align: center;
}
.placement .col-sixty .btn {
margin: 0 auto;
}
.student-progress .row .col-3:first-child .col-inner,
.student-progress .row .col-3:nth-child(2) .col-inner {
transform: translate(0);
}
.student-progress .row .col-3:nth-child(3) .col-inner {
padding-top: 0;
}
.student-progress .container1 .bottom-overlay {
display: none;
}
.student-progress .tile .title-inner {
max-width: 100%;
text-align: center;
padding: 0;
}
.student-progress .row .col-inner .col-title span {
display: none;
}
.student-progress .row .col-inner .line {
display: none;
}
.student-progress .row .col-inner figure {
display: block;
}
.student-progress .row {
grid-template-columns: repeat(2, 6fr);
grid-gap: 32px;
}
.student-progress .row .col-inner figure {
position: relative;
margin-bottom: 20px;
}
.student-progress .row .col-inner figure figcaption {
position: absolute;
top: 17px;
font-size: 48px;
color: rgb(255 255 255 / 80%);
font-weight: 700;
-webkit-text-stroke: 1px #333333;
-webkit-text-fill-color: rgb(255 255 255 / 80%);
left: 19px;
}
.student-progress .row .col-inner {
border-radius: 16px;
overflow: hidden;
background-color: var(--white);
height: 100%;
border: 1px solid var(--gold-100);
padding-bottom: 20px;
}
.student-progress .row .col-inner figure img {
width: 100%;
}
.student-progress .row .col-inner .col-title,
.student-progress .row .col-inner p {
padding: 0 16px;
}
.student-progress .tile {
margin-bottom: 24px;
}
.student-progress .row .col-inner .col-title {
margin-bottom: 12px;
}
.studennt-discover .row .col-6:first-child {
order: 1;
}
.fifty-fifty {
grid-template-columns: repeat(1, 12fr);
grid-gap: 24px;
}
.studennt-discover h2.s-heading {
margin-bottom: 24px;
text-align: center;
}
.studennt-list .row {
grid-template-columns: repeat(1, 12fr);
grid-gap: 20px;
}
.student-club-list .studennt-list-item .row {
padding-left: 0;
}
.studennt-list .row .col-6 h2 {
padding-left: 24px;
font-size: var(--h4);
margin-bottom: 20px;
}
.student-club-list .studennt-list-item .row .images-wraper figure {
line-height: 1;
text-align: center;
}
.student-club-list .studennt-list-item .row .images-wraper figure img {
border-radius: 16px;
}
.studennt-list .studennt-list-item .container .section-index {
line-height: 1;
top: 2px;
}
.empowering-communication .col-5 {
padding: 0;
}
.ec-slider .ec-item {
padding: 34px 28px;
}
.quote-inner .quote-top,
.quote-inner .quote-bottom {
max-width: 100px;
max-height: 80px;
}
.quote-inner .quote-top {
left: -10px;
}
.quote .quote-inner {
padding: 0 20px;
}
.quote-inner p {
font-size: 24px;
}
.quote-inner h2 {
margin-bottom: 25px;
}
.quote .quote-inner .authore {
padding-top: 25px;
}
.commite-member .row {
max-width: 80%;
margin: 0 auto;
grid-row-gap: 30px;
}
.ec-slider .ec-item {
padding: 24px 20px;
}
.empowering-communication .title h2 {
margin-bottom: 8px;
}
.empowering-communication .title {
text-align: center;
}
.empowering-communication .col-5 .ec-slider .ec-item {
max-width: 100%;
width: 100% !important;
}
.quote-inner .quote-top,
.quote-inner .quote-bottom {
width: 48px;
height: 38px;
}
.quote-inner .quote-top {
top: -18px;
left: -5px;
}
.quote .quote-inner {
padding: 0;
}
.quote-inner p {
font-size: 20px;
text-align: center;
}
.quote-inner .quote-bottom {
bottom: 70px;
}
.quote .quote-inner .authore .position {
text-align: left;
}
.quote .quote-inner .authore .name {
text-align: left;
}
.fdfyc .title {
margin-bottom: 40px;
}
.fdfyc .row {
grid-row-gap: 50px;
}
.fdfyc .action {
padding-top: 50px;
}
.intro .row.fifty-fifty {
grid-template-columns: repeat(2, 6fr);
grid-gap: 40px;
}
.intro .col-5.d-grid.fifty-fifty {
grid-template-columns: repeat(2, 6fr);
}
.intro .col-5.d-grid.fifty-fifty .col-6:nth-child(2) figure img {
max-height: 180px;
}
.intro ul li {
margin-bottom: 40px;
}
.acess-library .title .des h4 svg {
max-width: 80px;
right: 80px;
}
.quote-bottom.p-relative svg {
max-width: 80px;
top: -140px;
}
.acess-library .title .des h4 {
margin-bottom: 12px;
}
.acess-library .row .col-4.col-4-1 {
margin-top: 0;
}
.acess-library .title .des {
max-width: 100%;
padding-top: 48px;
}
.acess-library .row {
padding-top: 24px;
}
.gallery-list {
padding-top: 24px;
}
.library-gallery h2 {
line-height: 1.2;
margin-bottom: 24px;
}
.gallery-list .gallery-first.gallery-second .galler-col figure figcaption {
padding: 16px 24px;
}
.gallery-first.gallery-three figure figcaption {
padding: 16px 24px;
}
.gallery-list
.gallery-first.gallery-four
.galler-col:last-child
figure
figcaption {
left: 24px;
}
.gallery-list .gallery-first.gallery-five .galler-col:first-child figcaption {
padding: 0 24px;
}
.gallery-list
.gallery-first.gallery-six
.galler-col:last-child
figure
figcaption {
right: 24px;
}
.admission-criteria h2 {
text-align: center;
margin-bottom: 32px;
}
.admission-criteria .row {
grid-gap: 18px;
}
.scholarship .col-5 .image-wrap {
max-width: 538px;
margin: 0 auto;
}
.tab-data ul.s-tab-btn a {
font-size: 24px;
}
.scholarship .title h2 {
margin-bottom: 30px;
}
.in-gallery .ing-list .ing-col figure figcaption {
padding: 30px 24px;
}
.in-gallery .ing-list .ing-col figure.ing-left figcaption {
align-items: center;
}
.in-gallery .ing-list .ing-col .ing-left.no-figure {
padding: 30px 24px;
}
.in-gallery .ing-list .ing-col p {
font-size: 18px !important;
}
.in-gallery .ing-third.ing-list .ing-inner-wrap {
grid-template-columns: repeat(1, 12fr);
grid-gap: 0;
}
.in-gallery .ing-third.ing-list .ing-inner-wrap .img img {
max-width: 40px;
}
.in-gallery .ing-list .ing-col figure.ing-left figcaption {
}
.in-gallery .ing-list .ing-col figure {
min-height: 195px;
}
.in-gallery .ing-list .ing-col {
max-height: inherit;
}
.in-gallery .ing-list .ing-col .ing-left.no-figure {
max-height: inherit;
}
.s-heading-vision,
h2.s-heading.d-mobile {
text-align: center;
}
.gap-55 {
grid-gap: 40px !important;
}
.fifty-fifty .row .col-six:first-child {
order: 0;
}
.fifty-fifty .row.intro-about-grid {
grid-template-columns: 1fr;
text-align: center;
}
.fifty-fifty .img-wrap.intro-img-wrap {
width: 100%;
max-width: 100%;
display: block;
}
.intro-img-block {
margin: 0 auto;
}
.slick-prev {
z-index: 10;
position: absolute;
left: 0px;
}
.slick-next {
z-index: 10;
position: absolute;
right: 0px;
}
.slide.timeline-slide {
flex-wrap: wrap;
}
.slide.timeline-slide img {
max-width: 400px;
margin-bottom: 10px;
width: 100%;
min-height: 400px;
height: 100%;
object-fit: cover;
border-radius: 16px;
overflow: hidden;
}
.timeline-heading span {
font-size: 48px;
line-height: 68px;
}
.timeline-heading {
display: flex;
flex-direction: column;
text-align: center;
}
.navigation-wrapper .pagination {
display: flex;
align-items: center;
justify-content: center;
padding-top: 75px;
position: relative;
}
.navigation-wrapper .pagination .dots ul {
display: flex;
align-items: center;
}
.navigation-wrapper .pagination .dots ul li {
margin: 0;
padding: 0 5px;
display: flex;
align-items: center;
}
.navigation-wrapper .pagination .dots ul li::before {
display: none;
}
.navigation-wrapper .pagination .dots ul li button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #e5d4a3;
background-color: #e5d4a3;
}
.navigation-wrapper .pagination .dots ul li.slick-active button {
background-color: #ba8938;
border-color: #ba8938;
width: 13px;
height: 13px;
cursor: pointer;
}
.navigation-wrapper .pagination button.slick-arrow {
padding: 0;
font-size: 0;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2071 6.29289C18.8166 5.90237 18.1834 5.90237 17.7929 6.29289C17.4024 6.68342 17.4024 7.31658 17.7929 7.70711L25.0858 15H5.5C4.94772 15 4.5 15.4477 4.5 16C4.5 16.5523 4.94772 17 5.5 17H25.0858L17.7929 24.2929C17.4024 24.6834 17.4024 25.3166 17.7929 25.7071C18.1834 26.0976 18.8166 26.0976 19.2071 25.7071L28.2071 16.7071C28.3902 16.524 28.4874 16.2877 28.4989 16.048C28.4996 16.032 28.5 16.016 28.5 16M28.5 15.9908C28.4976 15.7379 28.4 15.4858 28.2071 15.2929L19.2071 6.29289' fill='%23BA8938'/%3E%3C/svg%3E%0A");
cursor: pointer;
top: auto;
bottom: auto;
position: relative;
}
.navigation-wrapper .pagination button.slick-prev.slick-arrow {
transform: rotate(180deg);
}
.navigation-wrapper .pagination .dots {
padding: 0 48px;
}
.slider.timeline-slider .slick-prev.slick-arrow {
top: 95%;
left: 20%;
}
.slider.timeline-slider .slick-next.slick-arrow {
top: 95%;
right: 20%;
}
.slider-featured .slide-feature {
margin: auto 16px;
}
.slider-featured .slick-track {
gap: 0;
}
.blog-card.slick-slide {
display: flex;
flex-wrap: wrap;
}
.blog-card img {
max-width: 100%;
}
.blog-container {
grid-template-columns: repeat(2, 1fr);
}
.blog-card,
.blog-card img {
min-height: 470px;
}
.masonry-section {
padding: 48px 0;
margin: auto 20px;
}
.blog-content.d-grid {
grid-template-columns: repeat(1, 12fr);
}
.blog-content.d-grid .col-4 .table-content {
display: none;
}
.share-icon {
padding-top: 0;
margin-bottom: 0;
}
.blog-detail {
padding-bottom: 30px;
}
.related-blog .blog-list .blog-col .content .meta {
flex-direction: column;
align-items: flex-start;
}
.related-blog .blog-list {
grid-gap: 20px;
}
.related-blog {
padding-bottom: 40px;
}
.blog-content h2 {
font-size: 40px;
}
.s-heading-vision,
h2.s-heading.d-mobile {
text-align: center;
}
.gap-55 {
grid-gap: 40px !important;
}
.page-career .fifty-fifty .row .col-six:first-child {
order: 0;
}
.page-career .fifty-fifty .row.intro-about-grid {
grid-template-columns: 1fr;
text-align: center;
}
.page-career .fifty-fifty .img-wrap.intro-img-wrap {
width: 100%;
max-width: 100%;
display: block;
}
.intro-img-block {
margin: 0 auto;
}
.page-career .slick-prev {
z-index: 10;
position: absolute;
left: 0px;
}
.page-career .slick-next {
z-index: 10;
position: absolute;
right: 0px;
}
.commite-member .ssip-committee {
padding-top: 40px;
}
.ssip-scheme .tab-data ul.s-tab-btn {
grid-gap: 7px;
}
.ssip-scheme .tab-data ul.s-tab-btn li a {
font-size: 20px;
}
.obe-feedback {
padding: 70px 0;
}
.obe-feedback .row {
grid-template-columns: repeat(1, 12fr);
align-items: center;
margin: 0;
}
.assesment {
padding: 80px 0;
}
.assesment .row {
grid-template-columns: repeat(1, 12fr);
}
.assesment .row .col-9 {
order: 2;
}
.assesment .row .col-3 {
order: 1;
text-align: center;
}
.feature-slider-wrap {
padding-bottom: 48px;
}
.applying.core-feature {
padding-top: 48px;
}
.obe-list ul li {
padding: 15px 30px;
}
.what-obe .row .curv svg {
height: 600px !important;
}
.obe-list ul li {
font-size: 24px;
}
.obe-list ul li:before {
width: 45px;
height: 45px;
}
.what-obe .row {
padding-left: 140px;
}
.obe-list ul li:first-child, .obe-list ul li:last-child {
margin-left: 1px;
}
.obe-list ul li:nth-child(2), .obe-list ul li:nth-child(7) {
margin-left: 20px;
}
.obe-list ul li:nth-child(2):before, .obe-list ul li:nth-child(7):before {
margin-left: -111px;
}
.obe-list ul li:nth-child(3):before, .obe-list ul li:nth-child(6):before {
margin-left: -120px;
}
.obe-list ul li:nth-child(4):before, .obe-list ul li:nth-child(5):before {
margin-left: -165px;
}
.what-obe .row .obe-list {
margin-left: -26px;
}
.sh-slider {
padding-top: 24px;
}
.supportive-health .btn-wrap {
padding-top: 24px;
justify-content: center;
}
.child-progress .row {
grid-template-columns: repeat(1, 12fr);
}
.child-progress .col-5 .examination-result {
left: auto;
right: 46%;
}
.child-progress .col-5 .child-img {
margin-bottom: -20px;
margin-right: 50px;
}
.child-progress .col-5 {
justify-content: flex-end;
background: rgb(0,84,141);
background: linear-gradient(270deg, rgba(0,84,141,1) 50%, rgba(255,255,255,0.7399334733893557) 45%);
}
.child-progress .row .col-7 {
padding: 50px 24px !important;
}
.tab-list ul li {
margin: 20px 0;
}
.proprietary .layer .row .col-5 .tab-content-wrap{
margin-top: 150px;
text-align: center;
}
.svg-layer {
display: none !important;
}
.layer-2-section .sl-item h4 {
display: block;
}
.layer-2-section {
padding-left: 24px !important;
padding-right: 24px !important;
padding-top: 0 !important;
}
.proprietary {
padding-bottom: 0 !important;
}
.sl-item-content {
padding: 0 10px;
}
.sl-item {
background: #00A4BB;
padding: 20px;
border-radius: 8px;
margin: 0 5px;
}
.layer-2-section .sl-item h4 {
font-size: 32px;
color: #fff ;
}
.sl-item-content ul li {
color: #fff;
}
.sl-item-content ul li p {
color: #fff;
font-size:20px !important;
font-weight:400 !important;
}
.sl-item-content ul li span svg {
width:16px;
height:16px;
color:#E5D4A3;
}
.parent-page .sl-item-content .sl-item{
height:421px;
}
.erasums.section-padding .row figure figcaption h2 {
font-size: 44px;
}
.pages-tab-list li a {
padding: 10px 16px;
}
.program-list .program-item .row {
grid-template-columns: repeat(1, 12fr);
}
.placement.best-chice.se-why-us .col-sixty .row {
grid-template-columns: repeat(2, 6fr) !important;
grid-gap: 60px;
}
.program-list .program-item .row {
grid-gap: 0;
}
.program-list .program-item .row .col-pr2 {
padding: 15px;
}
.program-list .program-item .row figure img {
width: 100%;
object-fit: cover;
max-height: 300px;
}
.erasums.section-padding .row figure figcaption h2 {
font-size: 44px;
}
.pages-tab-list li a {
padding: 10px 16px;
}
.program-list .program-item .row {
grid-template-columns: repeat(1, 12fr);
}
.placement.best-chice.se-why-us .col-sixty .row {
grid-template-columns: repeat(2, 6fr) !important;
grid-gap: 60px;
}
.program-list .program-item .row {
grid-gap: 0;
}
.program-list .program-item .row .col-pr2 {
padding: 15px;
}
.program-list .program-item .row figure img {
width: 100%;
object-fit: cover;
max-height: 300px;
}
.wh-gallery.d-grid {
grid-template-columns: repeat(1, 12fr);
}
.scholrship-door .row .col-7 {
order: 2;
}
.scholrship-door .row .col-5 figure {
text-align: center;
}
.scholrship-door .row {
grid-gap: 24px;
}
.scholrship-door h2 {
margin-bottom: 24px;
}
.scholship-data .row {
grid-template-columns: repeat(1, 12fr);
grid-gap: 24px;
}
.scholship-data h2 {
line-height: 1.2;
text-align: center;
}
.scholship-data figure {
text-align: center;
}
.page-gallery .hero{
background-image: url('../img/banners/Image-gallery-mob.png');
}
.page-gallery .cover-image-mobile-text {
font-size: 40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 160px;
left: 24px;
color: #008294;
pointer-events: none;
z-index: -1;
}
.page-gallery .cover-image-text {
display: none;
}
.page-gallery .cover-image-mobile-text {
display: block !important;
}
.page-gallery .succeed--mobile-text {
background-color: #008294;
color: #fff;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding: 0px 16px;
}
.page-gallery .visual-mobile-text {
background-color: #002e47;
color: white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding: 0px 16px;
}
/* header-image-text-mobileview-end */
.page-gallery .s-tab-btn {
display: none !important; /* Hide desktop tabs */
}
.page-gallery .tab-dropdown {
display: block;
}
.page-gallery .tab-dropdown {
color: #ba8938;
border-bottom: 2px solid #ba8938;
}
.page-gallery .blogs-slider .blog-card img {
width: 97%;
}
.page-gallery .tab-content section,
.page-gallery .column-two-row1,
.page-gallery .column-two-row2,
.page-gallery .column-two {
display: flex;
flex-direction: column;
gap: 20px;
}
.page-gallery .tab-content section img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
border-radius: 20px;
}
/* .column-one,.column-two-row1-column1,.column-two-row1-column2,.column-two-row2-column1,.column-two-row2-column2,.column-three{
height:350px;
} */
.page-gallery .tab-content .desk-img {
display: none;
}
.page-gallery .footer-part {
flex-direction: column;
gap: 0px;
}
.page-gallery .visionary-footer p {
width: 70%;
text-align: center;
}
.page-gallery .visionary-footer {
order: 2;
display: flex;
justify-content: space-between;
}
.page-gallery .visionary5 {
order: 1;
width: 100%;
}
.page-gallery .visionary5 img {
width: 100%;
}
}
@media (max-width: 768px) {
.proud-achivment .tabs-list {
flex-direction: column;
}
#dropdown-about .tab{
flex-direction:column !important;
}
.highlight{
font-size: 36px;
}
.hero-big-text{
position:relative;
top:60px;
}
.brod-scop-icon {
text-align: center;
}
.fifty-fifty .img-wrap figure:first-child {
max-width: 185px;
max-height: 186px;
}
.fifty-fifty .img-wrap figure:nth-child(2) {
max-width: 177px;
max-width: 178px;
top: 103px;
}
.fifty-fifty .img-wrap figure:last-child {
max-width: 190px;
max-height: 188px;
margin-top: -20px;
margin-left: 20px;
}
.fifty-fifty .img-wrap {
max-width: 324px;
}
.broad-scope .s-heading {
margin-bottom: 8px;
}
.broad-scope .row {
padding-top: 32px;
grid-gap: 32px;
}
.broad-scope .col-three ul li figure {
line-height: 1;
margin-bottom: 14px;
}
.broad-scope .col-three ul li:before {
top: 99px;
}
.broad-scope .col-three:first-child,
.broad-scope .col-three:last-child {
max-width: 100%;
grid-gap: 32px;
}
.broad-scope .col-three ul li {
margin-bottom: 0;
}
.mainNav {
position: fixed;
z-index: 999;
}
.material-symbols-outlined1 {
height: 28px;
margin-right: 22px;
}
.material-symbols-outlined1 img {
width: 24px;
height: 23px;
position: relative;
top: 3px;
}
.mainNav .logo {
margin-right: auto !important;
}
.menuIcon {
width: 24px;
height: 18px;
}
.menuIcon {
display: flex;
width: auto;
cursor: pointer;
}
.advanced-carousel-image img {
width: 140px;
/* Even smaller images for mobile screens */
height: 140px;
}
.advanced-carousel-images {
gap: 8px;
/* Smaller gap for mobile screens */
}
.custom-carousel {
max-width: 353px;
}
/* .mainNav ul.nav-links {display:none;} */
.nav-links {
display: none;
flex-direction: column;
gap: 20px;
background-color: #f9f6ed;
position: absolute;
top: 70px;
left: 0;
right: 0;
padding: 24px !important;
z-index: 10;
border-radius: 0px !important;
height: 100vh;
}
.nav-links.active {
display: flex;
align-items: flex-start;
}
.dropdown-container {
display: flex;
justify-content: space-between;
flex-direction: column;
height: auto;
}
.owl-item .item {
width: 100%;
/* Make the items fill the screen width on mobile */
}
.backtonavbar {
display: flex;
flex-direction: row;
gap: 8px;
cursor: pointer;
}
.topNav {
display: none !important;
}
.mainNav .logo img {
width: 141.21px;
}
.dropdown-content {
position: relative;
display: block;
/* Display by default on mobile */
}
/*.tabcontent {
display: none !important;
}*/
.tabcontent-mob a:last-child {
border-bottom: none;
}
.tabcontent-mob, .tabcontent-mob2 {
/* padding-top: 20px; */
display: flex;
flex-direction: column;
gap: 12px;
/* margin: 0px -10px; */
height: 100%;
padding: 0px 17px 0px 42px;
}
.tabcontent-mob a, .tabcontent-mob2 a {
padding: 0px 0px 6px 0px;
font-size: 16px !important;
color: #333;
font-weight: 600;
line-height: 19.2px;
text-decoration: none;
border-bottom: 1px solid #f9f6ed;
color: #333333 !important;
padding-top: 20px;
display: flex;
}
.dropdown-content {
height: 95vh;
width: 100% !important;
margin: 0px 0px;
padding: 24px 24px;
display: none;
position: fixed;
left: 0;
top: 68px;
/* Show right below the nav link */
width: -webkit-fill-available;
background-color: #fff;
/* padding: 40px 50px 12px 40px; */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1000;
overflow-y: scroll;
}
.tab-container {
margin: 0px;
height: auto;
width: 100%;
}
.dropdown-container {
display: flex;
justify-content: space-between;
flex-direction: column;
height: auto;
}
.new-tab,
.tab {
width: 100%;
gap: 10px;
height: auto;
}
.tablinks {
width: 100% !important;
}
.program-btn-div {
padding: 8px 8px 8px 0px;
}
.alwaysimproving {
display: none;
}
.nav-links img {
transform: rotate(270deg);
}
.nav-links li {
display: flex;
justify-content: space-between;
width: 100%;
cursor: pointer;
}
.menurightarrow-img {
transform: rotate(90deg);
}
/* Rotate arrow when tab is active */
.tablinks.active .menurightarrow-img {
transform: rotate(270deg);
transition: transform 0.3s ease;
}
/* You may also want to ensure the arrow is positioned correctly */
.menurightarrow-img {
transition: transform 0.3s ease;
}
.nav-links li a {
position: relative;
bottom: 0px !important;
}
.hero {
background-size: cover !important;
background-position: center !important;
}
.mb-4 {
margin-bottom: 1.5rem;
/* Adjust bottom margin for medium screens and up */
}
.material-symbols-outlined1 {
display: none;
}
.profile-info h1 {
font-weight: 400;
font-size: 18px;
}
.carousel-item:nth-child(1),
.carousel-item:nth-child(3) {
display: none;
}
.tags {
padding: 5px 7px;
font-size: 12px;
opacity: 0.8;
}
#mid-div-img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
border-radius: 8.7px;
margin-top: 22px;
max-width: 480px !important;
max-height: 370px !important;
}
.stories-title h1 {
font-size: 32px !important;
line-height: 38.4px;
}
.carousel {
flex-direction: column;
}
.carousel-item {
max-width: 100%;
height: auto;
padding: 5px;
}
#img2 {
border-radius: 8.7px;
/* width: 100%;
height: 100%; */
}
#mid-div-img {
width: 100%;
padding: 0px;
}
.content-overlay-inside p {
font-size: 16px;
}
.testimonial-degree {
font-size: 13px !important;
}
.profile-info img {
height: 26px;
width: 26px;
}
.tabs {
display: none;
/* Hide tabs */
}
.tab-dropdown {
display: block;
font-size: 18px;
font-weight: 600;
margin-top: 25px;
padding: 10px 15px 10px 0;
border: none;
background-color: transparent;
outline: none;
text-transform: capitalize;
color: #a06c2e;
border-bottom: 2px solid #a06c2e;
width: 100%;
margin-bottom: 20px;
font-family: "Proxima Nova";
}
.carousel {
flex-direction: column;
}
.carousel-item {
max-width: 100%;
height: auto;
padding: 5px;
}
#mid-div-img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
border-radius: 8.7px;
margin-top: 22px;
max-width: 480px !important;
max-height: 370px !important;
}
.content-overlay-inside p {
font-size: 16px;
}
#img2 {
width: 83vw;
height: 370px;
}
#img2 {
border-radius: 8.7px;
}
.carousel-item {
max-width: 100%;
height: auto;
padding: 5px;
}
.stories-parent {
padding: 24px !important;
}
.contact-us .row {
grid-template-columns: repeat(1, 12fr);
}
.contact-us .row .col-2 p {
min-height: inherit;
margin-bottom: 16px;
}
.contact-us .row .col-2 {
padding: 24px 20px;
}
.contact-us .row .col-2 .icon {
margin-bottom: 16px;
}
.contact-us .wraper .contact-image {
position: static;
top: 0;
margin: 0 auto;
}
.contact-us .container1 {
padding: 0;
}
.contact-us .wraper .c-content .title {
text-align: center;
}
.contact-us h2 {
margin-bottom: 24px;
}
.contact-us .row {
padding: 0 20px;
/*margin-top: -50px;*/
}
#contactus {
padding: 48px 0 !important;
}
.placement .col-sixty .row .s-heading {
font-size: 40px;
}
.placement.fourty-sixty .col-sixty .row p {
font-size: 16px;
}
.placement.fourty-sixty .row figure {
width: 100%;
max-width: 100%;
height: 330px;
}
.placement.fourty-sixty .row {
grid-gap: 24px;
align-items: flex-start;
}
.placement .col-sixty .btn {
font-size: 16px;
}
.placement .col-sixty .row .s-heading span svg {
width: 35px;
height: 40px;
left: 50%;
}
.placement .col-sixty .row .s-heading span {
left: calc(50% - 17px);
}
.student-progress .row {
grid-template-columns: repeat(1, 12fr);
}
.student-progress .tile .title-inner h2.s-heading {
margin-bottom: 12px;
}
.col-md-4 {
flex: 0 0 auto;
width: 100%;
}
.apply-req-section {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
}
.next-step h2 {
font-size: 32px;
line-height: 1;
text-align: center;
}
.next-step {
padding: 32px 24px;
}
.placement .card-stack {
position: relative;
width: 297px !important;
height: 308px !important;
margin: 50px auto;
}
.placement .card.out {
transform: rotate(15deg) translateX(100px) translateY(-50px) scale(0.86);
opacity: 1;
z-index: 1;
}
.placement .card.back-in {
transform: translateX(100px) scale(0.9);
opacity: 1;
transition: transform 1s, opacity 1s, box-shadow 1s, top 1s;
}
.placement-details {
bottom: 150px !important;
}
.person-name {
font-size: 15.18px !important;
font-weight: 700 !important;
line-height: 22.77px !important;
}
.placement-details .education,
.lpa {
font-size: 11.22px !important;
line-height: 16.83px !important;
font-weight: 400 !important;
}
.placement-details .package-number {
font-size: 30px !important;
line-height: 30.09px !important;
}
.studennt-discover .images-wraper figure {
max-width: 289px;
}
.studennt-discover .images-wraper {
max-width: 289px;
margin: 0 auto;
}
.studennt-discover .images-wraper figure:nth-child(2) {
margin-top: -45px;
transform: translateX(45px);
}
.contact-us.filling-complaint .row .col-2 {
display: flex;
align-items: flex-start;
padding: 30px 32px;
grid-column-start: 1;
grid-column-end: 3;
}
.contact-us.filling-complaint .row .col-2:first-child {
padding: 24px 20px;
}
.contact-us .row .col-2 {
flex: 0 0 100%;
max-width: 100%;
}
.contact-us.filling-complaint .row {
grid-template-columns: repeat(1, 12fr);
grid-column-gap: 0;
grid-row-gap: 24px;
}
.contact-us.filling-complaint .row .col-2 .icon {
margin-bottom: 0;
text-align: center;
margin: 0 auto 16px 0;
width: 100%;
}
.contact-us.filling-complaint .row .col-2 {
flex-direction: column;
}
.contact-us.filling-complaint .row .col-2 .fc-content {
margin: 0;
text-align: center;
width: 100%;
}
.contact-us.filling-complaint .row .col-2 .icon svg {
margin: 0 auto;
}
.contact-us.filling-complaint {
padding: 48px 0;
}
.commite-member .row {
max-width: 100%;
grid-template-columns: repeat(2, 6fr);
}
.commite-member .member a figure {
position: relative;
border: 0;
display: block;
left: auto;
bottom: 0;
transform: rotate(0);
margin: 0 auto;
border-radius: 16px 16px 0 0;
width: 100%;
line-height: 1;
}
.commite-member .member a {
border: 1px solid var(--gold-100);
display: block;
border-radius: 16px;
overflow: hidden;
}
.commite-member .member a .content {
padding: 16px;
background: var(--white);
}
.row.d-grid.fifty-fifty {
}
.commite-member .member a figure img {
width: 100%;
}
.commite-member .member a .content h3 {
font-size: 20px;
}
.commite-member .member a .content p {
font-size: 16px;
}
.contact-us.filling-complaint .row .col-2 .fc-content h4 {
max-width: 100%;
}
.contact-us.filling-complaint .row .col-2 {
max-width: 100%;
}
.action {
display: block;
}
.commite-member .row .member:nth-child(n + 7) {
display: none;
}
.commite-member.show-more .row .member:nth-child(n + 7) {
display: block;
}
.forty-thirty-forty .col-4:nth-child(2) {
border-bottom: 1px solid black;
}
.foundation-text {
font-size: 40px;
font-weight: 700;
}
.society-text {
color: #008294;
font-size: 40px;
font-weight: 700;
}
.for-text {
color: #8c8c8c;
font-size: 40px;
font-weight: 700;
}
.forty-thirty-forty .col-4:nth-child(1) {
text-align: center;
}
.fourth-column-text {
display: block;
}
.forty-thirty-forty .col-4:nth-of-type(4) {
display: none;
}
.forty-thirty-forty .vertical-line {
width: 100%;
/* Make it horizontal */
height: 2px;
/* Set height to make it horizontal */
}
.commite-gallery-section {
display: flex;
flex-direction: column-reverse;
}
.gallery .btn {
background: linear-gradient(90deg, #dabf7c 6.68%, #e4d0a0 79.14%);
cursor: pointer;
max-width: 100%;
width: 100%;
text-align: center;
justify-content: center;
}
.empowering-communication1 .row {
display: flex;
flex-direction: column;
gap: 32px;
}
.empowering-communication1 .col-md-4,
.empowering-communication1 .col-md-6 {
width: 100%;
}
.card1,
.col-md-4 {
position: static;
top: 120px;
}
.empowering-communication1 .col-md-4 {
height: auto;
}
.empowering-communication1 {
padding: 48px 20px !important;
}
.card__inner {
box-shadow: none;
}
.card__content {
padding: 24px 16px;
border: 2px solid #cda452;
border-radius: 16px;
}
.cards {
gap: 32px;
}
.card__description {
height: auto;
margin-bottom: 0px;
}
.fdfyc .title {
margin-bottom: 24px;
}
.fdfyc .row {
grid-row-gap: 28px;
}
.fdfyc .action {
padding-top: 24px;
}
.fdfyc .action .btn.btn-primary {
padding: 12px 16px !important;
font-size: 18px;
}
.intro .col-5.d-grid.fifty-fifty .col-6:nth-child(2) figure img {
max-height: 170px;
}
.intro .row.fifty-fifty {
grid-template-columns: repeat(1, 12fr);
grid-gap: 40px;
}
.intro ul li {
margin-bottom: 24px;
}
.intro .row.fifty-fifty .col-7 {
order: 2;
}
.intro h2 {
text-align: center;
}
.intro .title {
margin-bottom: 24px;
}
.intro ul li .icon figure img {
max-width: 36px;
max-height: 36px;
}
.intro ul li .icon figure span svg {
max-width: 30px;
max-height: 33px;
}
.intro ul li {
padding-left: 72px;
}
.intro .row.fifty-fifty {
grid-gap: 24px;
}
.intro .col-5.d-grid.fifty-fifty .col-6:nth-child(2) figure:nth-child(2) img {
max-height: 142px;
}
.acess-library .row {
flex-wrap: wrap;
}
.acess-library .row .col-4 {
flex: 0 0 100%;
}
.acess-library .row .col-4 figure {
text-align: center;
}
.acess-library .row .col-4 figure img {
max-width: 100%;
width: 100%;
}
.quote-bottom.p-relative {
padding-left: 115px;
max-width: 100%;
margin-left: 0;
padding-top: 10px;
}
.quote-bottom.p-relative svg {
left: 0;
top: -80px;
width: 102px;
max-width: 102px;
}
.gallery-list .gallery-first {
grid-template-columns: repeat(1, 12fr);
justify-content: center;
text-align: center;
align-items: center;
}
.gallery-list .gallery-first .galler-col {
/* max-width: 300px; */
margin: 0 auto;
width: 100%;
}
.gallery-list .gallery-three .black-color {
/* max-width: 300px; */
height: 300px !important;
margin: 0 auto;
width: 100%;
}
.gallery-list .gallery-three .black-color figure figcaption {
max-width: 100% !important;
}
.gallery-list .gallery-first .galler-col:last-child figure figcaption {
max-width: 64%;
padding: 16px 24px;
right: 0px;
}
.gallery-list .gallery-first.gallery-second {
grid-template-columns: repeat(1, 12fr);
}
.gallery-list .gallery-first.gallery-five {
grid-template-columns: repeat(1, 12fr);
}
.gallery-list .gallery-first .galler-col figure {
min-height: 180px;
width: 100%;
}
.gallery-list .galler-col figure img {
width: 100%;
min-height: 180px;
}
.gallery-list .gallery-first.gallery-six {
grid-template-columns: repeat(1, 12fr);
}
.gallery-list
.gallery-first.gallery-six
.galler-col:last-child
figure
figcaption {
max-width: 100%;
padding: 24px;
text-align: right;
left: 0;
right: 0;
}
.gallery-list
.gallery-first.gallery-six
.galler-col:last-child
figure
figcaption
h3 {
text-align: right;
}
.gallery-list .gallery-first.gallery-six .galler-col:first-child {
grid-template-columns: repeat(1, 12fr);
grid-column-gap: 0;
}
.carousel {
flex-direction: column;
}
.carousel-item1 {
max-width: 100%;
height: auto;
padding: 5px;
}
#mid-div-img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
border-radius: 8.7px;
margin-top: 22px;
max-width: 480px !important;
max-height: 370px !important;
}
.content-overlay-inside p {
font-size: 16px;
}
#img2 {
width: 83vw;
height: 370px;
}
#img2 {
border-radius: 8.7px;
}
.carousel-item1 {
max-width: 100%;
height: auto;
padding: 5px;
}
.stories-parent {
padding: 24px !important;
}
.applying .row {
padding-top: 40px;
background-image: url(./../img/apply-mob.svg) !important;
background-position-y: center;
}
.applying .row {
grid-template-columns: repeat(1, 12fr);
grid-gap: 40px;
}
.applying .row .col-5 .inner p {
min-height: 48px;
}
.applying .apply-action .btn {
padding: 12px 16px;
}
.pathway-list {
margin-top: 24px;
}
.pathway-list ul li {
padding: 22px 0;
font-size: 20px;
}
.pathway-list ul li .container span svg {
max-width: 48px;
}
.pathway-list ul li .container span {
margin-right: 16px;
}
.timeline .timeline .d-grid {
grid-template-columns: 6fr 6fr;
}
.placement.best-chice.fourty-sixty .row {
grid-template-columns: repeat(2, 6fr) !important;
grid-auto-flow: row;
width: 100%;
}
.placement.best-chice.fourty-sixty .row {
grid-template-columns: 12fr !important;
}
.scholarship .col-5 figure:last-child{
margin-top:24px;
}
.admission-criteria .images-wraper figure {
max-width: 250px;
}
.admission-criteria .images-wraper figure:first-child {
margin-left: 0px;
margin-right: 0;
}
.admission-criteria .images-wraper {
max-width: 327px;
margin: 0 auto;
}
.admission-criteria .images-wraper figure:nth-child(2) {
margin-right: auto;
margin-left: auto;
margin-top: -40px;
}
.admission-criteria .images-wraper figure:nth-child(3) {
margin-left: 0;
margin-right: auto;
margin-top: -25px;
}
.tab-data ul.s-tab-btn {
flex-wrap: wrap;
grid-gap: 10px;
}
.tab-data ul.s-tab-btn li {
max-width: 100%;
flex: 0 0 100%;
}
.tab-data ul.s-tab-btn a {
font-size: 20px;
text-align: left;
padding: 5px 0;
}
.scholarship .col-5 figure img {
max-width: 200px;
}
.tab-content-wrap ul li {
margin-bottom: 16px;
}
.profile-info h1 {
font-weight: 400;
font-size: 18px;
}
.carousel-item1:nth-child(1),
.carousel-item1:nth-child(3) {
display: none;
}
.tags {
padding: 5px 7px;
font-size: 12px;
opacity: 0.8;
}
#mid-div-img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
border-radius: 8.7px;
margin-top: 22px;
max-width: 480px !important;
max-height: 370px !important;
}
.stories-title h1 {
font-size: 32px !important;
line-height: 38.4px;
}
.carousel {
flex-direction: column;
}
.carousel-item1 {
max-width: 100%;
height: auto;
padding: 5px;
}
#img2 {
border-radius: 8.7px;
/* width: 100%;
height: 100%; */
}
#mid-div-img {
width: 100%;
padding: 0px;
}
.content-overlay-inside p {
font-size: 16px;
}
.testimonial-degree {
font-size: 13px !important;
}
.profile-info img {
height: 26px;
width: 26px;
}
.tabs {
display: none;
/* Hide tabs */
}
.tab-dropdown {
display: block;
font-size: 18px;
font-weight: 600;
margin-top: 25px;
padding: 10px 15px 10px 0;
border: none;
background-color: transparent;
outline: none;
text-transform: capitalize;
color: #a06c2e;
border-bottom: 2px solid #a06c2e;
width: 100%;
margin-bottom: 20px;
font-family: "Proxima Nova";
}
.carousel {
flex-direction: column;
}
.carousel-item1 {
max-width: 100%;
height: auto;
padding: 5px;
}
#mid-div-img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
border-radius: 8.7px;
margin-top: 22px;
max-width: 480px !important;
max-height: 370px !important;
}
.content-overlay-inside p {
font-size: 16px;
}
#img2 {
width: 83vw;
height: 370px;
}
#img2 {
border-radius: 8.7px;
}
.carousel-item1 {
max-width: 100%;
height: auto;
padding: 5px;
}
.stories-parent {
padding: 24px !important;
}
.quotation-open {
position: absolute !important;
left: -8px !important;
top: -40px !important;
}
.white-text-spec {
font-size: 20px !important;
}
.vc-name {
font-size: 22px !important;
}
.vc-title {
font-size: 16px !important;
}
.fifty-fifty .vc-container figure {
max-width: 327px !important;
max-height: 370px !important;
margin-top: -40px !important;
margin-left: 0px !important;
}
.ecosystem-inner {
transform: translate(0);
z-index: 1;
}
.ecosystem-inner span {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: -24px;
text-align: center;
}
.ec-content {
margin: 0;
}
.ecosystem-inner span svg {
max-height: 285px;
}
.in-gallery .ing-list {
grid-template-columns: repeat(1, 12fr) !important;
}
.Initiatives .title p {
max-width: 100%;
text-align: left;
}
.Initiatives .title h2 {
margin-bottom: 24px;
}
.in-gallery {
padding-top: 24px;
}
.wheel-section .mcol-2 span {
left: 0;
}
.circle-container {
width: 320px !important;
height: 320px !important;
}
.slick-dots {
justify-content: center;
}
.slick-arrow {
width: 40px;
height: 40px;
background-size: cover;
top: calc(50% - 20px);
}
.slick-next.slick-arrow {
right: 0;
}
.slick-prev.slick-arrow {
left: 0;
}
.slick-dots li:first-child {
padding-left: 0px;
}
.circle-slider {
padding: 0px 20px 0px 20px;
}
.rotor-container .arrow-mob {
position: absolute;
opacity: 1;
display: block;
}
.rotor-container .arrow {
display: none;
}
.leadership-item .row {
grid-template-columns: repeat(1, 12fr);
align-items: flex-start;
}
.leadership-item .row {
grid-gap: 24px;
align-items: center;
justify-content: center;
}
.leadership-item .row figure {
text-align: center;
}
.fifty-fifty .img-wrap figure:first-child {
max-width: 185px;
max-height: 186px;
top: 0;
}
.fifty-fifty .img-wrap figure:nth-child(2) {
max-width: 177px;
max-height: 178px;
top: 103px;
}
.fifty-fifty .img-wrap figure:last-child {
max-width: 190px;
max-height: 188px;
margin-top: -20px;
margin-left: 20px;
bottom: 0;
}
.fifty-fifty .img-wrap {
max-width: 324px;
}
.slider-values .slick-track {
gap: 20px;
}
.why-us {
padding: 48px 0px;
}
.card h3 {
font-size: 28px;
}
.card p {
font-size: 20px;
}
.excellence .row.d-grid {
grid-template-columns: 1fr;
grid-auto-flow: row;
text-align: center;
}
.section-padding-large {
padding: 48px 0;
}
.excellence img.map {
display: none;
}
.excellence .row.d-grid {
grid-template-columns: 1fr;
}
.awards .awards-wrap:nth-child(even) {
padding-top: 0px;
}
.slide.timeline-slide img {
min-height: 100%;
}
.mou-section {
flex-direction: column;
padding-left: 0;
}
.masonry-grid {
grid-template-columns: repeat(6, 1fr); /* Reduce to 6 columns */
}
.grid-item.grid-item-1 {
grid-column: span 6;
}
.grid-item.grid-item-2 {
grid-column: span 6;
}
.grid-item.grid-item-3 {
grid-column: span 6;
}
.grid-item.grid-item-4 {
grid-column: span 6;
}
.grid-item.grid-item-5 {
grid-column: span 6;
}
.grid-item.grid-item-6 {
grid-column: span 6;
}
.grid-item.grid-item-7 {
grid-column: span 6;
}
.grid-item.grid-item-8 {
grid-column: span 6;
}
.grid-item.grid-item-9 {
grid-column: span 6;
}
.blog-container {
grid-template-columns: repeat(1, 1fr);
}
.related-blog .blog-list {
grid-template-columns: repeat(1, 12fr);
}
.related-blog .blog-list .blog-col figure img {
width: 100%;
}
.blog-content h2 {
font-size: 32px;
}
.bradcumb {
margin-bottom: 32px;
}
.action .btn {
display: block !important;
}
.search-and-branch {
border: none !important;
padding: 0px !important;
}
.search-bar {
display: flex;
flex-direction: column;
border: 1px solid #cda452;
border-radius: 8px;
}
.branch-dropdown-wrapper {
border-top: 1px solid #ad9f78 !important;
}
.search-input-wrapper,
.branch-dropdown-wrapper {
width: 100%;
}
.search-button {
width: 100%;
color: #6c4327 !important;
font-weight: 700 !important;
}
.page-career .full-width {
margin-top: 20px;
display: block !important;
border-radius: 8px !important;
background-color: #cda452 !important;
}
.page-career .desktop-button {
display: none;
}
.quotation-open {
position: absolute !important;
left: -8px !important;
top: -40px !important;
}
.white-text-spec {
font-size: 20px !important;
}
.vc-name {
font-size: 22px !important;
}
.vc-title {
font-size: 16px !important;
}
.page-career .fifty-fifty .vc-container figure {
max-width: 327px !important;
max-height: 370px !important;
margin-top: -40px !important;
margin-left: 0px !important;
}
.gym-image-div {
position: static !important;
}
.page-career .fdfyc .title {
margin-bottom: 24px !important;
}
.page-career .fdfyc .row {
grid-row-gap: 28px !important;
}
.page-career .col-three {
grid-template-columns: repeat(1, 12fr) !important;
grid-gap: 28px !important;
}
.page-career .slick-slide {
min-height: 260px !important;
}
.slider-values .slick-prev:hover,
.slider-values .slick-next:hover {
border-radius: 0px;
}
.mou-link-top {
display: none;
}
.mou-link-bottom {
display: block;
font-size: 24px;
font-weight: 700;
color: #ba8938;
}
.page-career .slick-prev {
z-index: 10;
position: absolute;
left: 98px;
top: 93%;
bottom: 50%;
padding: 0;
font-size: 0;
width: 79px;
height: 79px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg%20style%3D%22rotate%3A%20180deg%3B%22%20width%3D%2233%22%20height%3D%2232%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.2071%206.29289C18.8166%205.90237%2018.1834%205.90237%2017.7929%206.29289C17.4024%206.68342%2017.4024%207.31658%2017.7929%207.70711L25.0858%2015H5.5C4.94772%2015%204.5%2015.4477%204.5%2016C4.5%2016.5523%204.94772%2017%205.5%2017H25.0858L17.7929%2024.2929C17.4024%2024.6834%2017.4024%2025.3166%2017.7929%2025.7071C18.1834%2026.0976%2018.8166%2026.0976%2019.2071%2025.7071L28.2071%2016.7071C28.3902%2016.524%2028.4874%2016.2877%2028.4989%2016.048C28.4996%2016.032%2028.5%2016.016%2028.5%2016M28.5%2015.9908C28.4976%2015.7379%2028.4%2015.4858%2028.2071%2015.2929L19.2071%206.29289%22%20fill%3D%22%23BA8938%22%20%2F%3E%3C%2Fsvg%3E");
cursor: pointer;
background-repeat: no-repeat;
background-size: 32px;
}
.page-career .slick-next {
z-index: 10;
position: absolute;
right: 48px;
top: 93%;
bottom: 50%;
padding: 0;
font-size: 0;
width: 80px;
height: 79px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2232%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.2071%206.29289C18.8166%205.90237%2018.1834%205.90237%2017.7929%206.29289C17.4024%206.68342%2017.4024%207.31658%2017.7929%207.70711L25.0858%2015H5.5C4.94772%2015%204.5%2015.4477%204.5%2016C4.5%2016.5523%204.94772%2017%205.5%2017H25.0858L17.7929%2024.2929C17.4024%2024.6834%2017.4024%2025.3166%2017.7929%2025.7071C18.1834%2026.0976%2018.8166%2026.0976%2019.2071%2025.7071L28.2071%2016.7071C28.3902%2016.524%2028.4874%2016.2877%2028.4989%2016.048C28.4996%2016.032%2028.5%2016.016%2028.5%2016M28.5%2015.9908C28.4976%2015.7379%2028.4%2015.4858%2028.2071%2015.2929L19.2071%206.29289%22%20fill%3D%22%23BA8938%22%20%2F%3E%3C%2Fsvg%3E");
cursor: pointer;
background-repeat: no-repeat;
background-size: 32px;
}
.year-panel:before {
content: "";
/* Required for the pseudo-element */
position: absolute;
/* Position it absolutely within the parent */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
/* Overlay color with transparency */
opacity: 0.6;
/* Ensure it's above the image but below the text */
}
.mou-section .timeline {
flex-direction: row;
/* Horizontal alignment */
gap: 0px;
/* Adjust gap for better spacing */
overflow-x: auto;
/* Enable horizontal scrolling */
overflow-y: hidden;
/* Prevent vertical scroll */
scroll-snap-type: y mandatory;
/* Smooth snapping to each panel */
padding-bottom: 10px;
/* Space for scroll indicators */
flex-wrap: wrap;
justify-content: center;
padding: 0px 24px;
width: 100%;
}
.year-panel {
flex: 0 0 100%;
/* Fixed width for horizontal scroll */
height: 100px;
/* Reduce height for smaller screens */
transition: none;
/* Remove flex growth effect on hover for mobile */
scroll-snap-align: center;
/* Snap panel to the center while scrolling */
border: 1px solid #cda452;
transition: all 0.3s ease;
}
.year-panel.active {
height: 420px !important;
/* Same as hover state for active panel */
transition: all 0.3s ease;
/* Disable transition for the active panel */
}
.year-panel:hover {
flex: 0 0 100%;
}
.year-overlay {
font-size: 1rem;
/* Adjust font size for smaller screens */
padding: 8px;
transform: rotate(0deg);
}
.year-panel:active {
height: 420px;
width: 100%;
transition: all 0.3s ease;
}
.cta1 .cta-inner1,
.cta2 .cta-inner2 {
padding: 40px 24px 40px 24px;
}
.cta .cta-inner1 h2,
.cta .cta-inner2 h2 {
font-size: 20px;
font-weight: 700;
}
.cta .cta-inner1 h2,
.cta .cta-inner2 h2 {
color: var(--white);
margin-bottom: 12px;
}
.cta .cta-inner1 p,
.cta .cta-inner2 p {
color: var(--white);
font-weight: normal;
margin-bottom: 12px;
font-size: 16px;
}
.regsiter-and-join-section {
display: flex;
flex-direction: column;
gap: 1px;
}
.page-career .fifty-fifty .img-wrap figure:first-child {
max-width: 185px;
max-height: 186px;
top: 0;
}
.page-career .fifty-fifty .img-wrap figure:nth-child(2) {
max-width: 177px;
max-height: 178px;
top: 103px;
}
.page-career .fifty-fifty .img-wrap figure:last-child {
max-width: 190px;
max-height: 188px;
margin-top: -20px;
margin-left: 20px;
bottom: 0;
}
.page-career .fifty-fifty .img-wrap {
max-width: 324px;
}
.slider-values .slick-track {
gap: 20px;
}
.why-us {
padding: 48px 0px;
}
.card h3 {
font-size: 28px;
}
.card p {
font-size: 20px;
}
.excellence .row.d-grid {
grid-template-columns: 1fr;
grid-auto-flow: row;
text-align: center;
}
.section-padding-large {
padding: 48px 0;
}
.excellence img.map {
display: none;
}
.excellence .row.d-grid {
grid-template-columns: 1fr;
}
.awards .awards-wrap:nth-child(even) {
padding-top: 0px;
}
.slide.timeline-slide {
flex-wrap: wrap;
}
.slide.timeline-slide img {
min-height: 100%;
}
.mou-section {
flex-direction: column;
padding-left: 0;
}
.timeline-heading span {
font-size: 48px;
line-height: 68px;
}
.timeline-heading {
display: flex;
flex-direction: column;
text-align: left;
}
.mou-section {
text-align: center;
}
.slick-dots li.slick-active::before {
background: unset;
width: 13px;
height: 13px;
background-color: #ba8938;
border-radius: 50%;
}
.slick-dots li::before {
background: unset;
width: 13px;
height: 13px;
background-color: #e5d4a3;
border-radius: 50%;
}
.page-career ul.slick-dots {
display: flex;
justify-content: center;
margin-top: 30px;
width: 100%;
gap: 8px;
}
.page-career .slick-dots li {
padding-left: 0;
width: 13px;
}
.page-career ul.slick-dots button {
display: none;
}
.slider.timeline-slider .slick-prev.slick-arrow {
top: 98%;
left: 20%;
}
.slider.timeline-slider .slick-next.slick-arrow {
top: 98%;
right: 10%;
}
.commite-member .member a {
height: 100%;
}
.commite-member .ssip-committee {
padding-top: 30px;
}
.intro.key-object .col-5.d-grid.fifty-fifty {
grid-template-columns: 12fr 12fr;
}
.intro.key-object .row.fifty-fifty {
grid-template-columns: repeat(1, 12fr);
}
.intro ul li {
padding-left: 50px;
align-items: flex-start;
}
section.intro.key-object.section-padding {
padding: 0 !important;
}
.ssip-scheme .tab-data ul.s-tab-btn {
grid-template-columns: repeat(1, 12fr);
}
.scholarship.ssip-scheme .col-5 figure:last-child figure {
max-width: 100%;
width: 100%;
}
.scholarship .col-5 figure {
width: 100%;
}
.scholarship .col-5 figure img {
width: 100%;
max-width: 100%;
}
.placement.best-chice .col-sixty .row .s-heading {
font-size: 28px;
}
.obe-feedback .row .col-9 {
padding-left: 0;
}
.obe-feedback {
padding: 48px 0;
}
.obe-feedback .row .col-3 {
text-align: center;
}
.obe-feedback .row .col-9 p {
font-size: 18px;
}
.obe-feedback .row {
grid-gap: 24px;
}
.assesment .row .col-3 h3.d-mobile {
margin-bottom: 28px;
}
.assesment {
padding: 48px 0;
}
.applying.core-feature .row {
grid-template-columns: repeat(1, 12fr);
background-image: url(./../img/obe-08.svg) !important;
background-size: auto;
}
.feature-slider-wrap .feature-slider .fr-item {
padding: 32px 24px;
margin: 0;
}
.trainig-program .navigation-wrapper .pagination {
padding-top: 20px;
}
.feature-slider-wrap .feature-slider {
padding-right: 24px;
}
.obe-list ul li {
font-size: 18px;
padding: 10px 30px;
max-width: 100%;
}
.what-obe .row .curv svg {
width: 101px !important;
height: 600px !important;
}
.what-obe .row .curv {
display: none;
}
.what-obe .row {
padding: 0;
}
.obe-list ul li:first-child, .obe-list ul li:last-child, .obe-list ul li:nth-child(2), .obe-list ul li:nth-child(7), .obe-list ul li:nth-child(3), .obe-list ul li:nth-child(6) ,.obe-list ul li:nth-child(4), .obe-list ul li:nth-child(5) {
margin: 0;
margin-bottom: 20px;
width: 100%;
padding-left: 58px;
}
.obe-list ul li:first-child:before, .obe-list ul li:last-child:before, .obe-list ul li:nth-child(2):before, .obe-list ul li:nth-child(7):before, .obe-list ul li:nth-child(3):before, .obe-list ul li:nth-child(6):before, .obe-list ul li:nth-child(4):before, .obe-list ul li:nth-child(5):before {
margin-left: 0;
font-size: 18px;
width: 40px;
height: 40px;
left: 7px;
top: 5px;
}
.what-obe .row .obe-list {
margin-left: 0;
}
.sh-slider .slide-item {
padding: 0 24px;
}
.child-progress .col-5 {
background: linear-gradient(270deg, rgba(0,84,141,1) 60%, rgba(255,255,255,0.7399334733893557) 45%);
}
.child-progress .col-5 .child-img img {
max-width: 267px;
}
.child-progress .col-5 .examination-result {
max-width: 160px;
min-width: inherit;
}
.child-progress .col-5 .examination-result .ex-inner {
padding: 24px 23px 12px 28px;
}
.child-progress .col-5 .examination-result .ex-inner ul li:last-child {
margin-bottom: 0;
}
.child-progress .col-5 .examination-result .ex-inner .tech-title {
font-size: 7px;
margin-bottom: 5px;
}
.child-progress .col-5 .examination-result .ex-inner ul li {
font-size: 6px;
}
.child-progress .col-5 .examination-result .ex-inner .check svg {
width: 27px;
height: 27px;
}
.child-progress .col-5 .examination-result .ex-inner .check {
top: 15px;
left: -15px;
}
.child-progress .col-5 .examination-result .ex-inner .download svg {
width: 20px;
height: 20px;
}
.child-progress .col-5 .examination-result .ex-inner .download {
bottom: -17px;
right: 10px;
}
.child-progress .col-5 .examination-result {
border-radius: 12px;
}
.child-progress .col-5 .child-img {
margin-right: 10px;
}
.proprietary .layer .row {
grid-template-columns: repeat(1, 12fr);
grid-gap: 0;
}
.proprietary .layer .row .col-5 img {
max-width: 270px;
margin: 0 auto;
}
.proprietary .layer .row .col-5 figure {
text-align: center;
}
.layer {
padding: 0;
}
.proprietary .layer .row .col-2 {
order: 1;
}
.proprietary .layer .row .col-5:first-child {
order: 2;
}
.proprietary .layer .row .col-5:last-child {
order: 3;
height: 450px !important;
}
.tab-list ul li {
flex: 0 0 33.33%;
margin: 0;
}
.proprietary .layer .row .tab-list ul {
flex-direction: row;
}
.tab-list ul li h4 {
margin: 0;
font-size: 20px;
}
.erasums.section-padding .row figure figcaption h2 {
font-size: 40px;
}
.erasums.section-padding .row {
grid-template-columns: repeat(1, 12fr);
grid-gap: 24px;
}
.erasums.section-padding .row figure img{
max-width: 60px;
}
.pages-tab-list li a {
padding: 10px 16px;
}
.pages-tab-list {
flex-direction: column;
}
.pages-tab-list li {
padding: 0;
}
.pages-tab-list li a {
width: 100%;
display: block;
}
.placement.best-chice.se-why-us .col-sixty .row .s-heading {
font-size: 24px;
}
.erasums.section-padding .row figure figcaption h2 {
font-size: 40px;
}
.erasums.section-padding .row {
grid-template-columns: repeat(1, 12fr);
grid-gap: 24px;
}
.erasums.section-padding .row figure img{
max-width: 60px;
}
.pages-tab-list li a {
padding: 10px 16px;
}
.pages-tab-list {
flex-direction: column;
}
.pages-tab-list li {
padding: 0;
}
.pages-tab-list li a {
width: 100%;
display: block;
}
.placement.best-chice.se-why-us .col-sixty .row .s-heading {
font-size: 24px;
}
#placementsection{
padding-left:0px;
padding-right:0px;
}
#placementsection .fourty-sixty{
column-gap: 0px;
}
#placementsection .card-stack .card img{
width:327px;
height:300px;
}
#placementsection .card-stack .card-text{
padding:10px;
}
#placementsection .card-stack .card-text img{
width:81px;
height:37px;
}
#placementsection .card-stack .card-text .placement-details{
bottom:135px !important;
}
/* about us page mobile view hero section css */
.about-us-page .guiding-principal-text{
margin-top:60px;
}
.about-us-page .hero{
background-image:url('../img/banners/About-us-mob.png');
}
.about-us-page .apply-now-btn{
position: fixed;
margin-top: 8px;
bottom: 10vh;
right: 35px;
width: 96px;
height: 96px;
}
.about-us-page .line-img{
/* position: fixed; */
margin-top: 36px;
bottom:10vh;
left: 83.05px;
}
.about-us-page .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 192px;
left:24px;
color: #008294;
pointer-events: none;
z-index: -1;
}
.about-us-page .cover-image-text{
display: none;
}
.about-us-page .cover-image-mobile-text{
display:block !important;
z-index:1;
}
.about-us-page .succeed-mobile-text{
background-color:#012D45;
color:#fff;
font-size: 40px;
font-weight: 700;
line-height:48px;
padding:0px 6px;
position:relative;
right:8px;
}
.about-us-page .empower-text{
color:#000 !important;
}
.about-us-page .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
.about-us-page .timeline-slider-section .timeline-main .slick-prev {
top:20%;
left:0;
background-color: transparent;
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2232%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.2071%206.29289C18.8166%205.90237%2018.1834%205.90237%2017.7929%206.29289C17.4024%206.68342%2017.4024%207.31658%2017.7929%207.70711L25.0858%2015H5.5C4.94772%2015%204.5%2015.4477%204.5%2016C4.5%2016.5523%204.94772%2017%205.5%2017H25.0858L17.7929%2024.2929C17.4024%2024.6834%2017.4024%2025.3166%2017.7929%2025.7071C18.1834%2026.0976%2018.8166%2026.0976%2019.2071%2025.7071L28.2071%2016.7071C28.3902%2016.524%2028.4874%2016.2877%2028.4989%2016.048C28.4996%2016.032%2028.5%2016.016%2028.5%2016M28.5%2015.9908C28.4976%2015.7379%2028.4%2015.4858%2028.2071%2015.2929L19.2071%206.29289%22%20fill%3D%22%23BA8938%22%20%2F%3E%3C%2Fsvg%3E');
cursor: pointer;
background-size: 32px;
background-repeat: no-repeat;
}
.about-us-page .timeline-slider-section .timeline-main .slick-next {
top:73%;
right:0;
background-color: transparent;
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2232%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.2071%206.29289C18.8166%205.90237%2018.1834%205.90237%2017.7929%206.29289C17.4024%206.68342%2017.4024%207.31658%2017.7929%207.70711L25.0858%2015H5.5C4.94772%2015%204.5%2015.4477%204.5%2016C4.5%2016.5523%204.94772%2017%205.5%2017H25.0858L17.7929%2024.2929C17.4024%2024.6834%2017.4024%2025.3166%2017.7929%2025.7071C18.1834%2026.0976%2018.8166%2026.0976%2019.2071%2025.7071L28.2071%2016.7071C28.3902%2016.524%2028.4874%2016.2877%2028.4989%2016.048C28.4996%2016.032%2028.5%2016.016%2028.5%2016M28.5%2015.9908C28.4976%2015.7379%2028.4%2015.4858%2028.2071%2015.2929L19.2071%206.29289%22%20fill%3D%22%23BA8938%22%20%2F%3E%3C%2Fsvg%3E');
cursor: pointer;
background-size: 32px;
background-repeat: no-repeat;
}
/* alumni page mobile view hero ection css */
.alumni-page .hero{
background-image:url('../img/banners/Alumni-mob.png');
}
.alumni-page .hero .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 165px;
left:54px;
color: #fff;
pointer-events: none;
z-index: 0;
}
.alumni-page .hero .cover-image-text{
display: none;
}
.alumni-page .hero .cover-image-mobile-text{
display:block !important;
}
.alumni-page .hero .succeed--mobile-text{
background-color:#fff;
color:#008294;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:8px;
z-index: 0;
}
.alumni-page .hero .succeed-mobile-new-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:8px;
z-index: 0;
}
.alumni-page .hero .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
/* awardpage hero mobile view css */
/* .award-page .hero .hero{
background-image: url('../img/banners/Awards-achievement-mob.png') !important;
}*/
.award-page .hero .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 144px;
left:27.36px;
color: #008294;
pointer-events: none;
z-index: 1;
}
.award-page .hero .cover-image-text{
display: none;
}
.award-page .hero .cover-image-mobile-text{
display:block !important;
}
.award-page .hero .succeed--mobile-text{
background-color:#fff;
color:#008294;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
right:9.36px;
position:relative;
z-index: 0;
}
.award-page .hero .succeed-mobile-new-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:8px;
z-index: 0;
}
.award-page .hero .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
.award-page .hero .facility{
bottom:40px;
}
/* careerpage hero section mobile view css */
/* .page-career .hero{
background-image: url('../img/banners/Career-mob.png') !important;
}*/
.page-career .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 169px;
left:0px;
color: #008294;
pointer-events: none;
z-index: 0;
}
.page-career .cover-image-text{
display: none;
}
.page-career .cover-image-mobile-text{
display:block !important;
text-align: center;
}
.page-career .succeed--mobile-text{
background-color:#fff;
color:#008294;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:0px;
z-index: 0;
}
.page-career .succeed-mobile-new-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:8px;
z-index: 0;
}
.page-career .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
/* cefbpage hero image mobile view css */
.cefb-page .hero{
background-image: url('../img/banners/CEFB-mob.png');
}
/* header-image-text-mobileview */
.cefb-page .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 107px;
left:23px;
color: #008294;
pointer-events: none;
z-index: 0;
}
.cefb-page .cover-image-text{
display: none;
}
.cefb-page .cover-image-mobile-text{
display:block !important;
}
.cefb-page .succeed--mobile-text{
background-color:#fff;
color:#008294;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:0px;
z-index: 0;
}
.cefb-page .succeed-mobile-new-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:8px;
z-index: 0;
}
.cefb-page .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
/* contactus mobile view css */
/* mobile-view-header-text */
.contactus-page .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed; /* Keeps the text fixed to the viewport */
top: 169px; /* Vertically centered */
right:0%; /* Horizontally centered */
text-align: center;
color: #008294; /* Adjust color for visibility */
pointer-events: none; /* Allow clicks to pass through to underlying content */
z-index: -1;
}
.contactus-page .hero{
background-image: url('../img/banners/Contact-Us-cover.png');
}
.contactus-page .cover-image-text{
display: none;
}
.contactus-page .cover-image-mobile-text{
display:block !important;
}
.contactus-page .succeed--mobile-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
.contactus-page .section4 .contact-card{
align-items: center !important;
}
.contactus-page .section4 .contact-card .details{
width:100% !important;
}
.contactus-page .section4 .contact-card .details p:first-child{
font-size:20px !important;
}
.contactus-page .section4 .contact-card .details .location-contact, .contactus-page .section4 .contact-card .details .location-mail{
font-size:16px !important;
}
.contactus-page .international-section{
padding: 32px 24px 48px 24px !important;
}
.contactus-page .second-section{
padding:48px 24px 0px 24px !important;
}
.contactus-page .send-msg-btn{
justify-content: normal;
}
.contactus-page .need-help{
max-width:100% !important;
width:100% !important;
padding:15px 34px !important;
}
.contactus-page .contact-section{
padding:0px !important;
gap:16px !important;
}
.contactus-page .section-padding{
padding:48px 24px !important;
}
.contactus-page .contact-us-row{
margin-right:auto;
margin-left:auto;
padding:20px 0px;
gap:32px;
}
.contactus-page .column1{
padding-right:0px;
padding-left:0px;
}
.contactus-page .column2{
padding:32px 16px !important;
}
.contactus-page .contact-department-section{
gap:32px !important;
padding-left:0px !important;
padding-right:0px !important;
}
.contactus-page .contact-section,.contactus-page .contact-department-section {
grid-template-columns: 1fr !important; /* Single-column grid for mobile */
}
.contactus-page .contact-card{
display:flex;
flex-direction: column !important;
}
.contactus-page .contact-card .details p{
font-size:14px !important;
}
.contactus-page .key-contact-card{
padding:20px 16px !important;
}
.contactus-page .section2 .contact-card .icon,.contactus-page .section4 .contact-card .icon{
width:100% !important;
display: flex;
justify-content: center;
}
.contactus-page .section4 .contact-card .details{
width:100%;
padding:20px 16px !important;
}
.contactus-page .section4 .contact-card .icon img{
border-top-left-radius:16px !important;
border-top-right-radius:16px !important;
border-bottom-right-radius:0px !important;
border-bottom-left-radius:0px !important;
}
.contactus-page .admis-heading{
text-align: center;
font-size:20px;
font-weight:700;
}
.contactus-page .depart-heading{
text-align: center;
font-size:24px !important;
font-weight:700;
}
.contactus-page .section1 h2,.contactus-page .section2 h2{
font-size:32px !important;
line-height:38.4px;
}
/* life-campus mobileview css */
.life-campus-page .hero{
background-image: url('../img/banners/Life-at-campus-mob.png') !important;
}
.life-campus-page .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 125px;
left:24px;
color: #fff;
pointer-events: none;
z-index: 0;
}
.life-campus-page .cover-image-text{
display: none;
}
.life-campus-page .cover-image-mobile-text{
display:block !important;
}
.life-campus-page .succeed--mobile-text{
background-color:#fff;
color:#008294;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
z-index: 0;
}
.life-campus-page .succeed-mobile-new-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:8px;
z-index: 0;
}
.life-campus-page .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
/* mobile view hero image css end */
.life-campus-page .things .row .col-three:nth-child(4){
display:block;
}
.life-campus-page .things .row{
display:block;
}
.life-campus-page .facility-gallery .masonry-grid .col-one .d-inner,.life-campus-page .facility-gallery .masonry-grid .col-three .d-inner{
flex-direction: column;
gap:16px !important;
}
.life-campus-page .facility-gallery .masonry-grid .col-two img{
max-height:300px;
}
.life-campus-page .facility-gallery .masonry-grid .col-one .d-inner .grid-item:last-child,.life-campus-page .facility-gallery .masonry-grid .col-three .d-inner .grid-item:last-child{
padding-left:0px;
}
.life-campus-page .things .row .col-three:nth-child(4) figure{
width:100%;
}
.life-campus-page .things .row figure img{
width:100% ;
}
.life-campus-page .things .row figure img:hover{
object-fit: fill !important;
}
.life-campus-page .things .row .col-three:nth-child(4) figure{
max-width:100%;
}
/* obe mobile view hero section css */
/* .obe-page .hero{
background-image: url('../img/banners/OBE-mob.png') !important;
}*/
.obe-page .hero .line-img{
/* position: fixed; */
bottom:10vh;
height: 50px;
left: 83.05px;
}
.obe-page .hero .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top:148px;
left:24px;
color: #fff;
pointer-events: none;
z-index: -1;
}
.obe-page .hero .cover-image-text{
display: none;
}
.obe-page .hero .cover-image-mobile-text{
display:block !important;
}
.obe-page .hero .succeed-mobile-text{
background-color:#012D45;
color:#fff;
font-size: 40px;
font-weight: 700;
line-height:48px;
padding:0px 6px;
position:relative;
right:8px;
}
.obe-page .hero .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
/* placement hero image css */
.placement-page .hero{
background-image:url('../img/banners/Placement-cover-mob.png');
}
.placement-page .hero .apply-now-btn{
position: fixed;
margin-top: 8px;
bottom: 10vh;
right: 35px;
width: 96px;
height: 96px;
}
.placement-page .hero .line-img{
/* position: fixed; */
margin-top: 36px;
bottom:10vh;
left: 83.05px;
}
.placement-page .hero .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 80%;
position: fixed;
top: 192px;
left:24px;
color: #fff;
pointer-events: none;
z-index: -1;
background-color: rgba(0,0,0,0.4);
padding:16px;
}
.placement-page .hero .cover-image-text{
display: none;
}
.placement-page .hero .cover-image-mobile-text{
display:block !important;
}
.placement-page .hero .succeed-mobile-text{
background-color:#00548D;
color:#fff;
font-size: 40px;
font-weight: 700;
line-height:48px;
padding:0px 6px;
position:relative;
}
.placement-page .hero .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
/* ssip mobile hero image css */
.ssip-page .hero{
background-image:url('../img/banners/ssip-mob.png');
}
.ssip-page .hero .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 172px;
left:0px;
color: #008294;
pointer-events: none;
z-index: -1;
}
.ssip-page .hero .cover-image-text{
display: none;
}
.ssip-page .hero .cover-image-mobile-text{
display:block !important;
}
.ssip-page .hero .succeed--mobile-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 7px;
position:relative;
right:8px;
z-index: -1;
}
.ssip-page .hero .succeed--mobile-text-white{
background-color:#002E47;
color:#ffffff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:14px;
z-index: -1;
}
.ssip-page .hero .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
.ssip-page .hero .section-padding{
padding:64px 24px !important;
}
/* scholarship mobileview css */
.scholarship-page .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 172px;
left:24px;
color: #008294;
pointer-events: none;
z-index: -1;
}
.scholarship-page .cover-image-text{
display: none;
}
.scholarship-page .cover-image-mobile-text{
display:block !important;
z-index:1;
}
.scholarship-page .succeed--mobile-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 7px;
position:relative;
right:8px;
z-index: -1;
}
.scholarship-page .succeed--mobile-text-white{
background-color:#002E47;
color:#ffffff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
right:8px;
z-index: -1;
}
.scholarship-page .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
/* womencell mobile view hero image css */
.womencell-page .apply-now-btn {
position: fixed;
margin-top: 8px;
bottom: 10vh;
right: 35px;
width: 96px;
height: 96px;
}
.womencell-page .line-img {
/* position: fixed; */
margin-top: 36px;
bottom: 10vh;
left: 83.05px;
}
.womencell-page .cover-image-mobile-text {
font-size: 40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 130px;
left: 25px;
color: #008294;
pointer-events: none;
z-index: -1;
}
.womencell-page .cover-image-text {
display: none;
}
.womencell-page .cover-image-mobile-text {
display: block !important;
}
.womencell-page .succeed-mobile-text {
background-color: #012d45;
color: #fff;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding: 0px 6px;
position: relative;
right: 8px;
}
.womencell-page .visual-mobile-text {
background-color: #002e47;
color: white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding: 0px 16px;
}
.womencell-page .succeed--mobile-text-white {
background-color: #002e47;
color: #ffffff;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding: 0px 8px;
position: relative;
right: 14px;
z-index: -1;
}
.womencell-page .empower-text {
width: 95%;
margin-top: 1rem;
}
.womencell-page .preamble-section .container .d-grid {
grid-template-columns:1fr;
gap: 20px;;
}
/* student page hero mobile view css */
.studentclub-page .cover-image-mobile-text{
font-size:40px;
font-weight: 700;
line-height: 48px;
width: 100%;
position: fixed;
top: 172px;
color: #008294;
pointer-events: none;
z-index: -1;
}
.studentclub-page .cover-image-text{
display: none;
}
.studentclub-page .cover-image-mobile-text{
display:block !important;
}
.studentclub-page .succeed--mobile-text{
background-color:#008294;
color:#fff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 7px;
position:relative;
right:8px;
z-index: -1;
}
.studentclub-page .succeed--mobile-text-white{
background-color:#002E47;
color:#ffffff;
font-size:40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
position:relative;
z-index: -1;
}
.studentclub-page .visual-mobile-text{
background-color:#002E47;
color:white;
font-size: 40px;
font-weight: 700;
line-height: 48px;
padding:0px 16px;
}
.studentclub-page .section-padding{
padding:64px 24px !important;
}
.muiir-page .wheel-section .circle-slider .navigation-wrapper .pagination{
justify-content: center;
}
.apply-req-section{
display:flex;
flex-direction: column;;
justify-content:space-between;
gap:24px;
}
.next-step h2{
font-size:32px;
line-height: 1;
text-align: center;;
}
.next-step {
padding:32px 24px;
}
.placement-page .hero{
background-size:100% 91% !important;
}
.placement .card-stack {
position: relative;
width: 297px !important;
height:308px !important;
margin: 50px auto;
}
.placement .card.out {
transform: rotate(15deg) translateX(100px) translateY(-50px) scale(0.86);
opacity: 1;
z-index: 1;
}
.placement .card.back-in {
transform: translateX(100px) scale(0.9);
opacity: 1;
transition: transform 1s, opacity 1s, box-shadow 1s, top 1s;
}
.placement-details{
bottom:150px !important;
}
.person-name{
font-size:15.18px !important;
font-weight:700 !important;
line-height:22.77px !important;
}
.placement-details .education,.lpa{
font-size:11.22px !important;
line-height:16.83px !important;
font-weight:400 !important;
}
.placement-details .package-number{
font-size:30px !important;
line-height: 30.09px !important;
}
.placement-page .contact-us h2{
font-size:32px;
font-weight:700;
line-height:38.4px;
}
.placement-page .recruiters h2{
font-size:32px;
font-weight:700;
}
/* leadership page mobile view css */
.page-leadership .custom-play-btn img{
width:50px;
}
.page-leadership .video-container{
width:100vw;
}
/* admission page mobile view css */
.admission-page .courseItem{
padding:40px;
gap:20px;
}
.admission-page .courseItem span{
font-size: 20px !important;
}
.admission-page .courseItem span svg{
width:48px;
height:48px;
}
}
@media (max-width: 600px) {
.card__inner {
flex-direction: column;
}
.card__image-container {
width: 100%;
}
.card__image {
aspect-ratio: 16 / 9;
}
.card__title {
font-size: 32px;
}
.card__description {
font-size: 16px;
}
.card__content {
padding: 30px 20px;
}
}
@media (max-width: 567px) {
.facility .row .f-thumb {
margin-right: 20px;
}
.facility .row .slick-list {
padding-left: 30px !important;
}
.facility .row {
padding-left: 0 !important;
}
.commite-member .row {
max-width: 100%;
grid-template-columns: repeat(1, 12fr);
}
.placement.best-chice.fourty-sixty .row .col-sixty .row {
grid-template-columns: repeat(1, 12fr) !important;
grid-gap: 60px;
}
.child-progress .col-5 .examination-result {
left: 20px;
}
/* parent-page mobile view */
.parent-page .proprietary .tab-content-wrap .ltab-conte#tab-2
{
position:absolute;
bottom:0px;
}
.parent-page .proprietary .tab-content-wrap .ltab-conte#tab-3
{
position:absolute;
bottom:0px;
}
.parent-page .stack-container,.stack-layer{
width:190px !important;
height:190px !important;
}
.parent-page .circle{
width:30px !important;
height:30px !important;
border:3px solid #fff !important;
transform:translateX(-42px) translateY(100px);
right: 20% !important;
top: 20px !important;
}
.parent-page .layer2{
top:80px;
}
.parent-page .layer3{
top:120px;
}
.parent-page .stack-container{
right:-25%;
left:auto;
}
.parent-page .layer-2-section{
padding-top:48px !important;
}
}
@media (max-width: 480px) {
.advanced-carousel-image img {
width: 120px;
/* Smaller images for very small screens (e.g. phones) */
height: 120px;
}
.advanced-carousel-images {
gap: 4px;
}
.stories-title h1 {
font-size: 32px !important;
line-height: 38.4px !important;
font-weight: 700 !important;
}
.stories-title {
margin-bottom: 0px !important;
}
.studennt-discover .images-wraper figure {
max-width: 80%;
}
}
.nav-links li:hover .dropdown-content {
display: none;
}
/* by hiren start */
.sticky-fixed-btn {
position: fixed;
bottom: 20px;
right: 10px;
z-index: 9999;
/*transform: rotate(90deg);
transform-origin: bottom center;*/
height: auto;
width:100px;
display:none;
}
/*
.sticky-fixed-btn a{
text-transform: uppercase;
background: #dabf7c;
color: #6C4327;
display: block;
padding: 7px 15px;
text-decoration: none;
font-size: 17px;
font-weight: 600;
font-family: "Proxima Nova",sans-serif;
}
.sticky-fixed-btn a:hover{
background: #6C4327;
color:#dabf7c ;
}*/
.sticky-fixed-btn1 {
position: fixed;
top: 355px;
right: -38px;
z-index: 9999;
transform: rotate(90deg);
transform-origin: bottom center;
}
.sticky-fixed-btn2 {
position: fixed;
top: 560px;
right: -65px;
z-index: 9999;
transform: rotate(90deg);
transform-origin: bottom center;
}
/* by hiren end */
.commite-member .fifty-fifty{
grid-template-columns: repeat(4, 6fr);
}
@media (max-width:768px){
.timeline .timline-list > .d-grid{
display:flex !important;
flex-direction:column;
}
.timeline .timline-list > .d-grid .col-4 p{
margin-bottom:0;
}
.timeline .timline-list > .d-grid .col-8 p{
font-weight:bold;
}
.cust-internattional-admission .contact-us.filling-complaint .row .col-2{
flex: 0 0 100%;
}
}
@media (max-width:1199px){
.commite-member .fifty-fifty {
grid-template-columns: repeat(3, 6fr);
}
}
@media (max-width:1024px){
.commite-member .fifty-fifty {
grid-template-columns: repeat(2, 6fr);
}
}
@media (max-width:600px){
.commite-member .fifty-fifty {
grid-template-columns: repeat(1, 6fr);
}
}