@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');





:root {

    --primary1: 111,154,193,255;

    /*  #1D71B8; */

    --primary2: 232,180,114,255;

    /* #FB923C; */

    --color_base: 13, 13, 13;

    /* 0D0D0D */

    --color_black: 0, 0, 0;

    --color_white: 255, 255, 255;

    --baseFont: "Montserrat", serif;

    --imgPrimary1: invert(35%) sepia(89%) saturate(793%) hue-rotate(175deg) brightness(89%) contrast(91%);

    --imgPrimary2: invert(68%) sepia(52%) saturate(2147%) hue-rotate(333deg) brightness(104%) contrast(97%);

    --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);

    --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);

    --padding: clamp(3.125rem, 2.2321rem + 4.4643vw, 6.25rem);

    --paddingSm: clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem);

}



.clr-1 {

    color: rgb(var(--primary1)) !important;

}



.clr-2 {

    color: rgb(var(--primary2)) !important;

}



.bg-clr-1 {

    background-color: rgb(var(--primary1));

}



.bg-clr-2 {

    background-color: rgb(var(--primary2));

}



body {

    font-family: var(--baseFont);

    color: rgb(var(--color_base));

}



a,

a:hover,

a:focus {

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    text-decoration: none;

}



button:focus {

    outline: none;

}



.content p:last-child {

    margin-bottom: 0;

}



.content h3 {

    font-size: clamp(1.125rem, 1.0625rem + 0.3125vw, 1.4375rem);

    margin: 30px 0 15px;

}



.padding {

    padding: var(--padding) 0;

}



.padding-sm {

    padding: var(--paddingSm) 0;

}



h2.title {

    color: rgb(var(--primary1));

    font-size: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);

    font-weight: 700;

    margin-bottom: 1.5rem;

    line-height: normal;

    display: inline-block;

    position: relative;

    z-index: 1;

}

h2.title span{position: relative; display: inline;}

h2.title span::after {

    content: "";

    height: 8px;

    width: 100%;

    background-color: rgb(var(--primary2));

    position: absolute;

    left: 0;

    right: 0;

    bottom: 5px;

    display: inline;

    z-index: -1;

}





h2.title-sm {

    font-size: clamp(0.9375rem, 0.8125rem + 0.625vw, 1.5625rem);

}



.btn-custom {

    text-transform: uppercase;

    border-radius: 0;

    line-height: 1.3;

    color: rgb(var(--color_white));

    margin-top: 1rem;

    padding: 8px 16px;

    text-decoration: none;



    font-weight: 700;

}



.btn-custom:hover,

.btn-custom:focus,

.btn-custom:active {

    outline: none;

    background-origin: none !important;

    color: rgb(var(--color_white)) !important;

}



#wrapper {

    max-width: 1920px;

    margin: 0 auto;

}



html {

    scroll-behavior: auto !important;

}





/* header */



.navbar-toggler{border: none;}

.navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")



}

.header {

    z-index: 99;

    background-color: transparent;

    max-width: 1920px;

    padding: 30px 0;

}



.header * {

    transition: all .3s linear;

}



.header .navbar-brand {

    transition: all .3s linear;

    display: inline-block;

}



.top-links{



}

.top-links .payment-link{color: rgb(var(--color_white));

    font-weight: 600;

    line-height: normal;

    margin-right: 1rem;

    position: relative;

}

.top-links .payment-link::after{

    content: "";

    width: 1px;

    height: 70%;

    position: absolute;

    right: -8px;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgb(var(--color_white));

    display: block;

}



.lang-link {

    color: rgb(var(--color_white));

    font-weight: 600;

    line-height: normal;

    text-transform: uppercase;

}



#main-menu ul li {

    margin: 0 1rem;

}



#main-menu ul li a {

    font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);

    font-weight: 600;

    line-height: normal;

    color: rgb(var(--color_white));

}





.header .dropdown>.dropdown-menu {

    display: block;

    opacity: 0;

    padding: 1rem 0;

    visibility: hidden;

    transform-origin: center center;

    transform: translateY(20px);

    transition: all .2s ease-in;

    border-radius: 0;

    border: none;

    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);

}



.header .dropdown:hover>.dropdown-menu {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}



#main-menu ul li ul li {

    margin: 0;

}



#main-menu ul li ul li a {

    color: rgb(var(--color-black));

    font-size: 1rem;

    padding: 0.5rem 1.5rem;

    font-weight: 400;

}



#main-menu ul li ul li a:hover,

#main-menu ul li ul li a:focus {

    color: rgb(var(--primary2));

    background-color: transparent;

}



.bg {

    background-color: #FFF7ED;

}



.bg02{

    background-color: #EFF6FF;

}



/* banner */

#banner {

    width: 100%;

    position: relative;

    overflow: hidden;

}



#banner .item::before {

    content: "";

    background: linear-gradient(0deg, rgba(13, 13, 13, 0.00) 72.29%, rgba(13, 13, 13, 0.70) 100%);

    position: absolute;

    left: 0;

    top: 0;

    height: 150%;

    right: 0;

    display: block;

    z-index: 2;



}



