:root { --primary:rgba(151, 26, 30, 1); --bg:rgba(246, 243, 235, 1); --white: #ffffff; --dark: rgba(34, 32, 33, 0.85); --text-muted: rgba(255,255,255,0.7); --bg-overlay: rgba(142, 29, 29, 0.95); --font-main: "Open Sans", sans-serif; --light-bg: #f6efe6; /*--white-muted: rgba(255,255,255,0.7);*/ --white-muted: rgba(255, 249, 240, 0.9); --secondary-font:'Adobe Garamond Pro'; --font-garamond:"EB Garamond", serif; --light-background:rgba(254, 252, 249, 1); --pastel-orange:#fbf1e0 ; } body{font-family: var(--font-main);font-optical-sizing: auto;font-weight:400;font-style: normal; font-size: 16px; line-height: 27px; color: var(--dark);} p{margin-bottom: 25px;} p:last-of-type {margin-bottom: 0;} p:empty{display: none;} .fs-12 { font-size: 12px !important; } .fs-18 { font-size: 18px !important; } .fs-22 { font-size: 22px !important; } .fw-sb{font-weight: 600;} .fw-b{font-weight: 700;} .max-w-3xl {max-width:min(90vw, 62rem);} .max-w-3xxl {max-width:min(90vw, 72rem);} .py{padding-top:clamp(4rem, 6.7vw, 8rem) ; padding-bottom: clamp(4rem, 6.7vw, 8rem);} .px{padding-left:clamp(4rem, 6.7vw, 8rem) ; padding-right: clamp(4rem, 6.7vw, 8rem);} .pt{padding-top:clamp(4rem, 4vw, 5.125rem);} .pt-8{padding-top:clamp(4rem, 6.7vw, 8rem)} .pt-10{padding-top:clamp(4rem, 9vw, 10rem)} .pt-6{padding-top:clamp(3rem, 4.063vw, 4.063rem);} .pb{padding-bottom:5.125rem;} .pb-8{padding-bottom:clamp(4rem, 6.7vw, 8rem)} .pb-10{padding-bottom:clamp(4rem, 9vw, 10rem)} .mt{margin-top:clamp(4rem, 4vw, 5.125rem);} .mt-5 {margin-top:clamp(3rem, 3vw, 4.5rem)!important;} .mt-6{margin-top:clamp(3rem, 4.063vw, 4.063rem);} .mt-8{margin-top:clamp(4rem, 6.7vw, 8rem)} .mt-10{margin-top:clamp(4rem, 9vw, 10rem)} .mb-8{margin-bottom:clamp(4rem, 6.7vw, 8rem)} .w-70{width: 70%;} .w-60{width: 60%;} .w-40{width: 40%;} .w-30{width: 30%;} .w-50{width: 48%;} .gap-4{gap:clamp(1rem, 4vw, 4rem)} .grid{display: grid;} .grid-2{grid-template-columns:repeat(2,1fr);} .grid-3{grid-template-columns:repeat(3,1fr);} .grid-4{grid-template-columns:repeat(4,1fr);} .grid-5{grid-template-columns:repeat(5,1fr);} .text-link{position: relative;} .text-link:after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background:rgba(255, 249, 240, 1); transition: width 0.3s ease;} .text-link.black:after{background:rgba(34, 32, 33, 1)} .text-link:hover:after{width: 100%;} .yellow-dark{color: rgba(191, 154, 66, 1) !important;} .text-primary{color: var(--primary);} .white-muted{color: var(--white-muted);} .secondary-font{font-family: var(--secondary-font);} .garamond-font{font-family: var(--font-garamond);} .btn {font-weight: 500;line-height: normal; transition: 0.5s;} .btn svg{width: 18px; height: 18px; align-items: center;} .btn svg.back-arrow{transform: rotate(-180deg);} .btn-primary, .btn-secondary, .events-page .register-btn a {position: relative;border: none;} .btn-secondary::before, .btn-secondary::after, .btn-primary::before, .btn-primary::after, .events-page .register-btn a:after, .events-page .register-btn a:before {content: "";position: absolute;width: 0;height: 0;border: 2px solid var(--primary);transition: all 0.4s ease;} .btn-secondary::before, .btn-secondary::after{border: 2px solid rgba(255, 249, 240, 1);} .btn-secondary::before,.btn-primary::before, .events-page .register-btn a:before { top: 0;left: 0;border-right: none;border-bottom: none;} .btn-secondary::after,.btn-primary::after, .events-page .register-btn a:after {bottom: 0;right: 0;border-left: none;border-top: none;} .btn-secondary:hover::after, .btn-secondary:hover::before, .btn-primary:hover::before, .btn-primary:hover::after, .events-page .register-btn a:hover:after, .events-page .register-btn a:hover:before {width: 100%;height: 100%;} .btn-primary:hover, .events-page .register-btn a:hover {background: transparent;color: var(--primary);} .btn-primary:hover path, .events-page .register-btn a:hover path{fill:var(--primary)} .btn-secondary {background: rgba(255, 249, 240, 1); color:var(--primary) ; border: none; position: relative;} .btn-secondary:active, .btn-secondary:hover {background:transparent !important; color: rgba(255, 249, 240, 1);; outline: none; box-shadow: none; border:0;} .btn-secondary .arrow-maroon path {fill: var(--primary);} .btn-secondary:hover .arrow-maroon path {fill: #fff;} .btn-wrapper{display: flex; align-items: center; gap:20px} .pastel-orange{background: var(--pastel-orange);} .light-bg{background: var(--light-background);} sup {font-size: 11px;vertical-align: super;line-height: 0;position: relative;top: 0;/* vertical-align: inherit; */height: auto;display: inline-block;} .parent-menu li a sup{vertical-align: super;} .section-heading .subtitle sup,.stories-items .ripple_txt strong sup, h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup, { font-size: 12px; line-height: inherit; position: relative; /*top: -0.4em;*/ font-weight:600; } .stories-items .ripple_txt strong sup {top: 5px;margin-left: 6px;} /* SECTION HEADING */ .section-heading .subtitle{margin-bottom: 1rem; padding-left: 80px; position: relative; font-weight: 600; display: inline-block;} .section-heading .subtitle:before{width: 70px; height: 2px; background: rgba(162, 52, 53, 1); position: absolute; content: ""; left: 0; top: 50%; } .subtitle.bottom-line{padding: 0;} .subtitle.bottom-line:before{left: 50%;bottom: -2px;margin: 0 auto;transform: translateX(-50%) translateY(0);top: auto;} .section-heading .title, h1.section-title{margin: 0; padding: 0; font-size:clamp(2.3rem, 3vw, 3.438rem); line-height:clamp(2.6rem, 3.2vw, 3.438rem); font-family: var(--secondary-font); color: #000; } .section-heading .title span, .section-title span{color:var(--primary); font-style: italic;} .section-heading .heading-cnt{margin:0.7rem 0 1rem;} .section-heading.text-white .subtitle:before{background: #fff;} .page-title{color: #000; font-size: 18px;} .row.text-center .section-heading .title br {display: none;} .section-heading + div:has(.heading-cnt) .btn{margin-top: 20px;margin-left: 0 !important;} .maroon-bg .row:not(:has(.btn-col)) .title {text-align: center;line-height:clamp(2.6rem, 3.2vw, 5rem)} h1.font-large{font-size:clamp(4rem, 6.5vw, 8.875rem); line-height:clamp(3.5rem, 7.5vw, 7rem); ;} /* HEADER */ header{position: fixed; z-index: 9999;} .main-header {width: 100%;padding: 0;background: transparent;transform: translateY(0);opacity: 1;transition: transform 0.35s cubic-bezier(.4,0,.2,1),box-shadow 0.35s ease;} .main-header .header-wrap {padding-top:clamp(1rem, 2vw, 2.063rem); transition: padding 0.3s ease; max-width: 90%; margin: 0 auto;align-items: flex-start;} .main-header.fixed .header-wrap {padding-top:5px; padding-bottom: 5px;} .main-header.fixed {box-shadow: 0 5px 20px rgba(0,0,0,0.1); background: rgb(255 255 255 / 90%); position: fixed; top: 0;left: 0;width: 100%;z-index: 999;} .main-header.fixed .header-menu{padding: 10px 0; border-bottom:10px solid rgba(151, 32, 32, 1);} .main-header.fixed .brand-logo img{transition: 0.5s;} .main-header .brand-logo{height: clamp(10vh, 15vh, 23vh); display: inline-flex; transition: 0.5s;} .main-header .brand-logo a{display: flex;width: 100%; } .main-header .brand-logo img{width:auto; height: auto;} .main-header.fixed .brand-logo{height:80px; position: absolute;} .brand-logo{height:80px; position: absolute; width: 200px;} /* HEADER MENU BAR */ .menu-btn{background: none;border: none; cursor: pointer;font-size: 15px; text-transform: uppercase; display: flex; align-items: center; gap: 8px; margin-left: auto;} .menu-btn span, .parent-portal span{font-size: 28px; background:var(--primary); border-radius: 50%; width: 48px; height: 48px;color: #fff; display: inline-flex; align-items: center; justify-content: center;} .parent-portal{margin-right: 2.4rem; color: var(--dark); gap: 8px; display: flex; align-items: center; justify-content: center; letter-spacing: 1.2px; text-transform: uppercase; font-size: 12px; text-decoration: none;} .parent-portal span{background: #fff;} .parent-portal svg{transition: 0.5s;} .parent-portal:hover svg:last-child{transform: translateX(2px);} .header-menu { padding: 12px 0;background: linear-gradient(87.61deg, #7D0000 0%, #7D0000 33.33%, #710000 60%, #972020 100%); border-bottom: 20px solid rgba(151, 32, 32, 1);transition: padding 0.3s ease;} .header-menu::-webkit-scrollbar {display: none;} .overlay-menu .container-fluid{z-index: 2; position: relative;} .overlay-img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;} .overlay-img img{width: 100%; height: 100%; object-fit: cover; object-position: center;} .overlay-menu:before{width:100% !important; height: 100%; position: absolute; content: ""; left: 0; top: 0; z-index: 2;background: rgba(134, 33, 37, 0.9)} /* .overlay-menu:before{width:clamp(53%, 100%, 774px); height: 100%; position: absolute; content: ""; left: 0; top: 0; z-index: 2;background: rgba(134, 33, 37, 0.9)} */ .overlay-logo{height: clamp(10vh, 15vh, 23vh); width: auto; display: inline-flex; position: relative; z-index: 3;} .overlay-logo a{display: inline-flex;} .overlay-container{max-width: 90%; margin: 0 auto;padding-top: 2.063rem;} .menu-btn{color:var(--primary);border:none;font-size:15px; letter-spacing: 1.5px;} .overlay-menu .container{margin-top:clamp(0rem, 1rem, 5rem) ;} .overlay-menu {position: fixed;top: 0;right: 0;width: 100%;height: 100vh;z-index: 99991;color: #fff;transform: translateX(100%);opacity: 0;visibility: hidden;/* Smooth animation */ transition: transform 0.6s cubic-bezier(0.77, 0, 0.18, 1),opacity 0.4s ease,visibility 0.4s;/* Optional styling */background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(10px);will-change: transform;} .overlay-menu.active {transform: translateX(0);opacity: 1;visibility: visible;} .overlay-menu ul li {opacity: 0;transform: translateX(40px);transition: all 0.4s ease;} .overlay-menu.active ul li {opacity: 1;transform: translateX(0);} /* Stagger delays */ .overlay-menu.active ul li:nth-child(1) { transition-delay: 0.1s; } .overlay-menu.active ul li:nth-child(2) { transition-delay: 0.2s; } .overlay-menu.active ul li:nth-child(3) { transition-delay: 0.3s; } .overlay-menu.active ul li:nth-child(4) { transition-delay: 0.4s; } .overlay-menu.active ul li:nth-child(5) { transition-delay: 0.5s; } .overlay-menu.active ul li:nth-child(6) { transition-delay: 0.6s; } .overlay-menu.active ul li:nth-child(7) { transition-delay: 0.7s; } .overlay-menu.active ul li:nth-child(8) { transition-delay: 0.8s; } .overlay-menu.active ul li:nth-child(9) { transition-delay: 0.9s; } .overlay-menu.active ul li:nth-child(10) { transition-delay: 1.0s; } .overlay-menu.active ul li:nth-child(11) { transition-delay: 1.1s; } .overlay-menu.active ul li:nth-child(12) { transition-delay: 1.2s; } .overlay-menu.active ul li:nth-child(13) { transition-delay: 1.3s; } .overlay-menu.active ul li:nth-child(14) { transition-delay: 1.4s; } .overlay-menu.active ul li:nth-child(15) { transition-delay: 1.5s; } .overlay-menu.active ul li:nth-child(16) { transition-delay: 1.6s; } .close-menu{background:#fff;border:none;width: 48px;height: 48px;border-radius:50%;} .parent-menu{padding:0;width:clamp(80%, 90%, 680px); align-items: center;/* margin: auto;*/} .parent-menu ul{list-style:none;padding:0; column-count: 2;column-gap: 5px;} .parent-menu li{color: rgba(255, 255, 255, 0.85);cursor:pointer;font-size: clamp(2.2rem, 2.2rem, 3rem);line-height: clamp(2.5rem, 2.5rem, 3.2rem); margin-bottom:1.5rem;font-family: var(--secondary-font);} .parent-menu li:hover, .parent-menu li.active{ opacity:1;} .parent-menu li a{color: var(--white); text-decoration: none;font-family: var(--secondary-font);position: relative;} .parent-menu li a::after {content: "";position: absolute;left: 0;bottom: -4px;width: 0;height: 2px;background: #fff; transition: width 0.3s ease;} .parent-menu li a:hover::after, .parent-menu li.current_page_item a:after{width: 100%;} /* .sub-menu{display:none; } .sub-menu.active{display:block;} .sub-menu{ line-height: normal;padding: 0;position: absolute;left: 0;margin-left: 39%;top: 0;} .sub-menu li{ font-size: 17px; line-height: 30px; padding: 0; margin: 0; } .sub-menu li a{font-family: var(--font-main); padding: 0; margin: 0;} .sub-menu .menu-title a{font-family: var(--secondary-font); font-size:clamp(1.2rem, 1.2rem, 1.5rem);margin-bottom:1.5rem; display: flex; font-weight:700;} .sub-menu ul{list-style:none;padding:0;} .sub-menu a{color:#fff;text-decoration:none;opacity:0.8;} .sub-menu a:hover{opacity:1;} .menu-image img{ height:100vh; width:100%; object-fit:cover; } .sub-menu.active{display:block;}*/ /* hide submenu */ .menu-item-has-children .sub-menu {display: none;} /* show submenu */ .menu-item-has-children.active > .sub-menu {display: block;} .main-header.inner-page-header {background:#fff;} .main-header.inner-page-header .brand-logo{position: absolute; left:20px; top: 0; } .main-header.inner-page-header .header-wrap{padding-top: 20px; padding-bottom: 20px;} .inner-page-header .menu-btn {color: #8B2725;} /* VIDEO */ .video-hero {height: min(85vw, 100vh); position: relative; z-index: 1;} .video-hero video, .video-hero img{width: 100%; height: 100%; object-fit: cover;} .scroll-arrow{position:absolute;top:50%; z-index: 3; opacity: 9;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center; transform: translateX(-50%) translateY(-50%);} .scroll-arrow svg{ width:70px;} .scroll-arrow .arrow1 svg{ fill:#222021;} .scroll-arrow .arrow2 svg{ fill:#8B2725; margin-top:-15px;} /* Animation */ @keyframes arrowMove{ 0%{ opacity:0; transform:translateY(-10px); } 50%{ opacity:1; } 100%{ opacity:0; transform:translateY(10px); } } .events-tab{position: fixed;right: 0;top: 50%;transform: translateY(-50%);width: 60px;height:160px; background: var(--primary);color: #fff;text-decoration: none;display: flex;flex-direction: column;align-items: center;justify-content: center; z-index: 9999; border-radius: 0; border: 0;display: none;} .events-tab .arrow{font-size: 20px;margin-bottom: 6px;} .events-tab .text{writing-mode: vertical-rl;transform: rotate(180deg);letter-spacing: 3px;font-weight: 600;font-size: 14px;} .events-tab:hover{background:#5f0d0b} .learning-section{padding-top:clamp(4rem, 4vw, 7.5rem); width: 100%; overflow: hidden;} .learning-card{position:relative; } .learning-card img{width:100%;height:300px;object-fit:cover;display:block;} .learning-section .number{opacity: 0.6; position:absolute;top:-30px;left:-10px;font-size:clamp(4rem, 4.5vw, 5rem); line-height: clamp(4rem, 4.5vw, 5rem);color:var(--primary); font-family:var(--secondary-font); z-index: 2; transition: 0.5s;} .learning-card h3{font-family:var(--secondary-font);font-size:clamp(20px, 28px, 30px); line-height: clamp(20px, 28px, 30px); margin:18px 0 10px;color:rgba(34, 32, 33, 1);font-style:italic;} .learning-card p{font-size:14px;color:rgba(34, 32, 33, 0.85);line-height:1.6;} .overflow-hidden{overflow: hidden;} .learning-section .slick-current .number, .learning-card:hover .number{opacity: 9;} .carousel-section .slick-slide {margin-left:10px;margin-right: 10px} .carousel-section .slick-list {padding-top:0; margin-left: -10px; margin-right: -10px; padding-left: 0 !important;} .carousel-section .card-inner {display: flex;flex-direction: column;align-items: flex-start;height: 100%;padding: 30px 25px;background: #fdfaf6;border-bottom: 2px solid transparent;transition: all 0.4s ease;} .carousel-section .card-inner:hover {background: #e2d2b9;border-bottom-color: var(--primary);transform: translateY(-8px);} .carousel-section .number{font-size:2rem; line-height: normal;line-height: 1;color: #e3d3b7;margin-bottom: 1.5rem;transition: color 0.25s ease;font-weight: 400; font-family:var( --secondary-font);} .carousel-section .card-inner:hover .number{color: var(--primary);} .carousel-section .card-inner:hover .badge {background: #f7f2ea;} .carousel-section .slick-slide {height: auto;} .carousel-section .slick-track {display: flex;flex-wrap: nowrap;align-items: stretch;} .carousel-section h3{margin: 0 0 20px;} .carousel-section p{margin-bottom: 20px;} .badge-wrap {display: flex;gap: 8px;flex-wrap: wrap;margin-top: auto;} .carousel-section .badge {padding: 6px;font-weight: 600;display: flex;border-radius: 0px;text-align: center;font-size: 12px;font-style: italic;background: #e8dac5;color: var(--primary);transition: all 0.4s ease;} .learning-slider .slick-slide{margin-left:10px;margin-right: 10px} .learning-slider .slick-list {padding-top:3rem; margin-left: -10px; margin-right: -10px; padding-left: 0 !important;} .learning-section {position: relative;} .learning-section:has(.background-video)::before{background: rgba(246, 235, 214, 0.8);width: 100%;height: 100%;top: 0;left: 0;position: absolute;content: "";z-index: 2;} .learning-section .background-video {top: 0;left: 0;position: absolute;width: 100%;height: 100%;z-index: 0;} .learning-section .background-video video {width: 100%;height: 100%;object-fit: cover;} .slick-disabled, .slick-disabled:hover{opacity: 0.5 !important;} .ethos-section .title{margin-bottom:5px; font-size:1.25rem;color: rgba(255, 249, 240, 1); font-weight: 600;} .ethos-section span{font-size:1.25rem; line-height: 1.30rem; color: rgba(255, 249, 240, 1); } .ethos-slider img {width: 100%;height: 448px;object-fit: cover;} .ethos-slider .slick-slide {margin-left: 15px;margin-right: 15px} .ethos-slider .slick-list{margin-left: -15px !important; margin-right: -15px !important;padding-left: 0 !important; padding-right: 0 !important;} .advantage{padding:10rem 0; position: relative;} .advantage:not(:has(.background-video)):before{display: none; content: none;} .advantage:not(:has(.background-video)) { padding: 0;} .container{position: relative; z-index: 2;} .advantage:before{background: rgba(246, 235, 214, 0.8); width: 100%; height: 100%; top: 0; left: 0; position: absolute; content: ""; z-index: 2;} .background-video{top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 1; } .background-video video{width: 100%; height: 100%; object-fit: cover;} /* zoom effect */ .stories-items{margin-top:clamp(3rem, 3.5vw, 4.063rem); display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;} .stories-items .ripple_txt { font-size: 16px; line-height: 25px; text-align: center;color:rgba(34, 32, 33, 1); position: relative; z-index: 12;position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); width: 80%; margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;height: 100%;flex-direction: column; transition: 0.2s;} .stories-items .ripple_txt strong {font-size: 2rem; font-weight: normal; font-style: italic; line-height: 2.2rem; margin-bottom: 10px; display: flex; font-family: var(--secondary-font);} /* ripple effect */ .ripple_hover { border-radius:0; background-color:rgba(253, 250, 246, 0.55);color: rgba(34, 32, 33, 1); height:350px; width:33.1%; margin: 0%; display: inline-flex; flex-direction: column;position: relative; overflow: hidden;} .ripple_hover:nth-child(2n+2){background:var(--primary);} .ripple_hover:nth-child(2n+2) .ripple_txt{color: #fff;} .no-full-w .ripple_hover:last-child{width: 33.1%;} .stories-items .count {font-size: clamp(30px, 2vw, 35px); line-height: clamp(30px, 2vw, 35px); margin-bottom: 20px; transition: color 0.25s ease; font-weight: 400; font-family:var(--secondary-font)} .advantage:not(:has(.background-video)) .ripple_hover {background-color: rgba(191, 154, 66, 0.15)} .advantage:not(:has(.background-video)) .ripple_hover:nth-child(2n+2) {background: var(--primary);} .advantage .img-bx{width: 100%; height: 100%; display: flex; position: absolute;} .advantage .img-bx img{width: 100%; height: 100%; object-fit: cover; opacity: 0.5;} /*.ripple_hover:hover .ripple_txt{color: #fff;}*/ .ripple_effect {display: block;position: absolute;background-color:#4E0505;transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transition: transform 2.5s cubic-bezier(0.165, 0.85, 0.45, 1) 0s; -moz-transition: transform 2.5s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;-webkit-transition: transform 2.5s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;-o-transition: transform 2.5s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%; -khtml-border-radius: 100%; z-index: 10;} .ripple_effect.ripple_animate {transform: scale(4); -webkit-transform: scale(3); -moz-transform: scale(3); -o-transform: scale(3); z-index: 10;} .above_div {display: flex; flex-direction: column;width: 100%; height: 100%; position: relative;} .stories-items .ripple_txt span{opacity: 0; display: none;transition: 0.5s;} .ripple_hover:hover .ripple_txt span { display: block;opacity: 9;} .advantage .sub {font-weight: 700;font-size: 16px;line-height: normal;margin: 0px 0 18px;} .initiative-section .ripple_hover, .initiative-section .ripple_hover:nth-child(3){background: rgba(191, 154, 66, 0.15) !important; min-height: 400px;} .initiative-section .ripple_hover:nth-child(2n+2){background:var(--primary) !important} .initiative-section h3{font-style: italic; font-size: clamp(1.5rem, 1.875vw, 1.875rem); line-height: clamp(1.8rem, 2vw, 2rem);} .initiative-section .sub{font-weight: 700; font-size: 16px; line-height: normal; margin: 15px 0 18px} .initiative-section .ripple_hover:nth-child(3) .ripple_txt{color: #000;} .future-ready .tagline{padding-bottom: 1.375rem; font-family: var(--secondary-font); font-weight: 400; font-style: italic; font-size:clamp(2.5rem, 4vw, 3.125rem);line-height:clamp(2.5rem, 4vw, 3.125rem); margin-bottom: 0;} .cta-row { /*background: rgba(239, 227, 211, 0.1);*/display: flex;flex-wrap: wrap;justify-content: center;gap:1rem;margin-top: 4.375rem;} .cta-row a{padding:0 2.5rem; min-width: calc(33% - 5%); height: 4rem; gap: 12px;color: var(--dark); font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; text-decoration: none; background: rgba(255, 249, 240, 1);text-transform: uppercase;} .cta-row a:hover, .cta-row a.active{background:rgba(239, 227, 211, 1); color: rgba(139, 39, 37, 1);} .cta-row a:hover path, .cta-row a.active path{fill: #8B2725} .cta-row a.active{background:var(--primary); color: #fff;/* height:3.2rem;*/} .cta-row a.active path{fill: #fff} .cta-row a.active:hover svg{transform: translateX(5px);} svg.small-icon{width: 18px; height: 18px; transition: 0.5s;} .curriculum-cta .cta-row a { padding: 0rem; min-width: calc(25% - 15px); flex: 1 1 calc(25% - 15px); box-sizing: border-box; line-height: normal; } .future-ready .light-bg {font-size:clamp(30px, 2vw, 48px); line-height: clamp(38px, 2vw, 56px); font-family:var(--secondary-font);background: rgba(246, 235, 214, 0.15) ;color: rgba(34, 32, 33, 0.9);} .future-ready .light-bg span{color:var(--primary)} .future-ready .light-bg .cta-row a{font-family: var(--font-main);} .future-ready .max-w-3xl {max-width: min(90vw, 50rem);} .future-ready .two_col{font-size: 18px;} .future-ready.w-100 .max-w-3xl{width: 100%;max-width:100%} .programme-row .title{font-size:clamp(2rem, 3vw, 2.813rem); line-height: 3rem; margin: 12px 0 20px; padding:20px 20px 20px 20px; margin-left: -120px; background:rgba(252, 250, 247, 1); font-style: italic;} .programme-row figure {height:clamp(300px, 40vw, 540px);} .programme-row span{font-family:var(--secondary-font); color: rgba(34, 32, 33, 1); margin: 0 0 15px; font-size:clamp(2rem, 3vw, 2.25rem); line-height: clamp(2rem, 3vw, 2.25rem); display: flex;} .instagram{background: rgba(34, 32, 33, 1); position: relative; padding: 11.25rem 0; color: var(--white); font-size: 24px; line-height: 30px;} .instagram:before{ width:574px; height: 100%; left: 0; top: 0; position: absolute; content: ""; z-index: 1; background: url(assets/images/black-bg.png) no-repeat top left; } .instagram:after{background: linear-gradient(90deg, rgba(34, 32, 33, 0) 0%, rgba(34, 32, 33, 0.57) 22.71%, rgba(34, 32, 33, 0.85) 52.84%, #222021 96.41%); width:574px; height: 100%; left: 0; top: 0; position: absolute; content: ""; z-index: 2; } .instagram .container{position: relative; z-index: 3;} .instagram .subtitle{font-weight: 500;} .instagram .title{padding:0;font-size: 24px; line-height: normal;} /*Home page Event*/ .event-section{padding-bottom:6rem; position: relative;background-color: #EFE3D3; background-image: url("assets/images/pattern2.webp");background-position:bottom right; background-repeat:no-repeat;margin-top: 10.5rem; display: flex;} .event-section:before{content: "";position: absolute;width: 362px;height: 100%;left: 0;top: 0;z-index: 1;background-image: url("assets/images/pattern1.webp");background-position: top left;background-repeat: no-repeat;} .event-section:after{content: "";position: absolute;width: 659px;height: 317px; right: 0;bottom: 0;z-index: 1;/* background: linear-gradient(90deg, rgba(239, 227, 211, 0) 0%, #EFE3D3 96.41%);*/ background-image:url("assets/images/pattern3.png");background-position: bottom right;background-repeat: no-repeat;} .event-section .container{ margin-top: -7rem;} .home .event-section{margin-top: 17.5rem;} .home .event-section .container{ margin-top: -17rem;} .event-section .event-meta{font-size: 14px; line-height: 24px;} .event-section .event-meta svg{width: 16px; height: 16px;} .event-section .register-btn{margin-top: 12px;} .event-section .register-btn a, .event-section .register-btn span{padding-left: 19px;display: inline-flex;font-size: 12px;line-height: 12px;text-transform: uppercase;letter-spacing: 1.2px;text-decoration: none;color: var(--primary);font-weight: 400;transition: 0.5s;position: relative;margin-top: auto;} .event-section .register-btn svg{display: none;} .event-section .register-btn a:before, .event-section .register-btn span:before {width: 10px;height: 1px;background: var(--primary);top: 50%;left: 0;position: absolute;content: "";transform: translateY(-50%);} .event-section .register-btn a:hover {transform: translateX(5px);} .event-section .event-cnt, .event-section strong {display: none;} .event-section .info-card:nth-child(n+4) {display: none;} .event-section strong{font-weight: 600; line-height: 20px; margin-top: 9px;} .event-section .event-tabs{justify-content: center; align-items: center; margin-bottom: 3rem;} .home .event-section .event-meta div:first-child, .home .event-section .event-meta .location{display: none !important;} .home .event-section .register-btn{margin-top: 0;} .home .event-section .register-btn a, .home .event-section .register-btn span{font-size: 16px;} /*Event*/ .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .card-3{grid-template-columns:repeat(3,1fr);} .info-card figure{ height:clamp(200px, 50vw, 407px);} .info-card img{width:100%;height:100%;object-fit:cover;margin-bottom:0;} .info-card h3, .info-card h2{font-size:clamp(1.3rem, 2vw, 2rem);line-height: clamp(1.3rem, 2vw, 2rem); letter-spacing:-1%;margin-bottom:10px; margin-top: clamp(12px, 2vw, 25px);color:rgba(34, 32, 33, 1); font-family: var(--secondary-font); font-style: italic;} .home .info-card h3{letter-spacing: normal;} .info-card p{font-size: clamp(14px, 2vw, 18px);line-height: clamp(20px, 2vw, 24px);color:rgba(65, 65, 65, 1);margin-bottom:20px;} .event-slider .slick-list{margin-right: -10px; margin-left: -10px;} .event-slider .slick-slide{margin-right: 10px; margin-left: 10px;} .info-card {display: flex;flex-direction: column;} .learn-more{padding-left: 19px; display: inline-flex;font-size:12px; line-height: 12px;text-transform:uppercase;letter-spacing:1.2px;text-decoration:none;color:var(--primary);font-weight:400;transition: 0.5s; position: relative; margin-top: auto;} .learn-more:before{ width:10px; height: 1px; background: var(--primary); top: 50%; left: 0; position: absolute; content: ""; transform: translateY(-50%);} .learn-more:hover{transform: translateX(5px);} .events-btn{text-align:center;margin-top:50px;} .events-page .info-card figure{height: clamp(200px, 50vw, 360px);} .events-page .card-3{gap:4rem 1.875rem; } .events-page .card-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;} .events-page.event-section .card-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;} .events-page strong{margin-top: 9px; color: rgba(0, 0, 0, 1); font-size: 16px;} .events-page .event-content p{margin-top: 15px;} .events-page .event-content p:last-of-type{padding-bottom: 40px; margin-bottom: 0;} .events-page .register-btn{padding-top: 2rem;} .events-page .register-btn a, .events-page .register-btn span{font-weight: 500; position: relative; gap: 10px; line-height: normal;transition: 0.5s; background: var(--primary); color: #fff; display: flex; justify-content: center;align-items: center; font-size: 14px; padding: 16px 30px;text-transform: uppercase; width: 100%; text-decoration: none;} .events-page .register-btn svg {width: 18px;height: 18px;align-items: center;} .events-page .info-card { transition: 0.5s;background: linear-gradient(180deg, #FDFAF6 0%, #FFF9F0 52.4%, #FAF4EC 100%); border:2px solid rgba(191, 154, 66, 0.15);padding: 30px 27px 38px;} .events-page .info-card:hover{background: linear-gradient(177.83deg, #F9EED9 1.82%, #EED9B2 55.53%, #F8EBD3 101.56%); border: 2px solid rgba(191, 154, 66, 0.15)} .events-page .info-card:hover figure img {transform: scale(1.03);} .events-page .info-card:hover .event-meta{border-top:1px solid rgba(218, 206, 184, 1);} .events-page .event-meta{border-top:1px solid rgba(244, 236, 219, 1);padding-top: 28px;font-size: 18px; line-height: 24px; font-weight: 700; display:flex; flex-direction: column;} .event-meta span{color: var(--primary); } .events-page .location{margin-top: 10px;} .tab-content {display: none;} .tab-content.active {display: block;} .tab-btn.active {color: var(--primary);border-bottom: 2px solid var(--primary); font-weight: 600;} .event-tabs {display: flex;gap: 32px;margin-bottom: 40px;} .tab-btn { text-transform: uppercase; position: relative;background: none;border: none;cursor: pointer;font-weight: 400; color: rgba(65, 65, 65, 1);} .tab-btn:not(:first-child)::after {position: absolute;content: "";top: 8px;left: -16px;width: 1px;height: 18px;background: rgba(65, 65, 65, 1);} .tab-btn.active {color: var(--primary);border-bottom: 2px solid var(--primary); font-weight: 600;} .view-all{ position: relative; display: inline-block; text-decoration: none; border: 0; color: var(--primary); } .view-all::after{ content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: var(--primary); transform: scaleX(1); transform-origin: left; transition: transform .4s ease; } .view-all:hover::after{ transform: scaleX(0); transform-origin: right; } .event-banner img {width: 100%;height: 400px;object-fit: cover;border-radius: 10px;} .event-banner .event-meta p {font-size: 16px;} .event-content {margin-top: 0px;line-height: 1.7;height: calc(100% - 360px);display: flex;flex-direction: column;} .event-single .title{margin-top: 3rem;} /*BOARD MEMBER*/ .board-container{margin:auto;} .board-card{position:relative;overflow:hidden;background:#F6F3EB;cursor:pointer;height:570px;} .board-card img{width:100%;height:418px;object-fit:cover;display:block;transition:transform .6s ease;} .board-info{position:absolute;bottom:0;left:0;width:100%;background:#e8e4dd;padding:20px;height:400px;transform:translateY(60%); /* initially hidden */transition:all .5s ease;} .board-container.grid-3 {display: grid; gap: clamp(1rem, 4vw, 4rem);} /* HOVER STATE */ .board-card:hover .board-info{transform:translateY(0);border-bottom:4px solid var(--primary); height: 100%;} .leadership .board-card:hover .board-info{height: 400px;transform:translateY(60%);} .board-info h3{margin:0 0 5px;font-size:2rem;font-style:italic;font-family:var(--secondary-font);} .board-info .designation{color:rgba(34,32,33,0.85);transition:.3s;} .board-extra{opacity:0;transform:translateY(20px);transition:all .4s ease;} .board-info p{font-size:16px;margin-top:10px;color:rgba(0,0,0,0.75);} .board-pic{width:0;height:0;margin-bottom:19px;border-radius:50%;overflow:hidden;opacity:0;transform:translateY(20px);transition:all .4s ease;} .board-pic img{width:100%;height:100%;} .board-extra{height: 0;} .board-card:hover .board-extra{height: auto; opacity: 9;} .board-card:hover .board-pic{height: 105px; width: 105px;} .board-card:hover .board-pic, .board-card:hover .board-info p{opacity:1;transform:translateY(0);} .board-card:hover .designation{color:var(--primary);} .leadership{gap: 22px} .leadership,.leadership .board-card:hover {pointer-events: none !important;transform: none !important; box-shadow: none !important;} .leadership .board-card:hover .board-info{transform: inherit;} .leadership img{width:100%;height:280px;} .leadership .board-card{height:440px} .leadership .board-info{transform: inherit;position: relative;height: calc(100% - 280px);/* min-height: 250px; */} .leadership .board-pic{display:none} /*about*/ .body-content{min-height: 500px;} .home .body-content, {margin-top: 0;} /* banner*/ .inner-banner{display: flex; position: relative; flex-direction: column; height: 785px;background-color: rgba(246, 235, 214, 1); background-image: url(assets/images/banner-bg.webp); background-repeat: no-repeat; background-position: top right;} .inner-banner:before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; /* background:linear-gradient(0deg, rgba(191, 154, 66, 0.15), rgb(191 154 66 / 75%)), linear-gradient(90deg, rgb(191 154 66 / 88%) 0%, rgba(191, 154, 66, 0.2) 56.67%);*/ background: rgb(255 248 228 / 52%); z-index: 2;} .inner-banner img{position: relative; z-index:1; width: 100%; height: 100%; display: flex; object-fit: cover;object-position: top center;} .inner-banner.blog-banner img{object-position:center;} .banner-wrap{width: 100%; position: absolute; z-index: 2;margin-top: -1%; left: 50%; transform: translateX(-50%); height: 100%; justify-content: center;display: flex;} .banner-wrap .container{padding-top: 8rem;display: flex; justify-content: center; align-items: flex-start; flex-direction: column;} .inner-banner p{margin: 0; padding: 0;} .inner-banner h1{margin: 0; padding: 0; letter-spacing: -0.25px;} .inner-banner .description{margin: 0.5rem 0 0rem; max-width: 42rem; display: flex; align-items: flex-start; justify-content: space-between; color: rgba(34, 32, 33, 0.9); font-weight: 600;} .inner-banner .page-title{ font-size:clamp(15px, 1.8vw, 20px);margin-bottom: 10px; color: rgba(0, 0, 0, 1);font-weight: 600;} .inner-banner .section-title{/*font-family:var(--font-garamond); */ font-size: clamp(2.7rem, 5vw, 6rem);line-height: clamp(2.8rem, 5.2vw, 6.8rem);letter-spacing: -0.99px;} .inner-banner .section-title span{font-style: italic;font-family: var(--secondary-font);} .banner-wrap .btn{margin-top:30px;} .student-life-banner .description{max-width: 480px;} .inner-banner .section-title span{} .half-banner{background-image: none; background-color: rgba(246, 240, 227, 1); } .half-banner .banner-wrap{transform: translateX(0%); width: 50%;} .half-banner .container{padding-left: 8%;} .half-banner:before{display: none;} .h-small{height:450px ;background-color: rgba(246, 235, 214, 1); background-image: url(assets/images/banner-bg.png); background-repeat: no-repeat; background-position: top right; background-size: 48%;} .reverse-section {flex-direction: column; color: rgba(34, 32, 33, 0.85); } .flexible-row {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 10rem;} .flexible-row:nth-last-of-type(1) {margin-bottom: 0;} .flexible-row .lft-col {width: 48%;} .flexible-row .rgt-col {width: calc(100% - 60%);height: 100%; text-align: center;} .flexible-row .description{margin-top: 30px; letter-spacing: -0.5px; font-size:clamp(16px, 17vw, 18px); line-height:clamp(26px, 27vw, 28px) ;} .flexible-row .rgt-col img{width: auto; height: auto; max-width: 100%; margin: 0 auto;} .flexible-row:nth-child(2n + 2) {flex-direction: row-reverse;} .reverse-section .col-50 .lft-col, .reverse-section .col-50 .rgt-col {width: 48%;} .flexible-row .lft-col.width-40 {width: 42%;} .flexible-row .rgt-col.width-60 {width: calc(100% - 46%);} a.img-link img {position: relative; z-index: 1; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; } a.img-link:hover img { transform: translateY(-5px); } a.img-link {display: flex; position:relative; flex-direction: column; align-items: center; justify-content: center; text-decoration: none;} .flexible-row .bottom-cnt{margin-top: 25px; position: relative; color: #000; font-size: 15px; display: inline-flex; text-decoration: none;} .flexible-row .bottom-cnt:after {top: -10px;content: "";display: inline-block;width: 50px;height: 50px;background-repeat: no-repeat;background-position: center;background-size: 50px 50px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 9H9L14 4V20L9 15H5V9Z' fill='%23971a1e'/%3E%3Cpath d='M17 9C18.333 10.333 18.333 13.667 17 15' stroke='%23971a1e' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19.5 6.5C22.5 9.5 22.5 14.5 19.5 17.5' stroke='%23971a1e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");right: -56px;position: absolute;transform: 0; transition: 0.5s;} .flexible-row a:hover .bottom-cnt:after{right: -59px;} .culture-memo .lft-col {width: 40%;} .culture-memo .rgt-col {width: calc(100% - 42%);} .culture-memo .description {max-width: clamp(100%, 5vw, 350px);} .about-section{padding-top: clamp(4rem, 5vw, 6.25rem);padding-bottom: clamp(4rem, 4.5vw, 5rem);} .about-wrapper {display: flex; justify-content: space-between; align-items: flex-start;color: rgba(34, 32, 33, 0.9); font-size: 18px; background: rgba(254, 252, 249, 1);} .about-left {position: relative; width: 30%;} .about-right{width: calc(100% - 32%); display: inline-flex; gap:clamp(1.5rem, 2.8vw, 3rem); text-align: justify;} .main-text {font-size: 18px;line-height: 1.7;} .highlight-box {background: rgba(253, 250, 246, 1);padding:15px 26px;margin-top: 18px;border-left: 2px solid rgba(191, 154, 66, 1);font-style: italic;font-size: 18px; line-height: 25px;line-height: 1.6; font-family: var(--secondary-font); color: rgba(34, 32, 33, 1);} .about-right img {width: 100%;height: 100%;max-height: 485px;object-fit: cover;display: block;} .bottom-text {margin-top: clamp(1.5rem, 3.4vw,4rem);text-align: center;max-width: 900px;margin-left: auto;margin-right: auto;} .timeline-slider{margin-top: 2rem;} .timeline-slider .slick-slide {padding:30px 15px;} .timeline-item {background: #F6EBD626;padding: 30px 20px;min-height: 260px;position: relative;transition: all 0.3s ease;border-left: 2px solid transparent;} .timeline-item::before {content: "";position: absolute;left: 0;top: 0;height: 100%; width: 1px; background: #e0d6c8;} .timeline-item h3 {font-family: var(--secondary-font);font-size: 2rem;color: #C0AC92;margin-bottom: 15px; font-style: italic;} .timeline-item p {font-size: 14px;line-height: 1.6;color:rgba(34, 32, 33, 0.65);} /* Hover */ .timeline-item:hover, .timeline-item.slick-current {background: #F6EBD6;} .timeline-item:hover h3,.timeline-item.slick-current h3{color: #8B2725;} .timeline-item:hover:before, .timeline-item.slick-current:before{background: #8B2725;} .timeline-slider .slick-list{margin-right: -6px; margin-left: -6px;} .timeline-slider .slick-slide{margin-right: 6px; margin-left: 6px;} .values-card{ height:400px;position:relative;overflow:hidden;background:none;border:1px solid rgba(246, 235, 214, 1);border-left: 0;} .values-card:first-child{border-left:1px solid rgba(246, 235, 214, 1);} .values-card img{width:100%;height:230px;object-fit:cover;display:block;transition:transform .6s ease;} /* info panel */ .values-info{position:absolute;bottom:0;left:0;width:100%; height: calc(100% - 230px); display: flex; background:none; padding-top: clamp(1.5rem, 1.5vw, 5rem); padding-left: clamp(1rem, 1vw, 2rem); padding-bottom: clamp(1.5rem, 1.5vw, 5rem); padding-right: clamp(1rem, 1vw, 2rem); transform:translateY(1%);transition:all .5s ease; text-align: center; justify-content: center; align-items: center; flex-direction: column; align-items: center;} .values-info h3{ color: rgba(34, 32, 33, 0.85);margin:0;font-size:clamp(1.8rem, 1.8vw, 2rem);font-style:italic; font-family: var( --secondary-font);line-height: clamp(1.8rem, 1.8vw, 2rem);} .values-info p{font-size:16px; line-height: 24px;margin-top:14px;} /* hover effects */ .values-card:hover img{transform:scale(1.08);} .values-card:hover .values-info{background:rgba(134, 33, 37, 1);transform:translateY(0); height: 100%;} .values-card p{display: none;} .values-card:hover p{display: flex;} .values-card:hover h3, .values-card:hover p{color: #fff;} /* Card */ .value-card { background: transparent;transition: all 0.4s ease;cursor: pointer; position: relative; counter-increment: number-counter;border-left: 1px solid rgba(34, 32, 33, 0.15); border-top: 1px solid rgba(34, 32, 33, 0.15); overflow: hidden; } .value-card .cnt-bx {position: relative; z-index: 2;height: 100%; justify-content: center; display: flex; flex-direction: column;padding-top:clamp(2rem, 3vw, 4.375rem); padding-bottom:clamp(2rem, 3vw, 4.375rem); padding-left:clamp(2rem, 2.5vw, 3rem); padding-right:clamp(2rem, 2.5vw, 3rem); } .sm-card .cnt-bx { padding-top:clamp(1.5rem, 2vw, 2rem); padding-bottom: clamp(1.5rem, 2vw, 2rem)} .value-card h3 {font-family: var(--secondary-font);font-size: clamp(1.5rem, 2.5vw, 2.125rem); line-height:clamp(1.875rem, 2.8vw, 2.5rem) ; font-style: italic; color:rgba(24, 18, 16, 1); margin-bottom: 8px;} .value-card .desc {font-size: clamp(16px, 17px, 18px); line-height: clamp(24rem, 26vw, 26px);; color:rgba(34, 32, 33, 0.9); ; line-height: 1.6;} .value-card:hover,.value-card.active {border-left: 1px solid var(--primary);background: rgba(246, 235, 214, 1);} .value-card:hover .number:before, .value-card.active .number:before {opacity: 0.1;color: var(--primary);} .value-card:hover h3,.value-card.active h3 {color: var(--primary);} .value-card .number{position: absolute; top:8px; left:clamp(2rem, 2.5vw, 3rem);z-index: 1;} .value-card .number::before{font-size:clamp(7rem, 9vw, 10rem); line-height:clamp(7rem, 9vw, 10rem);color:rgba(162, 52, 53, 0.2);font-family: var(--secondary-font);color:rgba(34, 32, 33, 0.25); opacity: 0.2;} .value-card .number::before {content: counter(number-counter);} .value-card img{width: 100%; max-height: 275px; min-height: 100%; object-fit: cover; object-position: center; position: relative; z-index: 2;} .value-card:nth-last-child(-n+2) {border-bottom: 1px solid rgba(34, 32, 33, 0.15);} .value-card:nth-last-child(2n+1) {border-right: 1px solid rgba(34, 32, 33, 0.15);} .value-card:has(img) {margin-bottom: 0; padding: 0; margin: 0;} .value-card .btn-group {gap: 1rem;width: 100%;margin-top: 2rem;} .vision-section {padding: 6rem 0; background: linear-gradient( to right, var(--primary) 50%, rgba(246, 235, 214, 1) 50% );} .vision-section .container{max-width: 92%;} .vision-wrapper {display: flex; justify-content: space-between;} .vision-left {color: var(--white); display: flex;align-items: flex-start; flex-direction: column; width: 45%; gap:clamp(1.5rem, 2vw, 2.5rem) ; position: relative;} .vision-left .quote {font-family: var(--secondary-font); font-size: clamp(1.6rem, 2vw, 2rem);line-height:clamp(2.2rem, 2.2vw, 3rem); font-style: italic; color: rgba(255, 249, 240, 1);} .author {font-size: 12px;letter-spacing: 1px; display: block; margin-bottom: 40px; position: relative;} .author {margin-bottom: 0; padding-left: 140px; position: relative; font-weight: 700; display: inline-flex;color: rgba(255, 249, 240, 1);} .author:before{width: 130px; height: 2px; background: rgba(255, 255, 255, 1); position: absolute; content: ""; left: 0; top: 50%; } .year-box {display: flex;align-items: center;gap: 20px;justify-content: space-between;} .year-content {margin-top: clamp(1.5rem, 2.8vw, 3.5rem);display: inline-flex;flex-direction: column;} .year-content .found { font-size: 16px;letter-spacing: 0.9px;display: block;margin-bottom: 0;color:rgba(192, 172, 146, 0.8);text-transform: uppercase;} .year-content h2 {font-family: var(--secondary-font);font-size: clamp(4.5rem, 7.8vw, 9.375rem);line-height: clamp(4.5rem, 7vw, 9.375rem);margin: 0;font-style: italic; color: rgba(192, 172, 146, 1);} .vision-right { letter-spacing: -0.5px;width: calc(100% - 54%);font-size:clamp(1.2rem, 1.5vw, 1.5rem); line-height: clamp(1.8em, 1.9vw, 2.375rem); color: rgba(34, 32, 33, 0.9);} .vision-right h3 {padding-top:clamp(1rem, 1vw, 1.875rem);padding-bottom:clamp(1rem, 1vw, 1.875rem); font-family: var(--secondary-font);color: var(--primary);font-size:2.125rem; line-height:2.3rem; border-top: 1px solid var(--primary);border-bottom: 1px solid var(--primary); font-style: italic; margin-bottom:1.375rem;} .vision-section .board-member{display: flex; gap: 20px; margin-top: 40px; width: 100%;} .vision-section .img-box {width: 50%; height: 400px;} .vision-section .img-box figure{width: 100%; height: 100%;} .vision-right .btn-wrapper{margin-top: clamp(1.5rem, 2vw, 2.5rem);} .team-vision .vision-right p{font-size: 18px; line-height: 30px; } .team-vision .vision-left .quote{font-size: clamp(1.3rem, 2vw, 1.5rem); line-height: clamp(1.5rem, 2.2vw, 2rem);} .team-vision .img-box {width: 300px; height:300px;} .team-vision .board-member{margin-top: 0;} .team-vision .vision-right{display: flex; flex-direction: column;} .team-vision .vision-right .author{color: var(--primary);margin-bottom: clamp(1.5rem, 1.8vw, 2rem);} .team-vision .vision-right .author:before{ background: var(--primary);} /* MAROON BG */ .maroon-bg {padding-top:clamp(4.2rem, 6vw, 6.25rem);padding-bottom:clamp(4.2rem, 6vw, 6.25rem);overflow: hidden;position: relative;background-color: var(--primary); background-image: url('assets/images/maroon-pattern.png'); background-repeat: repeat; background-repeat: repeat-y; background-position: left top;} .maroon-bg::before {content: "";position: absolute;top: 0;left: 0;width: 574px;height: 100%;background:linear-gradient(90deg, rgb(151 26 30 / 25%) 0%, rgb(151 26 30 / 46%) 22.71%, rgb(151 26 30 / 68%) 30%, #971a1e 96.41%);pointer-events: none;z-index: 1;} .gray-bg{padding-top:clamp(4.2rem, 6vw, 6.25rem);padding-bottom:clamp(4.2rem, 6vw, 6.25rem);background-color: rgba(128, 118, 109, 1); background-image : url(assets/images/pattern-gray-1.webp); background-repeat: no-repeat; background-repeat: repeat-y; background-position: left top; position: relative; color: var(--white); font-size: 24px; line-height: 30px;} .gray-bg:before{width:574px; height: 100%; left: 0; top: 0; position: absolute; content: ""; z-index: 2; background:linear-gradient(90deg, rgb(128 118 109 / 66%) 0%, rgb(128 118 109 / 96%) 22.71%, rgb(128 118 109 / 96%) 30%, #80766d 96.41%);} .gray-bg .container{position: relative; z-index: 3;} .light-bg-pattern{padding-top:clamp(4.2rem, 6vw, 6.25rem);padding-bottom:clamp(4.2rem, 6vw, 6.25rem); background-color: rgba(246, 235, 214, 1); background-image : url(assets/images/pattern-gray-1.png); background-repeat: no-repeat; background-repeat: repeat-y; background-position: left top; position: relative;} .light-bg-pattern:before{width:574px; height: 100%; left: 0; top: 0; position: absolute; content: ""; z-index: 2; background:linear-gradient(90deg, rgb(246 235 214 / 66%) 0%, rgb(246 235 214 / 96%) 22.71%, rgb(246 235 214 / 96%) 30%, #F6EBD6 96.41%);} .light-bg-pattern .container{position: relative; z-index: 3;} .light-bg-pattern.pattern-right {background-color: rgba(246, 243, 235, 1);; background-image:url('assets/images/pattern-gray-1.png'), url('assets/images/pattern-gray-1.png');background-repeat: repeat-y, repeat-y;background-position: left top, right top; position: relative;} .light-bg-pattern.pattern-right:after{width:574px; height: 100%; right: 0; top: 0; position: absolute; content: ""; z-index: 2; background: linear-gradient(90deg, rgba(246, 243, 235, 0) 0%, rgba(246, 243, 235, 0.57) 22.71%, rgba(246, 243, 235, 0.85) 52.84%, #F6F3EB 96.41%); } .light-bg-pattern.pattern-right:before{background:linear-gradient(90deg, rgba(246, 243, 235, 0) 0%, rgba(246, 243, 235, 0.57) -28.29%, rgba(246, 243, 235, 0.85) 24.84%, #F6F3EB 50.41%)} .quote-container {margin: 0 auto; text-align: center;position: relative;z-index: 3;} .quote-container .cnt-bx {font-family: var(--font-garamond);color: var(--white);font-size: clamp(1.8rem, 3vw, 3.438rem);line-height: clamp(2.4rem, 3.5vw, 3.9rem); font-weight: 400;} .quote-container .cnt-bx::before {content: "";opacity: 9;position: absolute;left: 50%;top: 8px; width: 102px; height: 75px;transform: translateX(-50%); background: url(assets/images/quote.svg) no-repeat; background-position: top center;} .quote-container.max-w-3xl{max-width: min(90vw, 65rem);} .quote-container .cnt-bx span {font-size: 16px;display: flex;justify-content: center;font-family: var(--font-main); line-height: normal;margin-top: 14px;} .blog-post .quote-container.max-w-3xl{width: 100%;} .blog-post .max-w-3xl { max-width: unset !important; } .blog-post .cnt-bx { all: unset; } .faq-wraper .lft{width: 27%;} .faq-wraper .rgt{width:calc(100% - 40%);} .faq-wraper.category-faq .rgt{width:calc(100% - 30%);} /* Remove default arrow */ .custom-faq {font-style: italic;} .custom-faq .accordion-button::after {display: none;} .custom-faq {counter-reset: faq-counter;} .custom-faq .accordion-item {counter-increment: faq-counter;} .faq-number {width: 40px;display: inline-flex;} .faq-number::before {content: counter(faq-counter, decimal-leading-zero) ". "; font-size: 15px;margin-right: 10px;color: rgba(24, 18, 16, 0.4);font-style: italic;} .faq-icon {width: 30px;height: 30px;position: relative; border-radius: 50%; border: 1px solid rgba(128, 118, 109, 0.57);} .faq-icon::before, .faq-icon::after {content: "";position: absolute; background: rgba(128, 118, 109, 0.57);transition: 0.3s ease;} .faq-icon::before {width: 14px;height: 1px;top: 50%;left: 7px;transform: translateY(-50%);} .faq-icon::after {width: 1px;height: 14px;left: 50%;top: 7px;transform: translateX(-50%);} .accordion-button:not(.collapsed) .faq-icon::after {opacity: 0;} .custom-faq .accordion-item {border: none;border-bottom: 1px solid rgba(128, 118, 109, 0.17);border-radius: 0;} .custom-faq .accordion-item:first-child {border-top: none;} .custom-faq .accordion-button {background: transparent;box-shadow: none;padding: 20px 0; font-size: clamp(22px, 2.5vw, 28px); line-height: clamp(28px, 3vw, 32px); font-family: var(--secondary-font);font-style: italic;} .custom-faq .accordion-button:not(.collapsed) {background: transparent;box-shadow: none;color: inherit;} .custom-faq .accordion-button::after {display: none;} .custom-faq .accordion-body {padding: 0 0 20px 35px; line-height: 25px;} .custom-faq .faq-que {width: 77%;} .custom-faq-section .faq-item { background: rgba(254, 252, 249, 1);/*border: 1px solid rgba(246, 235, 214, 1);*/ padding:0px 0; margin-bottom:8px;} .custom-faq-section .faq-item.active{ margin-bottom:26px; background: rgb(246 235 214 / 58%);} .custom-faq-section .faq-row { font-size: 18px;display: grid;grid-template-columns: 220px 1fr;} .custom-faq-section .faq-right {padding-bottom: 0; padding-left: clamp(30px, 4vw, 50px); padding-right: clamp(30px, 4vw, 50px);} .faq-img { width: 100%; height: 200px; } .custom-faq-section .faq-img img {width: 100%;height: 100%;object-fit: cover;object-position: center 30%;} .custom-faq-section .faq-item.active img{object-position: center;} .custom-faq-section .faq-header { padding-top: clamp(30px, 3vw, 45px);display: flex;justify-content: space-between;cursor: pointer;} .faq-item.active .faq-img {height: 100%;} .custom-faq-section .faq-item.active .faq-body{height: 100%;} .faq-body{ display:none; } .faq-item.active .faq-body{ display:block; } .custom-faq-section .faq-item{ background:#fefcf9; transition: background-color .35s ease; } .custom-faq-section .faq-item.active{ background:rgba(246,235,214,.58); } .faq-body{ display:none; } .faq-text {width: calc(100% - 38px);} .custom-faq-section .faq-body {margin-top:clamp(15px, 2vw, 40px);} .faq-inner {font-size: 15px; line-height: 24px; border: 1px solid rgba(227, 199, 162, 1);display: grid;grid-template-columns: 1fr 1fr;} .faq-toggle {width: 30px;height: 30px;border-radius: 50%;border: 1px solid rgba(128, 118, 109, 0.25);display: flex;justify-content: center;align-items: center; color: rgba(128, 118, 109, 1);} .faq-box {padding-top: clamp(30px, 3vw, 45px);padding-bottom: clamp(30px, 3vw, 45px); padding-left: clamp(30px, 4vw, 50px); padding-right: clamp(30px, 4vw, 50px);} .faq-box.dark {background: rgba(139, 39, 37, 1);color:rgba(255, 249, 240, 0.75);} .faq-box.light{color: rgba(0, 0, 0, 0.75);} .custom-faq-section .title{font-size:clamp(1.8rem, 2.22vw, 2.25rem); font-weight: 400;margin-bottom:15px;} .custom-faq-section .sub-title{font-size:clamp(1.2rem, 1.3vw, 1.5rem);font-weight: 400; margin-bottom: 10px;} .faq-inner:not(:has(.faq-box.light)) { grid-template-columns: 1fr; } .faq-body-hide .faq-item.active .faq-img{height: 200px; overflow: hidden;} .faq-body-hide .custom-faq-section .faq-body, .faq-body-hide .custom-faq-section .faq-item.active .faq-body {height:0;display: none !important;} .faq-toggle-hide .faq-toggle{display: none;} .faq-body-hide .faq-item.active{ margin-bottom: 8px;} .curriculum-programme-card ul { margin:15px 0 0; padding-left: 0; } .curriculum-programme-card li { font-size: 18px; line-height: 28px; margin-bottom: 5px; position: relative; padding-left: 30px; list-style: none; } .faq-inner ul { margin: 0 ;padding: 0; list-style: none; } .faq-inner li { position: relative; padding-left: 24px; font-size: 18px; line-height: 28px; list-style: none; } .faq-inner li::before { content: ""; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='136' viewBox='0 0 136 136' fill='none'%3E%3Cpath d='M32.9139 29.6977C31.8754 28.5483 34.6171 19.6584 35.4203 17.9275C36.1542 16.3351 34.7418 15.4073 38.3005 15.9889C38.5221 18.8553 39.9345 20.8493 41.7485 22.9402C54.8618 38.0337 71.9355 51.4932 85.3673 66.5175C71.7277 81.9156 54.2248 96.7183 41.0699 112.2C39.5191 114.014 38.5221 116.049 38.2866 118.431C35.2956 121.311 32.0969 107.616 32 105.927C39.976 102.368 43.7148 95.4028 49.3367 90.0024C57.0912 82.5526 67.2966 75.9059 72.974 66.5036C72.974 63.4157 42.3577 34.8904 37.6358 31.1239C36.3065 30.0577 34.5064 29.9746 32.9139 29.6838V29.6977Z' fill='%23FAF3E7'/%3E%3Cpath d='M55.4164 29.8703C54.3778 28.7209 57.1196 19.831 57.9227 18.1001C58.6566 16.5077 57.2442 15.5799 60.8029 16.1615C61.0245 19.0279 62.4369 21.0219 64.2509 23.1128C77.3642 38.2063 94.4379 51.6658 107.87 66.6901C94.2302 82.0882 76.7273 96.8909 63.5724 112.372C62.0215 114.186 61.0245 116.222 60.7891 118.603C57.7981 121.484 54.5994 107.789 54.5024 106.099C62.4785 102.541 66.2172 95.5754 71.8392 90.175C79.5936 82.7252 89.7991 76.0785 95.4764 66.6762C95.4764 63.5883 64.8602 35.063 60.1383 31.2965C58.8089 30.2303 57.0088 30.1472 55.4164 29.8564V29.8703Z' fill='%23FAF3E7'/%3E%3C/svg%3E"); } .faq-categories{ list-style:none; padding:0; margin:0; margin-top: 1rem; font-family: var(--secondary-font); } .faq-categories li{ margin-bottom:15px; } .faq-categories a{ text-decoration:none;font-size: clamp(20px, 3vw, 30px); line-height: clamp(28px, 3.2vw, 45px); color:#000; font-weight:400 ; } .faq-categories a.active{ color:var( --primary); font-weight:700; } /*.custom-faq-section .faq-item:not(.active) .faq-body {display: none;}*/ /* FAQ BODY - CENTER EXPAND */ /* BODY handles height */ .custom-faq-section .faq-body { height: 0; overflow: hidden; transition: height 0.6s cubic-bezier(0.65, 0, 0.35, 1); } /* INNER handles smooth motion */ .custom-faq-section .faq-inner {margin-bottom: clamp(30px, 3vw, 45px); opacity: 0; transform: translateY(30px) scale(0.98); transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease; } /* ACTIVE STATE */ .custom-faq-section .faq-item.active .faq-inner { opacity: 1; transform: translateY(0) scale(1); } /* TOGGLE */ .faq-toggle { transition: transform 0.35s ease; } .faq-item.active .faq-toggle { transform: rotate(180deg); } /* COMMON BOX */ .grid-item {padding: 50px;min-height: 280px;display: flex;flex-direction: column;justify-content: flex-start;} .contact-info .icon {width: min(14vw, 5.625rem); height: min(14vw, 5.625rem);border: 1px solid rgba(255, 249, 240, 1);border-radius: 50%;display: flex;align-items: center; justify-content: center;margin-bottom: clamp(2rem, 2vw, 3rem);} .contact-info .contact .icon{background: rgba(156, 72, 68, 1);} .contact-info .icon svg{width: min(8vw, 40px);height: min(8vw, 40px);} .contact-info h3 {font-size: 2rem; font-family: var(--secondary-font); font-style: italic; margin-bottom: 10px;} .contact-info p {font-size: clamp(16px, 2vw, 16px);max-width: 326px;} .contact-info ul {margin-top:clamp(1.1rem, 2.188vw, 2.188rem); padding: 0; list-style: none; font-size: 13px;} .contact-info ul li {padding-left: 12px; margin-bottom:clamp(1.1rem, 1.5vw, 1.5rem); position: relative; line-height: 20px;} .contact-info ul a{font-weight: 700; color: rgba(255, 249, 240, 1); text-decoration: none; display: inline-flex;} .contact-info ul span{display: flex;} .contact-info ul li:before{width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 249, 240, 1); top: 8px; left: 0; position: absolute; content: "";} .contact-info ul li p{color:rgba(255, 249, 240, 1); font-size: 13px;} .contact-info .contact {background: var(--primary); color: rgba(255, 249, 240, 0.75);} .contact-info .careers{background: #f1f1f1; color: #333;} .contact-info .careers ul li{color: rgba(34, 32, 33, 0.75);} .contact-info .careers ul li:before{background:rgba(34, 32, 33, 0.75);} .contact-info .careers ul a{color: rgba(34, 32, 33, 1);} .contact-info .careers .icon{border: 1px solid rgba(34, 32, 33, 1)} .contact-info .address {background: rgba(128, 118, 109, 1); color: var(--white); font-weight: bold;} .contact-info .address h3 + p{color: rgba(255, 249, 240, 0.75); font-weight: normal;} .contact-info .map {padding: 0;} .contact-info .map iframe, .contact-info .map img {width: 100%;height: 100%;object-fit: cover;} .contact-info .careers li:before, .contact-info .address li:before{display: none;} .contact-info .address ul{margin-top: 1rem;} .contact-info .address li, .contact-info .careers li{padding-left:0px;} .contact-section .section-heading span {display: flex;} /*.contact-info .address li br{display: none;}*/ /* CONTACT SECTION */ .contact-section {background: var(--bg); } .contact-section .left-content {width: 40%;} .form-box {width: 50%;} .wpcf7-not-valid-tip{color: var(--primary); font-size: 14px; margin-top: 5px;} .wpcf7 form .wpcf7-response-output {margin: 0;padding: 0;border: 0;text-align: center;} .form-box .submit-btn{margin-top: 2.5rem; position: relative;} .wpcf7-spinner{position: absolute; left: 50%; top: 50%; z-index: 2; transform: translateX(-50%) translateY(-50%);} .wpcf7 form.sent .wpcf7-response-output{color: #319b3a;} /* FORM */ .form-box{display: flex;flex-direction: column;} .form-box .form-group{margin-bottom: 24px;} .form-box label {display: inline-flex; margin-bottom:clamp(8px, 1.5vw, 10px); font-size: clamp(14px, 2vw, 16px);line-height:normal; font-weight: 500; text-transform: uppercase;color:rgba(34, 32, 33, 1);} input,select,textarea, .bootstrap-select>.dropdown-toggle {width: 100%;padding: 12px;border: none;background: rgba(255, 255, 255, 1);font-family: var(--font-main);font-size: 14px;outline: none;} textarea {height: 162px;resize: vertical;} select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 0.75005C12.75 0.75005 8.3311 6.75 6.75 6.75C5.1688 6.75 0.75 0.75 0.75 0.75' stroke='%23222021' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 15px center;background-size: 14px 8px;padding-right: 40px;} input[type="submit"]{ font-size: 14px; font-weight: 600;height: 58px;width: 100%;display: flex;justify-content: center;align-items: center;background: var(--primary);color: #fff;border: none;cursor: pointer;padding-right: 18px;position: relative;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136 136' fill='none'%3E%3Cpath d='M32.9139 29.6977C31.8754 28.5483 34.6171 19.6584 35.4203 17.9275C36.1542 16.3351 34.7418 15.4073 38.3005 15.9889C38.5221 18.8553 39.9345 20.8493 41.7485 22.9402C54.8618 38.0337 71.9355 51.4932 85.3673 66.5175C71.7277 81.9156 54.2248 96.7183 41.0699 112.2C39.5191 114.014 38.5221 116.049 38.2866 118.431C35.2956 121.311 32.0969 107.616 32 105.927C39.976 102.368 43.7148 95.4028 49.3367 90.0024C57.0912 82.5526 67.2966 75.9059 72.974 66.5036C72.974 63.4157 42.3577 34.8904 37.6358 31.1239C36.3065 30.0577 34.5064 29.9746 32.9139 29.6838V29.6977Z' fill='white'/%3E%3Cpath d='M55.4164 29.8703C54.3778 28.7209 57.1196 19.831 57.9227 18.1001C58.6566 16.5077 57.2442 15.5799 60.8029 16.1615C61.0245 19.0279 62.4369 21.0219 64.2509 23.1128C77.3642 38.2063 94.4379 51.6658 107.87 66.6901C94.2302 82.0882 76.7273 96.8909 63.5724 112.372C62.0215 114.186 61.0245 116.222 60.7891 118.603C57.7981 121.484 54.5994 107.789 54.5024 106.099C62.4785 102.541 66.2172 95.5754 71.8392 90.175C79.5936 82.7252 89.7991 76.0785 95.4764 66.6762C95.4764 63.5883 64.8602 35.063 60.1383 31.2965C58.8089 30.2303 57.0088 30.1472 55.4164 29.8564V29.8703Z' fill='white'/%3E%3C/svg%3E");background-size: 18px;background-repeat: no-repeat;background-position: 60% 50%; text-transform: uppercase;} /* File Upload Styling */ .form-group input[type="file"] { width: 100%; padding: 12px; border:2px dashed rgb(246 235 214); border-radius: 0px; color: var(--primary); background: transparent; cursor: pointer; text-align: center; display: flex; justify-content: center; align-items: center; } /* File upload button */ .form-group input[type="file"]::file-selector-button { background: var(--primary); color: #fff; border: none; padding: 8px 16px; margin-right: 10px; border-radius: 6px; cursor: pointer; transition: 0.3s; } .form-group input[type="file"]::file-selector-button:hover { opacity: 0.8; } .form-group input[type="file"]:hover { border: 2px dashed rgb(237 227 206) } .bootstrap-select>.dropdown-toggle { border-radius: 0; width: 100%; height: 51px; min-height: 51px; font-weight: 400; line-height: inherit; } .bootstrap-select { width: 100%; } .bootstrap-select .dropdown-toggle:focus-visible, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline: none !important; border: 0; box-shadow: none;} .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color: #000; background: #fff; } .bootstrap-select .dropdown-menu{ border-radius: 0; border: 1px solid rgba(246, 235, 214, 1); border-top: 0;box-shadow: 5px 1px 26px #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 0;} .bootstrap-select .dropdown-toggle::after { border: solid #000; border-width: 0 2px 2px 0; top: 19px; right: 29px; position: absolute; content: ""; padding: 3.5px; z-index: 2; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: .5s ease-in-out; } .bootstrap-select .dropdown-item:focus, .bootstrap-select .dropdown-item:hover{color: #000;background-color: rgba(246, 235, 214, 1)} .bootstrap-select .dropdown-item { line-height: 36px; } .our-teacher p{font-size: clamp(16px, 2vw, 18px); line-height: clamp(25px, 2.5vw, 28px); letter-spacing: -0.5px; color: rgba(255, 249, 240, 1); font-weight: 500;} .our-teacher .resp-tabs-list{padding: 0;display: grid; grid-template-columns:repeat(4,1fr);} .our-teacher .resp-tab-content{border: 0;background: var(--primary); color: #fff; padding-top:clamp(2.5rem, 3vw, 3.25rem); padding-bottom:clamp(2.5rem, 3vw, 3.25rem); padding-left:clamp(3rem, 5vw, 5.625rem); padding-right:clamp(3rem, 5vw, 5.625rem);} .our-teacher .tagline { padding-top: 0.5rem;font-size: clamp(16px, 2vw, 18px);line-height: clamp(20px, 2vw, 24px);font-weight: 500;letter-spacing: 1.5px;text-transform: uppercase;color: rgba(255, 249, 240, 0.7);margin: 0 0 1.2rem; letter-spacing: -0.5px;} .our-teacher .resp-tabs-container .heading{font-size: clamp(1.8rem, 2.22vw, 2.25rem); line-height: clamp(2rem, 2.28vw, 3rem);font-weight: 400;color: rgba(255, 249, 240, 1); margin: 0 0 0.4rem; font-family: var(--secondary-font);} .our-teacher li .title, .card-content .title{font-size: 20px; color:rgba(34, 32, 33, 1); font-style: italic; font-weight: 400; color:rgba(34, 32, 33, 1);font-family: var(--secondary-font);} .our-teacher .teacher-card {border: 0 !important; padding: 0 !important; position: relative; height: 420px; overflow: hidden;background: #f6efe6; cursor: pointer; border-left: 1px solid rgba(246, 235, 214, 1) !important; border-top: 1px solid rgba(246, 235, 214, 1) !important;} .our-teacher .teacher-card:last-child{border-right: 1px solid rgba(246, 235, 214, 1) !important;} .card-img {height: 80%;transition: height 0.5s ease;} .card-img img {width: 100%; height: 100%; object-fit: cover; display: block;} .card-content {height: 20%;display: flex;align-items: center;justify-content: center; transition: opacity 0.3s ease;} .resp-tab-active .card-img {height: 100%;} .resp-tab-active .card-content {opacity: 0; height: 0; visibility: hidden;} h2.resp-accordion{border: 0; padding: 0;} .pathway-section {position: relative;} .pathway-section::before {content: "";position: absolute;inset: 0; background: linear-gradient( 90deg, rgba(151, 26, 30, 1) 0%, rgba(151, 26, 30, 1) 50%, rgba(246, 235, 214, 1) 50%, rgba(246, 235, 214, 1) 100%);z-index: -1;} .pathway-wrap {display: flex; justify-content: space-between; min-height: 450px;} .pathway {display: flex; padding:60px 0;} .pathway .content {width: 100%;} .pathway.left {color: var(--white); width:45%;} .pathway.right {color: var(--dark); width: calc(100% - 55%);} .pathway h2 {font-family: var(--secondary-font); font-size: clamp(1.9rem, 2.5vw, 3rem); line-height: clamp(2rem, 2.8vw, 3.2rem); margin-bottom: 5px; font-style: italic;} .pathway.left h2{color:var(--Yellow-dor-dark-bg, rgba(191, 154, 66, 1));;} .pathway.right h2{color: var(--primary);} .pathway .tag { font-size: clamp(1.5rem, 1.9vw, 2rem); line-height: clamp(1.9rem, 1.9vw, 2.2rem); letter-spacing: 0.9px; display: flex; font-weight: 700; margin-bottom: clamp(1.5rem, 3vw, 3.75rem);} .pathway .sub { margin-bottom: clamp(1.5rem, 1.860vw, 1.875rem); opacity: 0.8;} .pathway .line {display: block;width: 60px; height: 2px; background: currentColor; margin-top: 30px;} .initiative-grid {display: grid; grid-template-columns: repeat(3, 1fr);} .initiative-card {padding-left:clamp(2.5rem, 3.5vw, 4rem) ; padding-right:clamp(2.5rem, 3.5vw, 4rem) ; padding-top: clamp(2.5rem, 6.25vw, 7.188rem); padding-bottom: clamp(2.5rem, 6.25vw, 7.188rem); background: rgba(191, 154, 66, 0.15);color: rgba(0, 0, 0, 0.9); text-align: center; transition: all 0.4s ease; cursor: pointer; display: flex; flex-direction: column; align-items: center;} .initiative-card.active {background: var(--primary); color: var(--white);} /*.initiative-card:hover {background: var(--primary); color: var(--white);}*/ .initiative-card h3 {color:rgba(34, 32, 33, 1); font-family: var(--secondary-font); font-size:clamp(1.25rem, 1.6vw, 1.75rem); line-height: clamp(1.5rem, 1.8vw, 1.875rem); margin:18px 0 10px;font-style: italic;} .initiative-card .tag {line-height: 23px; font-size: 14px; font-weight: 700; letter-spacing: 0.9px;color: rgba(0, 0, 0, 1);} .initiative-card .sub {line-height: 23px;font-weight: 600; margin-bottom: 18px;} .initiative-card p,.initiative-card h3,.initiative-card .tag {transition: color 0.4s ease;} .initiative-card.active h3, .initiative-card.active .tag /*,.initiative-card:hover h3, .initiative-card:hover .tag*/ {color: rgba(255, 249, 240, 1);} .explore-section {position: relative;} .explore-section::before {content: "";position: absolute;inset: 0; background: linear-gradient(90deg, rgba(255, 249, 240, 1) 0%, rgba(255, 249, 240, 1) 50%, rgba(246, 235, 214, 1) 50%,rgba(246, 235, 214, 1) 100%)} .explore-wrap {display: flex; justify-content: space-between; min-height: 450px; align-items: center;} .explore {padding-top: clamp(2rem, 2vw, 3.75rem); padding-bottom: clamp(2rem, 2vw, 3.75rem); min-height: 100%;} .explore .content {width: 100%;} .explore.left {width:45%;} .explore.right {width: calc(100% - 55%);} .explore.right .tag {padding-top:clamp(1rem, 1vw, 1.875rem);padding-bottom:clamp(1rem, 1vw, 1.875rem); font-family: var(--secondary-font);color: var(--primary);font-size: clamp(1.3rem, 1.9vw, 2rem); line-height: clamp(1.5rem, 1.9vw, 2.5rem); border-top: 1px solid var(--primary);border-bottom: 1px solid var(--primary); font-style: italic; margin-bottom:2.25rem; color:rgba(34, 32, 33, 0.85);} .slick-prev:before,.slick-next:before {content: "";} .slick-prev,.slick-next {width: 40px;height: 40px;background: var(--primary);border-radius: 50%;z-index: 2; outline: none; border: 0;display: flex;justify-content: center;align-items: center;} .custom-arrows .slick-arrow svg{width: 17px; height: 16px;} .custom-arrows .slick-arrow:before, .custom-arrows .slick-arrow:after{display: none;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background: rgb(151 26 30 / 80%);} .slick-arrow:before{none} .slick-arrow:after {position: absolute; top:9px; left: 14px; content: ""; display: block; width: 17px; height: 23px; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 80%; background-position: center;} .slick-arrow.slick-prev:after{top: 8px;left: 10px; transform: rotate(-180deg); } .slick-arrow.slick-disabled {background: rgb(226 211 192 / 89%); cursor: not-allowed !important; opacity: 9 !important;} .custom-arrows {gap: 15px;display: flex;justify-content: flex-end;} .custom-arrows .slick-arrow {width: 40px;height: 40px;background: var(--primary);border-radius: 50%;z-index: 2; outline: none; border: 0; opacity: 9;} .custom-arrows .slick-arrow{display:flex;justify-content: center;align-items: center;} .custom-arrows button {opacity: 0.6;transition: 0.3s;} .custom-arrows .slick-arrow.active {opacity: 1;background: var(--primary);} .custom-arrows .slick-disabled {pointer-events: none;cursor: not-allowed;background: rgba(226, 211, 192, 0.46);} .custom-arrows button.next.slick-arrow svg {margin-left: 3px;} .timeline-slider .slick-slide {height: auto} .slick-track {align-items: stretch;display: flex; flex-direction: row; flex-wrap: nowrap} ul.slick-dots li{margin:0 2px; padding:0} .slick-dots li button:before{width:12px; height:12px; content:"";background: rgba(34, 32, 33, 0.25); border-radius:50%; opacity:9} /*.campus-section .slick-dots li button:before{background:rgba(253, 250, 246, 0.55);}*/ .campus-section .slick-dots{bottom: -50px;} .slick-dots li.slick-active button:before { background:var(--primary);} .campus-section img{width: 100%; height: clamp(24rem, 57vw, 43.25rem); object-fit: cover;} .slide-single .slick-arrow{visibility: hidden;} .slide-single:hover .slick-arrow{visibility: visible; transition: 0.5s;} .campus-section .slide-single {margin-bottom: 50px;} .slide-single:hover .slick-arrow, .slick-arrow, .slick-arrow:hover{cursor: pointer;} /* FOOTER */ .site-footer { position: relative;background: var(--primary);color: var(--white);font-family: var(--font-main); z-index: 5; } .wave-top{position:absolute;top:-30px;left:0;width:100%;} .wave-top{height:30px;background-image: url("data:image/svg+xml,%3Csvg width='1336' height='30' viewBox='0 0 1336 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30H1336L0 0V30Z' fill='%234E0505'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position: left;} .site-footer .btn{padding:8px 15px} .footer-logo {max-width: 185px; display:flex; justify-content: center; align-items: center;} .footer-logo img{width: 100%;} .footer-title {font-size: 0.9rem;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 1rem;color: var(--white);} .footer-links {list-style: none;padding: 0;margin: 0;} .footer-links li {margin-bottom: 0.5rem;} .footer-links a {color: var(--white-muted);text-decoration: none;font-size: 0.9rem; position: relative; transition: 0.5s;} .footer-links a:hover {color: var(--white);} .footer-links a::after {content: "";position: absolute;left: 0;bottom: -4px;width: 0;height: 1px;background: #fff; transition: width 0.3s ease;} .footer-links a:hover::after, .footer-links li.current_page_item a:after{width: 100%;} .footer-text {color: var(--white-muted);font-size: 0.9rem;} .footer-social{margin-top: 6rem; margin-left: -11px;} .footer-social svg{width: 20px; height: 20px; position: relative; z-index: 1;} .footer-social a {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid transparent;color: var(--white);margin-right: 0.5rem;text-decoration: none; transition: 0.5s; position: relative;} /*.footer-social a:hover {border: 1px solid rgba(255,255,255,0.4);background: var(--white);color: var(--primary);}*/ .footer-social path {fill: #fff;} .footer-social a:hover path{fill: var(--primary);} .footer-actions {gap:0 5rem; display: inline-flex; align-self: center; justify-content: center; margin-bottom: 3rem;} .footer-actions a {color: var(--white);text-decoration: none;line-height: 26px;font-size: 0.85rem;gap: 20px ; display: inline-flex; align-self: center; justify-content: center;} .footer-actions a i {margin-right: 6px;} .footer-actions a:hover {opacity: 0.8;} .footer-social a::before { content: ""; position: absolute; inset: 0; background: #EF233C; border-radius: 50%; transform: scale(0); transition: transform 0.35s ease; z-index: 0;border: 1px solid rgba(255,255,255,0.4);background: var(--white);color: var(--primary); } .footer-social a:hover::before { transform: scale(1); } .copyright{ border-top: 1px solid #b04548; padding-top: 20px; } .disclaimer { font-size: 14px; max-width: 100%; margin: 0 auto 20px; /* border-bottom: 1px solid #b04548; */ /* padding-bottom: 20px; */ } /* SCROLL TOP */ .scroll-top {padding: 0; margin: 0; position: fixed;right: 20px;bottom: 20px;width: 60px;height: 60px;border: none;border-radius: 50%;background: var(--primary);cursor: pointer;display: none;z-index: 99;} .scroll-top svg {transform: rotate(-90deg);width: 60px;height: 60px;} .scroll-top circle {fill: none;stroke-width: 4;} .scroll-top .bg {stroke: rgb(78 5 5);} .scroll-top .progress {stroke: var(--white);stroke-linecap: round;transition: stroke-dashoffset 0.2s linear;} .scroll-top span {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 20px;color: var(--white);} /*.scroll-top span:before, .scroll-top span:after {width: 12px;height: 12px;border-right: 2px solid var(--white);border-bottom: 2px solid var(--white);transform: rotate(-137deg);transition: transform 0.35s ease;content:"";position:absolute;margin-top:2px;} .scroll-top span:after{margin-top:13px; width: 10px; opacity:0.8;height: 10px;}*/ /* Scrollbar */ ::-webkit-scrollbar {width: 8px;} ::-webkit-scrollbar-track {background: #f0f0f0;} ::-webkit-scrollbar-thumb {background:#8e1d1d;border-radius: 8px;} ::-webkit-scrollbar-thumb:hover {opacity: 0.5;} ::selection {background:var(--primary);color: #fff;} ::-moz-selection {background:var(--primary);color: #fff;} .slick-slide img{object-position: top} figure{overflow: hidden; position: relative; padding: 0; margin: 0;} figure img{transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover;} figure:hover img {transform: scale(1.03);} /*404*/ .error-404-page {display: flex;align-items: center;justify-content: center;min-height: 100vh;background: linear-gradient(135deg, #f8f9fa, #eef2f3);text-align: center;padding: 20px;} .error-code {font-size: clamp(5rem, 15vw, 15rem); line-height: clamp(5rem, 15vw, 15rem);font-weight: 800;color: var(--primary);font-family: var(--secondary-font);margin-bottom: 10px;font-style: italic;} .error-title {font-size: clamp(1.5rem, 3vw, 2.5rem); line-height: normal;margin-bottom: 15px;font-style: italic;} .error-text {font-size: 1rem;max-width: 500px;margin: 0 auto 25px;} .error-actions {display: flex;flex-direction: column;gap: 15px;align-items: center; margin-top: 3rem;} .error-title{font-family: var(--secondary-font);} /* Hide default cursor */ /*a, a:hover, button, */ body{cursor: none;} /* Main cursor + trail */ .cursor-trail span {position: fixed;top: 0;left: 0;width: 30px;height: 30px;pointer-events: none;z-index: 999999;transform: translate(-50%, -50%);} .cursor-trail span svg {width: 100%;height: 100%;} .cursor-trail span:not(:first-child) {width: 15px;height: 15px;background: transparent; border-radius: 50%;opacity: 0.6;} .cursor-trail span:nth-child(2) { opacity: 0.5; } .cursor-trail span:nth-child(3) { opacity: 0.4; } .cursor-trail span:nth-child(4) { opacity: 0.3; } /* Hide cursor trail on hover */ .slick-arrow ~ .cursor-trail, .slick-arrow:hover ~ .cursor-trail, a:hover ~ .cursor-trail, /*div:hover ~ .cursor-trail,*/ button:hover ~ .cursor-trail { display: none; } .slick-arrow:hover ~ .cursor-trail { display: none; } .about-banner:before {background: rgb(0 0 0 / 15%);} .about-banner .page-title, .about-banner h1, .about-banner .section-title span{color:#fff !important} .d-inherit{display: inherit; align-items: inherit;} .initiative-section .slick-slide:nth-child(2n+2) .ripple_hover { background: var(--primary) !important;} .initiative-section .slick-slide:nth-child(2n+2) .ripple_txt{color: #fff;} .initiative-section .slick-slide:nth-child(2n+2) .ripple_hover a.learn-more{color: #fff; font-size: 15px;} .initiative-section .slick-slide:nth-child(2n+2) .ripple_hover a.learn-more:before{background: #fff;} .ripple_hover a.learn-more {font-weight: bold;} .alignleft {float: left;margin-right: 20px;margin-bottom: 15px;} .alignright {float: right;margin-left: 20px;margin-bottom: 15px;} .aligncenter {display: block;margin: 0 auto 20px;text-align: center;} .wp-caption {max-width: 100%;} img.alignleft,img.alignright,img.aligncenter {height: auto;max-width: 100%;} .quote-slider-section {overflow: hidden;width: 100%;} .quote-slider .slick-slide {margin: 0 12px;opacity: 0.6;transition: all 0.4s ease;} .quote-slider .slick-center {opacity: 1;} .quote-card {background: rgba(191, 154, 66, 0.15);display: flex !important;align-items: center;gap:60px;padding: 32px;min-height: 240px;color: rgba(0, 0, 0, 1);} .quote-image {width: 260px; height: 320px;flex-shrink: 0;} .quote-image img {width: 100%;height: 100%;object-fit: cover;} .quote-content {flex: 1;text-align: center;} .quote-content p {font-size: 18px;line-height:25px;font-style: italic;margin-bottom: 0; font-weight: 700;} .quote-content h3 {margin: 0; margin-top:clamp(20px, 1vw, 40px);font-size: clamp(24px, 1vw, 32px);font-style: italic;font-family:var(--secondary-font);font-weight: 400; letter-spacing: -0.5px;} .quote-content span {font-size: 16px; font-weight: 400; margin-top: 5px; display: flex; justify-content: center;letter-spacing: -0.5px;} .quote-content > * {opacity: 0;transform: translateY(20px);transition: all 0.6s ease;} .quote-slider .slick-center .quote-content > * {opacity: 1;transform: translateY(0);} .quote-slider .slick-center .quote-content p {transition-delay: .1s;} .quote-slider .slick-center .quote-content h3 {transition-delay: .2s;} .quote-slider .slick-center .quote-content span {transition-delay: .3s;} /* hide arrows if not needed */ .quote-slider-section .slick-prev{left: 10px;} .quote-slider-section .slick-next {right: 10px;} .quote-card:not(:has(.quote-image)){padding-top:0;padding-bottom:0;min-height: clamp(300px, 30vw, 340px); gap: 0; flex-direction: column; justify-content: center;} .quote-card:not(:has(.quote-image)) .quote-content { width: 60%; flex: 0 0 60%; margin: 0 auto; } .quote-card:not(:has(.quote-image)) .quote-content h3{margin-top:clamp(30px, 3vw, 50px);} @media (max-width: 1199px) { .quote-card:not(:has(.quote-image)) .quote-content { width: 75%; flex: 0 0 75%; } } @media (max-width: 991px) { .quote-card:not(:has(.quote-image)) .quote-content { width: 100%; flex: 0 0 100%; } } @media (max-width: 767px) { .quote-slider-section{margin-top: 2rem;} .quote-card:not(:has(.quote-image)){padding:25px;} .quote-slider-section .slick-prev, .quote-slider-section .slick-next{top: -40px;} .quote-slider-section .slick-prev{left: auto; right: 50px} } /* Chrome, Safari, Edge, Opera */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type="number"] { -moz-appearance: textfield; appearance: textfield; } .group-btn{display: flex;} .school-logo{gap:5rem; margin-top:1rem;} .school-logo .logo-item {width: 350px; height: auto;} .school-logo .logo-item img{width: 100%; height: auto;} .school-logo .logo-item.logo-small {width: 210px;height: auto;} .learning-practice-section.card-3 .learning-practice-card-title{min-height:auto} .list-type-none ul.list-type {display:none} .disabled-link { pointer-events: none; cursor: default; opacity: 0.6; text-decoration: none; } /* =======LEARNING SECTION======= */ .learning-wrapper { padding: clamp(3rem, 6vw, 7rem) 0; } .learning-heading { max-width: 650px; } .learning-cards { display: grid; grid-template-columns: 1fr 1fr; margin-top: 3rem; gap: 8px; } .learning-cards .card { padding: clamp(2rem, 3vw, 3rem); color: #fff; min-height: 260px; transition: all 0.4s ease; font-size: 16px; line-height: 25px; } .learning-cards .core { background: #222021; } .learning-cards .super { background: var(--primary); } .learning-cards h3 { font-family: var(--secondary-font); font-style: italic; margin-bottom: 15px; } .learning-cards .highlight { margin-top:10px; font-weight: 600; font-family: var(--secondary-font); font-style: italic; } /* hover (Wellington style subtle lift) */ .learning-cards .card:hover { transform: translateY(-6px); } .learning-section .learning-btn-wrap { margin-top: 35px; text-align: center; } .learning-section .learning-btn-wrap .btn svg { width: 18px; height: 18px; } /* ========================= CONCEPT SECTION ========================= */ .concept-section { padding:6.25rem 0; background: var(--primary); position: relative; } .concept-section .heading-cnt{color: rgba(255, 249, 240, 0.75);} .concept-grid { display: flex; width: 54%; } .concept-text { padding: clamp(2rem, 4vw, 5rem); padding-left: 0; } .concept-grid .section-heading .title span{color: rgba(213, 188, 85, 1);} .concept-img{width:calc(100% - 58%); position: absolute; right: 0; top: 0; height: 100%;} .concept-img img { width: 100%; height: 100%; object-fit: cover; } /* ========================= PRACTICE SECTION ========================= */ .practice-section {padding: clamp(3rem, 6vw, 7rem) 0;} .practice-head {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .explore-btn {padding: 14px 28px;background: var(--primary);color: #fff;text-transform: uppercase;font-size: 13px;} .practice-grid {display: grid;grid-template-columns: repeat(5, 1fr);margin-top: 3rem;} .practice-section .grid {gap: 7px} .p-card {background: #FDFAF6;counter-increment: number-counter;padding: 25px;border-right: 0px solid #fff;transition: all 0.3s ease; border-bottom: 2px solid transparent;color: rgba(34, 32, 33, 0.85);} .p-card:last-child {border-right: none;} .p-card .number {display: flex;} .p-card .number::before {content: counter(number-counter, decimal-leading-zero);font-size: clamp(1.8rem, 1.8vw, 2rem);line-height: clamp(1.8rem, 1.8vw, 2rem);font-family: var(--secondary-font);color:rgba(191, 154, 66, 0.35);} .p-card h3 { font-size:clamp(1.8rem, 1.8vw, 2rem); line-height: clamp(1.8rem, 1.8vw, 2rem); font-family: var(--secondary-font); color: rgba(24, 18, 16, 1);font-style: italic;margin: 0;margin-top:clamp(1.8rem, 2.5vw, 3rem);margin-bottom: clamp(1rem, 1vw, 1.5rem);} /* hover */ .p-card:hover {background: rgba(226, 210, 185, 1);border-bottom: 2px solid var(--primary);} .p-card:hover .number::before {color: var(--primary);} .cp-expeditions__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.75rem;} .cp-expedition-card {display: flex;flex-direction: column;background:#f3ead5;overflow: hidden;box-shadow: var(--cp-shadow);transition: transform 0.4s ease, box-shadow 0.4s ease;} .cp-expedition-card:hover {transform: translateY(-6px);box-shadow: var(--cp-shadow-hover);} .cp-expedition-card__media { height: 200px;position: relative;aspect-ratio: 16 / 10;background: linear-gradient(135deg, rgba(151,26,30,0.16), rgba(191,154,66,0.18));} .cp-expedition-card__media img {width: 100%;height: 100%;object-fit: cover;display: block;} .cp-expedition-card__media-placeholder {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-family: var(--secondary-font);font-style: italic;font-size: 1rem;color: rgba(34, 32, 33, 0.45);} .cp-expedition-card__body {padding-top: clamp(0.8rem, 2vw, 1rem);padding-bottom: clamp(0.8rem, 2vw, 2rem);padding-left: clamp(1rem, 2vw, 1.5rem);padding-right: clamp(1rem, 2vw, 1.5rem);display: flex;flex-direction: column;flex: 1;} .cp-expedition-card__pills {display: flex;flex-wrap: wrap;gap: 5px;margin-bottom: 1.125rem;} .cp-expedition-card__pills .cp-pill {background: #e8dac5;color: #291f17;font-style: italic;transition: all 0.4s ease;} .cp-pill {display: inline-flex;align-items: center;font-size: 12px;font-weight: 600;letter-spacing:normal;text-transform: capitalize;padding:5px 14px;border-radius:0px;line-height: normal;} .cp-expedition-card__grade {font-size: 12px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;olor: var(--primary);margin-bottom: 0rem;} .cp-expedition-card__title {font-family: var(--secondary-font);font-style: italic;font-size: clamp(1.375rem, 1.8vw, 1.625rem);color:#000;margin-bottom: 0.75rem;} .cp-expedition-card__question {font-size:15px;line-height: 1.6;color: rgba(65, 65, 65, 1);margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid rgba(34, 32, 33, 0.1);} .cp-expedition-card__field {font-size: 14px;line-height: 1.6;color: rgba(65, 65, 65, 1);margin-bottom: 0.9rem;} .cp-expedition-card__field:last-child { margin-bottom: 0; } .cp-expedition-card__field strong {display: block;font-size: 11px;font-weight: 700;letter-spacing: 0.6px;text-transform: uppercase;color:var(--primary);margin-bottom: 0.2rem;} .campus-slider-section {position: relative;overflow: hidden;} .campus-slider {position: relative;} .slide-item {position: relative;} .slide-image img {width: 100%;display: block;height: 700px;object-fit: cover;} /* Bottom Caption */ .slide-caption {position: absolute;left: 0;bottom: 0;width: 100%;background:var(--primary);padding: 18px 30px;display: flex;justify-content: center;align-items: center;gap: 30px;z-index: 10;} .caption-left h3 {color: #fff;margin: 0;font-size: clamp(28px, 4vw, 36px); line-height: clamp(38px, 4vw, 36px);font-style: italic; font-family: var(--secondary-font);font-weight: 400;color: rgba(255, 255, 255, 1);} .caption-right {color: #fff;font-size: 20px;line-height: 26px;position: relative;padding-left: 25px;} .caption-right:before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 40px; background: rgba(255, 255, 255, .4); transform: translateY(-50%);} /* Animation */ .caption-left,.caption-right {opacity: 0;} .slick-current .caption-left {animation: fadeLeft .8s ease forwards;} .slick-current .caption-right {animation: fadeRight .8s ease .3s forwards;} .img-disclaimer{/*background: var(--primary); */color:rgb(33 32 32 / 51%); padding: 1.5rem 0 0rem;} /*.campus-slider-section:not(:has(.img-disclaimer)) .slide-caption { padding-bottom: 18px; }*/ @keyframes fadeLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } } /* Arrows */ .campus-slider .slick-arrow {z-index: 99;opacity: 0;visibility: hidden;transition: .4s;} .campus-slider:hover .slick-arrow {opacity: 1;visibility: visible;} .campus-slider .slick-prev {left: 30px;} .campus-slider .slick-next {right: 30px;} .future-ready .img-row {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 30px; justify-content: flex-end;} .future-ready .img-row .iteam img {width: 280px;height: auto;display: block;object-fit: cover;} .nmg-spaces-carousel-wrap {display: none;} .slick-dots:has(li:only-child) {display: none !important;} .cards .row.justify-content-between.align-items-center {display: none !important;} .info-card.no-card-image {background: #e5e5e5;} section.container.pt-10.concept-creation-section {padding-bottom: 150px;} .programmes-age-buttons {display: grid; grid-template-columns: repeat(3, 1fr);gap: 12px;} .vv-opening{color: #fff; padding: 10rem 0; position: relative;min-height:75vh;display: flex; justify-content: center; align-items: center; font-size: 20px;} .vv-opening:before{position: absolute; content: ""; top: 0; z-index: 1; width: 100%; height: 100%; background:rgb(128 118 109 / 86%)} .vv-opening .container{position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; height: 100%; flex-direction: column;} .vv-opening .background-video {top: 0;left: 0;position: absolute;width: 100%;height: 100%;z-index: 0;} .vv-opening .background-video video {width: 100%;height: 100%;object-fit: cover;} .vv-opening strong{margin: 0 0 20px;} .vv-opening h2{font-size: 55px; font-weight: 700; line-height: 65px; margin:20px 0 20px;} .vv-opening .more-detail{margin-top:clamp(50px, 4vh, 100px);} .vv-opening .more-detail .text-link:after {width: 100%;} .vv-opening .more-detail .text-link:hover:after{width: 0;} .full-width-box img {width: auto; max-width: 100%;margin: 0 auto;text-align: center;display: flex;} .blogs { display: flex; justify-content: space-between; } .blogs .lft{width: 64%;} .blogs .rgt{width: calc(100% - 68%);} .blog-large .blog-image img{ height:450px; width:100%; object-fit:cover; } .blog-small .blog-image img{ height:250px; width:100%; object-fit:cover; } .blog-content { display: flex; flex-direction: column; flex: 1; padding:30px 0px; } .blog-content .mt-2 { margin-top: auto; } .blog-category { font-size: 14px; font-weight: 600; color: #999; text-transform: uppercase; } .blog-title { font-size: 24px; line-height: 1.4; margin-bottom: 12px; font-family: var(--secondary-font); } .blog-title a { color: #111; text-decoration: none; } .blog-meta { font-size: 14px; color: #777; } .blog-excerpt { color: #555; line-height: 1.7; } .pagination-wrapper .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 45px; height: 45px; border-radius: 50%; background: #fff; margin: 0 5px; text-decoration: none; color: #111; font-weight: 600; } .pagination-wrapper .page-numbers.current { background: #111; color: #fff; } /* SINGLE BLOG */ .single-blog { background: #fff; display: flex; justify-content: space-between; } .single-blog .rgt .single-meta{display: none !important;} .single-blog .lft{width: 30%;} .single-blog .rgt{width: calc(100% - 34%);} .single-category { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #999; letter-spacing: 1px; } .single-title { font-size: 52px; line-height: 1.2; font-weight: 700; } .single-meta { padding-bottom: clamp(15px, 1.5vw, 30px); margin-bottom: clamp(15px, 1.5vw, 30px); font-size: 16px; color:rgba(0, 0, 0, 0.75); border-bottom: 1px solid rgba(243, 240, 237, 1); } .single-meta svg { margin-top: 3px; } .single-thumbnail img { border-radius: 0; max-height:100%; object-fit: cover; } .single-content { font-size: 18px; line-height: 1.9; color: #444; } .single-blog{ display: flex; align-items: flex-start; gap: 40px; } .lft.latest-blog{ position: sticky; top: 80px; align-self: flex-start; height: fit-content; } .single-content blockquote {position: relative; margin: 0 0 1rem; background: rgba(246, 235, 214, 1); padding: 1.5rem 1.5rem 1.5rem 3rem; font-family: var(--secondary-font); font-size: 24px; line-height: 31px; color: rgba(0, 0, 0, 0.75); font-style: italic; } .single-content blockquote:before { position: absolute; content: ""; left: 1.5rem; top: 50%; height: calc(100% - 2.5rem); width: 2px; background: var(--primary); transform: translateY(-50%); } .single-content h2, .single-content h3, .single-content h4 { margin-top: 40px; margin-bottom: 20px; } .single-content img { max-width: 100%; height: auto; border-radius: 20px; margin: 30px 0; } .single-content ul, .single-content ol { padding-left: 20px; } .single-tags h4 { font-size: 20px; } .tag-link { padding: 10px 18px; background: #f2f2f2; border-radius: 50px; text-decoration: none; color: #111; transition: 0.3s ease; } .tag-link:hover { background: #111; color: #fff; } /* RELATED POSTS */ .related-posts { background: #f8f8f8; } .related-card { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: 0.3s ease; } .related-card:hover { transform: translateY(-5px); } .related-card img { height: 240px; object-fit: cover; } .related-content h3 { font-size: 24px; line-height: 1.4; margin-bottom: 15px; } .related-content h3 a { text-decoration: none; color: #111; } .related-date { font-size: 14px; color: #777; } .single-blog .more-articles {margin-bottom: 40px; } .single-blog .more-articles h2 br, .blog-title br{display: none;} .single-blog .more-articles figure{height: 200px; object-fit: cover;} .single-blog .more-articles figure img{width: 100%; height: 100%; object-fit: cover;} .more-articles h2 a {margin: 14px 0; display: block; font-size: clamp(20px, 1.8vw, 27px); line-height: clamp(20px, 1.8vw, 27px); font-family: var(--secondary-font);text-decoration: none;color: #000; font-style: italic; text-decoration: none;} .latest-blogs-section { text-align: left; } /*.latest-blogs-section .sub_title { font-size: 1.25rem; line-height: 1.30rem; color: rgba(255, 249, 240, 1); }*/ /*.latest-blogs-section .title{font-family: var(--font-main);}*/ /*.latest-blogs-section .btn {margin-bottom: 3rem;}*/ .quote-container .cnt-bx .subtitle {font-size: 16px;} .latest-blogs-section .title em{color: var(--primary) !important;} .latest-blogs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: left; font-size: 16px; line-height: 26px; } .blog-post .quote-container .cnt-bx::before{display: none;} .blog-item { background: rgba(255, 249, 240, 1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); height: 100%; display: flex; flex-direction: column; align-items: flex-start;transition:all .3s ease; } .blog-inner { padding: 30px; height: calc(100% - 250px); display: flex; flex-direction: column; align-items: flex-start; } .blog-inner a.btn { margin-top: auto; display: flex;padding-top: 10px; padding-bottom: 10px; } .blog-item .blog-image{width: 100%; height: 250px;} .blog-item .blog-image img{height: 100%; width: 100%; object-fit: cover;} .blog-item:hover{ transform: translateY(-8px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);} .blog-item::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: var(--primary); transition: width 0.35s ease; } .blog-item:hover::after { width: 100%; } .blog-item { position: relative; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); transition: transform 0.35s ease, box-shadow 0.35s ease; } .blog-item h3, .quote-container .cnt-bx .blog-item h3 span { margin-bottom: 8px;font-size:clamp(1.8rem, 2.2vw, 2.5rem);line-height:clamp(1.8rem, 2.2vw, 2.5rem);font-family: var(--secondary-font); font-weight: 500; } .quote-container .cnt-bx .blog-item h3 span { display: inline; justify-content: flex-start; font-family: var(--secondary-font); line-height: normal; margin-top: 0; } .quote-container .cnt-bx .blog-item h3 br{display: none;} .blog-item h3 a { display: inline;text-decoration: none;color: #000;} .blog-date { font-size: 14px; color: #777; margin-bottom: 15px; } .blog-item p { line-height: 28px; color: #555; font-size: 18px; margin: 0 0 20px; } .blog-item > a {margin-top: 20px;text-decoration: none;font-weight: 600;display: flex !important;margin-top: auto; padding-top: 10px;padding-bottom: 10px;font-size: 12px;} .video-hero .controls {position: absolute;bottom:70px;right: 25px;display: flex;gap: 15px;align-items: center;z-index: 3;} .video-hero button {position: relative;background: rgba(0,0,0,0.5);border: none;padding: 8px;border-radius: 50%;cursor: pointer;display: flex;justify-content: center;align-items: center;} .video-hero button svg {fill: white;width: 24px;height: 24px;} #soundOn { display: none; } .section-anchor { scroll-margin-top: 100px !important; } .section-anchor::before { content: ""; display: block; height: 100px; margin-top: -100px; visibility: hidden; pointer-events: none; } html { scroll-behavior: smooth; } .framework-intro .two_col .school-logo{flex-direction: column;gap: 2rem;} p.learning-practice-card-desc span{font-size:18px; display:flex; color:var(--primary); font-weight:500; margin-top:2rem; margin-bottom:0.5rem } .concept-creation-text img{border-radius:50%; width:90px; height:90px;} .popup-content img{width:100%;height:auto;max-height:85vh;object-fit:contain;display:block;} .popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9999;} .popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;padding:0;border-radius:0;max-width:max-content;width:90%;height:auto;max-height:85vh;} .popup-content .close {position: absolute;top: 10px;right: 15px;width: 36px;height: 36px;background: var(--primary);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 2;transition: all 0.3s ease;} .popup-content .close svg {width: 13px;height: 13px;display: block;transition: transform 0.3s ease;} .popup-content .close:hover {background: #000;transform: rotate(90deg) scale(1.1);box-shadow: 0 8px 20px rgba(0,0,0,.2);} .popup-content .close:hover svg {transform: rotate(90deg);} footer .copyright{display: flex; justify-content: space-between; align-items: center;} footer .copyright .right{color: #fff;font-size: 14px;font-weight: 400;align-self: center} .nmg-logo{margin-left: 5px; transition: 0.5s;} .nmg-logo:hover img{transition: 0.5s;} .nmg-logo:hover img{transform: translateY(-2px);} /* Responsive */ @media screen and (max-width:800px) { .video-hero .controls {bottom:20px;} } @media screen and (max-width: 1300px) { .main-header.fixed {background:rgb(255 255 255 / 90%);box-shadow: 0 5px 20px rgba(0,0,0,0.1);} .main-header.fixed .brand-logo {height: 56px;} } @media screen and (min-height: 400px) and (max-height: 700px) { .inner-banner{height: 600px;} .h-small {height: 400px;} } @media screen and (max-width: 992px) { .sm-100{width: 100% !important;} .sm-mt-2{margin-top: 2rem;} .mob-wrap{flex-wrap: wrap;} .advantage, .instagram {padding:4rem 0;} /*.learning-section {padding:0rem 0 0;}*/ .flexible-row{gap: 50px 0} .mt {margin-top: 4rem;} .about-right{text-align: left;} .main-header .brand-logo{height: 100px; width: 80px;margin-top: -9px;} .main-header .brand-logo a, .main-header .brand-logo img{width: 100%;} .main-header.fixed .brand-logo{margin-top: 0;} .main-header.inner-page-header .header-wrap { padding-top: 10px; padding-bottom: 10px;} .programme-row .title{padding: 20px;margin-left: 0;line-height: 2.4rem;} .ripple_hover {width:50%;} .ripple_hover:nth-child(2n+2){background:rgba(253, 250, 246, 0.55);} .ripple_hover:nth-child(2n+2) .ripple_txt{color:rgba(34, 32, 33, 1);} .ripple_hover:nth-child(2), .ripple_hover:nth-child(3), .ripple_hover:nth-child(6){background:var(--primary);} .ripple_hover:nth-child(2) .ripple_txt, .ripple_hover:nth-child(3) .ripple_txt, .ripple_hover:nth-child(6) .ripple_txt{color: #fff;} .stories-items .ripple_txt{font-size: 15px; line-height: 23px;} .stories-items .ripple_txt strong{font-size: 1.8rem;line-height: 2rem;} .initiative-section .ripple_hover{min-height: 320px;} .initiative-section .ripple_hover:nth-child(3){width: 100%;min-height:250px; border-top: 1px solid #eee7d4;} .initiative-section h3{margin-bottom: 15px;} /*.site-footer{text-align: center;}*/ .footer-logo{width: 150px;} .footer-social {margin-top: 0;} .footer-actions{margin-bottom: 1.3rem;gap: 0 2rem;} .footer-bottom {margin-top: 1rem !important;} .vision-section .container {max-width: 100% !important;width: 100% !important;padding: 0 !important;} .vision-section{background: transparent; padding: 0} .vision-wrapper{flex-wrap: wrap;} .vision-left, .vision-right{width:auto; background: var(--primary);padding:2.5rem 2rem; } .vision-right{background: var(--light-bg);} .quote-box{padding:2.5rem 2rem; } .card-grid{grid-template-columns:repeat(2,1fr);} .board-container{grid-template-columns:repeat(2,1fr);} .about-wrapper {grid-template-columns: 1fr;} .about-right img {max-height: 300px;} .about-wrapper .bottom-text {margin-top: 30px;} .inner-banner{height: 550px;} .half-banner.inner-banner{height: 550px;} .inner-banner.h-small{background-size: 52%; height: 250px;} .custom-faq-section .faq-row {grid-template-columns: 160px 1fr;} .faq-inner {grid-template-columns: 1fr;} /*.vision-wrapper{width: 90%;}*/ .curiosity-wrap .lft { width: 50%;} .curiosity-wrap .rgt{Width: calc(100% - 55%);} .cursor-trail{display: none;} body, a, a:hover, button, button:hover {cursor: pointer;} .flexible-row .description{margin-top: 10px;} .first-card-dnone .ripple_hover:nth-child(1), .ripple_hover:nth-child(9) {display: none;} .w-100 .quote-container.max-w-3xl {max-width:65%;} .learning-cards { grid-template-columns: 1fr; } .concept-grid { grid-template-columns: 1fr; } .concept-img { order: -1; } .practice-grid { grid-template-columns: repeat(2, 1fr); } .campus-section img{height: auto;} .cp-expeditions__grid{grid-template-columns:repeat(2, 1fr)} .future-ready .img-row .iteam img {width: 100%;} .latest-blogs {grid-template-columns: repeat(2, 1fr);} .single-title {font-size: 40px;} .inner-banner{background-size: 80%;} .event-section .info-card:nth-child(n+3){display: none;} } /*992px End*/ @media (min-width: 600px) and (max-width: 992px) { .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+1), .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+4), .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+5), .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+8) {background-color: rgba(191, 154, 66, 0.15);} .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+2), .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+3), .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+6), .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+7) {background: var(--primary);} .advantage:not(:has(.background-video)) .ripple_hover:nth-child(8n+7) .ripple_txt{color:#fff !important} } @media (max-width: 768px) { .grid-item {padding: 30px;} .quote-section {padding: 60px 20px;} .quote-container p::before {font-size: 80px;top: -20px;} .campus-section .slick-dots li button:before {background: rgba(34, 32, 33, 0.25);} .slick-dots li.slick-active button:before {background: var(--primary);} .campus-section .slick-dots {/*bottom:15px;*/width: 100%;} .campus-section .slick-dotted.slick-slider {margin-bottom: 0;} .campus-section .lft {margin-bottom:4rem} .our-teacher .resp-tabs-list, .our-teacher .card-img{display: none;} .maroon-bg::before, .gray-bg:before{width: 100%;} .card-content{height: auto;padding: 15px 0; justify-content: flex-start;} .resp-tab-active .card-content{display: flex; height: auto; opacity: 9; visibility: visible; padding: 20px 30px 0;} .card-content .title{font-size: 28px; line-height: normal;} .our-teacher h2.resp-tab-active{padding:0px !important; background: transparent;} .resp-tabs-container{background: transparent;} .our-teacher h2.resp-accordion:first-child{border-top: 0 !important;} h2.resp-accordion{border-top:1px solid rgba(34, 32, 33, 0.15);} h2.resp-tab-active {background: var(--primary) !important;} .our-teacher .resp-tab-content{padding:0px 30px 40px;} .resp-tab-active .title{color: var(--white); font-size: 30px;line-height: 32px;} .our-teacher .resp-tabs-container .heading{display: none;} .our-teacher .resp-arrow {margin-top: 31px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid rgba(34, 32, 33, 0.15);margin-right: 13px;} h2.resp-tab-active span.resp-arrow {border: none;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #fff;} .pathway-section::before {background: linear-gradient(180deg,rgba(151, 26, 30, 1) 0%,rgba(151, 26, 30, 1) 50%,rgba(246, 235, 214, 1) 50%,rgba(246, 235, 214, 1) 100%);} .explore-section::before {background: linear-gradient(180deg, rgba(255, 249, 240, 1) 0%, rgba(255, 249, 240, 1) 50%, rgba(246, 235, 214, 1) 50%, rgba(246, 235, 214, 1) 100%);} .pathway-wrap, .explore-wrap{flex-direction: column;} .pathway.left, .pathway.right, .explore.left, .explore.right{width: 100%;} .half-banner:before{display: block;} .w-md-50 {width: 50% !important;} }/*768px end*/ @media (max-width: 767px) { .grid-2{grid-template-columns:repeat(1,1fr);} .grid-3{grid-template-columns:repeat(2,1fr);} .board-container.grid-3{grid-template-columns:repeat(1,1fr);} .grid-4{grid-template-columns:repeat(3,1fr);} .grid-5{grid-template-columns:repeat(4,1fr);} .grid-3 > *:nth-child(2n + 1):last-child {grid-column: 1 / -1;} .overlay-logo{height: 90px;} .overlay-menu .container {max-width: 100%;} /*.overlay-menu:before{width: 100%;}*/ .sub-menu{display:none;padding-top:10px;} .menu-item-has-children{ margin-bottom: 0;cursor:pointer;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.2);} .sub-menu {font-family: var(--font-main);font-size: 17px;line-height: normal;padding: 0;position: relative;left: 0;top: 0;margin: 1rem 0 2rem;} .parent-menu{padding:0 5%;} .section-heading .title br {display: none;} .value-card, .value-card:nth-last-child(2n+1),.value-card:nth-last-child(-n+2) {border:1px solid rgba(34, 32, 33, 0.15); border-top:0} .value-card:first-child{border-top:1px solid rgba(34, 32, 33, 0.15);} .custom-faq-section .faq-row {grid-template-columns: 1fr; margin-bottom: 10px;font-size: 16px; line-height: 25px; position: relative;} .custom-faq-section .faq-img, .faq-item.active .faq-img { height: 100%;position: absolute;z-index: 1; } .custom-faq-section .faq-right{ background: rgb(255 249 240 / 91%); position: relative; z-index: 2;} .faq-inner {grid-template-columns: 1fr;font-size: 14px; line-height: 22px;} .custom-faq-section .faq-row {grid-template-columns: 1fr;} /*.custom-faq-section .faq-right {grid-row: 1;} .custom-faq-section .faq-img {grid-row: 2;}*/ .custom-faq-section .faq-header{padding-bottom: 30px;} .section-heading {margin-bottom: 20px;} .custom-arrows{margin-top: 2.5rem;} .ethos-slider{padding-top: 2rem;} .ethos-slider img{height: 360px;} .footer-logo{width: 100px;} .footer-social { width: calc(100% - 100px);display: inline-flex; margin-left:auto; display:inline-flex; justify-content:flex-end; align-items:flex-end} .social-links{display:flex; align-items:center; justify-content:space-between; width:100%} .site-footer .btn {padding:15px;} .footer-title{margin-top: 1.5rem;margin-bottom:0.5rem; text-align: left;} .footer-links{display:flex; flex-wrap: wrap; gap: 2px 16px; justify-content: flex-start; align-items: flex-start; text-align: left;} .footer-links li{position: relative; margin-bottom: 0;} .footer-links li:not(:last-child)::before {position: absolute;content: "";top: 9px;right: -9px;height: 10px;width: 1px;background: #fff;} .timeline-slider .slick-prev,.timeline-slider .slick-next{top: 0} .timeline-slider .slick-prev {left: auto; right: 49px;} .timeline-slider .slick-slide{min-height: auto;} .learning-slider .slick-list, .slick-list{padding-top: 3rem;} .campus-slider .slick-list{padding-top: 0;} .curiosity-wrap .slick-prev, .curiosity-wrap .slick-next {top: 45px;} .slick-prev,.slick-next {width: 30px;height: 30px;} .slick-prev {left: 0;} .slick-next {right: 0;} .slick-prev:after, .slick-next:after{content: "";width: 15px;height: 15px;top: 8px;left: 9px;} .slick-arrow.slick-prev:after{left: 7px;} .slick-prev, .slick-next{top: 0; transform: translateY(0);} .campus-slider .slick-prev, .campus-slider .slick-next{top: 50%; transform: translateY(-50%);} .slick-prev{right: 50px; left: auto;} .slide-single .slick-arrow {visibility: visible;} .ethos-slider .slick-list{padding-top: 0;} .error-title{margin-top:0rem; } .school-logo {justify-content: center; padding-top: 1rem;gap:3rem; } .school-logo .logo-item{width:250px;} .school-logo .logo-item.logo-small {width:180px;} .group-btn{flex-direction: column;} .quote-content p{font-size: 16px;font-weight: 600;line-height: 24px;} .quote-card{flex-direction: column-reverse; gap: 30px} .w-70,.w-60,.w-40,.w-30,.w-50{width: 100% !important;} .faq-categories {gap: 0 30px;justify-content: center;margin-bottom:30px; flex-wrap: wrap; display: flex;} .img-none .concept-creation-image-wrap{display: none !important;} .maroon-bg .row:not(:has(.btn-col)) .title br{display: none;} .cp-expeditions__grid{grid-template-columns: repeat(1, 1fr);} .slide-image img {height: 400px;} .slide-caption {flex-direction: column;text-align: center;gap: 10px;padding: 15px;} .caption-right { padding-left: 0; } .caption-right:before { display: none; } .single-img .slide-image img {height: auto; object-fit: contain;} .blog-large .blog-image img, .blog-small .blog-image img{height: 250px;} .blog-content{padding-bottom: 0; padding-top: 15px;} .banner-wrap .container{padding-top: 0;} .future-ready .img-row .iteam{ width: calc(50% - 14px); } .future-ready .img-row{justify-content: center;} .single-blog{flex-direction: column-reverse;} .single-blog .lft, .single-blog .rgt{width: 100%;} .single-blog .lft .single-meta{display: none !important;} .single-blog .rgt .single-meta{display: flex !important;} .single-blog .rgt .single-meta br{display: none;} .programmes-age-buttons {grid-template-columns: 1fr;gap: 12px;} .single-title {font-size: 32px;} .single-content {font-size: 16px;} .latest-blogs {grid-template-columns: 1fr;} .light-bg-pattern:before, .gray-bg:before{width: 100%;} .section-heading .heading-cnt{font-size: 16px !important;} .learning-section:has(.row) .learning-slider{margin-top: 3rem;} .caption-right{font-size:16px;} .events-page .card-grid{grid-template-columns: repeat(1, 1fr);} .vision-section .img-box {width: 50%;height: 200px;} .img-disclaimer{font-size: 12px; line-height: normal;} .banner-wrap .container{padding-top: 5rem;} .slide-caption{position: relative;} input[type="submit"]{background-position:70% 50%} .info-card figure {height: auto;width: 100%;} .scroll-top, .scroll-top svg, .close-menu{width: 40px; height: 40px;} .scroll-top span img {width: 18px;margin: 0 auto;} .menu-btn span, .parent-portal span{font-size: 23px;width: 40px; height: 40px;} }/*767px end*/ @media(max-width:600px){ body{font-size: 14px; line-height: 25px;} .about-wrapper, .flexible-row .description, .future-ready .two_col{font-size: 16px;} .home .event-section .register-btn a, .home .event-section .register-btn span {font-size: 14px;} .parent-menu li{font-size:22px; line-height: 28px; margin-bottom: 1rem;} .parent-menu ul {list-style: none;padding: 0;column-count: 1;column-gap: 50px;display: flex;flex-direction: column;text-align: center;} .future-ready .max-w-3xl, .max-w-3xl,.max-w-3xxl {max-width: 100%; padding-left:8%; padding-right: 8%;} .container .max-w-3xl{padding: 0%;} .main-header.fixed .brand-logo {height:70px;} .grid-3{grid-template-columns:repeat(1,1fr);} .grid-4{grid-template-columns:repeat(2,1fr);} .grid-5{grid-template-columns:repeat(2,1fr);} .section-heading .subtitle{padding-bottom: 4px; padding-left: 0;} .section-heading .subtitle:before {left: 0%;bottom: 0; top: auto;} .sm-center.section-heading .subtitle, .text-center.section-heading .subtitle .sm-center .section-heading .subtitle{padding-left: 0; padding-bottom:10px; margin-bottom: 20px;} .sm-center.section-heading .subtitle:before, .text-center.section-heading .subtitle:before, .sm-center .section-heading .subtitle:before {left: 50%;top: auto;bottom: 0;transform: translateX(-50%);} .section-heading .subtitle{font-size: 14px;} .sm-center{text-align: center;} .inner-banner{height: 450px;} .half-banner .banner-wrap{width: 100%;transform: translateX(-50%);} .half-banner:after{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(191, 154, 66, 0.15), rgba(191, 154, 66, 0.15)),linear-gradient(90deg, rgba(191, 154, 66, 0.2) 0%, rgba(191, 154, 66, 0.2) 56.67%); z-index: 1;} .card-grid{grid-template-columns:1fr;} .home .card-grid .info-card:nth-child(n+3){display: none;} .ripple_hover{width: 100%;} .ripple_hover:nth-child(3) .ripple_txt{color: rgba(34, 32, 33, 1);} .ripple_hover:nth-child(2n+2) .ripple_txt{color: var(--white);} .ripple_hover:nth-child(3), .ripple_hover:nth-child(6){ background-color: rgba(253, 250, 246, 0.55);} .ripple_hover:nth-child(even){background: var(--primary) !important;} .ripple_hover:nth-child(even) .ripple_txt{color: var(--white); !important;} .ripple_hover{justify-content: center; height: auto; min-height: 280px; padding:35px 0;} /*.ripple_hover:hover .ripple_txt strong {font-size: 1.5rem;line-height: 1.8rem;}*/ .stories-items .ripple_txt span {opacity: 9;display: block;} .stories-items .ripple_txt {position: relative;top: auto;left: auto;transform: inherit;text-align: center;} .above_div {justify-content: center;align-items: center;} /*.curriculum-cta .cta-row a{min-width: calc(50% - 15px); flex: 1 1 calc(50% - 15px);padding: 0 1rem;}*/ .curriculum-cta .cta-row{gap: 0.8rem;} .curriculum-cta .cta-row a {min-width: 100%;flex: 1 1 calc(50% - 15px);padding: 1rem;height: auto;} /*.section-heading .title {font-size: 28px;line-height: 34px;}*/ .practice-grid {grid-template-columns: 1fr;} .practice-head {gap: 20px;} .explore-btn {width: 100%;text-align: center;} .values-card img{height: 280px;} .values-info{height: calc(100% - 280px);} }/*600px end*/ @media(max-width:576px){ /*.inner-banner .section-title span{display: inline-flex;}*/ .inner-banner .section-title br{display: none;} .board-container{grid-template-columns:1fr;} .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left:8%;padding-right:8%;} .quote-container.max-w-3xl{width: 100%; min-width: 100%;} .container .container{padding-left:0%;padding-right:0%;} .cta-row{gap: 1rem;} .cta-row a{width: 100%; min-width: 100%;} .tabs-nav a{font-size: 16px;} .card-grid{gap: 35px} .btn{width: 100%; min-width: 100%;} }/*576px end*/ @media(max-width:400px){ .event-section{background-image: none;} .event-section:before{width:100%;background-size: 100%;} .event-section:after{display: none;} } /* Responsive end*/ /*Error Page 400*/ .cls-1 { fill: #e8dab9d9; } .cls-2 { fill: rgb(151 26 30); } .cls-3 { fill: rgb(151 26 30); } .cls-4 { fill: #971a1e; } .cls-5 { fill: rgba(191, 154, 66, 1); } .cls-6, .cls-7, .cls-8 { fill: #b65c32; } .cls-10, .cls-6 { opacity: 0.6; } .cls-7 { opacity: 0.4; } .cls-9 { fill: rgb(182 92 50); } .cls-11 { fill: #b65c32; } .cls-12 { fill: #9b462c; } .cls-13 { fill: #aa512e; } .cls-14 { fill: #b65c32; } .clock-hand-1 { animation: clock-rotate 3s linear infinite; transform-origin: bottom; transform-box: fill-box; } .clock-hand-2 { animation: clock-rotate 6s linear infinite; transform-origin: bottom; transform-box: fill-box; } @keyframes clock-rotate { 100% { transform: rotate(360deg) } } #box-top { animation: box-top-anim 2s linear infinite; transform-origin: right top; transform-box: fill-box; } @keyframes box-top-anim { 50% { transform: rotate(-5deg) } } #umbrella { animation: umbrella-anim 6s linear infinite; transform-origin: center; transform-box: fill-box; } @keyframes umbrella-anim { 25% { transform: translateY(10px) rotate(5deg); } 75% { transform: rotate(-5deg); } } #cup { animation: cup-rotate 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; transform-origin: top left; transform-box: fill-box; } @keyframes cup-rotate { 50% { transform: rotate(-5deg) } } #pillow { animation: pillow-anim 3s linear infinite; transform-origin: center; transform-box: fill-box; } @keyframes pillow-anim { 25% { transform: rotate(10deg) translateY(5px) } 75% { transform: rotate(-10deg) } } #stripe { animation: stripe-anim 3s linear infinite; transform-origin: center; transform-box: fill-box; } @keyframes stripe-anim { 25% { transform: translate(10px, 0) rotate(-10deg) } 75% { transform: translateX(10px) } } #bike { animation: bike-anim 6s ease infinite; } @keyframes bike-anim { 0% { transform: translateX(-1300px) } 50% { transform: translateX(0); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 100% { transform: translateX(1300px) } } #rucksack { animation: ruck-anim 3s linear infinite; transform-origin: top; transform-box: fill-box; } @keyframes ruck-anim { 50% { transform: rotate(5deg) } } .circle { animation: circle-anim ease infinite; transform-origin: center; transform-box: fill-box; perspective: 0px; } .circle.c1 { animation-duration: 2s } .circle.c2 { animation-duration: 3s } .circle.c3 { animation-duration: 1s } .circle.c4 { animation-duration: 1s } .circle.c5 { animation-duration: 2s } .circle.c6 { animation-duration: 3s } @keyframes circle-anim { 50% { transform: scale(.2) rotateX(360deg) rotateY(360deg) } } .four, #ou { animation: four-anim cubic-bezier(0.39, 0.575, 0.565, 1) infinite; } .four.a { transform-origin: bottom left; animation-duration: 3s; transform-box: fill-box; } .four.b { transform-origin: bottom right; animation-duration: 3s; transform-box: fill-box; } #ou { animation-duration: 6s; transform-origin: center; transform-box: fill-box; } @keyframes four-anim { 50% { transform: scale(.98) } } /*Error Page end 400*/ @media (max-width: 1919px) { .campus-slider-section img { height:auto; object-fit: contain; } } @media (max-width: 400px) { .board-card{height:600px;} .board-info{height:460px} .board-card:hover .board-pic{margin-bottom: 5px;} .board-info p{margin-top:0} .board-card:hover .board-extra{margin-top:-10px} .board-info p{font-size:14px;} } .initiative-section h3{font-family: var(--secondary-font);} .blog-item h3, .quote-container .cnt-bx .blog-item h3 span {line-height: clamp(1.8rem, 2.2vw, 2.5rem); }