:root {
    --primary-color: #540411;
    --secondary-color: #192955;
    --accent-color: #f1591e;
    --light-blue: #d3eefb;
    --light-lilac: #dfcbe3;
    --text-primary: #1a1a1a;
    --text-secondary: #ffffff;
    --text-blue: #192955;
    --text-grey: #111827;
    --font-heading: "halyard-micro";
    --font-body: "allumi-std";
    --max-width: 100vw;
    --desktop-padding: 4vw;
}




.school-hero {
    width: 100%;
    height: 100dvh;
    /* padding-top: 4rem; */
    position: relative;
    overflow: hidden;
}

.school-hero .slider-s {
    width: 100%;
    height: 100%;
    position: relative;
}

.school-hero .slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: calc(2rem + 2vh) calc(2rem + 4vw);
}

.school-hero.sob .slider-s .slide-1 {
    background:
        radial-gradient(circle at 100% 47%, rgba(0, 0, 0, 0) 57%, #04509A 100%),
        url('/assets/sob/slide2.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.school-hero .slider-s .sname {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: calc(4rem + 3vh);
    margin-left: calc(2rem + 4vw);
    z-index: 10;
}

.sname h1 {
    color: var(--text-secondary);
    font-size: calc(1.5rem + 0.5vw);
}

.sname i {
    font-size: calc(1.3rem + 0.4vw);
}

.school-hero .flex-slide {
    z-index: 100;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}

.school-hero .slide .content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.school-hero .slide .content h2 {
/*     max-width: 80%; */
    color: var(--text-secondary);
    font-family: var(--font-heading);
    font-size: calc(1.5rem + 2.5vw);
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.05em;
}

.school-hero .slide .content p {
    max-width: 50ch;
    color: var(--text-secondary);
    font-family: var(--font-body);
    font-size: calc(1rem + 0.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.school-hero .slide .content .cta-btn {
    width: fit-content;
    padding: calc(0.4rem + 0.2vw);
    background: var(--text-secondary);
    border-radius: 0.375rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--font-heading);
    font-size: calc(1rem + 0.25vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05em;
}

.school-hero.sob .slide .content .cta-btn {
    /* color: #192955; */
}

.school-hero .slide .content .cta-btn .icon-wrapper .arrow-container {
    /* background: var(--secondary-color); */
}

.school-hero .slide .content .cta-btn .icon-wrapper .arrow-container svg {
    stroke: var(--text-secondary);
}

.school-hero .cta-btn .icon-wrapper {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.school-hero .slide .icon-wrapper .arrow-container {
    display: flex;
    flex-direction: column;
    transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    transform: rotate(45deg) translateY(25%);
}

.school-hero .icon-wrapper svg {
    width: 1.25rem;
    height: 1.1875rem;
    flex-shrink: 0;
}

.school-hero .cta-btn:hover .icon-wrapper .arrow-container {
    transform: rotate(45deg) translateY(-25%);
}


.slider-s .slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}

.slider-s .slide.active {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.school-hero.sob .slider-s .slide-2 {
    background:
        radial-gradient(circle at 100% 47%, rgba(0, 0, 0, 0) 57%, #04509A 100%),
        url('/assets/sob/course-1.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.school-hero.sob .slider-s .slide-3 {
    background:
        radial-gradient(circle at 100% 47%, rgba(0, 0, 0, 0) 57%, #04509A 100%),
        url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzNjUyOXwwfDF8c2VhcmNofDEyfHxzdHVkZW50c3xlbnwwfHx8fDE2NTg0MjU5NjV8MA&ixlib=rb-4.0.3&q=80&w=1080');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.dots {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 1rem;
    z-index: 10;
}

.dots .dot {
    width: 0.50513rem;
    height: 0.50513rem;
    border-radius: 0.18944rem;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    border: none;
    opacity: 0.5;
    position: relative;
    overflow: hidden;
    transition: width 0.4s ease, opacity 0.3s ease;
}

.dots .dot::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
}

.dots.sob .dot::before {

    /* background-color: #192955; */
}

.dots .dot.active {
    width: 6.62938rem;
    height: 0.50513rem;
    opacity: 0.78;
    background-color: #ffffff;
}

.dots .dot.is-progressing::before {
    animation: fillProgress 8s linear forwards;
}

@keyframes fillProgress {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0%);
    }
}

.school-hero .s-hero-nav {
    position: absolute;
    bottom: 3rem;
    right: 4.5rem;
    z-index: 5;
}



.school-hero .s-hero-nav .nav-btn {
    background: var(--text-secondary);
}



.school-hero .s-hero-nav .arrow-container svg {
    stroke: var(--secondary-color);
}


.enquire {
    width: 100%;
    display: flex;
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
    gap: 2rem;
}

.enquire .logo {
    width: 30%;
}

.enquire .logo img {
    width: 16rem;
}

.enquire .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.enquire .right p {
    color: #1a1a1a;
    font-family: var(--font-body);
    font-size: calc(1rem + 0.5vw);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.enquire .right a {
    width: fit-content;
    padding: calc(0.4rem + 0.2vw);
    border-radius: 0.375rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--font-heading);
    font-size: calc(1rem + 0.25vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05em;
    text-decoration: none;
}

.enquire.sob .right a {
    text-decoration: none;
    color: #ffffff;
    background: #04509A;
}

.enquire.sob .right a:hover {
    background: #192955;
}

.enquire .right a .icon-wrapper .arrow-container {
    background: #ffffff;
}

.enquire.sob .right a .icon-wrapper .arrow-container svg {
    stroke: #04509A;
}

.enquire.sob .right a:hover .icon-wrapper .arrow-container svg {
    stroke: #192955;
}

.enquire .right a .icon-wrapper {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.enquire .right a .icon-wrapper .arrow-container {
    display: flex;
    flex-direction: column;
    transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    transform: rotate(45deg) translateY(25%);
}

.enquire .right a .icon-wrapper img {
    width: 1.25rem;
    height: 1.1875rem;
    flex-shrink: 0;
}

.enquire .right a:hover .icon-wrapper .arrow-container {
    transform: rotate(45deg) translateY(-25%);
}
.photo{
	
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
}

.photo .sod, .photo .sob, .photo .soc, .photo .sop {
    width: 100%;
    height: 90dvh ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.photo .sod div ,.photo .sob div , .photo .soc div, .photo .sop div{
    width: 100%;
    height: 100%;
}

.photo .sod img, .photo .sob img, .photo .soc img, .photo .sop img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    
    border-radius: 15px;
}

.top-recruiter-s {
    width: 100%;
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
    margin: 2rem 0;
}

.top-recruiter-s h2, .top-recruiter-s .widget-title {
    font-family: var(--font-heading);
    font-size: calc(3rem + 0.2vw);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.24rem;
}

.top-recruiter-s.sob h2 {
    color: #192955;
}

.slider-container {
    overflow: hidden;
    padding: 2rem 0;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.auto-slider {
    display: flex;
    width: fit-content;
    animation: slide 120s linear infinite;
    white-space: nowrap;
    will-change: transform;
}

.auto-slider img {
    height: 70px;
    width: auto;
    margin: 0 2.5rem;
    transition: filter 0.3s ease-in-out;
    opacity: 1;
}

.auto-slider:hover img {
    filter: grayscale(0);
    opacity: 1;
}

.slider-container:hover .auto-slider {
    animation-play-state: paused;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.course {
    width: 100%;
    height: 100%;
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
    display: flex;
    flex-direction: column;
    gap: 3rem;

}

.course h2 {
    font-family: var(--font-heading);
    font-size: calc(3rem + 0.2vw);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.24rem;
}

.course.sob h2 {
    color: #192955;
}

.course .flexbox {
    width: 100%;
    display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	align-items: stretch;
	justify-items: center;
    justify-content: center;
    gap: 100px;
}

.course .coursebox {
    width: 100%;
/*     height: 45rem; */
    border-radius: 0.65275rem;
    position: relative;
    background: linear-gradient(180deg, #E4EFF7 0%, rgba(228, 239, 247, 0.00) 100%);
    overflow: hidden;
}


.course .coursebox .top {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.course .coursebox .top img {
    width: 100%;
    height: 21rem;
    flex-shrink: 0;
    object-fit: cover;
    transition: scale 0.5s ease-in-out;
}

.course .coursebox:hover .top img {
    scale: 1.2;
    z-index: 0;
}

.course .coursebox .top h5 {
    position: absolute;
    right: 0;
    margin: 15px;
    background: #ffffff;
    font-family: var(--font-heading);
    font-size: calc(1rem + 0.1vw);
    font-weight: 500;
    border-radius: 0.8rem;
    z-index: 1;
    padding: calc(0.1rem + 0.2vh) calc(1rem + 0.2vw);
}

.course .coursebox .bottom {
    width: 100%;
    padding: calc(1rem + 0.1vw);
	padding-bottom: 120px;
}

.course .coursebox .bottom h3 {
    font-family: var(--font-heading);
    font-size: calc(1.5rem + 0.1vw);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.075rem;
}

.course .coursebox .bottom p {
    font-family: var(--font-body);
    font-size: calc(1.025rem + 0.1vw);
    color: #1a1a1a;
    font-size: 300;
    letter-spacing: -0.02rem;
    padding: calc(0.8rem + 0.1vw) 0;
}

.course .coursebox .bottom h6 {
    font-family: var(--font-heading);
    font-size: calc(1.15rem + 0.1vw);
    font-weight: 500;
    letter-spacing: -0.05rem;
}

.course.sob .coursebox .bottom h6 {
    color: #04509A
}

.course .coursebox .bottom .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem 0;
}

.course .coursebox .bottom .tags h4 {
    font-family: var(--font-body);
    font-size: calc(1.10rem + 0.1vw);
    padding: calc(0.3rem) calc(0.8rem);
    font-weight: 300;
    border-radius: 0.25rem;
}

.course.sob .coursebox .bottom .tags h4 {
    background-color: #04509A;
    color: #ffffff;
}

.course .coursebox .bsvg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.course.sob .coursebox .bsvg svg {
    fill: #d3eefb91;
}

.course .coursebox:hover .bsvg svg {
    fill: #D3EEFB;
}

.course .coursebox .bottom a {
    width: fit-content;
    padding: calc(0.2rem + 0.2vw);
    border-radius: 0.375rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--font-heading);
    font-size: calc(1rem + 0.25vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05em;
    text-decoration: none;

    position: absolute;
    bottom: -100px;
    transition: bottom 0.5s ease-in-out;
}

.course.sob .coursebox .bottom a {
    text-decoration: none;
    color: #ffffff;
    background: #192955;
}

.course .coursebox:hover .bottom a {
    bottom: 20px;
    margin-bottom: 20px;
}

.course .coursebox .bottom a .icon-wrapper .arrow-container {
    background: #ffffff;
}

.course.sob .coursebox .bottom a .icon-wrapper .arrow-container svg {
    stroke: #192955
}



.course .coursebox .bottom a .icon-wrapper {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.course .coursebox .bottom a .icon-wrapper .arrow-container {
    display: flex;
    flex-direction: column;
    transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    transform: rotate(45deg) translateY(25%);
}

.course .coursebox .bottom a .icon-wrapper svg {
    width: 1.25rem;
    height: 1.1875rem;
    flex-shrink: 0;
}

.course .coursebox .bottom a:hover .icon-wrapper .arrow-container {
    transform: rotate(45deg) translateY(-25%);
}

.course .coursebox .course.sob {
    color: #192955;
}

.photosection {
    width: 100%dvw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    height: fit-content;
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
}

.photosection img {
    flex: 1;
    height: 450px !important;
    object-fit: cover;
    border-radius: 0.75rem;
    max-width: 100%;
}

#top-recruiter {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
    gap: 2.5rem;
    margin-top: 1.875rem;
}

#top-recruiter.sob h2 {
    color: #192955;
    font-family: var(--font-heading);
    font-size: clamp(2.25rem, 4vw, 3rem);
    font-style: normal;
    font-weight: 500;
    line-height: 3.75rem;
    letter-spacing: -0.24rem;
}

#top-recruiter .container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    border-radius: 1.25rem;
    border: 1px solid #d7dbdd;
    background: var(--text-secondary);
    overflow: hidden;
}

.r-grid {
    width: 100%;
    height: 9.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--text-secondary);
    border: 1px solid #d7dbdd;
    position: relative;
    transition: transform 1s ease-in-out;
}

.r-grid svg {
    transition: scale 0.3s ease-in-out;
}

.r-grid:hover {
    z-index: 10;
}

.r-grid:hover svg {
    scale: 1.2;
}


.r-grid:nth-child(4n + 1) {
    border: 1px solid #d7dbdd;
}

.r-grid:nth-child(4n) {
    border: 1px solid #d7dbdd;
}

.r-grid:nth-child(1),
.r-grid:nth-child(2),
.r-grid:nth-child(3),
.r-grid:nth-child(4) {
    border: 1px solid #d7dbdd;
}

.r-grid:nth-last-child(-n+4) {
    border: 1px solid #d7dbdd;
}


.r-grid-1 {
    border-top-left-radius: 0;
}

.r-grid-4 {
    border-top-right-radius: 0;
}

.r-grid-9 {
    border-bottom-left-radius: 0;
}

.faculty {
    width: 100%;
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
    overflow: hidden;
    position: relative;
}

.faculty a{
	text-decoration: none;
	color: unset;
}

.faculty .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}

.faculty .header h2, .faculty .header .widget-title {
    font-family: var(--font-heading);
    font-size: calc(3rem + 0.2vw);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.24rem;
}

.faculty.sob .header h2 {
    color: #192955;
}

.faculty .card-slider {
    width: 100%;
    display: flex;
    gap: 2rem;
}

.faculty .card-slider .card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    flex-shrink: 0;
    width: calc(25% - 1.5rem);
}

.faculty.sob .card-slider .card {
    color: #192955;
    background: linear-gradient(180deg, #E4EFF7 0%, rgba(228, 239, 247, 0.00) 100%);
}

.faculty .card-slider .card img {
    width: 100%;
    aspect-ratio: 2/2;
    border-radius: 0.5rem;
    background: rgba(0, 0, 0, 0.20);
    object-fit: cover;

}

.faculty .card-slider .card h4 {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: calc(1.5rem + 0.1vw);
    line-height: normal;
    letter-spacing: -0.075rem;
    padding-bottom: 0.3rem;
}

.faculty .card-slider .card p {
    font-family: var(--font-body);
    font-size: calc(1.025rem + 0.1vw);
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.00563rem;
}

.faculty .faculty-linkedin-button svg{
	margin-top: 0.5rem;
}

.faculty.sob .header .s-faculty-nav .nav-btn {
    background: #192955;
}

.faculty .header .s-faculty-nav .arrow-container svg {
    stroke: #ffffff;
}

.faculty .card{
	position: relative;
}
.faculty .card .top-arrow{
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	padding: 0.8rem;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	
	transition: 0.2s ease-in-out;
}

.faculty .card:hover .top-arrow{
	opacity: 1;	
}

.faculty .top-arrow svg{
	width: 0.8rem;
	height: 0.8rem;
}



.kpis {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: left;
    flex-direction: column;
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
}

.kpis h2 {
    font-family: var(--font-heading);
    font-size: calc(3rem + 0.2vw);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.24rem;
    padding-bottom: 3rem;
}

.kpis.sob h2 {
    color: #192955;
}

.kpis .gridbox {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 2rem;
}

.page-and-sticky-form  .kpis .gridbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 2rem;
}


.page-and-sticky-form .kpis .gridbox > *:nth-last-child(1):nth-child(odd) {
    grid-column: span 2;
}

.kpis.sob .icon-container {
    width: fit-content;
    padding: 10px;
	padding-left: 12px;
	padding-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #04509A;
    border-radius: 50%;
}

.kpis .kpi-card {
    width: 100%;
    padding: calc(2.5rem + 0.1vw);
    border-radius: 0.9375rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;

}

.kpis.sob .kpi-card {

    background: linear-gradient(180deg, #E4EFF7 0%, rgba(228, 239, 247, 0.00) 100%);
}

.kpis .kpi-card h4 {
    width: 80%;
    font-family: var(--font-heading);
    font-size: calc(1.3rem + 0.1vw);
    font-weight: 600;
    line-height: normal;
    border-radius: 0.25rem;
}



.kpis .kpi-card p {
    font-size: calc(1rem + 0.1vw);
}

.invitation {
    width: 100%;
    height: fit-content;
    margin: 5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(1rem + 0.5vw) calc(3.75rem + 2vw);
    gap: 2.5rem;

}

.invitation.sob {
    background: radial-gradient(59.17% 59.17% at 50% 50%, #E4EFF7 29.55%, rgba(228, 239, 247, 0.00) 81.33%);
}

.invitation .content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.invitation .content h4 {
    font-family: var(--font-heading);
    font-size: calc(3rem + 0.2vw);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.24rem;
    padding-bottom: 1.5rem;
}

.invitation.sob .content h4 {
    color: #192955;
}

.invitation .content p {
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 140%;
    font-size: (1.25rem + 0.2vw);
    font-style: normal;
}

.invitation .content p strong {
    color: #F1591E;
    font-weight: 400;
}

.invitation .content h5 {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: calc(1.5rem + 0.2vw);
    letter-spacing: -0.075rem;
    line-height: normal;
    padding-top: 1.5rem;

}

.invitation.sob .content .title .p {
    color: #04509A;
}

.invitation .content .title .p {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 0.5rem;

}


.scrolling-text-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 5rem 0;
}

.scrolling-row {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}

.scrolling-content {
    display: flex;
    flex-shrink: 0;
    width: fit-content;

    animation: scroll-text linear;
    animation-timeline: scroll(root);
}


.scrolling-row[data-direction="right"] .scrolling-content {
    animation-direction: reverse;
}

.text-block {
    white-space: nowrap;
}

.text-block span {
    font-family: var(--font-heading);
    font-size: calc(2.5rem + 0.1vw);
    font-weight: 200;
    line-height: 140%;
    letter-spacing: 0.125rem;
    color: #192955;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.text-block .separator {
    color: #F1591E;
    margin: 0 1.5rem;
}

@keyframes scroll-text {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
}

.querylinks {
    width: 100%;
    padding: calc(2rem + 0.1vh) calc(4.5rem + 0.1vw);
    margin: 3rem 0 5rem 0;
}

.querylinks h2 {
    font-family: var(--font-heading);
    font-size: calc(3rem + 0.2vw);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.24rem;
    padding-bottom: 1.5rem;
}


.querylinks .flexbox {
    width: 100%;
    height: 9rem;

    display: flex;
    justify-content: space-between;
    border-radius: 0.625rem;
    overflow: hidden;
    border: 1px solid #B6C5D2;
}

.querylinks .flexbox a, .querylinks .flexbox .a {
    width: 100%;
    text-decoration: none;
    border-right: 1px solid #B6C5D2;

}
.querylinks .flexbox a, .querylinks .flexbox .a.last{
    
    border-right: 0px solid #B6C5D2 !important;
}

.querylinks.sob .flexbox a, .querylinks.sob .flexbox .a {
    color: #04509A;
}

.querylinks.sob .flexbox a:nth-child(2) , .querylinks.sob .flexbox div:nth-child(2) {
    background-color: #ebf2f9;
}

.querylinks .flexbox a:nth-child(3), .querylinks .flexbox div:nth-child(3) {
    border-right: none
}

.querylinks .flexbox a div, .querylinks .flexbox .a div {
    height: 100%;
    display: flex;
    padding: 1rem 2.5rem;
    flex-direction: column;
    justify-content: space-between;
}

.querylinks .flexbox a h4, .querylinks .flexbox .a h4 {
    font-family: var(--font-heading);
    font-size: calc(1.5rem + 0.1vw);
    font-weight: 500;
    text-wrap: nowrap;
    line-height: normal;
    letter-spacing: -0.075rem;
}

.querylinks .flexbox a p, .querylinks .flexbox .a p {
    font-family: var(--font-body);
    font-size: calc(1rem + 0.1vw);
    line-height: normal;
    font-weight: 500;
    transition: text-decoration 0.8s ease-in-out;
}

.querylinks.sob .flexbox a:hover p {
    text-decoration: underline #04509A;
}

@media (min-width: 2200px) {


    .school-hero .slide .content h2 {
        font-size: calc(3rem + 2.5vw);
    }

    .top-recruiter-s h2, .top-recruiter-s .widget-title,
    .course h2,
    .faculty .header h2, .faculty .header .widget-title,
    .kpis h2,
    .invitation .content h4,
    .querylinks h2 {
        font-size: calc(3.5rem + 0.2vw);
    }

    .school-hero .cta-btn .icon-wrapper {
        width: 2.5rem;
        height: 2.5rem;
    }


    .school-hero .icon-wrapper svg {
        width: 1.9rem;
        height: 2rem;
        flex-shrink: 0;
    }

    .course .coursebox {
        height: 43rem;
    }

    .faculty .card-slider .card img {
        width: 24rem;
        height: 24rem;
    }
}

@media (min-width: 2560px) {

    .school-hero .slide,
    .enquire,
    .top-recruiter-s,
    .course,
    .photosection,
    #top-recruiter,
    .faculty,
    .kpis,
    .invitation,
    .querylinks {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .school-hero .slide .content h2 {
        font-size: calc(4rem + 2.5vw);
        max-width: 12ch;
    }

    .school-hero .slide .content p {
        font-size: calc(1.5rem + 0.5vw);
        max-width: 55ch;
    }

    .school-hero .slide .content .cta-btn,
    .enquire .right a,
    .course .coursebox .bottom a {
        padding: calc(0.4rem + 0.2vw);
        font-size: calc(1.4rem + 0.25vw);
        gap: 1.5rem;
    }

    .top-recruiter-s h2, .top-recruiter-s .widget-title,
    .course h2,
    .faculty .header h2, .faculty .header .widget-title,
    .kpis h2,
    .invitation .content h4,
    .querylinks h2 {
        font-size: calc(4rem + 0.2vw);
    }

    .course .flexbox {
        gap: 150px;
    }

    .course .coursebox {
/*         height: 55rem; */
    }

    .r-grid {
        height: 12rem;
    }

    .faculty {
        height: auto;
    }

    .kpis .gridbox {
        gap: 3rem;
    }

    .text-block span {
        font-size: calc(3.5rem + 0.1vw);
    }


    .invitation .content .title p {
        display: flex;
        width: 100%;
        gap: 1rem;
        padding-top: 0.3rem;

    }

    .invitation .content .title p svg {
        width: 35px;
        height: 35px;
    }
}


@media (min-width: 3840px) {


    .school-hero .slide,
    .enquire,
    .top-recruiter-s,
    .course,
    .photosection,
    #top-recruiter,
    .faculty,
    .kpis,
    .invitation,
    .querylinks {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .school-hero .slide .content h2 {
        font-size: calc(5.5rem + 2vw);
    }

    .school-hero .slide .content p {
        font-size: calc(2rem + 0.5vw);
    }

    .school-hero .slide .content .cta-btn,
    .enquire .right a,
    .course .coursebox .bottom a {
        padding: calc(1rem + 0.2vw);
        font-size: calc(1.8rem + 0.25vw);
    }

    .top-recruiter-s h2, .top-recruiter-s .widget-title,
    .course h2,
    .faculty .header h2, .faculty .header .widget-title,
    .kpis h2,
    .invitation .content h4,
    .querylinks h2 {
        font-size: calc(5rem + 0.2vw);
    }

    .r-grid {
        height: 15rem;
    }

    .faculty .card-slider .card img {
        width: 30rem;
        height: 28rem;
    }

    .querylinks .flexbox {
        height: 16rem;
    }
}



/* Tablet Styles */
@media (max-width: 1024px) {
    .school-hero {
        min-height: 80vh;
    }

    .school-hero .slide {
        padding: 4rem 2rem 4rem 2rem;

    }

    .school-hero .slider-s .sname {
        margin-top: 4rem;
        margin-left: 2rem;
    }

    .sname h1 {
        font-size: calc(1.8rem + 1vw);
    }

    .school-hero .slide .content h2 {
        font-size: calc(2.5rem + 2vw);
        max-width: 15ch;
    }

    .school-hero .slide .content p {
        font-size: calc(1rem + 0.5vw);
    }

    .school-hero .flex-slide {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }

    .school-hero .s-hero-nav {
        position: static;
    }

    .dots {
        bottom: 2rem;
    }

    .enquire,
    .invitation {
        gap: 3rem;
        padding: 3rem 2rem;
		margin: 2rem 0;
    }



    .top-recruiter-s,
    .course,
    #top-recruiter,
    .faculty,
    .kpis,
    .querylinks,
    .photosection, .photo{
        padding: 3rem 2rem;
		margin-top: 0;
    }
	
	#top-recruiters{
		margin: 0;
	}
    .querylinks{
        margin: 0rem 0 2rem 0;
    }

    .top-recruiter-s h2, .top-recruiter-s .widget-title,
    .course h2,
    .faculty .header h2, .faculty .header .widget-title,
    .kpis h2,
    .invitation .content h4,
    .querylinks h2 {
        width: 60%;
        font-size: calc(1.5rem + 1vw);
    }

    .invitation .content h4 {
        width: 100%;
        font-size: calc(1.5rem + 1vw);
    }
	.course .coursebox .bottom{
		padding: 40px !important;
	}

    .course .flexbox {
		grid-template-columns: 1fr !important;
        gap: 3rem;
    }

    .course .coursebox {
        width: 100%;
    }

    .photosection {}

    .top-recruiter-s {
        margin: 0
    }

    #top-recruiter .container {
        grid-template-columns: repeat(2, 1fr);
    }

    .faculty .card-slider {
        padding-bottom: 1rem;
    }

    .kpis .gridbox {
        grid-template-columns: 1fr 1fr;
    }

    .scrolling-text-section {
        margin: 3rem 0;
    }

    .text-block span {
        font-size: calc(2rem + 1vw);
    }

    .invitation img {
/*         width: 100%; */
    }

    .querylinks .flexbox {
        height: auto;
    }

    .querylinks .flexbox a , .querylinks .flexbox .a {
        border-right: none;
        height: 10rem;
        border-bottom: 1px solid #B6C5D2;
    }

    .querylinks .flexbox a:last-child, .querylinks .flexbox .a:last-child  {
        border-bottom: none;
    }

    .querylinks .flexbox a h4, .querylinks .flexbox .a h4 {
        text-wrap: wrap;
        width: 100%;
        font-size: calc(1.2rem + 0.1vw);

    }


    .course .coursebox .bottom a {
        width: fit-content;
        padding: calc(0.2rem + 0.2vw);
        border-radius: 0.375rem;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 1rem;
        font-family: var(--font-heading);
        font-size: calc(1rem + 0.25vw);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.05em;
        text-decoration: none;
        transition: bottom 0.5s ease-in-out;
        position: static;
    }

    .course .coursebox:hover .top img {
        scale: 1;
        z-index: 0;
    }

    .course .coursebox:hover .bottom a {
        bottom: 0;
        margin-bottom: 0;
    }

	.photo .sod , .photo .sob , .photo .soc , .photo .sop {
		height:100%;
	}
}

/* Mobile Styles */
@media (max-width: 780px) {
    .school-hero {
        padding-top: 0rem;
    }

    .school-hero .slide {
        padding: 5rem 1rem 7rem 1rem;
    }

    .school-hero .slider-s .sname {
        margin-top: 5rem;
        margin-left: 1rem;
    }

    .sname h1 {
        font-size: 1.8rem;
    }

    .sname i {
        font-size: 1.6rem;
    }

    .school-hero .slide .content h2 {
        font-size: 2.5rem;
        max-width: 100%;
        line-height: 1;
    }

    .school-hero .slide .content p {
        font-size: 1rem;
    }

    .dots {
        gap: 0.5rem;
        bottom: 1.5rem;
    }

    .dots .dot.active {
        width: 4rem;
    }


    .top-recruiter-s,
    .course,
    #top-recruiter,
    .faculty,
    .kpis,
    .querylinks,
    .photosection,
    .enquire,
    .invitation {
        flex-direction: column;
        padding: 2rem 1.5rem;
    }

    .enquire {
        gap: 2rem;
    }

    .top-recruiter-s h2, .top-recruiter-s .widget-title,
    .course h2,
    .faculty .header h2, .faculty .header .widget-title,
    .kpis h2,
    .invitation .content h4,
    .querylinks h2 {
        width: 100%;
        font-size: 1.8rem;
        letter-spacing: -0.1rem;
    }

    .enquire .logo img {
        width: 12rem;
    }

    .enquire .right p,
    .invitation .content p {
        font-size: 1rem;
    }

    .enquire .right a {
        margin-top: 1rem;
        padding: calc(0.2rem + 0.2vw);
        font-size: 1rem;
    }

    .ss-nav {
        display: flex;
        gap: 1rem;
    }

    .ss-nav .nav-btn {
        width: 2.125rem;
        height: 2.125rem;
    }

    .ss-nav .prev-btn .arrow-container {
        transform: translateX(0.1rem);
    }

    .ss-nav .prev-btn:hover .arrow-container {
        transform: translateX(-1.9rem);
    }

    .ss-nav .next-btn .arrow-container {
        transform: translateX(-1.8rem);
    }

    .ss-nav .next-btn:hover .arrow-container {
        transform: translateX(0.2rem);
    }

    #top-recruiter .container {
        grid-template-columns: 1fr 1fr;
    }

    .r-grid {
        height: 7rem;
    }

    .r-grid svg {
        transform: scale(0.8);
    }

    .faculty .header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .faculty .card-slider {
        gap: 0;
    }

    .faculty .card-slider .card {
        width: 100%;
        padding: 1rem;
    }

    .faculty .card-slider .card h4 {
        text-wrap: wrap;
        width: 100%;
    }

    .faculty .card-slider .card img {
        width: 100%;
    }

    .kpis .gridbox {
        grid-template-columns: 1fr;
    }

    .kpis .kpi-card {
        padding: 1.5rem;
    }

    .kpis.sob .kpi-card h4 {
        width: 100%;
        font-size: 1rem;
    }

    .kpis .kpi-card p {
        font-size: 0.95rem;
    }

    .scrolling-text-section {
        margin: 2rem 0;
    }

    .text-block span {
        font-size: 1.8rem;
    }

    .querylinks .flexbox {
        flex-direction: column;
    }

    .querylinks {
        margin: 1.2rem 0;
    }

    .querylinks .flexbox a div, .querylinks .flexbox .a div {
        padding: 1.5rem;
    }

    .querylinks .flexbox a h4, .querylinks .flexbox .a h4 {
        font-size: 1.2rem;
    }

    .querylinks .flexbox a p, .querylinks .flexbox .a p {
        font-size: 0.9rem;
    }

    .course .flexbox {
        flex-direction: column;
    }

    .enquire .right a .icon-wrapper {
        width: 1.5rem;
        height: 1.5rem;
    }

    .enquire .right a .icon-wrapper svg {
        width: 1rem;
        height: 1rem;
    }

    .school-hero .cta-btn .icon-wrapper {
        width: 1.5rem;
        height: 1.5rem;
    }

    .school-hero .icon-wrapper svg {
        width: 1rem;
        height: 1rem;
    }

    .auto-slider img {
        height: 40px;
        margin: 0 0.5rem;

    }

    .course .coursebox .bottom a .icon-wrapper {
        width: 1.5rem;
        height: 1.5rem;
    }

    .course .coursebox .bottom a .icon-wrapper svg {
        width: 1rem;
        height: 1rem;
    }

    .text-block span {
        font-size: calc(1rem + 0.1vw);
        letter-spacing: 0.05em;
    }

    .photosection {
        gap: 0.7rem;
    }

    .photo {
        height: 100%;
        padding: 2rem 1rem;
    }

    .photosection img {
        height: 250px;
    }

    .faculty .header .s-faculty-nav {

        position: absolute;
        bottom: 0;
        left: 40%;
    }

    .invitation {
        margin: 1rem 0;
    }

    .invitation .content h5 {
        font-size: 1.4rem;
    }



    .school-hero.sob .slider-s .slide-1 {
        background:
            radial-gradient(circle at 100% 47%, rgba(0, 0, 0, 0) 57%, #04509A 100%),
            url('/assets/sob/slide-1m.webp');
        background-size: cover;
        background-position: center;

    }

    .school-hero.sob .slider-s .slide-2 {
        background:
            radial-gradient(circle at 100% 47%, rgba(0, 0, 0, 0) 57%, #04509A 100%),
            url('/assets/sob/slide-2m.webp');
        background-size: cover;
        background-position: center;

    }
}




/* .school-hero.sop .slider-s .slide-1 {
    background:
        radial-gradient(circle at 100% 47%,
            rgba(0, 0, 0, 0) 58%,
            #00674B 100%),
        url('/assets/sop/p2.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} */


.school-hero .slide .content h2 {
    width: 100%;
}

/* .school-hero.sop .slider-s .slide-2 {
    background:
        radial-gradient(circle at 100% 47%,
            rgba(0, 0, 0, 0) 58%,
            #00674B 100%),
        url('/assets/sop/p-1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.school-hero.sop .slider-s .slide-3 {
    background:
        radial-gradient(circle at 100% 47%,
            rgba(0, 0, 0, 0) 58%,
            #00674B 100%),
        url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?crop=entropy&cs=tinysrgb&fit=max&fm=webp&ixid=M3wzNjUyOXwwfDF8c2VhcmNofDEyfHxzdHVkZW50c3xlbnwwfHx8fDE2NTg0MjU5NjV8MA&ixlib=rb-4.0.3&q=80&w=1080');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} */

.school-hero.sop .slide .cta-btn .icon-wrapper .arrow-container {
    /* background-color: #00674B; */
}

.school-hero .s-hero-nav .arrow-container svg {
    /* stroke: #00674B; */
}

.enquire.sop .right a {
    text-decoration: none;
    color: #ffffff;
    background: #00422F;
}

.enquire.sop .right a {
    text-decoration: none;
    color: #ffffff;
    background: #00674B;
}

.enquire.sop .right a .icon-wrapper .arrow-container svg {
    stroke: #00674B;
}

.enquire.sop .right a:hover .icon-wrapper .arrow-container svg {
    stroke: #00422F;
}


.enquire.sop .right a:hover {
    background: #00422F;
}



.enquire.sop .right a .icon-wrapper .arrow-container svg {
    stroke: #00674B;
}

.enquire.sop .right a:hover .icon-wrapper .arrow-container svg {
    stroke: #00422F;
}




.top-recruiter-s h2, .top-recruiter-s .widget-title {
    /* color: #00422F; */
}


.course.sop h2 {
    color: #00422F;
}


.course .coursebox {

    background: linear-gradient(180deg, rgba(152, 235, 199, 0.70) 0%, rgba(217, 255, 245, 0.00) 100%);
}


.course.sop .coursebox .bottom h6 {
    color: #00422F
}


.course.sop .coursebox .bottom .tags h4 {
    background-color: #00674B;
    color: #ffffff;
}

.course.sop .coursebox .bsvg svg {
    fill: #00674c2c;
}

.course .coursebox:hover .bsvg svg {
    fill: #00674c7b;
}


.course.sop .coursebox .bottom a {
    text-decoration: none;
    color: #ffffff;
    background: #00674B;
}


.course.sop .coursebox .bottom a .icon-wrapper .arrow-container svg {
    stroke: #00674B
}


.course .coursebox .course.sop {
    color: #00674B;
}

#top-recruiter.sop h2 {
    color: #00422F;
    font-family: var(--font-heading);
    font-size: clamp(2.25rem, 4vw, 3rem);
    font-style: normal;
    font-weight: 500;
    line-height: 3.75rem;
    letter-spacing: -0.24rem;
}


.faculty.sop .header h2 {
    color: #00422F;
}


.faculty.sop .card-slider .card {
    color: #00422F;
    background: linear-gradient(180deg, rgba(152, 235, 199, 0.70) 0%, rgba(217, 255, 245, 0.00) 100%);
}



.faculty.sop .header .s-faculty-nav .nav-btn {
    background: #00422F;
}




.kpis.sop .icon-container {
    width: fit-content;
    padding: 10px;
	padding-left: 12px
		padding-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00674B;
    border-radius: 50%;
}


.kpis.sop .kpi-card {

    background: linear-gradient(180deg, rgba(152, 235, 199, 0.70) 0%, rgba(217, 255, 245, 0.00) 100%);
}

.kpis.sop .kpi-card h4 {
    width: 80%;
    font-family: var(--font-heading);
    font-size: calc(1.3rem + 0.1vw);
    font-weight: 600;
    line-height: normal;

    border-radius: 0.25rem;
}


.invitation.sop {
    background: radial-gradient(59.17% 59.17% at 50% 50%, rgba(207, 241, 255, 0.70) 29.55%, rgba(228, 239, 247, 0.00) 81.33%);
}

.invitation.sop .content h4 {
    color: #00422F;
}


.invitation.sop .content .title .p {
    color: #00422F;
}


.text-block span {
    font-family: var(--font-heading);
    font-size: calc(2.5rem + 0.1vw);
    font-weight: 200;
    line-height: 140%;
    letter-spacing: 0.125rem;
    color: #00422F;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


.querylinks.sop h2 {
    color: #00422F;
}

.querylinks .flexbox {
    border: 1px solid #B6C5D2;
}

.querylinks .flexbox a, .querylinks .flexbox .a {
    border-right: 1px solid #B6C5D2;

}
.querylinks .flexbox a, .querylinks .flexbox .a.last{
    
    border-right: 0px solid #B6C5D2 !important;
}

.querylinks.sop .flexbox a, .querylinks.sop .flexbox .a {
    color: #00422F;
}

.querylinks.sop .flexbox a:nth-child(2), .querylinks.sop .flexbox div:nth-child(2) {
    background-color: #D3EEFB;
}

.querylinks.sop .flexbox a:hover p, .querylinks.sop .flexbox .a:hover p {
    text-decoration: underline #00422F;
}

.dots .dot::before {

    background-color: #00422F;
}

.school-hero .slide .content .cta-btn {
    /* color: #00674B; */
}


.specialization .bg-bottom-color  .content{
	display: grid !important;
	grid-template-columns: auto max-content !important;
	gap: 20px !important;
}
.specialization .bg-bottom-color  .content > div{
	width: 100% !important;
}


@media (max-width: 780px) {
    .school-hero.sop .slider-s .slide-1 {
        background:
            radial-gradient(circle at 100% 47%,
                rgba(0, 0, 0, 0) 58%,
                #00674B 100%),
            url('/assets/sop/slide-1m.webp');
        background-size: cover;
        background-position: center;

    }

    .school-hero.sop .slider-s .slide-2 {
        background:
            radial-gradient(circle at 100% 47%,
                rgba(0, 0, 0, 0) 58%,
                #00674B 100%),
            url('/assets/sop/slide-2m.webp');
        background-size: cover;
        background-position: center;

    }

    .text-block span {
        font-size: calc(1rem + 0.1vw);

    }
	
	.photo .sod , .photo .sob , .photo .soc , .photo .sop {
		height: 100%;
	}
}

@media (min-width: 2560px) {
    .school-hero .slide .content h2 {
        max-width: 18ch;
    }
}





/* course page */
/* course page */

.auto-scrolling {
	z-index: -1   !important;
	position: relative;
}

.sticky-form-div{
	border : 0px solid black !important;
	height: 100vh !important;
}
.sticky-form-div div{
	overflow: visible !important;
	width: 100% !important;
	height: 100% !important;
}

.sticky-form-div iframe{
	overflow: visible !important;
	width: 100% !important;
	height: 100% !important;
}

.sticky-form-div html{
	width: 100% !important;
	height: auto !important;
}

.sticky-form-div div iframe html  body{
	width: 100% !important;
	height: auto !important;
	background-color: #00000000 !important;
}

.sticky-form-div form{
	width: 100% !important;
	height: auto !important;
}

.logo-list img{
	margin-top: 10px;
margin-bottom: 10px;
}

.cta-btn{
	text-wrap: nowrap !important;
}

.specialization .slide .content h2{
	padding-bottom: 0 !important;
}
.specialization .slide .content p{
	padding-top: 1.5rem !important;
}

@media (max-width: 1300px) {
	
	.page-and-sticky-form .kpis .gridbox{
		grid-template-columns: 1fr !important;
	}
	
	.page-and-sticky-form .kpis .gridbox > div{
		width: 100%!important;
	}
	
	.page-and-sticky-form .kpis .content-part h3{
		text-wrap: wrap;
	}
	
	.specialization .slide .content > div{
		width: auto !important;
	}


	.specialization .bg-bottom-color  .content{
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 20px !important;
}
	
}


@media (max-width: 1024px) {
	.page-and-sticky-form .kpis h2, .page-and-sticky-form .querylinks h2{
		width: 100%;
	}
	
	.page-and-sticky-form .faq-section.program-overview-all .sow-accordion-title{

		text-wrap: wrap;
	}
	
	.page-and-sticky-form .contribution.specialization .hero-nav{
		left: auto;
	}
	
	.program-overview-section h2, .specialization-content h1, .specialization .slide .content h2{
		font-size: calc(1.5rem + 1vw) !important;
	}
	
	.page-and-sticky-form{
		margin-bottom: 80px;
	}
	
	.page-and-sticky-form .gallery-container{
		grid-template-columns:1fr 1fr;
	}
	.page-and-sticky-form > div{
		width: 50% !important;
	}
	.logo-list{
		grid-template-columns: 1fr 1fr !important;
	}
	.sticky-form-div{

		width: calc(100% - 60vw) !important;
	}
		.page-and-sticky-form .querylinks .flexbox{

		flex-direction: column !important;
	}
	.asset-content .content p{
		width: 100% !important;
		z-index: 20;
		position: relative;
	}
	
	.person-review div div div{
		flex-direction : column;
			width: 100%;
		gap: 3rem;
	}
	.person-review div div div div{
	
			width: 100% !important;
		
	}
	.person-review .review-left-img img {
		max-width: 220px !important;
		z-index: 20; 
		position: relative;
	}
}
@media (max-width: 780px) {
	
	.slide .content{
		width: calc(100% - 8vw) !important;
		bottom: 20vw !important;
	}
	.school-hero .content p{
		padding-bottom: 1rem !important;
	}
	.page-and-sticky-form > div{
		width: auto !important;
	}
	
	.page-and-sticky-form .querylinks .flexbox{

		flex-direction: column !important;
	}
	.fake-form-space{
		display: none !important;
	}
	.sticky-form-div{

		width: 70% !important;
		max-width: 550px !important;
	}
	.logo-list{
		grid-template-columns: 1fr 1fr !important;
	}
	.contribution.specialization .hero-nav{
		display: flex !important;
	}
	.specialization .slide .content > div{

	width: 100% !important;
	}
	
	.contribution.specialization .slide .content{
		bottom: 5vw !important;
	}
}
/* course page */
/* course page */