#banner .item::after {

    content: "";

    background: radial-gradient(32.36% 25.6% at 50% 50%, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(0deg, rgba(13, 13, 13, 0.00) 72.29%, rgba(13, 13, 13, 0.70) 100%);

    width: 100%;

    height: 100%;

    display: block;

    opacity: 0.5;

    position: absolute;

    inset: 0;

    margin: auto;

    z-index: 0;

}



#banner .item {

    overflow: hidden;

}



#banner .item .pic,

#banner .item .video-wrap {

    position: relative;

}



#banner,

#banner .item,

#banner .item .pic,

#banner .item .video-wrap {

    height: 100vh;

    max-height: 1080px;

}



#banner .item .pic img {

    height: 100%;

    object-fit: cover;

}



#banner .item .banner-text {

    position: absolute;

    left: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    top: calc(50% + 50px);

    transform: translateY(-50%);

    z-index: 3;

    max-width: 700px;

    width: 75%;

    margin: 0 auto;

    text-align: center;

    z-index: 2;

}



#banner .item .banner-text h1 {

    color: rgb(var(--color_white));

    font-size: clamp(1.5rem, 1.0714rem + 2.1429vw, 3rem);

    font-weight: 700;

    margin-bottom: 60px;

}





#banner .down-arrow {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 24px;

    z-index: 2;

    text-align: center;

    display: inline-block;

}





.bounce {

    animation: bounce 2s infinite;

}



@keyframes bounce {

    0% {

        -webkit-transform: translate(0, 0);

    }



    20% {

        -webkit-transform: translate(0, 10px);

    }



    40% {

        -webkit-transform: translate(0, 0);

    }

}



#banner .owl-carousel.style1 .owl-nav button.owl-prev,

#banner .owl-carousel.style1 .owl-nav button.owl-next {

    top: calc(50% + 50px);

}



#banner .owl-carousel.style1 .owl-nav button.owl-prev {

    left: 60px;

}



#banner .owl-carousel.style1 .owl-nav button.owl-next {

    right: 60px;

}



#banner-video {

    position: fixed;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}





.owl-carousel.style1 .owl-nav button.owl-prev,

.owl-carousel.style1 .owl-nav button.owl-next {

    position: absolute;

    top: calc(50% - 25px);

    transform: translateY(-50%);

    opacity: 0.5;

}



.owl-carousel.style1 .owl-nav button.owl-prev i,

.owl-carousel.style1 .owl-nav button.owl-next i {

    font-size: clamp(1.2rem, 0.94rem + 1.3vw, 2.5rem);

}



.owl-carousel.style1 .owl-nav button.owl-prev {

    left: -35%;

}



.owl-carousel.style1 .owl-nav button.owl-next {

    right: -35%;

}



.owl-carousel.style1 .owl-nav button.owl-prev:hover,

.owl-carousel.style1 .owl-nav button.owl-next:hover {

    opacity: 1;

}



.owl-carousel.style1 .owl-dots {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 30px;

    margin: 0 auto;

    text-align: center;

}



.owl-carousel.style1 .owl-dots button.owl-dot {

    border: 7px solid transparent;

}



.owl-carousel.style1 .owl-dots button.owl-dot span {

    background-color: #949494;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    display: block;

}



.owl-carousel.style1 .owl-dots button.owl-dot.active span {

    background-color: rgb(var(--color_white))

}



/* about-block */

#about .message p {

    font-size: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.5rem);

}

#about .btn-custom{ position: absolute;   margin: 0 auto;

    left: 0;

    right: -210px;

    bottom: -190px;

    Z-INDEX: 3;}



/* founder */

.founder{position: relative;}

.founder::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 50%;

    background-color: #FFF7ED;

}

.founder .founder-message {

    padding: clamp(1.5rem, 0.8571rem + 3.2143vw, 3.75rem);

}



.founder p {

    color: rgb(var(--color_white));

}



.founder .btn-custom.style01 {

    left: 50%;

    transform: translateX(-50%);

    bottom: -60px;

}



/* affiliations-slider */

.affiliations .item .item-inner {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100px;

}







/* pattern */

.pattern {

    background: url('../images/pattern.png') repeat-x 0 0;

    height: 31px;

}

.pattern02 {

    background: url('../images/pattern02.png') repeat-x 0 0;

    height: 31px;

}

.facts-figures {

    background: url('../images/facts-bg.jpg') no-repeat center top;

    background-size: cover;

}



.facts-figures h2.title span::after {

    background-color: rgb(var(--color_white));

}





.first-row .row .col-md-6:first-child {

    margin-top: 80px;

}



.facts-figures .fact-wrap {

    transition: all .2s linear;

    top: 0;

}



.facts-figures .fact-wrap .fact-content {

    position: absolute;

    inset: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.facts-figures .fact-wrap .fact-content h4 {

    line-height: normal;

    color: #FABA38 !important;

}



.facts-figures .fact-wrap .fact-content .text {

    font-size: 1.125rem;

    font-weight: 500;

}



.facts-figures .fact-wrap:hover {

    top: -10px;

}



.pic-wrap {

    margin: 0 auto;

    position: relative;

}



.pic-wrap .img-wrap {

    mask-repeat: no-repeat;

}



.img-wrap * {

    transition: all .3s linear;

}



.pic-wrap.shape01 {

    margin: 0 auto;

    width: 312px;

    height: 312px;

}



.pic-wrap.shape02 {

    margin: 0 auto;

    width: 336px;

    height: 336px;

}



.pic-wrap.shape03 {

    margin: 0 auto;

    width: 312px;

    height: 312px;

}











.shape01 .img-wrap {

    max-width: 312px;

    height: 312px;

    -webkit-mask-image: url('../images/shape01.png');

    mask-image: url('../images/shape01.png');

}



.shape01-before {

    background: url('../images/shape01-before.png') no-repeat 0 0;

    position: absolute;

    left: -15px;

    top: -15px;

    width: 172px;

    height: 172px;

    display: block;

}



.shape02 .img-wrap {

    max-width: 336px;

    height: 336px;

    -webkit-mask-image: url('../images/shape02.png');

    mask-image: url('../images/shape02.png');

}



.shape02-before {

    background: url('../images/shape02-before.png') no-repeat 0 0;

    position: absolute;

    right: -15px;

    bottom: -17px;

    width: 317px;

    height: 239px;

    display: block;

}



.shape03 .img-wrap {

    max-width: 312px;

    height: 312px;

    -webkit-mask-image: url('../images/shape01.png');

    mask-image: url('../images/shape01.png');

}



.shape03-before {

    background: url('../images/shape03-before.png') no-repeat 0 0;

    position: absolute;

    right: -15px;

    bottom: -15px;

    width: 172px;

    height: 172px;

    display: block;

}



.pic-wrap.shape01:hover .shape01-before {

    left: auto;

    top: auto;

    right: -15px;

    bottom: -15px;

    transform: rotate(180deg);

}



.pic-wrap.shape02:hover .shape02-before {

    right: auto;

    bottom: auto;

    left: -15px;

    top: -17px;

    transform: rotate(180deg);

}



.pic-wrap.shape03:hover .shape03-before {

    right: auto;

    bottom: auto;

    left: -15px;

    top: -17px;

    transform: rotate(180deg);

}



.img-wrap:hover img {

    transform: scale(1.1);

}



.school-mascot {

    position: absolute;

    margin: auto;

    z-index: 1;

    top: -15px;

    left: 50%;

    transform: translateX(-60%);

}



.pic-wrap .btn-custom.style01 {

    right: -35px;

    top: -35px;

    border: none;

    margin: 0;

}



.pic-wrap .btn-custom.style01:active,

.pic-wrap .btn-custom.style01:focus {

    outline: none;

}



.btn-custom.style01 {

    width: 124px;

    height: 124px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.btn-custom.style01::before {

    content: "";

    background: url('../images/star-bg.png') no-repeat 0 0;

    background-size: cover;

    position: absolute;

    inset: 0;

    margin: auto;

    width: 100%;

    height: 100%;

    filter: var(--imgPrimary1);

    transition: transform .3s linear;

}



.btn-custom.style01::after {

    content: "";

    background: url('../images/star-bg.png') no-repeat 0 0;

    background-size: cover;

    position: absolute;

    inset: 0;

    margin: auto;

    width: 100%;

    height: 100%;

    filter: invert(55%) sepia(90%) saturate(3738%) hue-rotate(359deg) brightness(103%) contrast(110%);

    transition: transform .3s linear;

}



.btn-custom.style01 .text {

    color: rgb(var(--color_white));

    font-weight: 700;

    position: relative;

    z-index: 1;

}



.btn-custom.style01:hover::before {

    transform: rotate(-25deg);

}



.btn-custom.style01:active,

.btn-custom.style01:focus {

    border: none !important;

}





/*learning-block */

.learning-block {

    overflow: hidden;

}



.learning-slider.owl-carousel .owl-stage-outer {

    overflow: visible;

}

.learning-slider .owl-stage{margin: 0 auto;}


.learning-slider .owl-item>div {

    cursor: pointer;

    margin1: 0 -8%;

    transition: margin 0.4s ease;

}



.learning-slider .owl-item.center {

    z-index: 2;

}



.learning-slider .owl-item.center>div {

    cursor: auto;

    margin: 0;

}



.learning-slider .owl-item img {

    transition: all .3s linear;

}



.learning-slider .owl-item.center .pic-wrap {

    transform1: scale(1.25);

    box-shadow: 0px 0px 48px 0px rgba(13, 13, 13, 0.20);

}



.learning-slider .owl-item:not(.center)>div img {

    width1: 90%;

}



.learning-slider .item .pic-wrap {

    display: block;

    text-decoration: none;

    overflow: hidden;

}



.learning-slider .item .info {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 30px;

    z-index: 1;

    transition: all .3s linear;

}



.learning-slider .item .info::after {

    content: "";

    background: linear-gradient(to bottom, transparent 0%, black 100%);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    display: block;

    z-index: -1;

    height: 150%;

}



.learning-slider .item .info {

    color: rgb(var(--color_white));





}



.learning-slider .item .info .name {

    font-weight: 600;

    margin-bottom: 0;

    line-height: normal;

    font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);



}



.learning-slider .owl-item:not(.center)>div .info {

    opacity: 1;

    visibility: visible;

    transition: all .3s linear;

}



.learning-slider .owl-item.center>div .info {

    opacity: 1;

    visibility: visible;

}



.learning-slider .owl-item.center>div .info {

    bottom: 0;

}





.learning-slider.owl-carousel .owl-nav {

    position: absolute;

    top: calc(50% - 32px);

    transform: translateY(-50%);

    width: 30%;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.learning-slider.owl-carousel .owl-nav button.owl-prev,

.learning-slider.owl-carousel .owl-nav button.owl-next {

    background: url('../images/star-bg-white.png') no-repeat 0 0;

    background-size: cover;

    width: 64px;

    height: 64px;

    position: absolute;

    z-index: 2;

}



.learning-slider.owl-carousel .owl-nav button.owl-prev .prev-arrow,

.learning-slider.owl-carousel .owl-nav button.owl-next .next-arrow {

    background: url('../images/arrow.png') no-repeat 0 0;

    filter: var(--imgPrimary1);

    width: 10px;

    height: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin: auto;

    transform: rotate(180deg);

}



.learning-slider.owl-carousel .owl-nav button.owl-prev .prev-arrow {

    transform: rotate(0deg);

}



.learning-slider.owl-carousel .owl-nav button.owl-prev {

    left: 0;

}



.learning-slider.owl-carousel .owl-nav button.owl-next {

    right: 0;

}



.learning-slider .owl-item .btn-custom {

    right: -100px;

    bottom: -100px;

    opacity: 0;

    visibility: hidden;

    transform: scale(0);

    transition: .3s;

}



.learning-slider .owl-item.center .btn-custom {

    opacity: 1;

    visibility: visible;

    transform: scale(1);

}



/* activity-block */

.activity-block h2.title span::after {

    background-color: rgb(var(--color_white));

}

.activity-block .btn-custom {

    left: 0;

    right: 0;

    bottom: -60px;

    margin: 0 auto;

}

.activity-wrap .item{margin-right: 12px; position: relative; top: 0; width: 25%; flex-shrink: 0; transition: .2s linear;}

.activity-wrap .item:hover{top: -10px;}

.activity-wrap .item:last-child{margin: 0;}

.activity-wrap .item .name{left: 0; margin: 0;  width: 100%; position: relative; z-index: 2; bottom: 0; color: rgb(var(--color_white)); font-weight: 600;}

.activity-wrap .item .img-wrapper::after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 100%);

    position: absolute; left: 0; right: 0; bottom: 0; height: 150px;

}





@media only screen and (max-width:767px){

    .activity-wrap {overflow-x: scroll;}

    .activity-wrap .item{width: 300px;}

}



.calendar h2.heading{

    color: rgb(var(--primary1));

    font-size: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);

    font-weight: 700;

    margin-bottom: 1.5rem !important;

    line-height: normal;

    text-align: center;

    position: relative;

}

.calendar .my-calendar-navigation .my-calendar-header .mc-time li a{background-color: transparent;

    color: rgb(var(--primary1)); }

.calendar .my-calendar-navigation .my-calendar-header .mc-time li a:hover,.calendar .my-calendar-navigation .my-calendar-header .mc-time li a.mc-active{

    background-color: rgb(var(--primary1)); color: rgb(var(--color_white));

}

.mc-main .category-key li.all-categories .mc-active{

    background-color: transparent;

    color: rgb(var(--primary1));

}

.mc-main .my-calendar-navigation select:focus, .mc-main .my-calendar-navigation select:hover, .mc-main .my-calendar-navigation input:hover, .mc-main .my-calendar-navigation input:focus, .mc-main .my-calendar-navigation button:hover, .mc-main .my-calendar-navigation button:focus, .mc-main .my-calendar-navigation a:hover, .mc-main .my-calendar-navigation a:focus{

    outline: 3px solid rgb(var(--primary1)) !important;

}





/* footer */

footer #top {

    background: url('../images/footer-image.jpg') no-repeat 0 0;

    background-size: cover;

}



footer #top h5{

font-size: 1.125rem;

}



footer #top .footer-links{margin-bottom: 30px;}

footer #top .footer-links li a{font-weight: 500; position: relative; left: 0; transition: .3s linear; text-decoration: none; color: rgb(var(--color_white)); font-size: 1.125rem;}

footer #top .footer-links li a:hover{left: 5px; }

footer #top .footer-links li{margin-bottom: 10px;}

footer #top .footer-links li:last-child{margin-bottom: 0;}



footer #top .address{margin-bottom: 12px;}

footer #top .address p,footer #top .address a{color: rgb(var(--color_white)); font-weight: 500;}



footer #top .insta-link{padding: 12px; display: inline-flex; align-items: center; font-size: 0.875rem; background-color: rgba(var(--color_white),0.1); border-radius: 12px; margin-bottom: 30px; transition: .2s linear;}

footer #top .insta-link img{margin-right: 12px;}

footer #top .insta-link:hover{background-color: rgb(var(--primary2));}



footer #top .logo-text{

    font-size: 1.125rem;

    margin-bottom: 30px;

}



.footer #bottom{

    background-color: #0D0D0D;

    padding: 1.5rem 0;

    color: rgba(var(--color_white),0.5);

}

.footer #bottom a{color: rgba(var(--color_white),0.5);}

.footer #bottom a:hover{color: rgb(var(--color_white));}





/* inner page styles */

/* innber-banner */

.inner-banner {

    position: relative;

    overflow: hidden;

}



.inner-banner::after {

    content: "";

    width: 100%;

    height: 100%;

    background-color: rgba(var(--color_black),0.3);

    position: absolute;

    inset: 0;

    display: block;

}

.inner-banner .inner-pic::after{

    content: "";

    width: 100%;

    height: 100%;

    display: block;

    background: linear-gradient(0deg, rgba(13, 13, 13, 0.00) 72.29%, rgba(13, 13, 13, 0.70) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);

    position: absolute;

    left: 0;

    bottom: 0;

    opacity: 0.7;

}



.inner-banner img {

    object-fit: cover;

    background-position: center top;

}



.inner-banner .pattern02{position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;}



.inner-banner h1{color: rgb(var(--color_white)); text-align: center;

    margin: 0 auto;

    position: absolute;

    display: flex;

    align-items: flex-end;

    z-index: 2;

    left: 0;

    right: 0;

    bottom: 80px;

    justify-content: center;

    font-size: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);

    font-weight: 700;

}



.custom-strip{padding: 0.75rem 0;}

.custom-strip .custom-links a{font-weight: 600; color: rgb(var(--color_white)); margin: 0 12px;}

.custom-strip .custom-links a:hover,.custom-strip .custom-links a.active{color: rgb(var(--primary2));}



.about-inner p{}



.img-wrap{

    width: 96%;

    height: auto;

    position: relative;

    mask-repeat: no-repeat;

    mask-position: center;

    mask-size: 96% 96%;

}

.star-shape{



    -webkit-mask-image: url('../images/star-shape.png');

    mask-image: url('../images/star-shape.png');



}



.circle-shape{

     -webkit-mask-image: url('../images/circle-shape.png');

    mask-image: url('../images/circle-shape.png');

}





.accreditations-img{width: 80%;height: 80%; position: relative;

    margin: 0 auto;

    inset: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    padding: 2rem 0;

}



.accreditations-img .item{width: calc(50% - 40px); margin: 20px;}





.values-block h6{font-weight: 600; text-decoration: underline; margin-bottom: 0;}

.explore-link{min-height: 100px; width: 90%; }

.explore-link .title{font-weight: 600; padding: 24px 50px 24px 24px; color: rgb(var(--primary2)); line-height: 1.1; font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);}

.explore-link .btn-custom.style01{width: 100px; height: 100px; margin:0; right: -50px; top: 50%; transform: translateY(-50%);}



.governance-info a{text-decoration: underline; font-weight: 600; color: rgb(var(--primary1));}

.governance-info a:hover{text-decoration: none;}



/* accordion */

.accordion.style01 .card{margin-bottom: -1px;}

.accordion.style01 .card .card-header{background-color: transparent;}

.accordion.style01 .card .card-header a{padding: 36px 24px 36px 36px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #C0C3CC;

    border-bottom: 1px solid #C0C3CC;

  font-size: clamp(1.125rem, 1.0179rem + 0.5357vw, 1.5rem);

  font-weight: 700;

  color: rgb(var(--primary2));

}



.accordion.style01 .card-header a .icon{width: 24px; height: 24px;

  display: block; position: relative;}



.accordion.style01 .card-header a .icon::before{

    content: ""; position: absolute;

    inset: 0;

    width: 16px;

    height: 2px;

    text-align: center;

    margin: auto; display: block;

    background-color: #C0C3CC;

  }



.accordion.style01 .card-header a .icon::after{

    content: ""; position: absolute;

    inset: 0;

    width: 2px;

    height: 16px;

    text-align: center;

    margin: auto; display: block;

    background-color: #C0C3CC;

}



.accordion.style01 .card-header a:not(.collapsed) {border-color: rgb(var(--primary2)); background-color: rgb(var(--primary2));

    color: rgb(var(--color_white));

}



.accordion.style01 .card-header a:not(.collapsed) .icon::after{display: none;}

.accordion.style01 .card-header a:not(.collapsed) .icon::after,.accordion.style01 .card-header a:not(.collapsed) .icon::before{background-color:rgb(var(--color_white));}

.accordion.style01 .card .card-body{padding: 36px 24px 36px 36px;}

.accordion.style01 .card .card-body .btn-custom{max-width: none; background-color: transparent; color: rgb(var(--primary1));

display: inline-flex; margin-top: 8px;

}

.accordion.style01 .card .card-body .btn-custom{padding: 0; text-transform: none;}

.accordion.style01 .card .card-body .btn-custom span.arrow{margin-left: 1.5rem;}

.accordion.style01 .card .card-body h6{font-weight: 600; text-decoration: underline; margin-bottom: 0;}





/* style02 */

.accordion.style02 .card:first-child .card-header a{border-top: none;}

.accordion.style02 .card .card-header{background-color: transparent;}

.accordion.style02 .card .card-header a{padding: 36px 0 36px 0; display: flex; align-items: center; justify-content: space-between;

    border-top: 1px solid #C0C3CC;

  font-size: clamp(1.125rem, 1.0179rem + 0.5357vw, 1.5rem);

  font-weight: 700;

  color: #848484;

}



.accordion.style02 .card-header a .icon{width: 24px; height: 24px;

  display: block; position: relative;}



.accordion.style02 .card-header a .icon::before{

    content: ""; position: absolute;

    inset: 0;

    width: 16px;

    height: 2px;

    text-align: center;

    margin: auto; display: block;

    background-color: #C0C3CC;

  }



.accordion.style02 .card-header a .icon::after{

    content: ""; position: absolute;

    inset: 0;

    width: 2px;

    height: 16px;

    text-align: center;

    margin: auto; display: block;

    background-color: #C0C3CC;

}



.accordion.style02 .card-header a:not(.collapsed) {border-color: #C0C3CC; color: rgb(var(--primary2));

}



.accordion.style02 .card-header a:not(.collapsed) .icon::after{display: none;}

.accordion.style02 .card-header a:not(.collapsed) .icon::after,.accordion.style02 .card-header a:not(.collapsed) .icon::before{background-color:rgb(var(--primary2));}

.accordion.style02 .card .card-body{padding: 0 24px 36px 0;}

.accordion.style02 .card .card-body .btn-custom{max-width: none; background-color: transparent; color: rgb(var(--primary1));

display: inline-flex; margin-top: 8px;

}

.accordion.style02 .card .card-body .btn-custom{padding: 0; text-transform: none;}

.accordion.style02 .card .card-body .btn-custom span.arrow{margin-left: 1.5rem;}

.accordion.style02 .card .card-body h6{font-weight: 600; text-decoration: underline; margin-bottom: 0;}







/* age-group */

.age-group{flex-wrap: wrap;}

.age-group .col{width: 14.28%; flex: auto;}

.age-group .col .std{font-weight: 600; text-decoration: underline;}

.age-group .col .year{}



/* table-cust */

.table-cust thead tr th{text-align: center; vertical-align: middle; font-weight: 400; background-color: #F6F6F6; border-color: #C0C3CC;}

.table-cust thead tr th:last-child{width: 18%;}

.table-cust thead tr th .table-title{font-weight: 600;}

.table-cust tbody tr td{text-align: center; border-color: #C0C3CC; font-size: 0.875rem; font-weight: 500;}

.table-cust tbody tr td.fees{ direction: rtl; vertical-align: middle;}

.v-middle{vertical-align: middle;}



.career-content h6{font-weight: 600; text-decoration: underline; margin-bottom: 0;}

.career-content a{color: rgb(var(--primary2)); text-decoration: underline; font-weight: 700;}



#cust-tab{justify-content: center; position: relative; border: none;}

#cust-tab::after{content: ""; display: block; width: 100%; height: 1px; background-color: #C0C3CC;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    z-index: -1;

}

#cust-tab .nav-item {margin: 0 15px; background: rgb(var(--color_white));}



#cust-tab .nav-item:first-child{margin-left: 0;}

#cust-tab .nav-item:last-child{margin-right: 0;}

#cust-tab .nav-item .nav-link{position: relative; display: block;  width: 64px;

    height: 64px; border: none; z-index: 0; font-size: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.5rem); text-align: center; color: rgb(var(--color-black)); line-height: 50px; margin: 0 10px; border-radius: 0;  font-weight: 700;}

#cust-tab .nav-item .nav-link.active{color: rgb(var(--color_white)); }

#cust-tab .nav-item .nav-link::after{content: ""; background: url('../images/star-bg.png') no-repeat 0 0;

    background-size: 64px 64px;

    width: 64px;

    height: 64px;

    text-align: center;

    border: none;

    display: block;

position: absolute;

inset: 0;

    filter: var(--imgPrimary2);

z-index: -1; opacity: 0; visibility: hidden; transform: scale(0); transition: all .2s linear;}

#cust-tab .nav-item .nav-link.active::after{

    opacity: 1;

    visibility: visible;

    transform: scale(1);

}



/* step-form */

.step-form hr{color:#C0C3CC; opacity: 1; }

.step-form .tab-pane{margin-bottom: 3rem;}

.step-form .left-block{}

.step-form .left-block h6{font-weight: 600; text-decoration: underline; margin-bottom: 8px;}

.step-form .left-block p{font-size: 0.875rem;}

.step-form .right-block .title{font-size:0.875rem; margin-bottom: 12px; font-weight: 600;}

.step-form .right-block .form-label{font-size:0.875rem; font-weight: 600; margin-bottom: 4px;}

.step-form .right-block .form-control{border:1px solid #C0C3CC; border-radius: 0; box-shadow: none;}

.step-form .right-block .form-control:focus{border-color: rgba(var(--color_black),0.5);}

.step-form .right-block textarea.form-control{resize: none; height: 72px;}

.step-form .right-block .form-control.exp-date{text-align: center;}





.btn-custom.fill{    border-radius: 0;

    line-height: 1.3;



    margin-top: 1rem;

    padding: 16px 24px;

    text-decoration: none;

    text-transform: none;

    font-weight: 600;}



.btn-custom.fill:hover,.btn-custom.fill:focus,.btn-custom.fill:active{color: rgb(var(--color_white)) !important;}





.btn-custom.fill.prev-btn{ background-color: rgb(var(--primary1)); }

.btn-custom.fill.next-btn{ background-color: rgb(var(--primary2));  }



.btn-custom.fill.next-btn:hover,.btn-custom.fill.next-btn:focus,.btn-custom.fill.next-btn:active{

    background-color: rgb(var(--primary2)) !important;

    border: 1px solid rgb(var(--primary2)) !important;

}

.btn-custom.fill.prev-btn:hover,.btn-custom.fill.prev-btn:focus,.btn-custom.fill.prev-btn:active{

    background-color: rgb(var(--primary1)) !important;

    border: 1px solid rgb(var(--primary1)) !important;

}



/* datepicker */

#datepicker .ui-widget.ui-widget-content{ padding: 0; border: none;}

#datepicker .ui-widget-header{background-color: transparent; border: none;}



.ui-datepicker .ui-datepicker-prev span.ui-icon{background-image: none; position: relative; height: 20px;}

.ui-datepicker .ui-datepicker-prev span.ui-icon::before{content: "\f053";

    font-family: 'fontAwesome'; color: rgb(var(--primary1)); display: block; text-indent: 0;}

.ui-datepicker .ui-datepicker-prev.ui-state-hover{border: none; background-color: transparent;}

.ui-datepicker .ui-datepicker-prev{left: 1px; top: 0;}



.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{}

.ui-datepicker .ui-datepicker-next span.ui-icon{background-image: none; position: relative; height: 20px;}

.ui-datepicker .ui-datepicker-next span.ui-icon::before{content: "\f054";

    font-family: 'fontAwesome'; color: rgb(var(--primary1)); display: block; text-indent: 0;}

.ui-datepicker .ui-datepicker-next.ui-state-hover{border: none; background-color: transparent;}

.ui-datepicker .ui-datepicker-next{right: 1px; top: 0;}



.ui-datepicker th{font-weight: 400; font-size: 12px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: none;

background-color: #E6E6E6;

text-align: center; font-size: 1rem; font-weight: 700; color: rgb(var(--primary1));

border-radius: 5px;

}

.ui-datepicker .ui-datepicker-title{color: rgb(var(--primary1));}



.ui-state-default, .ui-widget-content .ui-state-active{background-color: rgb(var(--primary1)); color: rgb(var(--color_white));}

.ui-state-default.ui-state-highlight{background-color: rgb(var(--primary1)); color: rgb(var(--color_white));}



.early-quote{position: relative;}

.early-quote::before{content: ""; position: absolute; width: 100%; height: 50%; background-color: #EFF6FF;}

.early-quote .quote-inner{background-color: rgb(var(--primary1));}

.early-quote .quote-inner .text{font-size: clamp(1rem, 0.8929rem + 0.5357vw, 1.375rem); font-weight: 500; font-style: italic; color: rgb(var(--color_white));

    padding: clamp(1.25rem, 0.75rem + 2.5vw, 3rem);}

.early-quote .quote-inner .pattern-img{background: url('../images/pattern03.png') no-repeat right top;

width: 149px; height: 236px; background-size: cover;

}



.content h6{font-weight: 600; text-decoration: underline; margin-bottom: 0;}

.content a{color: rgb(var(--color-black));}

.content ul{padding: 0; margin: 0 0 15px; list-style: none;}

.content ul li{position: relative; padding-left: 20px; margin-bottom: 12px;}

.content ul li::before{content: ""; position: absolute; left: 0; top: 6px;

    background: url('../images/star-bg.png') no-repeat 0 0; background-size: 12px 12px;

    display: block; width: 12px; height: 12px; filter: var(--imgPrimary2);

}

.content ul li ul li{padding-left: 0; margin-bottom: 0;}

.content ul li ul li::before{

    display: none;

}

.vision-mission [class^="col-"]{position: relative;}

.vision-mission [class^="col-"]:first-child::after{content: ""; background: #C0C3CC; height: 115px; position: absolute;

    right: -20%;

    top: 50%;

    width: 1px;

    transform: translateY(-50%);



}

.tagline{color: rgb(var(--primary2)); font-style: italic; font-weight: 500; font-size: clamp(1rem, 0.8929rem + 0.5357vw, 1.375rem);}



#tab-style02{margin: 0; padding: 0; list-style: none; flex-direction: column; border: none;}

#tab-style02 li{padding-left: 0;}

#tab-style02 li::before{display: none;}

#tab-style02 li .nav-link{ padding: 12px;  align-items: center;  display: flex; justify-content: space-between; background-color: transparent; border: none; width: 100%;

    font-size: 1.125rem; font-weight: 600; color: rgb(var(--color_black)); text-align: left; border-radius: 0;

}



#tab-style02 li .nav-link.active{background-color: #FFF7ED;}

#tab-style02 li .nav-link .icon{flex-shrink: 0;  width: 32px; height: 32px;

position: relative;

}

#tab-style02 li .nav-link .icon i{text-align: center; font-size: 0.8rem; position: absolute; line-height: 32px; margin: auto; inset: 0;

transform: scale(0); color: rgb(var(--color_white));

}

#tab-style02 li .nav-link .icon::before{

    content: "";

    background-image: url('../images/star-bg.png');

    background-repeat: no-repeat; background-position: 0 0;

    filter: var(--imgPrimary2);

    opacity: 0;

    visibility: hidden;

    transition: .2s linear;

    background-size: 32px 32px;

    width: 32px; height: 32px;

    display: block;

}

#tab-style02 li .nav-link.active .icon::before{

    opacity: 1;

    visibility: visible;

}

#tab-style02 li .nav-link.active .icon i{

    transform: scale(1);

}



.file-list a{text-decoration: none; margin-bottom: 1rem; border-bottom: 1px solid #C0C3CC; display: flex; justify-content: space-between; padding:12px 0;}

.file-list a span{display: block;}

.file-list a .title{font-weight: 500; color: rgb(var(--color-black));}

.file-list a .view{font-weight: 600; color: #C0C3CC;}

.file-list a:hover .view{color: rgb(var(--primary2));}



.host-info{max-width: 90%;}



.pg-syllabus h3{margin:0;  font-size:0.875rem;

    font-weight: 600;

    line-height: normal;}



.pg-syllabus .clr-gray{color: #C0C3CC;}

.pg-syllabus .form-select{font-size:0.875rem;

    font-weight: 600; color: rgb(var(--color-black)); border: 2px solid #C0C3CC; border-radius: 0; box-shadow: none;}

.pg-syllabus .form-select option{font-size:0.875rem;

    font-weight: 600; color: rgb(var(--color-black));}

.pg-syllabus hr{border-color: #C0C3CC; opacity: 0.75;}



.mc-main .has-events .mc-date{background-color: transparent !important; color: #232A3E !important;}

.mc-main .my-calendar-table, .mc-main .my-calendar-list{color: #232A3E !important;}

.mc-main .mc-event{padding: 6px 10px; margin-bottom: 4px; font-weight: 500;}

.mc-main .mc_rel_exam{background-color: rgb(var(--primary2)); color: rgb(var(--color_white));}

.mc-main .mc_rel_activity{background-color: rgb(var(--primary1)); color: rgb(var(--color_white));}

.mc-main .mc_rel_holiday{background-color: #FABA38; color: rgb(var(--color_white));}

.mc-main .my-calendar-navigation .mc-active{outline: 2px solid rgb(var(--primary1)) !important; background-color: rgb(var(--primary1)) !important;

    color: rgb(var(--color_white)) !important;

}

.mc-main .my-calendar-navigation input[type=submit], .mc-main .my-calendar-navigation button{

    background-color: rgb(var(--primary1)) !important;

    border-color: rgb(var(--primary1)) !important;

    color: rgb(var(--color_white)) !important;

}

.mc-main thead{border-color: #232A3E !important;}





/* leadership-block */

.leadership-block{position: relative; border-radius: 0; border: none; height: 100%; justify-content: space-between;}



.leadership-block .img-wrapper{max-width: 176px; position: relative; z-index: 1; background-color: #D9D9D9;}

.leadership-block .leadership-content{position: relative; min-height: 120px;}

.leadership-block .leadership-content::before{content: "";  position: absolute;

    left: 0; right: 0; height: 50px; display: block;

    top: -50px;

}

.leadership-block .leadership-content::after{content: "";

    background-image: url('../images/pattern04.png');

    background-repeat: no-repeat;

    background-position: 0 0;

    width: 47px;

    height: 83px;

    display: block;

    position: absolute;

    top: -50px;

    right: 0;



}



.leadership-block .leadership-content .name{font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem); font-weight: 600; }

.leadership-block .leadership-content .post{font-size: 14px;}



.row-odd .leadership-block .leadership-content{background-color: #FFF7ED;}

.row-odd .leadership-block .leadership-content::before{background-color: #FFF7ED;}

.row-odd .leadership-block .leadership-content::after{

    filter: var(--imgPrimary2);

}

.row-odd .leadership-block .leadership-content .name{color: rgb(var(--primary2));}



.row-even .leadership-block .leadership-content{background-color: #EFF6FF;}

.row-even .leadership-block .leadership-content::before{background-color: #EFF6FF;}

.row-even .leadership-block .leadership-content::after{

    filter: var(--imgPrimary1);

}

.row-even .leadership-block .leadership-content .name{color: rgb(var(--primary1));}



.pg-contact h3{font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem); font-weight: 600; color: rgb(var(--primary2));}

.address-block{position: relative; padding: 0 1rem;}

.address-block::before,.address-block::after{content: ""; background-color: #C0C3CC; width: 1px; height: 100%; position: absolute; top: 0;}

.address-block::before{left: calc((var(--bs-gutter-x) * .5) * -1);}

.address-block::after{right: calc((var(--bs-gutter-x) * .5) * -1);}

.pg-contact .insta-link{background-color: #FFF7ED; color: rgb(var(--color_base)); padding: 12px;display: inline-flex;align-items: center;font-size: 0.875rem; border-radius: 12px;margin-bottom: 30px; transition: .2s linear;}

.pg-contact .insta-link img{margin-right: 12px;}

.pg-contact .insta-link:hover{background-color: rgb(var(--primary2));}

.pg-contact .address-block a{color: rgb(var(--color_base));}

.pg-contact .address-block a:hover{color: rgb(var(--primary1));}

.pg-contact .address-block h6{font-weight: 600; text-decoration: underline; margin-bottom: 0;}



.modal .modal-content .btn-close{position: absolute; right: 15px; top: 15px; z-index: 2; box-shadow: none !important;}

.modal .modal-content .modal-body{padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);}

.modal .modal-content .modal-body .name,.modal .modal-content .modal-body .post{font-weight: 500; font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);}

.modal .modal-content .modal-body .name{ text-transform: uppercase;}

.modal .modal-content .modal-body hr{margin: 15px 0; opacity: 0.1;}