@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, 20%);
        transform: translate(-50%, 20%);
        bottom: 0
    }

    40% {
        -webkit-transform: translate(-30%, 10%);
        transform: translate(-30%, 10%);
        bottom: 14%
    }

    25% {
        -webkit-transform: translate(-60%, 30%);
        transform: translate(-60%, 30%);
        bottom: 5%
    }

    50% {
        -webkit-transform: translate(0, -40%);
        transform: translate(0, -40%);
        bottom: 20%
    }

    74% {
        -webkit-transform: translate(50%, 20%);
        transform: translate(50%, 20%);
        bottom: 0
    }

    60% {
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        bottom: 14%
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        bottom: 20%
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, 20%);
        transform: translate(-50%, 20%);
        bottom: 0
    }

    40% {
        -webkit-transform: translate(-30%, 10%);
        transform: translate(-30%, 10%);
        bottom: 14%
    }

    25% {
        -webkit-transform: translate(-60%, 30%);
        transform: translate(-60%, 30%);
        bottom: 5%
    }

    50% {
        -webkit-transform: translate(0, -40%);
        transform: translate(0, -40%);
        bottom: 20%
    }

    74% {
        -webkit-transform: translate(50%, 20%);
        transform: translate(50%, 20%);
        bottom: 0
    }

    60% {
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        bottom: 14%
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        bottom: 20%
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-webkit-keyframes slidetop {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slidetop {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes poping {
    0% {
        -webkit-transform: rotate(-20deg) scale(1);
        transform: rotate(-20deg) scale(1)
    }

    100% {
        -webkit-transform: rotate(-20deg) scale(1.1);
        transform: rotate(-20deg) scale(1.1)
    }
}

@keyframes poping {
    0% {
        -webkit-transform: rotate(-20deg) scale(1);
        transform: rotate(-20deg) scale(1)
    }

    100% {
        -webkit-transform: rotate(-20deg) scale(1.1);
        transform: rotate(-20deg) scale(1.1)
    }
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*::-webkit-scrollbar {
    background-color: #fff;
    border-radius: 6px;
    width: 6px
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

*::-webkit-scrollbar-thumb {
    border-radius: 2rem;
    background: #a0387b
}

html {
    font-size: 62.5%
}

html,
body {
    scroll-behavior: smooth
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul {
    list-style: none;
    margin-left: 0;
    padding-bottom: 0
}

img {
    -o-object-fit: cover;
    object-fit: cover
}

@font-face {
    font-family: Chawp;
    src: url(../../font/chawp.otf)
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 1.6rem;
    color: #333
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif
}

.headingPrimary {
    font-size: 4.7rem;
    font-weight: bold;
    color: #a0387b;
    line-height: 1
}

.headingPrimary.blue {
    color: #285992
}

.headingPrimary.play {
    font-family: "Playfair Display", serif !important;
    font-weight: normal
}

@media only screen and (max-width: 768px) {
    .headingPrimary.play br {
        display: none
    }
}

.headingPrimary span {
    font-weight: 300
}

.headingPrimary span.d-block {
    font-size: 60%
}

@media only screen and (max-width: 992px) {
    .headingPrimary {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 768px) {
    .headingPrimary {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 575px) {
    .headingPrimary {
        font-size: 2.1rem
    }
}

.headingSecondary {
    line-height: 1.25em;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 700;
    color: #a0387b;
    position: relative
}

.headingSecondary.blue {
    color: #285992
}

.headingSecondary::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 5px;
    border-radius: 10px;
    background: #a0387b;
    bottom: -10px;
    left: 0
}

.headingTertiary {
    line-height: 1;
    text-transform: capitalize;
    font-size: 20px;
    margin: 1.5rem 0;
    font-weight: 700;
    color: #a0387b
}

.headingTertiary.blue {
    color: #285992
}

.headingTertiary.playfair {
    font-family: "Playfair Display", serif !important;
    color: #000
}

@media only screen and (min-width: 992.1px) {
    .headingTertiary.playfair {
        font-size: 3rem
    }
}

@media only screen and (max-width: 992px) {
    .headingTertiary {
        margin-bottom: 20px;
        font-size: 20px
    }
}

@media only screen and (max-width: 768px) {
    .headingTertiary {
        margin-bottom: 20px;
        font-size: 20px
    }
}

@media only screen and (max-width: 575px) {
    .headingTertiary {
        margin-bottom: 20px;
        font-size: 18px
    }
}

.headingQuartery {
    line-height: 1.25em;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: normal;
    color: #a0387b
}

.headingQuartery.blue {
    color: #285992
}

@media only screen and (max-width: 992px) {
    .headingQuartery {
        margin-bottom: 20px;
        font-size: 18px
    }
}

@media only screen and (max-width: 768px) {
    .headingQuartery {
        margin-bottom: 20px;
        font-size: 18px
    }
}

@media only screen and (max-width: 575px) {
    .headingQuartery {
        margin-bottom: 20px;
        font-size: 16px
    }
}

.headingFive {
    font-size: 1.6rem;
    font-weight: 300;
    color: #a0387b;
    text-align: center
}

.headingFive.blue {
    color: #285992
}

.headingSix {
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 1rem;
    color: #a0387b
}

.headingSix.blue {
    color: #285992
}

.m-bottom {
    margin-bottom: 7rem
}

@media only screen and (max-width: 992px) {
    .m-bottom {
        margin-bottom: 5rem
    }
}

@media only screen and (max-width: 768px) {
    .m-bottom {
        margin-bottom: 3rem
    }
}

.m-top {
    margin-top: 7rem
}

@media only screen and (max-width: 992px) {
    .m-top {
        margin-top: 5rem
    }
}

@media only screen and (max-width: 768px) {
    .m-top {
        margin-top: 3rem
    }
}

.p-bottom {
    padding-bottom: 7rem
}

@media only screen and (max-width: 992px) {
    .p-bottom {
        padding-bottom: 5rem
    }
}

@media only screen and (max-width: 768px) {
    .p-bottom {
        padding-bottom: 3rem
    }
}

.p-top {
    padding-top: 7rem
}

@media only screen and (max-width: 992px) {
    .p-top {
        padding-top: 5rem
    }
}

@media only screen and (max-width: 768px) {
    .p-top {
        padding-top: 3rem
    }
}

.spaceL {
    height: 8rem
}

@media only screen and (max-width: 992px) {
    .spaceL {
        height: 3rem
    }
}

@media only screen and (max-width: 768px) {
    .spaceL {
        height: 2.5rem
    }
}

.spaceM {
    height: 7rem
}

@media only screen and (max-width: 992px) {
    .spaceM {
        height: 5rem
    }
}

@media only screen and (max-width: 768px) {
    .spaceM {
        height: 3rem
    }
}

.spaceS {
    height: 2.5rem
}

@media only screen and (max-width: 992px) {
    .spaceS {
        height: 2rem
    }
}

@media only screen and (max-width: 768px) {
    .spaceS {
        height: 1.5rem
    }
}

.sectionTitle {
    margin-bottom: 7rem
}

.primaryList li {
    position: relative;
    padding-left: 12.5px
}

.primaryList li:not(:last-child) {
    padding-bottom: 1rem
}

.primaryList.blue li:before {
    color: #285992;
}

.primaryList li:before {
    content: "";
    color: #a0387b;
    position: absolute;
    top: 6px;
    left: -15px;
    font: normal normal normal 16px/1 FontAwesome
}

.owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.owl-nav .owl-next,
.owl-nav .owl-prev {
    border: none;
    width: 4rem;
    aspect-ratio: 1/1
}

.owl-nav .owl-next span,
.owl-nav .owl-prev span {
    color: #fff
}

.owl-nav .owl-next:focus,
.owl-nav .owl-prev:focus {
    outline: none
}

.owl-nav .owl-next {
    border-radius: 0 50% 50% 0;
    position: absolute;
    top: 45%;
    right: -21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.owl-nav .owl-prev {
    border-radius: 50% 0 0 50%;
    position: absolute;
    top: 40%;
    left: -21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.education {
    color: #a0387b;
    font-family: "Chawp";
    font-size: 7.2rem;
    line-height: .8
}

@media only screen and (max-width: 1199.9px) {
    .education {
        font-size: 6rem
    }
}

@media only screen and (max-width: 992px) {
    .education {
        display: block
    }
}

.imgBox {
    position: relative;
    height: 100%
}

.imgBox .imgWrapper {
    position: relative;
    border-radius: 50px 0 50px 0;
    overflow: hidden;
    height: 100%
}

.imgBox .imgWrapper::before,
.imgBox .imgWrapper::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 1;
    z-index: 3;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.imgBox .imgWrapper::before {
    top: -10%;
    right: 51%;
    bottom: -10%;
    left: 50%;
    background: hsla(0, 0%, 100%, .3)
}

.imgBox .imgWrapper::after {
    top: 50%;
    right: -10%;
    bottom: 50%;
    left: -10%;
    background: hsla(0, 0%, 100%, .6)
}

.imgBox .imgWrapper img {
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px
}

.imgBox .imgWrapper:hover::before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.imgBox .imgWrapper:hover::after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.imgBox .imgWrapper:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.circularImage {
    position: relative;
    height: 100%
}

.circularImage .mainImg {
    position: relative;
    outline: 3px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    width: 80%;
    aspect-ratio: 1/1
}

@media only screen and (max-width: 768px) {
    .circularImage .mainImg {
        margin: auto
    }
}

.circularImage .mainImg::before,
.circularImage .mainImg::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 1;
    z-index: 3;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.circularImage .mainImg::before {
    top: -10%;
    right: 51%;
    bottom: -10%;
    left: 50%;
    background: hsla(0, 0%, 100%, .3)
}

.circularImage .mainImg::after {
    top: 50%;
    right: -10%;
    bottom: 50%;
    left: -10%;
    background: hsla(0, 0%, 100%, .6)
}

.circularImage .mainImg img {
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.circularImage .mainImg:hover::before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.circularImage .mainImg:hover::after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.circularImage .mainImg:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.circularImage .outer {
    position: absolute;
    bottom: -50px;
    right: 50px;
    z-index: 4
}

@media only screen and (max-width: 768px) {
    .circularImage .outer {
        position: static;
        margin-top: 2rem
    }
}

.circularImage .optionalPic {
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    outline: 3px solid #fff;
    width: 26rem;
    aspect-ratio: 1/1
}

@media only screen and (max-width: 768px) {
    .circularImage .optionalPic {
        margin: auto
    }
}

.circularImage .optionalPic::before,
.circularImage .optionalPic::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 1;
    z-index: 3;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.circularImage .optionalPic::before {
    top: -10%;
    right: 51%;
    bottom: -10%;
    left: 50%;
    background: hsla(0, 0%, 100%, .3)
}

.circularImage .optionalPic::after {
    top: 50%;
    right: -10%;
    bottom: 50%;
    left: -10%;
    background: hsla(0, 0%, 100%, .6)
}

.circularImage .optionalPic img {
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.circularImage .optionalPic:hover::before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.circularImage .optionalPic:hover::after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear
}

.circularImage .optionalPic:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.pathList {
    margin: 0
}

@media only screen and (min-width: 992.1px) {
    .pathList {
        padding: 0 50px 0 0
    }
}

.pathList li:not(:last-child) {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 6px solid #285992
}

.owl-carousel.owl-theme .owl-nav {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

@media screen and (max-width:575px) {
    .owl-carousel.owl-theme .owl-nav .owl-prev,
.owl-carousel.owl-theme .owl-nav .owl-next{
    position: static!important;
}
}

.owl-carousel.owl-theme .owl-nav .owl-prev,
.owl-carousel.owl-theme .owl-nav .owl-next {
    width: 4.8rem;
    height: 4.8rem;
    border: none;
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.owl-carousel.owl-theme .owl-nav .owl-prev:hover,
.owl-carousel.owl-theme .owl-nav .owl-next:hover {
    background: rgb(251.5, 245, 249.1875)
}

.owl-carousel.owl-theme .owl-nav .owl-prev i,
.owl-carousel.owl-theme .owl-nav .owl-next i {
    color: #a0387b
}

.textF {
    font-style: oblique;
    font-family: "Playfair", serif;
    font-weight: 900
}

.harwrdwrapper {
    background: #285992;
    border-left: 4px solid rgb(29.0322580645, 64.5967741935, 105.9677419355);
    padding: 20px 30px;
    color: #fff;
    display: block;
    margin: 2rem 0;
    font-size: 16px;
    font-style: normal
}

.innerSection {
    background: #2489ff;
    min-height: 25rem;
    display: grid;
    place-content: center;
    position: relative
}

.innerSection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1
}

.innerSection .container {
    position: relative;
    z-index: 2;
    text-align: center
}

.innerSection h1 {
    color: #fff;
    font-size: 3.6rem;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (max-width: 992px) {
    .innerSection h1 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 768px) {
    .innerSection h1 {
        font-size: 2rem
    }
}

.innerSection ol.breadcrumb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.innerSection ol.breadcrumb a {
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold
}

.innerSection ol.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #fff !important
}

.resGrid {
    display: grid;
    grid-template-columns: 37% 63%
}

@media only screen and (max-width: 992px) {
    .resGrid {
        grid-template-columns: auto
    }
}

.externalLink {
    color: #0c3b6f;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 500
}

.externalLink:hover {
    color: #a0387b;
    text-decoration: underline
}

.borderBottom {
    height: 3px;
    width: 80%;
    margin: 2rem auto;
    display: block;
    background: #a0387b
}

.borderBottom.blue {
    background: #285992
}

.internalLink {
    color: #a0387b;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.internalLink:hover {
    text-decoration: underline;
    text-underline-position: below
}

.contact-social-links {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .7rem;
    margin-top: 1.5rem;
    padding: 0
}

.contact-social-links li a {
    background: var(--fclr);
    color: #fff;
    border: 2px solid #fff;
    width: 47px;
    height: 47px;
    display: grid;
    place-content: center;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.blog-card {
    border-radius: 1.6rem;
    overflow: hidden;
    -webkit-box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px
}

.blog-card .heading-quartery {
    padding: 0;
    border: none
}

.blog-card .imgBox {
    height: 24rem
}

.blog-card .imgBox span.cat {
    position: absolute;
    top: 20px;
    background: #fff;
    text-transform: uppercase;
    color: #a0387b;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 15px;
    letter-spacing: .3px
}

.blog-card .imgBox .imgWrapper {
    border-radius: 1.6rem
}

.blog-card .imgBox img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.blog-card .blog-content {
    padding: 2rem;
    background: #fff;
    position: relative
}

.blog-card .blog-content .meta {
    border-top: 1px solid rgba(51, 51, 51, .2);
    border-bottom: 1px solid rgba(51, 51, 51, .2);
    margin: 1.5rem 0;
    padding: .8rem;
    line-height: 1
}

.blog-card .blog-content .meta span {
    font-size: 14px;
    font-weight: 300;
    font-style: oblique
}

.blog-card .blog-content .meta em {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #333;
    margin-top: 7px
}

.blog-card .blog-content .linkTwo {
    text-align: center;
    margin-top: 2rem;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.blog-card .blog-content .linkTwo a {
    display: inline-block
}

.published {
    font-size: 14px;
    padding: 1rem 3rem;
    border-top: 1px solid rgba(51, 51, 51, .2);
    border-bottom: 1px solid rgba(51, 51, 51, .2);
    margin-bottom: 2rem;
    display: block;
    color: #fff;
    background: #a0387b
}

.published a {
    color: #fff;
    font-weight: bold
}

.article-box {
    display: grid;
    grid-template-columns: 40% 60%;
    border-radius: 1.6rem;
    overflow: hidden;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px
}

@media only screen and (min-width: 768.1px) {
    .article-box {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1400px) {
    .article-box {
        height: 30rem
    }
}

@media only screen and (max-width: 768px) {
    .article-box {
        grid-template-columns: auto
    }
}

.article-box .img-wrapper {
    position: relative
}

.article-box .img-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.article-box .img-wrapper .cat {
    position: absolute;
    top: 20px;
    left: 0;
    background: #fff;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 20px
}

.article-box .content-wrapper {
    padding: 3rem
}

.article-box .content-wrapper .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 1rem;
    border-top: 1px solid hsl(0, 0%, 86%);
    border-bottom: 1px solid hsl(0, 0%, 86%)
}

.article-box .content-wrapper .meta .date,
.article-box .content-wrapper .meta .writter,
.article-box .content-wrapper .meta .publish {
    color: hsl(0, 0%, 50%);
    font-weight: normal;
    font-size: 12px
}

.article-box .content-wrapper .meta .date i,
.article-box .content-wrapper .meta .writter i,
.article-box .content-wrapper .meta .publish i {
    color: hsl(0, 0%, 50%)
}

.article-box .content-wrapper .btn-wrapper {
    margin-top: 3rem
}

@media only screen and (max-width: 768px) {
    .article-box .content-wrapper .btn-wrapper {
        text-align: center
    }
}

.single-blog blockquote.blockquote {
    background: rgba(193, 201, 210, .4);
    padding: 20px;
    border-left: 5px solid #234f81;
    font-size: 20px;
    font-weight: 300;
    color: #234f81
}

@media only screen and (max-width: 768px) {
    .single-blog blockquote.blockquote {
        font-size: 16px
    }
}

.blog-card {
    border-radius: 1.6rem;
    overflow: hidden;
    height: 100%;
    -webkit-box-shadow: rgba(50, 50, 93, .25) 0px 13px 27px -5px, rgba(0, 0, 0, .3) 0px 8px 16px -8px;
    box-shadow: rgba(50, 50, 93, .25) 0px 13px 27px -5px, rgba(0, 0, 0, .3) 0px 8px 16px -8px
}

.blog-card .heading-quartery {
    padding: 0;
    border: none
}

.blog-card .img-box {
    height: 24rem
}

.blog-card .img-box span.cat {
    position: absolute;
    top: 20px;
    background: #fff;
    text-transform: uppercase;
    color: #a0387b;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 15px;
    letter-spacing: .3px
}

.blog-card .img-box .img-wrapper {
    border-radius: 1.6rem
}

.blog-card .img-box img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%
}

.blog-card .blog-content {
    padding: 2rem;
    height: 100%
}

.blog-card .blog-content .meta {
    border-top: 1px solid rgba(51, 51, 51, .2);
    border-bottom: 1px solid rgba(51, 51, 51, .2);
    margin: 1.5rem 0;
    padding: .8rem;
    line-height: 1
}

.blog-card .blog-content .meta span {
    font-size: 14px;
    font-weight: 300;
    font-style: oblique;
    font-family: "Playfair", serif
}

.blog-card .blog-content .meta em {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #333;
    margin-top: 7px
}

.blog-card .blog-content .btn-wrapper {
    text-align: center;
    margin-top: 2rem
}

.blog-card .blog-content .btn-wrapper a {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 6px 25px;
    border-radius: 50px;
    border: 2px solid #fff;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width: 768px) {
    .blog-card .blog-content .btn-wrapper a {
        padding: 5px 15px;
        width: auto
    }
}

.blog-card .blog-content .btn-wrapper a:hover {
    background: rgba(0, 0, 0, 0);
    border-color: #fff;
    color: #fff
}

.published {
    font-size: 14px;
    padding: 1rem 3rem;
    border-top: 1px solid rgba(51, 51, 51, .2);
    border-bottom: 1px solid rgba(51, 51, 51, .2);
    margin-bottom: 2rem;
    display: block;
    color: #fff;
    background: #285992
}

.published a {
    color: #fff;
    font-weight: bold
}

.exp {
    background: #a0387b;
    color: #fff;
    padding: 6px 25px;
    border: 2px solid #a0387b;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.exp.blue {
    background: #285992;
    border-color: #285992
}

@media only screen and (max-width: 768px) {
    .exp {
        padding: 5px 15px;
        width: auto
    }
}

.exp:hover {
    background: #fff;
    border-color: #a0387b;
    color: #a0387b
}

.article-box {
    display: grid;
    grid-template-columns: 40% 60%;
    border-radius: 1.6rem;
    overflow: hidden;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px
}

@media only screen and (min-width: 768.1px) {
    .article-box {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1400px) {
    .article-box {
        height: 30rem
    }
}

@media only screen and (max-width: 768px) {
    .article-box {
        grid-template-columns: auto
    }
}

.article-box .img-wrapper {
    position: relative
}

.article-box .img-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.article-box .img-wrapper .cat {
    position: absolute;
    top: 20px;
    left: 0;
    background: #fff;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 20px
}

.article-box .content-wrapper {
    padding: 3rem
}

.article-box .content-wrapper .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 1rem;
    border-top: 1px solid hsl(0, 0%, 86%);
    border-bottom: 1px solid hsl(0, 0%, 86%)
}

.article-box .content-wrapper .meta .date,
.article-box .content-wrapper .meta .writter,
.article-box .content-wrapper .meta .publish {
    color: hsl(0, 0%, 50%);
    font-weight: normal;
    font-size: 12px
}

.article-box .content-wrapper .meta .date i,
.article-box .content-wrapper .meta .writter i,
.article-box .content-wrapper .meta .publish i {
    color: hsl(0, 0%, 50%)
}

.article-box .content-wrapper .btn-wrapper {
    margin-top: 3rem
}

@media only screen and (max-width: 768px) {
    .article-box .content-wrapper .btn-wrapper {
        text-align: center
    }
}

.article-box .content-wrapper a {
    background: #a0387b;
    color: #fff;
    padding: 6px 25px;
    border: 2px solid #a0387b;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.article-box .content-wrapper a.blue {
    background: #285992;
    border-color: #285992
}

@media only screen and (max-width: 768px) {
    .article-box .content-wrapper a {
        padding: 5px 15px;
        width: auto
    }
}

.article-box .content-wrapper a:hover {
    background: #fff;
    border-color: #a0387b;
    color: #a0387b
}

.single-blog blockquote.blockquote {
    background: rgba(193, 201, 210, .4);
    padding: 20px;
    border-left: 5px solid #234f81;
    font-size: 20px;
    font-weight: 300;
    color: #234f81
}

@media only screen and (max-width: 768px) {
    .single-blog blockquote.blockquote {
        font-size: 16px
    }
}

.blog-sidebar {
    position: sticky;
    top: 70px;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 2px 10px #ccc;
    box-shadow: 0 2px 10px #ccc;
    border-radius: 1.6rem
}

.blog-sidebar .recent-post a {
    color: #285992;
    font-weight: 600;
    font-size: 1.4rem
}

.blog-sidebar .recent-post .meta {
    margin-top: 15px;
    font-size: 14px;
    margin-bottom: 15px
}

.blog-sidebar .recent-post p.meta-publish,
.blog-sidebar .recent-post em {
    text-align: right;
    margin-bottom: 0;
    display: block;
    font-size: 12px;
    line-height: 1.2
}

.blog-sidebar .border-one {
    width: 15rem;
    height: 4px;
    background: #285992;
    margin: 10px auto
}

.linkOne {
    margin-top: 2rem
}

.linkOne a {
    background: #a0387b;
    color: #fff;
    padding: 9px 30px;
    border-radius: 5px;
    margin-left: 5px;
    -webkit-box-shadow: -5px -5px 0 #ccc;
    box-shadow: -5px -5px 0 #ccc;
    border: 2px solid #a0387b;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.linkTwo {
    margin-top: 2rem
}

.linkTwo.blue a {
    background: #285992;
    -webkit-box-shadow: -5px -5px 0 #91d8f7;
    box-shadow: -5px -5px 0 #91d8f7;
    border: 2px solid #285992
}

.linkTwo a {
    background: #a0387b;
    color: #fff;
    padding: 9px 30px;
    border-radius: 5px;
    margin-left: 5px;
    -webkit-box-shadow: -5px -5px 0 #df88b9;
    box-shadow: -5px -5px 0 #df88b9;
    border: 2px solid #a0387b;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.linkThree {
    margin-top: 4rem
}

.linkThree.blue a {
    background: #91d8f7;
    color: #000;
    -webkit-box-shadow: -5px -5px 0 #1eb8ec;
    box-shadow: -5px -5px 0 #1eb8ec;
    border: 2px solid #91d8f7
}

.linkThree.blue a:hover {
    background: #1eb8ec;
    color: #000;
    -webkit-box-shadow: -5px -5px 0 #fff;
    box-shadow: -5px -5px 0 #fff;
    border: 2px solid #1eb8ec
}

.linkThree a {
    background: #df88b9;
    color: #000;
    padding: 9px 30px;
    border-radius: 5px;
    margin-left: 5px;
    -webkit-box-shadow: -5px -5px 0 #0c3b6f;
    box-shadow: -5px -5px 0 #0c3b6f;
    border: 2px solid #df88b9;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.linkThree a:hover {
    background: #0c3b6f;
    color: #000;
    -webkit-box-shadow: -5px -5px 0 #fff;
    box-shadow: -5px -5px 0 #fff;
    border: 2px solid #0c3b6f
}

@media only screen and (max-width: 992px) {
    .heroForm {
        margin-top: 2rem
    }

    .heroForm iframe {
        height: 550px !important
    }
}

@media only screen and (max-width: 992px) {
    .hero-section {
        display: block
    }
}

@media only screen and (min-width: 992.1px) {
    .hero-section {
        display: grid;
        grid-template-columns: 70% 30%
    }
}

.hero-section .heroArea {
    position: relative
}

.hero-section .heroArea .bg-video {
    width: 100%;
    height: 100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
}

@media screen and (min-width: 992.1px)and (max-width: 1199.9px) {
    .hero-section .heroArea .bg-video {
        height: 100vh
    }
}

.hero-section .heroArea .bg-video__content {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-section .heroContent {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(0, 0, 0, .7);
    padding: 1.5rem;
    z-index:1;
    width: calc(100% - 4rem)
}

.hero-section .heroContent .headingOne {
    text-transform: uppercase;
    font-size: 4.8rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.26
}

@media screen and (min-width: 1399.9px) {
    .hero-section .heroContent .headingOne {
        font-size: 6.7rem
    }
}

@media screen and (min-width: 992.1px)and (max-width: 1199.9px) {
    .hero-section .heroContent .headingOne {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 992px) {
    .hero-section .heroContent .headingOne {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 768px) {
    .hero-section .heroContent .headingOne {
        font-size: 3.6rem;
        text-align: center;
        display: inline-block;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 575px) {
    .hero-section .heroContent .headingOne {
        font-size: 3rem
    }
}

@media screen and (max-width: 300px) {
    .hero-section .heroContent .headingOne {
        font-size: 2.6rem
    }
}

.hero-section .heroContent .heroPara {
    color: #fff;
    font-weight: 300;
    font-size: 2.4rem;
    line-height: 1.2
}

@media only screen and (max-width: 1199.9px) {
    .hero-section .heroContent .heroPara {
        font-size: 1.8rem;
        line-height: normal
    }
}

@media only screen and (max-width: 575px) {
    .hero-section .heroContent {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin: auto;
        background: #a0387b
    }
}

.hero-section .heroForm .heading-tertiary {
    text-transform: uppercase;
    text-align: center
}

.heroSection.connect {
    min-height: calc(100vh - 71.4px);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.heroSection.connect img {
    position: absolute;
    top: 1rem;
    right: 7%;
    width: 15rem
}

.heroSection .heroGrid {
    display: grid;
    grid-template-columns: 40% 60%;
    height: calc(100vh - 53px);
    background: #df88b9;
    overflow: hidden
}

@media only screen and (max-width: 1199.9px) {
    .heroSection .heroGrid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 992px) {
    .heroSection .heroGrid {
        grid-template-columns: auto
    }
}

.heroSection .heroGrid__Item {
    height: 100%
}

.heroSection .heroGrid__Item .heroContent {
    height: 100%
}

@media screen and (min-width: 992px) {
    .heroSection .heroGrid__Item .heroContent {
        width: 560px;
        margin-left: auto;
        padding-right: 3rem
    }
}

@media screen and (min-width: 1200px) {
    .heroSection .heroGrid__Item .heroContent {
        width: 470px
    }
}

@media only screen and (max-width: 992px) {
    .heroSection .heroGrid__Item .heroContent {
        text-align: center;
        padding: 3rem 0
    }
}

.heroSection .heroGrid__Item .heroContent h1 {
    font-size: 3.6rem;
    text-transform: uppercase;
    color: #a0387b;
    font-weight: 600;
    line-height: .9
}

@media only screen and (max-width: 1199.9px) {
    .heroSection .heroGrid__Item .heroContent h1 {
        font-size: 2.6rem
    }
}

.heroSection .heroGrid__Item .heroContent h1 span {
    font-size: 7.2rem;
    font-weight: 900
}

@media only screen and (max-width: 1199.9px) {
    .heroSection .heroGrid__Item .heroContent h1 span {
        font-size: 4.6rem
    }
}

.heroSection .heroGrid__Item .heroContent .breakContent {
    margin-top: 20px;
    margin-bottom: 1rem;
    color: #a0387b;
    max-width: 600px;
    border-bottom: 4px solid #a0387b;
    display: inline-block;
    padding-right: 1rem;
    position: relative
}

.heroSection .heroGrid__Item .heroContent .breakContent::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: -999%;
    background: #a0387b;
    width: 1000%;
    height: 4px
}

@media only screen and (max-width: 992px) {
    .heroSection .heroGrid__Item .heroContent .breakContent::before {
        display: none
    }
}

.heroSection .heroGrid__Item .heroContent .breakContent h2 {
    font-family: "Playfair", serif;
    font-style: oblique;
    font-size: 2.9rem
}

.heroSection .heroGrid__Item .imgWrapper {
    height: 100%
}

@media only screen and (min-width: 992.1px) {
    .heroSection .heroGrid__Item .imgWrapper {
        height: calc(100vh - 53px)
    }
}

.heroSection .heroGrid__Item .imgWrapper img {
    width: 100%;
    height: 100%;
    -o-object-position: top;
    object-position: top
}

.heroSection .path {
    width: 100%
}

.mainheroSection {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 33%;
    position: relative;
    height: calc(100vh - 71.4px)
}

.mainheroSection .logoWrapperOter {
    position: absolute;
    top: 0;
    left: 0;
    width: 26rem;
    height: 18rem;
    background: rgba(40, 89, 146, .7);
    clip-path: polygon(0 0, 100% 0, 0 100%)
}

.mainheroSection .logoWrapperOter+.logoWrapper {
    width: 15rem;
    position: absolute;
    top: 1rem;
    left: 5rem;
    z-index: 1;
    display: block
}

.mainheroSection .container {
    height: 100%
}

.mainheroSection .col-lg-6 {
    height: 100%;
    justify-self: flex-end
}

.mainheroSection .pathWrapper {
    background: rgba(40, 89, 146, .7);
    min-height: calc(100vh - 71.4px);
    display: grid;
    place-content: center;
    text-align: center;
    color: #fff;
    position: relative
}

.mainheroSection .pathWrapper * {
    position: relative
}

.mainheroSection .pathWrapper::before {
    content: "";
    position: absolute;
    width: 88%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border-left: .5rem solid #fff;
    border-right: .5rem solid #fff;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mainheroSection .pathWrapper h6 {
    font-size: 1.6rem;
    font-weight: 700
}

.mainheroSection .pathWrapper h1 {
    font-size: 7.2rem;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 0
}

.mainheroSection .pathWrapper h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 2.4rem
}

.mainheroSection .pathWrapper p {
    font-weight: 700
}

.mainheroSection .pathWrapper .linkThree a {
    -webkit-box-shadow: -5px -5px 0 #fff;
    box-shadow: -5px -5px 0 #fff
}

.hotelCard {
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    padding: 2rem 0 0 0;
    background: #fff;
    height: 100%;
}

.hotelCard .hotelBuilding {
    position: relative;
    text-align: center
}

.hotelCard .hotelBuilding img {
    width: 8rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    outline: 3px solid #285992;
    border: 3px solid #fff
}

.hotelCard .hotelName {
    margin-top: 1.5rem
}

.hotelCard .hotelName h4 {
    text-align: center;
    color: #285992;
    font-family: "Poppins", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

.hotelCard .address {
    text-align: center;
    margin: 1.5rem 0 2.5rem;
    padding: 0 2rem
}

.hotelCard .contactNumber {
    display: grid;
    grid-template-columns: auto;
    border: 2px solid #285992;
}

.hotelCard .contactNumber a {
    display: block;
    background: #285992;
    color: #fff;
    text-align: center;
    padding: 1rem 0
}

.hotelCard .contactNumber .hotelPrice {
    display: block;
    color: #285992;
    display: none;
    background: #fff;
    text-align: center;
    padding: 1rem 0;
    font-weight: 800
}

.indiaMap {
    background: #f2f2f2
}

.indiaMap .headingPrimary {
    text-align: left
}

.indiaMap .note {
    position: relative
}

@media only screen and (min-width: 768.1px) {
    .indiaMap .note {
        font-size: 2rem
    }
}

.indiaMap .note img {
    width: 5rem;
    position: absolute;
    top: -30px;
    z-index: 0;
    opacity: .1
}

.indiaMap select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-top: 2rem;
    border-color: #a0387b
}

.indiaMap select:focus {
    border: 1px solid #a0387b;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.indiaMap .str0 {
    stroke: #f2f2f2;
    stroke-width: 6.94488
}

.indiaMap .str1 {
    stroke: #fefefe;
    stroke-width: 26.4094;
    stroke-linecap: round;
    stroke-linejoin: round
}

.indiaMap .fil11 {
    fill: #f69eb6;
    fill-rule: nonzero
}

.indiaMap .fil12 {
    fill: #c0d264;
    fill-rule: nonzero
}

.indiaMap .fil14 {
    fill: #f4ba56;
    fill-rule: nonzero
}

.indiaMap .fil15 {
    fill: #d7c595;
    fill-rule: nonzero
}

.indiaMap .fil16 {
    fill: #b1acd5;
    fill-rule: nonzero
}

.indiaMap .fil17 {
    fill: #fcdf55;
    fill-rule: nonzero
}

.indiaMap text.fil9 {
    fill: #a0387b;
    font-weight: bold;
    font-size: 194.445px
}

.indiaMap .popup {
    background: #fff;
    margin: 15px;
    border-radius: 5px;
    margin-bottom: 10px
}

.indiaMap .popup ul {
    margin: 0;
    padding-left: 0
}

.indiaMap .popup ul li {
    color: #a0387b;
    font-weight: 500;
    border-bottom: 1px solid #a0387b;
    border-left: 1px solid #a0387b;
    border-right: 1px solid #a0387b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.indiaMap .popup ul li a {
    color: #a0387b;
    display: block;
    padding: 1rem
}

.indiaMap .popup ul li:hover {
    background: #a0387b;
    color: #fff
}

.indiaMap .popup ul li:hover a {
    color: #fff
}

.indiaMap .popup ul li:first-child {
    border-top: 1px solid #a0387b
}

.indiaMap #svg-tooltip {
    position: absolute;
    display: none;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 14px;
    pointer-events: none;
    white-space: nowrap;
    z-index: 1000;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.policySection .table td:first-child {
    font-weight: 700
}

@media only screen and (max-width: 992px) {
    .leaderCard {
        margin-bottom: 2rem
    }
}

.leaderCard .pic {
    overflow: hidden
}

@media only screen and (min-width: 1199.8px) {
    .leaderCard .pic {
        width: 82%;
        margin: auto
    }
}

@media screen and (min-width: 1400px) {
    .leaderCard .pic {
        width: 27rem;
        margin: auto
    }
}

.leaderCard .pic img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.leaderCard .content {
    background: #a0387b
}

.leaderCard .content .sgWrapper {
    padding: 1rem
}

.leaderCard .content .heading-tertiary {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: .5rem
}

.leaderCard .content h6 {
    color: #fff;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: center
}

.leaderCard .content p {
    color: #fff
}

.leaderCard .content .pWrapper {
    padding: 0 1.5rem 1.5rem 1.5rem
}

.room-theme table {
    width: 100%;
    border-collapse: collapse
}

.room-theme table thead {
    background: #285992
}

.room-theme table thead td {
    color: #fff;
    padding: 8px 0;
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase
}

.room-theme table thead td:first-child {
    border-right: 2px solid #fff
}

.room-theme table tbody td {
    padding: 1rem 2rem;
    border: 2px solid #285992
}

.room-theme table tbody td:first-child {
    position: relative
}

.room-theme table tbody td:first-child span {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    color: #fff;
    background: #285992;
    text-transform: uppercase;
    padding: 0 15px;
    font-size: 12px
}

.room-theme table tbody td strong {
    display: block
}

.testimonialWrapper {
    -webkit-box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
    box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
    padding: 5rem;
    border-radius: 1.6rem;
    border-left: 5px solid #a0387b;
    border-right: 5px solid #a0387b;
    background: #fff
}

.testimonialWrapper .pic {
    text-align: center
}

.testimonialWrapper .pic img {
    width: 10rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    outline: 3px solid #a0387b;
    border: 2px solid #fff;
    margin: 5px auto
}

.testimonialWrapper .content {
    text-align: center
}

.testimonialWrapper .content .heading-tertiary {
    margin-bottom: 1rem
}

.testimonialWrapper .content .designation {
    color: #df88b9;
    font-size: 1.4rem;
    display: inline-block;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 1rem
}

.townhallCard {
    position: relative;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    width: calc(100% - 30px);
    margin: auto
}

.townhallCard::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 15px;
    background: rgb(192, 75, 150.375);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    -webkit-transition: .5s;
    transition: .5s
}

.townhallCard::after {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 15px;
    height: 100%;
    background: rgb(133.5555555556, 46.7444444444, 102.6708333333);
    border-bottom: 150px solid #d9d9d9;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: skewY(45deg);
    transform: skewY(45deg);
    -webkit-transition: .5s;
    transition: .5s
}

.townhallCard__imgbx {
    position: relative;
    width: 100%;
    height: 160px;
    background: #a0387b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.townhallCard__imgbx img {
    max-width: 8rem;
    -webkit-filter: brightness(100);
    filter: brightness(100)
}

.townhallCard__imgbx .heading-tertiary {
    position: relative;
    color: #fff;
    margin-top: 10px
}

.townhallCard__content {
    position: relative;
    width: 100%;
    height: 150px;
    padding: 20px;
    background: #fff;
    color: #333;
    text-align: center
}

.townhallCard:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.eventsListCard {
    text-align: center;
    position: relative;
    padding: 3rem 2rem;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 1.6rem;
    position: relative
}

@media only screen and (min-width: 992.1px) {
    .eventsListCard {
        height: 482px
    }
}

@media only screen and (min-width: 1199.8px) {
    .eventsListCard {
        height: 434px
    }
}

@media screen and (min-width: 1400px) {
    .eventsListCard {
        height: 386px
    }
}

.eventsListCard:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    background: #a0387b
}

.eventsListCard:hover .headingTertiary,
.eventsListCard:hover p {
    color: #fff
}

.eventsListCard:hover a {
    border-color: #fff
}

.eventsListCard p {
    text-align: left;
    margin-bottom: 2rem
}

.eventsListCard a {
    background: #a0387b;
    color: #fff;
    padding: 6px 25px;
    border: 2px solid #a0387b;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.eventsListCard a.blue {
    background: #285992;
    border-color: #285992
}

@media only screen and (max-width: 768px) {
    .eventsListCard a {
        padding: 5px 15px;
        width: auto
    }
}

.eventsListCard a:hover {
    background: #fff;
    border-color: #a0387b;
    color: #a0387b
}

@media only screen and (min-width: 992.1px) {
    .eventsListCard a {
        position: absolute;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        bottom: 3rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.pressMedia .row {
    row-gap: 2rem
}

.pressMedia .postModule {
    position: relative;
    z-index: 1;
    display: block;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    border-radius: 1.6rem;
    overflow: hidden
}

.pressMedia .postModule:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: contrast(1);
    filter: contrast(1)
}

.pressMedia .postModule:hover {
    -webkit-box-shadow: rgba(0, 0, 0, .1) -4px 9px 25px -6px;
    box-shadow: rgba(0, 0, 0, .1) -4px 9px 25px -6px
}

.pressMedia .postModule .thumbnail {
    overflow: hidden;
    position: relative;
    height: 160px
}

.pressMedia .postModule .thumbnail .year {
    position: absolute;
    top: 1.5rem;
    left: 0;
    background: #a0387b;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 1.4rem;
    display: none
}

.pressMedia .postModule .thumbnail .newsCHannel {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #860c5a;
    color: #fff;
    padding: 5px 15px;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase
}

.pressMedia .postModule .thumbnail .date {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #a0387b;
    display: none;
    width: 7rem;
    height: 6rem;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.pressMedia .postModule .thumbnail .date .day {
    font-size: 18px;
    display: none
}

.pressMedia .postModule .thumbnail .date .month {
    font-size: 12px;
    text-transform: uppercase;
    display: none
}

.pressMedia .postModule .thumbnail img {
    display: block;
    width: 100%;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 100% 26%;
    object-position: 100% 26%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.pressMedia .postModule .postContent hr {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: none
}

.pressMedia .postModule .postContent .description {
    padding: 2rem;
    line-height: 1.6;
    display: none
}

@media only screen and (min-width: 1199.8px) {
    .pressMedia .postModule .postContent .description {
        height: 168px
    }
}

@media screen and (min-width: 768px)and (max-width: 991.9px) {
    .pressMedia .postModule .postContent .description {
        height: 168px
    }
}

@media screen and (min-width: 992px)and (max-width: 1199.9px) {
    .pressMedia .postModule .postContent .description {
        height: 194px
    }
}

.pressMedia .postModule .postContent .headingTertiary {
    margin-bottom: 0;
    line-height: 1.5;
    display: none
}

.pressMedia .postModule .postContent .postLink a {
    display: block;
    color: #fff;
    background: #a0387b;
    padding: .7rem 1.5rem;
    text-align: center;
    font-weight: bold
}

.townHallVector .str0 {
    stroke: #fefefe;
    stroke-width: 20.8307
}

.townHallVector .str2 {
    stroke: #00b4fb;
    stroke-width: 20.8307
}

.townHallVector .str4 {
    stroke: #244fda;
    stroke-width: 20.8307
}

.townHallVector .str1 {
    stroke: #2781f4;
    stroke-width: 20.8307
}

.townHallVector .str3 {
    stroke: #305ad9;
    stroke-width: 20.8307
}

.townHallVector .fil5 {
    fill: none
}

.townHallVector .fil6 {
    fill: #fefefe
}

.townHallVector .fil0 {
    fill: #373435
}

.townHallVector .fil1 {
    fill: #00b4fb
}

.townHallVector .fil3 {
    fill: #244fda
}

.townHallVector .fil2 {
    fill: #2781f4
}

.townHallVector .fil4 {
    fill: #305ad9
}

.townHallVector .fnt1 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt11 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt13 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt15 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt17 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt19 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt3 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt5 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt7 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt9 {
    font-weight: normal;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt0 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt10 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt12 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt14 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt16 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt18 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt2 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt4 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt6 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

.townHallVector .fnt8 {
    font-weight: bold;
    font-size: 194.445px;
    font-family: "Poppins"
}

footer .mainFooter {
    background: #545775
}

footer .mainFooter .footerLogo {
    background: #fff;
    border-radius: 10rem;
    display: inline-block;
    padding: .5rem 2rem .5rem .5rem;
    margin-bottom: 1.5rem
}

footer .mainFooter .footerLogo img {
    width: 20rem
}

footer .mainFooter p {
    color: #cdcdcd
}

footer .mainFooter ul {
    padding: 0;
    margin: 0
}

footer .mainFooter ul li:not(:last-child) {
    border-bottom: 1px solid #807d7d
}

footer .mainFooter ul li a {
    color: #cdcdcd;
    text-decoration: none;
    padding: 1rem 0;
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

footer .mainFooter ul li a:hover {
    color: #fff
}

footer .mainFooter .gettouch li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 1rem
}

footer .mainFooter .gettouch li:last-child {
    color: #cdcdcd;
    padding-top: 1rem
}

footer .mainFooter .gettouch li i {
    display: inline-block;
    color: #cdcdcd;
    line-height: 1
}

footer .mainFooter .fWidget {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2rem;
    position: relative;
    margin-bottom: 4rem
}

footer .mainFooter .fWidget::before {
    content: "";
    background: #fff;
    height: 4px;
    width: 10rem;
    position: absolute;
    border-radius: 3rem;
    bottom: -1.5rem;
    left: 0
}

footer .bottomFooter {
    background: rgb(41.3731343284, 42.8507462687, 57.6268656716);
    padding: 2rem 0
}

footer .bottomFooter p {
    color: #cdcdcd;
    margin-bottom: 0;
    font-size: 1.4rem
}

footer .bottomFooter ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem
}

footer .bottomFooter ul li {
    position: relative
}

footer .bottomFooter ul li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -7px;
    color: #cdcdcd;
    font-weight: 100
}

footer .bottomFooter ul li a {
    color: #cdcdcd;
    font-size: 1.2rem;
    padding: 0 .5rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

footer .bottomFooter ul li a:hover {
    color: #fff
}

.innerHeaderArea {
    margin-top: 3rem
}

@media only screen and (max-width: 768px) {
    .innerHeaderArea {
        margin-top: 5rem
    }
}

@media only screen and (max-width: 992px) {
    .innerHeaderArea .container {
        max-width: 100%
    }
}

.innerHeaderArea .innerTabs {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.innerHeaderArea .innerTabs.stopTop {
    position: fixed;
    top: 30px;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s;
    left: 0;
    width: 100%;
    z-index: 98;
    background: #fff;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px
}

.innerHeaderArea .innerTabs.stopTop img {
    margin-bottom: 0 !important;
    height: 3rem !important
}

.innerHeaderArea .innerTabs.stopTop .navTab {
    padding: 2rem 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem
}

@media only screen and (max-width: 768px) {
    .innerHeaderArea .innerTabs.stopTop .navTab {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .innerHeaderArea .innerTabs.stopTop .navTab .navLink {
        height: 100%
    }
}

.innerHeaderArea .innerTabs.stopTop .navTab h6 {
    margin-bottom: 0;
    font-size: 1.6rem !important
}

.innerHeaderArea .innerTabs .navArea {
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: repeat(5, 1fr);
    gap: 2px
}

.innerHeaderArea .innerTabs .navArea .navItems .navLink {
    text-align: center;
    display: block;
    border-top: 2px solid #fff;
    height: 100%
}

.innerHeaderArea .innerTabs .navArea .navItems .navLink.active {
    border-top: 2px solid #fff;
    -webkit-box-shadow: 0 -30px 0 #91d8f7;
    box-shadow: 0 -30px 0 #91d8f7
}

@media only screen and (max-width: 768px) {
    .innerHeaderArea .innerTabs .navArea .navItems .navLink.active {
        -webkit-box-shadow: 0 -10px 0 #91d8f7;
        box-shadow: 0 -10px 0 #91d8f7
    }
}

.innerHeaderArea .innerTabs .navArea .navItems .navLink.active .navTab {
    background: #285992;
    color: #fff
}

.innerHeaderArea .innerTabs .navArea .navItems .navLink.active .navTab h6 {
    color: #fff
}

.innerHeaderArea .innerTabs .navArea .navItems .navLink.active .navTab img {
    -webkit-filter: brightness(100);
    filter: brightness(100)
}

@media only screen and (max-width: 768px) {
    .innerHeaderArea .innerTabs .navArea .navItems .navLink {
        -webkit-box-shadow: 0 -10px 0 #285992;
        box-shadow: 0 -10px 0 #285992
    }
}

.innerHeaderArea .innerTabs .navArea .navItems .navLink .navTab {
    background: #91d8f7;
    height: 100%;
    padding: 3rem 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width: 768px) {
    .innerHeaderArea .innerTabs .navArea .navItems .navLink .navTab {
        padding: 1.5rem 0
    }
}

.innerHeaderArea .innerTabs .navArea .navItems .navLink .navTab h6 {
    font-size: 2rem;
    color: #285992
}

@media only screen and (max-width: 992px) {
    .innerHeaderArea .innerTabs .navArea .navItems .navLink .navTab h6 {
        font-size: 1.4rem
    }
}

.innerHeaderArea .innerTabs .navArea .navItems .navLink .navTab img {
    height: 7.5rem;
    display: inline-block;
    margin-bottom: 2rem
}

@media only screen and (max-width: 992px) {
    .innerHeaderArea .innerTabs .navArea .navItems .navLink .navTab img {
        height: 3rem;
        margin-bottom: 1rem
    }
}

@media only screen and (max-width: 992px) {
    header .getiContact {
        display: none
    }
}

header .topHeader {
    background: #a0387b;
    padding: .5rem;
    display: none
}

header .topHeader .thRwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header .topHeader .thRwo .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 0;
    margin-bottom: 0
}

header .topHeader .thRwo .contact li:first-child {
    margin-right: 7.5px;
    padding-right: 7.5px;
    border-right: 2px solid #fff
}

header .topHeader a {
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 1.4rem;
    font-weight: 500
}

header .topHeader a:hover {
    text-decoration: underline
}

header .topHeader .socialMedia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    gap: 2.5px
}

header .topHeader .socialMedia li {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500
}

header .topHeader .socialMedia a {
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 2px solid #fff;
    width: 3.6rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    border-radius: 100%;
    aspect-ratio: 1/1;
    display: grid;
    place-content: center
}

header .topHeader .socialMedia a:hover {
    color: #a0387b;
    background: #fff;
    text-decoration: none
}

header .mainHeader {
    padding: 1rem 0;
    background: #fff
}

header .mainHeader.fixedTop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

header .mainHeader .mhGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

header .mainHeader .mhGrid .logo a {
    display: block;
    width: 18rem
}

@media only screen and (max-width: 1199.9px) {
    header .mainHeader .mhGrid .logo a {
        width: 15rem
    }
}

header .mainHeader .mhGrid .mainMenu input[type=checkbox] {
    display: none
}

header .mainHeader .mhGrid .mainMenu input[type=checkbox]:checked+.togglingBar span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .mainHeader .mhGrid .mainMenu input[type=checkbox]:checked+.togglingBar span:nth-child(2) {
    display: none
}

header .mainHeader .mhGrid .mainMenu input[type=checkbox]:checked+.togglingBar span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .mainHeader .mhGrid .mainMenu input[type=checkbox]:checked+.togglingBar+.nav-menu {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

header .mainHeader .mhGrid .mainMenu .togglingBar {
    cursor: pointer
}

@media only screen and (min-width: 992.1px) {
    header .mainHeader .mhGrid .mainMenu .togglingBar {
        display: none
    }
}

header .mainHeader .mhGrid .mainMenu .togglingBar span {
    display: block;
    height: 2px;
    border-radius: 5px;
    width: 3rem;
    background: #a0387b;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

header .mainHeader .mhGrid .mainMenu .togglingBar span:nth-child(2) {
    margin: 8px 0
}

header .mainHeader .mhGrid .mainMenu .nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0;
    padding-left: 0
}

@media only screen and (max-width: 992px) {
    header .mainHeader .mhGrid .mainMenu .nav-menu {
        position: fixed;
        z-index: 999;
        text-align: left;
        left: 0;
        top: 60px;
        display: block;
        background: #fff;
        height: 100%;
        width: 30rem;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    header .mainHeader .mhGrid .mainMenu .nav-menu a {
        padding: .6rem 1rem;
        display: block
    }
}

header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list:nth-last-child(2) a {
    position: relative;
    margin-right: 13px
}

header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list:nth-last-child(2) a::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    top: -7px;
    right: -9px;
    -webkit-animation: poping .2s infinite ease-in-out alternate;
    animation: poping .2s infinite ease-in-out alternate
}

header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list.career {
    display: none
}

header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list.career span {
    display: none
}

header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list a {
    color: #333;
    font-weight: 600
}

header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list a.active {
    border-top: 3px solid #a0387b;
    border-bottom: 3px solid #a0387b;
    color: #a0387b
}

@media only screen and (min-width: 1199.8px) {
    header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list a {
        padding: 4px 7px;
        font-size: 14px
    }
}

@media screen and (min-width: 992.1px)and (max-width: 1199.9px) {
    header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list a {
        padding: 4px 5px;
        font-size: 12px
    }
}

header .mainHeader .mhGrid .mainMenu .nav-menu .nav-list a:hover {
    color: #a0387b
}

.connectSchool .connectTGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem
}

@media only screen and (max-width: 1199.9px) {
    .connectSchool .connectTGrid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width: 992px) {
    .connectSchool .connectTGrid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 575px) {
    .connectSchool .connectTGrid {
        grid-template-columns: auto
    }
}

.connectSchool .connectTGrid .tGridItem .card {
    background: #91d8f7;
    padding: 1.5rem;
    text-align: center;
    height: 100%
}

.connectSchool .connectTGrid .tGridItem .card .headingTertiary {
    text-align: center;
    color: #000;
    line-height: normal;
    margin-bottom: 1rem
}

.connectSchool .connectTGrid .tGridItem .card span {
    display: block;
    margin: 0 auto 1rem;
    font-size: 4rem;
    background: #fff;
    aspect-ratio: 1/1;
    border-radius: 100%;
    text-align: center;
    border: 2px solid #285992;
    outline: 5px solid #fff
}

@media only screen and (min-width: 768.1px) {
    .connectSchool .connectTGrid .tGridItem .card span {
        margin: -5rem auto 0
    }
}

.connectSchool .connectTGrid .tGridItem .card .icon {
    width: 15rem;
    margin: 2rem auto;
    text-align: center
}

.connectSchool .connectTGrid .tGridItem .card .icon img {
    height: 8rem
}

.connect .fil3 {
    fill: #fefefe
}

.connect .fil5 {
    fill: #373435
}

.connect .fil4 {
    fill: #373435
}

.connect .fil1 {
    fill: #0082d2
}

.connect .fil6 {
    fill: #008cb4
}

.connect .fil2 {
    fill: #00aae1
}

.connect .fil7 {
    fill: #0a62a5
}

.connect .fil0 {
    fill: #00d7e1;
    fill-opacity: .85098
}

.connect .fil8 {
    fill: url(#id0)
}

.connect .fnt1 {
    font-weight: normal;
    font-size: 277.78px;
    font-family: "Poppins"
}

.connect .fnt3 {
    font-weight: normal;
    font-size: 277.78px;
    font-family: "Poppins"
}

.connect .fnt5 {
    font-weight: normal;
    font-size: 277.78px;
    font-family: "Poppins"
}

.connect .fnt0 {
    font-weight: bold;
    font-size: 277.78px;
    font-family: "Poppins"
}

.connect .fnt2 {
    font-weight: bold;
    font-size: 277.78px;
    font-family: "Poppins"
}

.connect .fnt4 {
    font-weight: bold;
    font-size: 277.78px;
    font-family: "Poppins"
}

@media only screen and (max-width: 992px) {
    .connect svg {
        display: none
    }
}

@media only screen and (min-width: 992.1px) {
    .connect .mobileDiscover {
        display: none
    }
}

.connect .mobileDiscover .card {
    color: #fff;
    background: var(--bgclr);
    padding: 2rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, .2);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .2);
    text-align: center
}

.connect .mobileDiscover .card:not(:last-child) {
    margin-bottom: 2rem
}

.connect .mobileDiscover .card .headingTertiary {
    color: #fff
}

.dailyTownhallArea .dtList {
    padding: 0;
    margin: 0
}

.dailyTownhallArea .dtList li {
    background: #91d8f7;
    padding: 2rem;
    margin-top: 2rem
}

.dailyTownhallArea .tTimeWrapper {
    background: #285992;
    position: relative
}

@media only screen and (max-width: 992px) {
    .dailyTownhallArea .tTimeWrapper {
        text-align: center
    }
}

@media only screen and (max-width: 992px) {
    .dailyTownhallArea .tTimeWrapper .TownPic {
        margin: 4rem 0 0 0
    }
}

@media only screen and (min-width: 992.1px) {
    .dailyTownhallArea .tTimeWrapper .TownPic {
        width: 60rem;
        position: absolute;
        bottom: 7rem;
        right: 7%
    }
}

@media only screen and (min-width: 1199.8px) {
    .dailyTownhallArea .tTimeWrapper .TownPic {
        width: 70rem
    }
}

.dailyTownhallArea .tTimeWrapper h3.headingTertiary {
    color: #91d8f7
}

.dailyTownhallArea .tTimeWrapper h4.headingTertiary {
    color: #fae592
}

.dailyTownhallArea .tTimeWrapper .zoomLink img {
    width: 20rem;
    margin: 2rem 0
}

@media only screen and (max-width: 992px) {
    .dailyTownhallArea .tTimeWrapper .zoomLink img {
        margin: 0 auto 2rem
    }
}

.roundtable-16 .imgWrapper {
    border-radius: 100%;
    aspect-ratio: 1/1;
    height: auto;
    width: 100%
}

.roundtable-16 .imgWrapper img {
    -o-object-position: 40%;
    object-position: 40%
}

.roundtable-16 .headingPrimary {
    text-align: center
}

.roundtable-16 .headingPrimary.play {
    margin-bottom: 2rem
}

.roundtable-16 .headingPrimary.play strong {
    margin: 1rem 0
}

@media only screen and (min-width: 1199.8px) {
    .roundtable-16 .headingPrimary.play strong {
        font-size: 6rem
    }
}

.roundtable-16 figure {
    text-align: center;
    margin: 5rem 0 0
}

.roundtable-16 figure img {
    width: 20rem;
    margin: auto
}

.roundtable-16 figure .headingTertiary {
    line-height: 1.3;
    margin-bottom: 0
}

.previewCurriculum {
    background: #285992
}

.previewCurriculum .pathSSWrapper {
    position: relative
}

@media only screen and (min-width: 992.1px) {
    .previewCurriculum .pathSSWrapper .highPathss {
        position: absolute;
        top: 0;
        right: 20%;
        width: 18rem
    }
}

@media only screen and (max-width: 992px) {
    .previewCurriculum .pathSSWrapper .highPathss {
        width: 15rem;
        margin: 0 auto 0
    }
}

.previewCurriculum .cardPreview {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: grid;
    place-content: center;
    text-align: center;
    position: relative
}

.previewCurriculum .cardPreview.mid {
    margin: 2rem 0
}

@media only screen and (min-width: 1199.8px) {
    .previewCurriculum .cardPreview {
        height: 298.33px
    }
}

.previewCurriculum .cardPreview .content {
    padding: 2.25rem 4rem
}

.previewCurriculum .cardPreview .content p {
    font-size: 2.2rem;
    margin-bottom: 0;
    line-height: 1.36
}

.previewCurriculum .cardPreview .content strong {
    padding-top: 14px
}

.agreement {
    background: #91d8f7
}

.agreement ol li:not(:last-child) {
    margin-bottom: 2rem
}

.fixedBrochure {
    position: fixed;
    top: 50%;
    left: -102px;
    z-index: 90;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (max-width: 575px) {
    .fixedBrochure {
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .fixedBrochure a {
        display: block
    }
}

.fixedBrochure .linkTwo {
    margin-top: 0 !important
}

.fixedBrochure .linkTwo a {
    border-radius: 0
}

.rajnathVideoArea .videoWrapper {
    position: relative;
    padding-bottom: 56.56%;
    height: 0;
    overflow: hidden;
    border-radius: 1.6rem
}

.rajnathVideoArea .quotedPara {
    position: relative
}

.rajnathVideoArea .quotedPara .quoted {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
    width: 75%
}

.rajnathVideoArea .design {
    text-align: right
}

.rajnathVideoArea .design p {
    margin-bottom: 0;
    color: #285992;
    font-size: 2rem
}

.rajnathVideoArea .design em {
    display: block
}

.edLeadershipOverview {
    background-size: cover;
    background-position: top
}

.edLeadershipOverview .primaryList li::before {
    color: #285992
}

.edLeadershipOverview .headingQuartery {
    font-weight: bold;
    color: #285992
}

.edLeadershipOverview .collaborationList {
    padding-left: 0;
    margin: 2rem 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.edLeadershipOverview .collaborationList li {
    color: #fff;
    background: #285992;
    font-weight: bold;
    padding: 2rem 4rem;
    border-radius: 4rem;
    text-transform: uppercase
}

.foundationArea .headingTertiary {
    font-weight: 400;
    font-size: 3.6rem;
    margin-top: 0
}

.foundationArea .col-lg-7 {
    background: #e3f4fc;
    padding: 4rem
}

.foundationArea .logo {
    height: 10rem;
    width: 100%
}

.foundationArea .logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.sunitaGandhi .borderTwo {
    height: 3px;
    width: 200px;
    margin-bottom: 2rem;
    background: #df88b9
}

.sunitaGandhi .borderTwo.blue {
    background: #91d8f7
}

@media only screen and (max-width: 992px) {
    .sunitaGandhi .borderTwo {
        margin-right: auto
    }
}

.sunitaGandhi .profilePic {
    background: #e3f4fc;
    padding: 1rem 1rem 0;
    text-align: center;
    border: 2px solid #91d8f7;
    border-bottom: none;
}

.sunitaGandhi .about {
    text-align: center;
    padding: 1.5rem;
    border: 2px solid #91d8f7;
    border-top: none;
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
}

.sunitaGandhi .about .headingTertiary {
    margin-top: 0;
    text-align: center;
}

.revolutionized {
    background-position: center;
    background-attachment: fixed;
    position: relative;
    background-size: cover
}

.revolutionized .row {
    row-gap: 2rem
}

.revolutionized .container {
    position: relative
}

.revolutionized .headingPrimary,
.revolutionized .subHeading,
.revolutionized p {
    color: #fff
}

.revolutionized p {
    text-align: center
}

@media only screen and (min-width: 768.1px) {
    .revolutionized p {
        padding: 0
    }
}

.revolutionized .revolutionized-card {
    background: #fff;
    height: 100%;
    text-align: center;
    border-radius: 5rem 0 5rem 0;
    padding: 3rem 5rem
}

.revolutionized .revolutionized-card:hover img {
    -webkit-transform: rotate3d(0, 3, 2, 360deg);
    transform: rotate3d(0, 3, 2, 360deg)
}

.revolutionized .revolutionized-card .icon {
    width: 10rem;
    margin: 0 auto 0;
    aspect-ratio: 1/1;
    border-radius: 100%;
    display: grid;
    place-content: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.revolutionized .revolutionized-card .icon img {
    color: #fff;
    width: 5rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.revolutionized .revolutionized-card h5 {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 18px;
    line-height: 1.4;
}

.revolutionized .revolutionized-card p {
    color: #000
}

.implementation45 .imgBox {
    width: calc(100% - 5rem);
    margin: auto
}

.implementation45 .row {
    row-gap: 20px;
}

.implementation45 .headWrap {
    background: #fff;
    padding: 1px 30px;
    border: 2px solid #285992;
    margin: auto;
}

@media screen and (min-width:768px) {
    .implementation45 .headWrap {
        width: max-content;
    }
}

.implementation45 .attendingCard {
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 16px;
}

.implementation45 .imgWrapper {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.implementation45 .imgWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.4s;
}

.implementation45 .imgWrapper img:hover {
    transform: scale(1.1);
}

.implementation45 .contentWrapper {
    background: #285992;
}

.implementation45 .contentWrapper h5 {
    color: #fff;
    font-size: 16px;
    padding: 10px;
    margin: 0;
    text-align: center;
}

.implementation45 .headWrap h5 {
    text-align: center;
}

.implementation45 .col-lg-3 {
    margin-bottom: 18px
}

.implementation45 .bulletWrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -6rem;
    position: relative
}

.implementation45 .bulletWrapper .bulletPoints {
    background: #91d8f7;
    height: 100%;
    border-radius: 1rem;
    display: grid;
    place-content: center;
    padding: 2rem 1rem;
    text-align: center
}

.largestFln {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.largestFln .flnGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
    grid-auto-rows: 20rem
}

@media only screen and (max-width: 992px) {
    .largestFln .flnGrid {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto
    }

    .largestFln .flnGrid img {
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media only screen and (max-width: 575px) {
    .largestFln .flnGrid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.largestFln .flnGrid .imgWrapper {
    border-radius: 0
}

@media only screen and (min-width: 992.1px) {
    .largestFln .flnGrid__Item:nth-child(1) {
        grid-column: span 2
    }

    .largestFln .flnGrid__Item:nth-child(2) {
        grid-row: span 1;
        grid-column: span 1
    }

    .largestFln .flnGrid__Item:nth-child(3) {
        grid-column: span 2;
        grid-row: span 2
    }

    .largestFln .flnGrid__Item:nth-child(4) {
        grid-column: span 2;
        grid-row: span 2
    }

    .largestFln .flnGrid__Item:nth-child(5) {
        grid-row: span 2
    }

    .largestFln .flnGrid__Item:nth-child(6) {
        grid-column: span 2
    }
}

.harwardSection figcaption {
    text-align: center;
    font-weight: bold;
    color: #285992;
}

.harwardSection .headingTertiary.blue {
    background: #285992;
    color: #fff;
    display: inline-block;
    padding: 8px 16px;
    margin: 0 0 10px;
}

.harwardSection .content {
    padding: 15px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #ddd;
    height: 232px;
}

.harwardSection .content img {
    object-fit: contain;
    height: 100%;
}

.harwardSection .owl-carousel.owl-theme .owl-nav .owl-prev,
.harwardSection .owl-carousel.owl-theme .owl-nav .owl-next {
    position: static;
    background: #285992;
    margin-top: 20px;
    border-radius: 0;
}

.harwardSection .owl-carousel.owl-theme .owl-nav .owl-prev i,
.harwardSection .owl-carousel.owl-theme .owl-nav .owl-next i {
    color: #fff;
}

.harwardSection.two {
    background: #91d8f7
}

@media only screen and (max-width: 992px) {
    .harwardSection.two .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.conference-area {
    background: #91d8f7;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.conference-area .link-wrapper {
    margin-top: 4rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem
}

@media only screen and (max-width: 575px) {
    .conference-area .link-wrapper {
        display: block
    }
}

.conference-area .conference-wrapper {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    grid-auto-rows: 150px;
    grid-auto-flow: dense;
    margin: auto
}

@media only screen and (min-width: 1199.8px) {
    .conference-area .conference-wrapper {
        grid-template-columns: repeat(7, 1fr)
    }
}

.conference-area .conference-wrapper .content-para {
    background: #e3f4fc;
    height: 100%;
    width: 100%;
    display: grid;
    place-content: center;
    text-align: center;
    border-radius: 6px;
    padding: 0 .5rem;
    color: #fff
}

.conference-area .conference-wrapper .content-para p {
    font-size: 14px;
    line-height: normal;
    margin-top: 3px;
    color: #000
}

.conference-area .conference-wrapper .content-para h3 {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0 !important
}

.conference-area .conference-wrapper>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.conference-area .conference-wrapper>div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    border-radius: 5px
}

.conference-area .conference-wrapper .wide {
    grid-column: span 1
}

@media only screen and (min-width: 768.1px) {
    .conference-area .conference-wrapper .big-bottom {
        grid-column: span 2
    }

    .conference-area .conference-wrapper .wide-inner {
        grid-row: span 2
    }

    .conference-area .conference-wrapper .tall-last {
        grid-row: span 2;
        grid-column: span 2
    }

    .conference-area .conference-wrapper .c-8 {
        grid-row: span 2;
        grid-column: span 3
    }
}

.conference-area .conference-wrapper .c-14,
.conference-area .conference-wrapper .c-7 {
    grid-column: span 2 !important
}

.conference-area .conference-wrapper .tall {
    grid-row: span 1
}

.conference-area .conference-wrapper .big {
    grid-column: span 1;
    grid-row: span 1
}

.roundTableArea .linkWrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem
}

@media only screen and (max-width: 575px) {
    .roundTableArea .linkWrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 0
    }
}

.roundTableArea .linkWrapper .linkTwo {
    width: 100%
}

.roundTableArea .linkWrapper .linkTwo a {
    display: block;
    text-align: center
}

.roundTableArea ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    padding: 0;
    margin: 2rem 0
}

.roundTableArea ul li {
    border: 1px solid #333;
    padding: 1rem 3rem
}

@media only screen and (max-width: 575px) {
    .accomodations .row {
        overflow-x: auto
    }
}

.accomodations thead {
    background: #285992
}

.accomodations thead th {
    color: #fff
}

.accomodations tbody tr td:first-child {
    font-weight: bold
}

.accomodations tbody tr:nth-child(even) {
    background: rgba(40, 89, 146, .05)
}

.fellowShipArea {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.fellowShipArea .imgBox.certificate .imgWrapper img {
    object-fit: contain !important;
    transform: none;
}

.fellowShipArea .last-row .imgBox {
    aspect-ratio: 16 / 9;
}

.fellowShipArea .last-row {
    row-gap: 20px;
}

.fellowShipArea .last-row .imgWrapper,
.fellowShipArea .last-row .imgWrapper img {
    width: 100%;
    height: 100%;
}

.fellowShipArea .imgBox.certificate .imgWrapper,
.fellowShipArea .imgBox.certificate .imgWrapper:hover img {
    transform: none;
}

.fellowShipArea .imgBox.certificate .imgWrapper::before,
.fellowShipArea .imgBox.certificate .imgWrapper::after {
    display: none;
}

.fellowShipArea .real-ch-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px
}

@media only screen and (max-width: 575px) {
    .fellowShipArea .real-ch-grid {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 1rem
    }
}

.fellowShipArea .real-ch-grid .real-ch-grid-item {
    background: #285992;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0;
    margin-top: 1rem
}

@media only screen and (max-width: 575px) {
    .fellowShipArea .real-ch-grid .real-ch-grid-item {
        margin-top: 0
    }
}

@media screen and (max-width: 1399.9px) {
    .fellowShipArea .real-ch-grid .real-ch-grid-item {
        font-size: 14px
    }
}

.logoSlider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem
}

.logoSlider .logo {
    text-align: center
}

.logoSlider .logo img {
    mix-blend-mode: darken
}

@media only screen and (max-width: 575px) {
    .edFtr .bottomFooter {
        padding-bottom: 150px
    }
}

section.active {
    display: block
}

@media only screen and (max-width: 1199.9px) {
    .aboutpath .col-md-6 p br {
        display: none
    }
}

.aboutpath .invitation-shape {
    margin: -13rem 0 -7rem
}

@media only screen and (min-width: 992.1px)and (max-width: 1200px) {
    .aboutpath .invitation-shape {
        margin: -10rem 0 -4rem
    }
}

@media only screen and (max-width: 992px) {
    .aboutpath .invitation-shape {
        margin: -5rem 0 -2rem
    }
}

@media only screen and (max-width: 768px) {
    .aboutpath .invitation-shape {
        margin: 0
    }
}

.aboutpath .pathAbb {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px
}

@media only screen and (max-width: 992px) {
    .aboutpath .pathAbb {
        margin-bottom: 3rem
    }
}

@media only screen and (max-width: 768px) {
    .aboutpath .pathAbb {
        grid-template-columns: repeat(2, 1fr)
    }

    .aboutpath .pathAbb br {
        display: none
    }

    .aboutpath .pathAbb h6 {
        text-align: center
    }
}

@media only screen and (min-width: 992.1px)and (max-width: 1200px) {
    .aboutpath .pathAbb {
        grid-template-columns: repeat(2, 1fr)
    }

    .aboutpath .pathAbb br {
        display: none
    }

    .aboutpath .pathAbb h6 {
        text-align: center
    }
}

.aboutpath .pathAbb .abbCard {
    background: #91d8f7;
    padding: 10px 5px
}

.aboutpath .pathAbb .abbCard .title {
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem
}

.aboutpath .pathAbb .abbCard .withArr {
    font-size: 1.5rem
}

.aboutpath .pathAbb .abbCard .withArr span {
    color: #f5811e
}

.diffPath {
    background: #91d8f7
}

.pathNeed .pathNeedGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    grid-auto-rows: 280px
}

@media only screen and (max-width: 992px) {
    .pathNeed .pathNeedGrid {
        margin-bottom: 3rem;
        grid-template-columns: repeat(1, 1fr)
    }
}

.pathNeed .pathNeedGrid__Item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 3px solid #91d8f7;
    border-radius: 1.6rem;
    overflow: hidden
}

.pathNeed .pathNeedGrid__Item span {
    width: 67%;
    margin-left: auto;
    background: #285992;
    height: 100%;
    color: #fff;
    padding: 0 2rem 0 12rem;
    font-weight: 700;
    display: grid;
    place-content: center;
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%)
}

@media only screen and (max-width: 768px) {
    .pathNeed .pathNeedGrid__Item span {
        padding: 0 1rem 0 7rem
    }
}

.pathResult {
    background: #91d8f7
}

.pathResult .imgBox {
    aspect-ratio: 16/9
}

.pathResult .pathResultGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
    margin-top: 2rem
}

@media only screen and (max-width: 992px) {
    .pathResult .pathResultGrid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 575px) {
    .pathResult .pathResultGrid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.pathResult .pathResultGrid__Item {
    background: #fff;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5rem;
    text-align: center;
    aspect-ratio: 1/1
}

@media only screen and (max-width: 575px) {
    .pathResult .pathResultGrid__Item {
        aspect-ratio: auto;
        padding: 3rem 1.5rem
    }
}

.howPathWork {
    overflow: hidden
}

.howPathWork .workGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
    position: relative;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #285992), color-stop(50%, #ffffff));
    background-image: linear-gradient(0deg, #285992 50%, #ffffff 50%)
}

@media only screen and (max-width: 768px) {
    .howPathWork .workGrid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 575px) {
    .howPathWork .workGrid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.howPathWork .workGrid::before {
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #285992), color-stop(50%, #ffffff));
    background-image: linear-gradient(0deg, #285992 50%, #ffffff 50%);
    position: absolute;
    bottom: 0;
    left: calc(-100% + 1px);
    width: 100%;
    height: 100%
}

.howPathWork .workGrid::after {
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #285992), color-stop(50%, #ffffff));
    background-image: linear-gradient(0deg, #285992 50%, #ffffff 50%);
    position: absolute;
    bottom: 0;
    right: calc(-100% + 1px);
    width: 100%;
    height: 100%
}

.howPathWork .workGrid__Item {
    border-radius: 100%;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #91d8f7;
    text-align: center;
    padding: 0 2rem;
    border: 2px solid #285992;
    position: relative
}

.howPathWork .workGrid__Item::before {
    content: "";
    background: rgba(0, 0, 0, 0);
    border: 1.5px solid #fff;
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.joinMovement {
    background: #285992;
    padding-top: 3rem
}

.joinMovement img {
    aspect-ratio: 16/6.5;
    -o-object-position: 100% 28%;
    object-position: 100% 28%
}

.pathEmpowernment {
    background: #91d8f7;
    position: relative;
    overflow: hidden
}

.pathEmpowernment::before {
    content: "";
    background: rgba(0, 0, 0, 0);
    border: 5px solid #0c3b6f;
    width: 30rem;
    border-radius: 100%;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-50%, 20%);
    transform: translate(-50%, 20%);
    opacity: .4;
    -webkit-transition: -webkit-transform .7s linear;
    transition: -webkit-transform .7s linear;
    transition: transform .7s linear;
    transition: transform .7s linear, -webkit-transform .7s linear;
    -webkit-animation: rotate 7s infinite linear;
    animation: rotate 7s infinite linear;
    display: none
}

.pathEmpowernment .container {
    position: relative
}

.pathEmpowernment .pathEmpList {
    padding-left: 0;
    margin: 0
}

.pathEmpowernment .pathEmpList li:not(:last-child) {
    border-bottom: 5px solid #fff;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.pathEmpowernment .pathEmpowernmentGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
}

.pathEmpowernment .pathEmpowernmentGrid__Item {
    background: #0c3b6f;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0 15px;
    position: relative
}

.pathEmpowernment .pathEmpowernmentGrid__Item::before {
    content: "";
    background: rgba(0, 0, 0, 0);
    border: 1.5px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pathEmpowernment .pathEmpowernmentGrid__Item span {
    color: #fff
}

.pathEmpowernment .homeStretchGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px
}

@media only screen and (max-width: 768px) {
    .pathEmpowernment .homeStretchGrid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.pathEmpowernment .homeStretchGrid__Item {
    padding: 1rem;
    background: #fff
}

.pathEmpowernment .homeStretchGrid__Item:first-child .content {
    background: rgba(12, 59, 111, .2);
    padding: 2rem
}

.pathEmpowernment .homeStretchGrid__Item:first-child .content p {
    margin-bottom: 0
}

.pathEmpowernment .homeStretchGrid__Item.last {
    grid-column: span 2
}

.pathEmpowernment .homeStretchGrid .ccc .heads {
    background: #a0387b;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    padding: 0 8px;
    position: relative;
    z-index: 1;
    margin-right: 5px
}

.pathEmpowernment .homeStretchGrid .ccc .heads::before {
    content: "";
    background: #a0387b;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 2px;
    mix-blend-mode: lighten;
    width: calc(100% + 1rem)
}

.pathEmpowernment .homeStretchGrid .ccc ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    position: relative
}

.pathEmpowernment .homeStretchGrid .ccc .empt {
    display: block;
    width: 3rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    border: 2px solid #df88b9;
    position: absolute;
    bottom: 0;
    left: 45%
}

.pathEmpowernment .homeStretchGrid .ccc li {
    font-weight: 700
}

.pathEmpowernment .homeStretchGrid .heads {
    position: relative;
    text-align: center
}

.pathEmpowernment .homeStretchGrid .heads::before {
    content: "";
    background: var(--hdclr);
    height: 3px;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.pathEmpowernment .homeStretchGrid .heads h3 {
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 1.4rem
}

.pathEmpowernment .homeStretchGrid .heads h3::before {
    content: "";
    background: var(--hdclr);
    border: 1px solid var(--hdclr);
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    padding: 0 70px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 30px
}

@media only screen and (min-width: 992.1px) {
    .pathBackground .geniun {
        text-align: right;
        margin-top: 1rem
    }
}

@media only screen and (max-width: 992px) {
    .pathBackground .geniun {
        text-align: center
    }
}

.pathBackground .pathbgGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
}

@media only screen and (max-width: 768px) {
    .pathBackground .pathbgGrid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.pathBackground .pathbgGrid__Item {
    background: #df88b9;
    padding: 2rem
}

.pathBackground .pathbgGrid__Item:last-child {
    grid-column: span 2
}

.pathForward {
    background: #285992
}

.pathForward .forwardCard {
    background: #fff;
    border-radius: 1.6rem;
    overflow: hidden
}

.pathForward .forwardCard .listWrapper {
    padding: 1rem
}

.pathForward .forwardCard .headingQuartery {
    color: #fff;
    background: #0c3b6f;
    text-align: center;
    padding: 1rem;
    font-weight: bold
}

.pathForward .forwardCard li {
    color: #a0387b;
    position: relative
}

.pathForward .forwardCard li:not(:last-child) {
    border-bottom: 3px solid #0c3b6f;
    margin-bottom: 1rem
}

.progress360 {
    background: #91d8f7
}

@media only screen and (min-width: 992.1px) {
    .progress360 .col-lg-5 {
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, transparent), color-stop(30%, white), color-stop(80%, white), color-stop(80%, transparent));
        background: linear-gradient(90deg, transparent 30%, white 30%, white 80%, transparent 80%)
    }

    .progress360 .buddyBook {
        position: relative;
        height: 100%
    }

    .progress360 .buddyBook .cover {
        width: 49%;
        position: absolute;
        left: 0;
        top: 10rem
    }

    .progress360 .buddyBook .page {
        width: 49%;
        position: absolute;
        bottom: 10rem;
        right: 0
    }
}

@media only screen and (max-width: 992px) {
    .progress360 .cover {
        margin-bottom: 2rem
    }
}

.progress360 .iHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.progress360 .iPic img {
    width: 15rem
}

.progress360 .cover-wide {
    height: calc((122px + 2rem)*4)
}

.progress360 .cover-wide img {
    height: 100%
}

.progress360 .cover-tall {
    height: calc((122px + 2rem)*3)
}

.progress360 .cover-tall img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.progress360 .grid360 {
    display: grid;
    gap: 2rem
}

.progress360 .grid360__Item {
    border-radius: 1.6rem;
    border: 3px solid #fff;
    padding: 2.5rem 2.5rem 2.5rem 0;
    position: relative;
    text-align: center;
    padding: 1rem;
    height: 122px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.progress360 .grid360__Item strong {
    display: block
}

.progress360 .grid360__Item p {
    margin-bottom: 0
}

@media only screen and (min-width: 992.1px) {
    .learningbenefits .centeredGal {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.learningbenefits .traits4c {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #0c3b6f;
    border-radius: 20px
}

.learningbenefits .traits4c span {
    color: #fff;
    display: inline-block;
    padding: 5px 10px
}

.learningbenefits .gallerGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .5rem;
    position: relative
}

@media only screen and (min-width: 575.1px) {
    .learningbenefits .gallerGrid {
        width: 37.5rem
    }
}

.learningbenefits .gallerGrid .galler {
    overflow: hidden
}

.learningbenefits .gallerGrid .galler img {
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.learningbenefits .gallerGrid .galler img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.learningbenefits .gallerGrid .galler:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2
}

.learningbenefits .gallerGrid .galler:nth-child(2) {
    grid-column: 1/span 2;
    grid-row: 3/span 2
}

.learningbenefits .gallerGrid .galler:nth-last-child(1) {
    grid-column: 5/6;
    grid-row: 3/span 2
}

.learningbenefits .gallerGrid .galler:nth-last-child(2) {
    grid-column: 5/6;
    grid-row: 1/span 2
}

.learningbenefits .learningContent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10rem;
    position: relative;
    margin-top: 1.5rem
}

@media only screen and (max-width: 992px) {
    .learningbenefits .learningContent {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem
    }
}

.learningbenefits .learningContent__Item {
    background: #fff;
    padding: 4rem 5rem;
    border-radius: 3rem;
    -webkit-box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
    text-align: center;
    position: relative
}

@media only screen and (max-width: 992px) {
    .learningbenefits .learningContent__Item {
        padding: 3rem !important;
        border: 4px solid var(--bgClr)
    }
}

.learningbenefits .learningContent__Item::before {
    content: "";
    background: var(--bgClr);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3rem;
    z-index: -1
}

@media only screen and (max-width: 992px) {
    .learningbenefits .learningContent__Item::before {
        display: none
    }
}

@media only screen and (min-width: 992.1px) {
    .learningbenefits .learningContent__Item:nth-child(1) {
        padding-bottom: 10rem
    }

    .learningbenefits .learningContent__Item:nth-child(1)::before {
        top: -1rem;
        left: -1rem
    }

    .learningbenefits .learningContent__Item:nth-child(2) {
        padding-bottom: 10rem
    }

    .learningbenefits .learningContent__Item:nth-child(2)::before {
        top: -1rem;
        right: -1rem
    }

    .learningbenefits .learningContent__Item:nth-child(3) {
        padding-top: 10rem
    }

    .learningbenefits .learningContent__Item:nth-child(3)::before {
        bottom: -1rem;
        left: -1rem
    }

    .learningbenefits .learningContent__Item:nth-child(4) {
        padding-top: 10rem
    }

    .learningbenefits .learningContent__Item:nth-child(4)::before {
        bottom: -1rem;
        right: -1rem
    }
}

.joinMovement .videoCard {
    position: relative;
    overflow: hidden
}

.joinMovement .videoCard:hover .videoHead {
    background: #0c3b6f
}

.joinMovement .videoCard:hover .videoHead h3 {
    color: #fff
}

.joinMovement .videoCard .videoHead {
    background: #fff;
    padding: 10px 10px;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (min-width: 1199.8px) {
    .joinMovement .videoCard .videoHead {
        height: 67px;
        display: grid;
        place-content: center
    }
}

.joinMovement .videoCard .videoHead h3 {
    color: #a0387b;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 600
}

.joinMovement .linkWrapper {
    text-align: center;
    margin-top: 3rem
}

.joinMovement .video-box {
    border: 15px solid #a0387b
}

.joinMovement .video-box video {
    display: block
}

.joinMovement .img-box::before,
.joinMovement .img-box::after {
    content: "";
    background-image: url(../../images/sharp-bg.png);
    position: absolute;
    width: 15rem;
    aspect-ratio: 1/1
}

.joinMovement .img-box::before {
    bottom: 0;
    left: 0
}

.joinMovement .img-box::after {
    top: 0;
    right: 0
}

.joinMovement .img-box .img-wrapper {
    z-index: 1;
    -webkit-transform: scale(0.89, 0.86);
    transform: scale(0.89, 0.86)
}

.joinEdleadership .col-md-10 {
    position: relative
}

.joinEdleadership .dateGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.joinEdleadership .date {
    text-align: center
}

.joinEdleadership .date.blue span {
    color: #285992
}

.joinEdleadership .date span {
    display: inline-block;
    color: #a0387b;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.1
}

.joinEdleadership .cmsLogo {
    width: 25rem;
    margin: auto
}

.joinEdleadership .cmsLogo img {
    width: 15rem;
    display: block;
    margin: auto;
    margin-bottom: 1rem
}

.joinEdleadership .cmsLogo figcaption {
    color: #a0387b;
    font-weight: 700;
    text-align: center;
    line-height: 1.1
}

.joinEdleadership .cmsLogo figcaption.blue {
    color: #285992
}

.joinEdleadership .heading {
    text-align: center
}

.joinEdleadership .heading h2 {
    font-family: "Playfair Display", serif;
    font-weight: normal;
    font-size: 4rem
}

.joinEdleadership .heading h2 strong,
.joinEdleadership .heading h2 span {
    font-weight: 700
}

@media only screen and (min-width: 992.1px) {

    .joinEdleadership .heading h2 strong,
    .joinEdleadership .heading h2 span {
        font-size: 55px;
        margin: .5rem 0
    }
}

.immersiveSection {
    background: #285992
}

.immersiveSection .immCard {
    height: 100%;
    background: #285992;
    border: 2px solid #fff;
    border-radius: 1.6rem;
    overflow: hidden
}

.immersiveSection .immCard .pic img {
    aspect-ratio: 16/10.6;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.immersiveSection .immCard .content {
    padding: 3rem 2rem;
    background: #285992;
    border-top: 2rem solid #fff
}

.immersiveSection .immCard .content p {
    color: #fff;
    font-weight: 700;
    text-align: center
}

.brochureSection p {
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 2.4rem;
    line-height: 1.2
}

.brochureSection .linkTwo {
    text-align: center
}

.indiaMap {
    background: #285992
}

@media only screen and (max-width: 992px) {
    .indiaMap .row {
        row-gap: 2rem
    }
}

.indiaMap .childBox {
    border: 4px solid #fff;
    border-radius: 100%
}

.indiaMap .contentBox {
    border: 2px solid #fff;
    padding: 1.5rem;
    border-radius: 1.6rem
}

@media only screen and (min-width: 992.1px) {
    .indiaMap .contentBox {
        width: 85%
    }
}

.indiaMap .contentBox:first-child {
    margin-bottom: 2rem
}

.indiaMap .contentBox:last-child {
    margin-left: auto
}

.indiaMap .contentBox p {
    color: #fff
}

.embraceSection {
    background: #285992
}

.embraceSection .headingPrimary,
.embraceSection .headingQuartery {
    color: #fff
}

@media only screen and (max-width: 992px) {
    .embraceSection .row.hibg {
        row-gap: 2rem
    }
}

.embraceSection .hiPathCard {
    border-radius: 1.6rem;
    overflow: hidden
}

.embraceSection .hiPathCard .icon {
    text-align: center;
    background: #fff;
    height: 16rem;
    display: grid;
    place-content: center
}

.embraceSection .hiPathCard .icon img {
    height: 10rem;
    margin: auto
}

.embraceSection .hiPathCard .content {
    background: var(--hiBg);
    height: 16rem;
    display: grid;
    place-content: center;
    padding: 0 3rem;
    text-align: center
}

.embraceSection .hiPathCard .content p {
    font-weight: bold;
    color: #fff
}

.embraceSection .embracePathbg {
    background-attachment: fixed;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.embraceSection .embracePathbg .embList {
    background: rgba(40, 89, 146, .7)
}

@media only screen and (max-width: 992px) {
    .embraceSection .embracePathbg .embList {
        margin: 4rem 0
    }
}

.embraceSection .embracePathbg .embList ol {
    padding: 0 3rem
}

.embraceSection .embracePathbg .embList ol li {
    color: #fff;
    font-weight: 700
}

.embraceSection .embracePathbg .embList ol li:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 3px solid #fff
}

.ledBenefits {
    background: #91d8f7
}

.ledBenefits .imgWrapper {
    border-radius: 100%;
    aspect-ratio: 1/1
}

.ledBenefits .imgWrapper img {
    -o-object-position: 60%;
    object-position: 60%
}

.forceBenefits .row {
    row-gap: 2rem
}

.forceBenefits .card {
    background: #91d8f7;
    height: 100%
}

.forceBenefits .card .head {
    width: 60%;
    margin: -3rem auto 3rem;
    background: #285992;
    border-radius: 20rem
}

@media only screen and (max-width: 992px) {
    .forceBenefits .card .head {
        margin: 3rem auto
    }
}

.forceBenefits .card .head h3 {
    color: #fff;
    text-align: center
}

.forceBenefits .card .content {
    padding: 0 2rem 2rem
}

.forceBenefits .card .content ul {
    margin-bottom: 0;
    list-style-type: disc
}

.forceBenefits .card .content ul li:not(:last-child) {
    margin-bottom: 1.5rem
}

.gll-01 .imgWrapper {
    border-radius: 0
}

.gll-01 .imgWrapper img {
    width: 100%
}

.alfaResult .ccWro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    border-radius: 1rem;
    overflow: hidden
}

.alfaResult .ccWro .imgWrapper {
    background: #285992;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    align-self: stretch;
    display: grid;
    padding: 2rem 0;
    place-content: center
}

.alfaResult .ccWro .imgWrapper img {
    -webkit-filter: brightness(100) invert(1);
    filter: brightness(100) invert(1)
}

.alfaResult .ccWro .contentWrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center
}

@media only screen and (max-width: 768px) {
    .alfaResult .countDown {
        text-align: center
    }
}

.alfaResult .countOuter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.alfaResult .counter {
    font-size: 6rem;
    font-weight: bold;
    color: #285992;
    width: 100%;
    text-align: center
}

.alfaResult .counter.k10::after {
    content: "+K";
    font-weight: normal
}

.alfaResult .counter+span {
    font-size: 6rem;
    font-weight: normal;
    line-height: 1;
    color: #285992
}

.alfaResult .str0 {
    stroke: #fefefe;
    stroke-width: 20.8307
}

.alfaResult .fil5 {
    fill: #fefefe
}

.alfaResult .fil4 {
    fill: #2aa8f4
}

.alfaResult .fil2 {
    fill: url(#id0)
}

.alfaResult .fil3 {
    fill: url(#id1)
}

.alfaResult .fil0 {
    fill: url(#id2)
}

.alfaResult .fil1 {
    fill: url(#id3)
}

.alfaResult .fnt0 {
    font-weight: normal;
    font-size: 277.78px;
    font-family: "Poppins"
}

.townhallSection {
    background: #f2f2f2
}

.edLeadershipSection .borderBottom {
    margin-left: 0;
    width: 25%
}

.edLeadershipSection thead {
    background: #a0387b;
    color: #fff;
    text-align: center
}

.testimonialSection {
    background: #f2f2f2
}

.hotelsRoom{
    background: rgba(114, 115, 118, 0.05);
}
.hotelsRoom .row.dulxe, .hotelsRoom .row.clip, .hotelsRoom .row.sdeluxe{
    row-gap: 1.5rem;
}
@media only screen and (min-width: 1199.8px) {
    .sdeluxe .hotelCard .address{
        height: 96px;
    }

    .hotelsRoom .hotelName {
        height: 18px
    }

    .hotelsRoom .dulxe .address {
        height: 117px
    }

    .hotelsRoom .clip .hotelCard {
        position: relative;
        overflow: hidden
    }

    .hotelsRoom .clip .hotelCard .address {
        height: 118px
    }
}

.hotelsRoom .tab-content {
    padding-top: 3rem
}

.hotelsRoom .nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:1px;
}

.hotelsRoom .nav .nav-item {
    display: block;
    width: 100%
}

.hotelsRoom .nav .nav-item .nav-link {
    background: #285992;
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6rem;
    color: #fff;
    border: 2px solid #285992;
    border-radius: 0
}

.hotelsRoom .nav .nav-item .nav-link small img{
    width: 8px;
    filter: brightness(0) invert(1);
}

.hotelsRoom .nav .nav-item .nav-link.active small img{
    filter: none;
}
.hotelsRoom .nav .nav-item .nav-link small {
    display: block;
    font-weight: 400;
    
}

.hotelsRoom .nav .nav-item .nav-link.active {
    background: #fff;
    color: #285992;
    position: relative
}

.hotelsRoom .nav .nav-item .nav-link.active::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #285992 rgba(0, 0, 0, 0);
    -webkit-transform: scaleY(-1) translateX(-50%);
    transform: scaleY(-1) translateX(-50%);
    bottom: -12px;
    left: 50%
}

.rajnath-singh h2 {
    text-transform: none
}

.rajnath-singh .modal-content {
    height: 100%
}

.rajnath-singh .modal-content button.btn-close {
    position: absolute;
    right: -30px;
    top: -15px;
    z-index: 1;
    -webkit-filter: invert(1);
    filter: invert(1);
    font-size: 20px
}

.rajnath-singh .modal-content .modal-body {
    padding: 0
}

.rajnath-singh .modal-dialog.modal-dialog-centered {
    height: calc(100vh - 100px);
    max-width: calc(100vw - 200px)
}

.rajnath-singh .r-video {
    position: relative;
    background: rgba(0, 0, 0, 0);
    width: 100%
}

.rajnath-singh .r-video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    mix-blend-mode: multiply;
    background: linear-gradient(45deg, rgb(40, 89, 146) 50%, rgb(145, 216, 247) 50%)
}

.rajnath-singh .r-video img {
    -webkit-transform: scale(0.94, 0.9);
    transform: scale(0.94, 0.9);
    margin: auto;
    display: block;
    z-index: 1
}

.rajnath-singh .overlayIcon {
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    right: 0;
    place-content: center;
    display: grid;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: #285992;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.rajnath-singh .overlayIcon i {
    font-size: 20px
}

.rajnath-singh .overlayIcon::before,
.rajnath-singh .overlayIcon::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #285992;
    -webkit-transition: .5s;
    transition: .5s
}

.rajnath-singh .overlayIcon::before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.rajnath-singh .overlayIcon::after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.sunitaatDignity .videoBg {
    position: relative;
    padding-right: 20px;
}

@media only screen and (max-width: 768px) {
    .sunitaatDignity .videoBg {
        margin-bottom: 4rem
    }
}

.sunitaatDignity .videoBg a {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    margin: auto
}

.sunitaatDignity .videoBg a img {
    outline: 1rem solid #a0387b
}

.sunitaatDignity .videoBg a .overlayIcon {
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    right: 0;
    place-content: center;
    display: grid;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: #a0387b;
    border-radius: 50%;
    font-size: 40px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.sunitaatDignity .videoBg a .overlayIcon i {
    font-size: 2rem;
    color: #fff
}

.sunitaatDignity .videoBg a .overlayIcon::before,
.sunitaatDignity .videoBg a .overlayIcon::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #a0387b;
    -webkit-transition: .5s;
    transition: .5s
}

.sunitaatDignity .videoBg a .overlayIcon::before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.sunitaatDignity .videoBg a .overlayIcon::after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.hiPathTrial .trialPathGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
    margin-top: 4rem
}

@media only screen and (max-width: 1199.9px) {
    .hiPathTrial .trialPathGrid {
        grid-template-columns: repeat(auto-fit, minmax(172px, 1fr))
    }
}

.hiPathTrial .trialPathGrid__Item .box {
    background: #fff;
    border-radius: 1.6rem;
    position: relative;
    -webkit-box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    padding: 6rem 3rem 4rem;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width: 1199.9px) {
    .hiPathTrial .trialPathGrid__Item .box {
        padding: 4rem 2rem 2rem
    }
}

@media only screen and (max-width: 992px) {
    .hiPathTrial .trialPathGrid__Item .box {
        padding: 2rem
    }
}

.hiPathTrial .trialPathGrid__Item .box:hover {
    background: #285992
}

.hiPathTrial .trialPathGrid__Item .box:hover .sNo {
    background: #fff;
    color: #285992
}

.hiPathTrial .trialPathGrid__Item .box:hover a:not(.link) {
    color: #fff
}

.hiPathTrial .trialPathGrid__Item .box:hover a.link {
    height: 4rem;
    width: 4rem
}

.hiPathTrial .trialPathGrid__Item .box .sNo {
    background: #285992;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    width: 7rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #fff;
    outline: 2px solid #285992;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (min-width: 992.1px) {
    .hiPathTrial .trialPathGrid__Item .box .sNo {
        position: absolute;
        top: -4rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (max-width: 992px) {
    .hiPathTrial .trialPathGrid__Item .box .sNo {
        margin: 0 auto 2rem
    }
}

.hiPathTrial .trialPathGrid__Item .box a:not(.link) {
    text-align: center;
    display: block;
    color: #285992;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.hiPathTrial .trialPathGrid__Item .box a.link {
    position: absolute;
    background: #fff;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 6px;
    border-top-left-radius: 35px;
    border-bottom-right-radius: 1.6rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.hiPathTrial .trialPathGrid__Item .box a.link i {
    color: #285992;
    font-size: 2rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.pastEventSection .col-md-4 {
    max-height: 100%
}

.pastEventSection .heroFormStick {
    max-height: 100%;
    position: sticky;
    top: 10rem
}

.pastEventSection .heroFormStick .heroForm {
    height: 460px
}

.events_item {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3rem;
    border-radius: 1.6rem;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px
}

.events_item:not(:last-child) {
    margin-bottom: 3rem
}

.events_item .e_img {
    display: block;
    overflow: hidden
}

.events_item .e_img img {
    max-width: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.events_item .media {
    padding: 30px 2rem 0
}

@media only screen and (min-width: 575.1px) {
    .events_item .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.events_item .media h2 {
    color: #285992;
    text-align: center
}

@media only screen and (min-width: 575.1px) {
    .events_item .media h2 {
        padding-right: 3rem
    }
}

@media only screen and (min-width: 1199.8px) {
    .events_item .media h2 {
        max-width: 180px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px
    }
}

.events_item .media h2 b {
    display: block;
    font-weight: bold;
    font-size: 54px;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 15px
}

.events_item .media h2 b:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #91d8f7;
    height: 3px;
    width: 10rem;
    margin: 0 auto;
    right: 0
}

.events_item .media .media-body {
    padding-left: 3rem;
    border-left: 1px solid #dddada;
    padding-top: 10px
}

.events_item .media .media-body p {
    padding-top: 1.5rem
}

.events_item .media .media-body h6 {
    color: rgba(0, 0, 0, .702)
}

.events_item .media .media-body h6 span {
    display: inline-block;
    padding-left: 20px
}

.events_item .media .media-body .linkWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2rem
}

.events_item .media .media-body .linkWrapper a {
    display: inline-block;
    color: #fff;
    background: #285992;
    border-radius: 5rem;
    font-weight: 600;
    border: 1px solid #285992;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    padding: 5px 30px
}

.events_item .media .media-body .linkWrapper a:hover,
.events_item .media .media-body .linkWrapper a:focus {
    color: #285992;
    background: rgba(0, 0, 0, 0)
}

.events_item:hover .e_img img {
    -webkit-transform: scale3D(1.2, 2);
    transform: scale3D(1.2, 2)
}

.pathClassroom h6.headingTertiary {
    color: #373435;
    padding: 1rem;
    display: inline-block;
    border-top: 2px solid #285992;
    border-bottom: 2px solid #285992;
    font-weight: 300
}

.pathClassroom .classgallery {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 1rem
}

@media only screen and (max-width: 992px) {
    .pathClassroom .classgallery {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width: 575px) {
    .pathClassroom .classgallery {
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem
    }
}

.pathClassroom .classgallery__Item {
    overflow: hidden
}

.pathClassroom .classgallery__Item img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    aspect-ratio: 1/1
}

.pathClassroom .classgallery__Item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.pathClassroom .pathWrapper {
    background: #91d8f7;
    margin: 1rem 0
}

@media only screen and (max-width: 992px) {
    .pathClassroom .pathWrapper {
        margin: .5rem 0
    }
}

.pathClassroom .pathWrapper .headTertiary {
    font-weight: bold
}

@media only screen and (min-width: 992.1px) {
    .pathClassroom .pathWrapper .headTertiary {
        font-size: 2.4rem
    }
}

.pathClassroom .pathWrapper .container {
    background: #285992;
    border-radius: 1.6rem
}

@media only screen and (max-width: 575px) {
    .pathClassroom .pathWrapper .container {
        max-width: 95%;
        margin: auto
    }
}

@media only screen and (min-width: 992.1px) {
    .pathClassroom .pathWrapper .classNotice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.pathClassroom .pathWrapper .classNotice__List {
    padding: 2rem;
    text-align: center
}

@media only screen and (max-width: 992px) {
    .pathClassroom .pathWrapper .classNotice__List:not(:last-child) {
        border-bottom: 3px solid #fff
    }
}

@media only screen and (min-width: 992.1px) {
    .pathClassroom .pathWrapper .classNotice__List {
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .pathClassroom .pathWrapper .classNotice__List:not(:last-child) {
        border-right: 5px solid #fff
    }
}

.pathClassroom .pathWrapper .classNotice__List p {
    font-weight: 700;
    color: #fff;
    font-size: 1.8rem
}

@media only screen and (max-width: 575px) {
    .pathClassroom .pathWrapper .classNotice__List p {
        font-weight: normal
    }
}

@media only screen and (min-width: 1199.8px) {
    .blog-section .blog-content {
        height: 438px
    }
}

.blog-section .publisher {
    text-align: center
}

.blog-section .publisher h6 {
    font-size: 2.4rem;
    font-weight: bold;
    font-family: "Playfair Display", serif;
    font-style: oblique;
    margin-bottom: 1rem
}

.blog-section .headingSecondary {
    text-align: center;
    margin-top: 1rem
}

.blog-section .headingSecondary::before {
    content: none
}

@media only screen and (min-width: 1199.8px) {
    .getiBlog .blog-content {
        height: 473px
    }
}

.getiBlog .headingSecondary {
    text-align: center;
    margin-top: 1rem
}

.getiBlog .headingSecondary::before {
    content: none
}

.getiBlog .item {
    margin: 0 7.5px 27px
}

.galleryGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    height: 100%;
    grid-auto-rows: 20rem
}

.galleryGrid__item.wide {
    grid-column: span 2
}

.galleryGrid__item.tall {
    grid-row: span 2
}

.galleryGrid__item a {
    display: block;
    height: 100%;
    position: relative
}

.galleryGrid__item a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.galleryGrid__item a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.galleryGrid__item a:hover img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.galleryGrid__item a:hover::before {
    opacity: .6
}

.galleryGrid__item a:hover i {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.galleryGrid__item a i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 30px;
    -webkit-transform: translate(-50%, -50%) scale(8);
    transform: translate(-50%, -50%) scale(8);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.galleryGrid__item a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.galleryGrid img {
    max-width: 100%;
    height: auto
}

.whatTownhall {
    background: #91d8f7
}

.whatHappens {
    background: #91d8f7
}

.whatHappens__Grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px
}

@media only screen and (max-width: 992px) {
    .whatHappens__Grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width: 575px) {
    .whatHappens__Grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.whatHappens__card .icon {
    outline: 20px solid #285992;
    border: 5px solid #91d8f7;
    border-radius: 100%;
    background: #fff;
    aspect-ratio: 1/1;
    display: grid;
    place-content: center
}

@media only screen and (max-width: 992px) {
    .whatHappens__card .icon {
        width: calc(100% - 5rem);
        margin: auto
    }
}

.whatHappens__card .icon img {
    height: 15rem
}

.whatHappens__card .headingTertiary {
    text-align: center;
    margin-top: 4rem
}

.whatHappens__card .headingTertiary span {
    font-weight: 700
}

@media only screen and (max-width: 992px) {
    .whoAttend .row {
        row-gap: 2rem
    }
}

.whoAttend .attendies {
    background: #fff;
    text-align: center;
    border-radius: 16px;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px
}

.whoAttend .attendies:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.whoAttend .attendies:hover .heading-tertiary {
    color: #fff;
    background: #285992
}

.whoAttend .attendies .heading-tertiary {
    padding: 3rem 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.screenShotArea {
    position: relative
}

.screenShotArea .pt {
    font-family: "Playfair Display", serif;
    font-style: oblique;
    font-size: 5.4rem;
    line-height: 1
}

@media only screen and (max-width: 992px) {
    .screenShotArea .pt {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 768px) {
    .screenShotArea .pt {
        font-size: 3rem
    }
}

@media only screen and (max-width: 575px) {
    .screenShotArea .pt {
        font-size: 2.4rem
    }
}

.screenShotArea .monSun {
    font-family: "Playfair Display", serif;
    text-transform: uppercase;
    color: #285992;
    font-size: 2.4rem;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .screenShotArea .monSun {
        font-size: 1.8rem
    }

    .screenShotArea .monSun br {
        display: none
    }
}

.screenShotArea .headingQuartery {
    font-family: "Playfair Display", serif;
    padding: .5rem 1rem;
    border-top: 3px solid #285992;
    border-bottom: 3px solid #285992;
    display: inline-block;
    margin-top: 1.5rem
}

@media only screen and (min-width: 1199.8px) {
    .screenShotArea p {
        padding-right: 5rem
    }
}

.screenShotArea .btnWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

@media only screen and (max-width: 992px) {
    .screenShotArea .btnWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0;
        margin-bottom: 2rem
    }
}

.screenShotArea::after {
    content: "";
    background-image: url("../../images/townhall-bg-01.png");
    position: absolute;
    right: 0;
    top: 54.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 54%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1
}

@media only screen and (max-width: 992px) {
    .screenShotArea::after {
        display: none
    }
}

.screenShotArea .townhallSS {
    height: 100%;
    position: relative
}

.screenShotArea .townhallSS img {
    position: absolute
}

@media only screen and (max-width: 992px) {
    .screenShotArea .townhallSS img {
        position: relative
    }
}

.screenShotArea .townhallSS img:first-child {
    width: calc(100% - 11rem);
    right: 0;
    bottom: 4rem
}

@media only screen and (max-width: 992px) {
    .screenShotArea .townhallSS img:first-child {
        width: 90%;
        bottom: 0;
        margin-left: auto;
        display: block
    }
}

.screenShotArea .townhallSS img:last-child {
    top: 20%;
    left: -17%;
    width: 20rem
}

@media only screen and (max-width: 992px) {
    .screenShotArea .townhallSS img:last-child {
        bottom: 7rem;
        left: 0;
        top: auto
    }
}

.inSchools {
    background: #91d8f7
}

.hostTownhall {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(55%, #91d8f7), color-stop(55%, transparent));
    background-image: linear-gradient(0deg, #91d8f7 55%, transparent 55%)
}

.hostTownhall .townHallGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem
}

@media only screen and (max-width: 768px) {
    .hostTownhall .townHallGrid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.hostTownhall .townHallGrid__Item {
    background: #fff;
    border-radius: 1rem;
    border-right: 5px solid #285992;
    border-bottom: 5px solid #285992;
    -webkit-box-shadow: -1px -1px 4px #91d8f7;
    box-shadow: -1px -1px 4px #91d8f7;
    padding: 2rem;
    text-align: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%
}

.hostTownhall .offLineCard .imgBox {
    border: 2px solid #fff
}

.hostTownhall .offLineCard .imgBox .imgWrapper {
    border-radius: 0
}

.hostTownhall .offLineCard .content {
    text-align: center
}

.hostTownhall .offLineCard .content .headingQuartery {
    font-weight: 700;
    margin-top: 2rem
}

.hostTownhall .offLineCard .content .date {
    background: #fff;
    padding: 5px 15px;
    border: 3px solid #285992;
    display: inline-block;
    border-bottom: 0
}

.hostTownhall .offLineCard .content a {
    background: #285992;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 1.5rem;
    font-weight: bold;
    border-radius: 0 0 2rem 2rem
}

.movement .joinMovement {
    display: grid;
    grid-template-columns: 70% 30%;
    background: #285992;
    border-radius: 2rem;
    overflow: hidden
}

@media only screen and (max-width: 992px) {
    .movement .joinMovement {
        grid-template-columns: auto
    }
}

.movement .joinMovement .content {
    clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 0 49%, 0% 0%);
    background: #91d8f7;
    padding: 5rem 2rem
}

.movement .joinMovement .link {
    -ms-flex-item-align: center;
    align-self: center;
    display: block;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.movement .joinMovement .link a {
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: bold;
    border: 2px solid #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    line-height: 1.2
}

.movement .joinMovement .link a:hover {
    border-color: #fff
}

@media only screen and (max-width: 992px) {
    .movement .joinMovement .link a br {
        display: none
    }
}

.townhallConnectArea .welcome-area {
    height: 100vh;
    position: relative
}

@media screen and (max-width: 600px) {
    .townhallConnectArea .welcome-area {
        height: auto
    }
}

@media screen and (min-width: 1200px) {
    .townhallConnectArea .welcome-area {
        overflow: hidden
    }
}

.townhallConnectArea .welcome-area .header-bg img {
    max-width: 100%;
    height: 100vh
}

@media screen and (min-width: 1200px) {
    .townhallConnectArea .welcome-area .header-bg img {
        width: 80%
    }
}

@media screen and (min-height: 700px) {
    .townhallConnectArea .welcome-area .header-bg img {
        height: 650px
    }
}

.townhallConnectArea .welcome-area .header-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 70px
}

@media screen and (max-width: 600px) {
    .townhallConnectArea .welcome-area .header-content {
        background: #285992;
        padding-top: 30px
    }
}

.townhallConnectArea .welcome-area .header-content .container {
    max-width: 1140px;
    margin: auto
}

@media screen and (max-width: 1200px) {
    .townhallConnectArea .welcome-area .header-content .container {
        width: 90%
    }
}

.townhallConnectArea .welcome-area .header-content .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1199.9px) {
    .townhallConnectArea .welcome-area .header-content .row .col-md-6 {
        margin-bottom: 3rem;
        text-align: center
    }

    .townhallConnectArea .welcome-area .header-content .row .col-md-6 .border,
    .townhallConnectArea .welcome-area .header-content .row .col-md-6 .link-wrapper {
        margin-left: auto;
        margin-right: auto
    }

    .townhallConnectArea .welcome-area .header-content .row .col-md-6 .left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 1200px) {
    .townhallConnectArea .welcome-area .header-content .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .townhallConnectArea .welcome-area .header-content .row .col-md-6 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .townhallConnectArea .welcome-area .header-content .row .col-md-5 {
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }
}

.townhallConnectArea .welcome-area .header-content h1 {
    color: #fff;
    font-size: 40px
}

.townhallConnectArea .welcome-area .header-content .border {
    background: #fff;
    width: 100px;
    height: 3px;
    border-radius: 10px;
    margin-bottom: 20px
}

.townhallConnectArea .welcome-area .header-content p {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px
}

.townhallConnectArea .welcome-area .header-content p strong {
    font-weight: bold
}

.townhallConnectArea #localNow {
    display: none
}

.townhallConnectArea .townhallcard {
    width: 100%
}

.townhallConnectArea .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.townhallConnectArea .muted {
    color: #fff;
    font-size: 20px;
    font-weight: bold
}

.townhallConnectArea .countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.townhallConnectArea .tile {
    text-align: center;
    display: grid;
    place-content: center;
    width: 80px;
    aspect-ratio: 16/12;
    background: #fff
}

.townhallConnectArea .tile .num {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #285992
}

.townhallConnectArea .tile .lbl {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #285992
}

.townhallConnectArea .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.townhallConnectArea .next-line {
    font-size: 13px;
    color: #fff;
    text-align: center
}

.townhallConnectArea .link-wrapper {
    width: 300px;
    text-align: center;
    margin-top: 3rem
}

@media screen and (max-width: 600px) {
    .townhallConnectArea .link-wrapper {
        margin-top: 0
    }
}

.townhallConnectArea .join-btn {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #fff;
    color: #285992;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    -webkit-box-shadow: 0 6px 18px rgba(29, 161, 242, .18);
    box-shadow: 0 6px 18px rgba(29, 161, 242, .18);
    text-decoration: none;
    -webkit-transition: -webkit-transform .12s ease, -webkit-box-shadow .12s ease;
    transition: -webkit-transform .12s ease, -webkit-box-shadow .12s ease;
    transition: transform .12s ease, box-shadow .12s ease;
    transition: transform .12s ease, box-shadow .12s ease, -webkit-transform .12s ease, -webkit-box-shadow .12s ease
}

.townhallConnectArea .join-btn:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.townhallConnectArea .join-btn[aria-live=true] {
    background: -webkit-gradient(linear, left top, right top, from(var(--live)), color-stop(60%, #ff6b6b));
    background: linear-gradient(90deg, var(--live), #ff6b6b 60%);
    -webkit-box-shadow: 0 6px 22px rgba(255, 77, 77, .18);
    box-shadow: 0 6px 22px rgba(255, 77, 77, .18)
}

.townhallConnectArea .status {
    font-size: 13px;
    color: #fff
}

.townhallConnectArea .small {
    font-size: 12px !important;
    color: #fff
}

@media(max-width: 720px) {
    .townhallConnectArea .townhallcard {
        grid-template-columns: 1fr;
        padding: 18px;
        gap: 14px
    }

    .townhallConnectArea .right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.townhallConnectArea .video-wrapper {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto
}

@media screen and (max-width: 600px) {
    .townhallConnectArea .video-wrapper {
        margin-bottom: 2rem
    }
}

.townhallConnectArea .video-wrapper video {
    width: 100%;
    height: auto;
    display: block
}

.townhallConnectArea .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .6);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    font-size: 28px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background .3s;
    transition: background .3s
}

.townhallConnectArea .play-btn:hover {
    background: rgba(0, 0, 0, .8)
}

.townhallConnectArea .confetti {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1
}

.contactSection .contactWrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 61rem;
    border-radius: 2rem;
    overflow: hidden;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px
}

.contactSection .contactWrapper .contactBg {
    height: 100%
}

.contactSection .contactWrapper .contactBg img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.contactSection .contactWrapper .contactForm {
    padding-top: 3rem;
    overflow: hidden
}

.contactSection .contactWrapper .contactForm .heading-tertiary {
    text-align: center
}

.contactSection .contectBox {
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
    border-radius: 1.6rem;
    padding: 3rem;
    text-align: center;
    height: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.contactSection .contectBox .icon {
    margin-bottom: 1rem
}

.contactSection .contectBox .icon i {
    color: #a0387b;
    font-size: 3.6rem
}

.contactSection .contectBox a {
    color: #333
}

.contactSection .contectBox:hover {
    background: #a0387b;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contactSection .contectBox:hover i,
.contactSection .contectBox:hover a,
.contactSection .contectBox:hover p {
    color: #fff
}

.trialPage .fixedatSide a {
    position: fixed;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    left: -108px;
    background: #a0387b;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 50px;
    display: inline-block;
    z-index: 999;
}

.trialPage header .navbar-toggler {
    background: #fff
}

.trialPage header .navbar-toggler:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.trialPage header #navBar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: all .5s;
    transition: all .5s
}

.trialPage header #navBar.fixedTop {
    background: #fff;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px
}

.trialPage header #navBar.fixedTop .navbar-brand img {
    width: 5rem
}

.trialPage header #navBar.fixedTop .navbar-nav li a:not(.trialBtn) {
    color: #a0387b
}

.trialPage header #navBar .navbar-brand {
    display: block
}

.trialPage header #navBar .navbar-brand img {
    width: 12rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage header #navBar .navbar-nav {
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 992px) {
    .trialPage header #navBar .navbar-nav {
        background: #fff;
        padding: 20px 0
    }

    .trialPage header #navBar .navbar-nav a:not(.trialBtn) {
        color: #a0387b !important
    }
}

.trialPage header #navBar .navbar-nav li a {
    color: #fff;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .25px
}

.trialPage header #navBar .trialBtn {
    background: #a0387b;
    color: #fff;
    padding: 5px 20px;
    border: 2px solid #a0387b;
    text-transform: uppercase;
    border-radius: 20px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (min-width: 992.1px) {
    .trialPage header #navBar .trialBtn {
        margin-left: 1rem
    }
}

.trialPage header #navBar .trialBtn:hover {
    background: rgba(0, 0, 0, 0);
    color: #a0387b;
    border-color: #a0387b
}

.trialPage main .bgVector {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url("https://dignityeducation.org/synergy/images/bg-01.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: 100% 60%;
    mix-blend-mode: darken;
    z-index: -1;
    opacity: .1
}

.trialPage main .heroSection {
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.trialPage main .heroSection .mainLogo {
    width: 18rem;
    margin: 0 auto 2rem
}

.trialPage main .heroSection::before {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    backdrop-filter: blur(9px)
}

.trialPage main .heroSection .container {
    position: relative;
    height: 100vh
}

.trialPage main .heroSection .container .heroContent {
    width: 100%;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 5rem
}

.trialPage main .heroSection .container .heroContent h1 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 5rem;
    font-weight: bold
}

@media only screen and (max-width: 768px) {
    .trialPage main .heroSection .container .heroContent h1 {
        font-size: 2.4rem;
        font-weight: 500
    }
}

.trialPage main .heroSection .container .heroContent .btnWrapper a {
    color: #fff;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    padding: 1rem 4rem;
    display: inline-block;
    margin-top: 2rem;
    text-transform: uppercase;
    border-radius: 10rem;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage main .heroSection .container .heroContent .btnWrapper a:hover {
    background: hsla(0, 0%, 100%, .15);
    backdrop-filter: blur(10px);
    padding: 1rem 5rem
}

.trialPage main .thumbnailSection {
    background: #a0387b
}

.trialPage main .thumbnailSection .icon {
    margin-bottom: 2rem
}

.trialPage main .thumbnailSection .icon i {
    font-size: 4.8rem;
    color: #fff
}

.trialPage main .thumbnailSection .headingTertiary {
    color: #fff
}

.trialPage main .thumbnailSection p {
    color: #fff;
    margin-top: 1rem
}

.trialPage main .townhallArea .purposefulGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-radius: 1.6rem;
    overflow: hidden;
    border: 1px solid #df88b9
}

@media only screen and (min-width: 1199.8px) {
    .trialPage main .townhallArea .purposefulGrid {
        grid-auto-rows: 21rem
    }
}

@media only screen and (max-width: 1199.9px) {
    .trialPage main .townhallArea .purposefulGrid {
        grid-auto-rows: 17.4rem
    }
}

@media only screen and (max-width: 992px) {
    .trialPage main .townhallArea .purposefulGrid {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 575px) {
    .trialPage main .townhallArea .purposefulGrid {
        grid-template-columns: repeat(1, 1fr);
        border-radius: 0;
        gap: 1.5rem;
        margin-bottom: 2rem;
        border: none
    }

    .trialPage main .townhallArea .purposefulGrid .purposefulGridItem {
        border-radius: 1.6rem
    }

    .trialPage main .townhallArea .purposefulGrid .purposefulGridItem span.stick {
        display: none !important
    }
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem {
    border: 1px solid #df88b9;
    text-align: center;
    height: 100%;
    display: grid;
    position: relative;
    place-content: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #fff;
    width: 100%
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem .icon {
    text-align: center;
    margin-bottom: 1rem
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem .icon img {
    height: 4rem
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:hover {
    background: rgba(223, 136, 185, .1)
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem span.stick {
    position: absolute;
    background: #a0387b;
    color: #fff;
    height: 4.5rem;
    aspect-ratio: 1/1;
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:nth-child(1) {
    border-top-left-radius: 1.6rem
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:nth-child(1) span.stick {
    bottom: 0;
    right: 0;
    border-top-left-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 5px
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:nth-child(2) {
    border-top-right-radius: 1.6rem
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:nth-child(2) .stick {
    bottom: 0;
    left: 0;
    border-top-right-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 5px
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:nth-child(3) {
    border-bottom-left-radius: 1.6rem
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:nth-child(3) .stick {
    top: 0;
    right: 0;
    border-bottom-left-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5px
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:nth-child(4) {
    border-bottom-right-radius: 1.6rem
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem:nth-child(4) .stick {
    top: 0;
    left: 0;
    border-bottom-right-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5px
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem h2 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1;
    font-size: 2.4rem;
    color: #a0387b
}

.trialPage main .townhallArea .purposefulGrid .purposefulGridItem span {
    font-weight: normal;
    color: #df88b9
}

.trialPage main .townhallArea .btnWrapper a {
    color: #fff;
    border: 2px solid #a0387b;
    background: #a0387b;
    padding: 1rem 4rem;
    display: inline-block;
    margin-top: 2rem;
    text-transform: uppercase;
    border-radius: 10rem;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage main .townhallArea .btnWrapper a:hover {
    background: hsla(0, 0%, 100%, .15);
    padding: 1rem 5rem;
    color: #a0387b
}

.trialPage main .townhallArea .headingPrimary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trialPage main .townhallArea .headingPrimary span {
    display: inline-block;
    background: #a0387b;
    color: #fff;
    font-weight: inherit;
    padding: 5px 10px;
    font-size: 50%;
    text-transform: uppercase;
    margin-left: 8px
}

.trialPage main .townhallArea .imgBox {
    overflow: hidden;
    border-radius: 1.6rem
}

.trialPage main .townhallArea .imgBox img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage main .townhallArea .imgBox:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.trialPage main .classRoomVideos {
    background: rgba(242, 242, 242, .5)
}

.trialPage main .classRoomVideos .classroomVideosSlider a {
    display: block;
    margin: 2.7px 0;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 1.95px 1.95px 2.6px;
    box-shadow: rgba(0, 0, 0, .15) 1.95px 1.95px 2.6px;
    border-radius: 1.6rem;
    background: #fff;
    overflow: hidden
}

.trialPage main .classRoomVideos .classroomVideosSlider a .imgWrapper {
    overflow: hidden;
    position: relative
}

.trialPage main .classRoomVideos .classroomVideosSlider a img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage main .classRoomVideos .classroomVideosSlider a .playIcon {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.trialPage main .classRoomVideos .classroomVideosSlider a .playIcon img {
    width: 3rem
}

.trialPage main .classRoomVideos .classroomVideosSlider a h6 {
    color: #000;
    font-weight: 600;
    font-size: 1.3rem;
    height: 50px;
    margin-bottom: 0;
    padding: 1rem;
    -ms-flex-line-pack: center;
    align-content: center
}

.trialPage main .classRoomVideos .btnWrapper {
    text-align: center
}

.trialPage main .classRoomVideos .btnWrapper a {
    color: #fff;
    border: 2px solid #a0387b;
    background: #a0387b;
    padding: 1rem 4rem;
    display: inline-block;
    margin-top: 2rem;
    text-transform: uppercase;
    border-radius: 10rem;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage main .classRoomVideos .btnWrapper a:hover {
    background: hsla(0, 0%, 100%, .15);
    color: #a0387b;
    padding: 1rem 5rem
}

.trialPage main .getiChart .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1199.8px) {
    .trialPage main .getiChart .content {
        padding-left: 3rem
    }
}

.trialPage main .getiChart .content .primaryList {
    margin-top: 2rem
}

.trialPage main .getiChart .content ul {
    padding-left: 0;
    margin-bottom: 0
}

.trialPage main .getiChart .content ul li span {
    display: inline-block;
    background: var(--chrtclr);
    width: 2rem;
    height: 1.4rem
}

.trialPage main .getiChart .mid {
    padding: 3rem 0
}

@media only screen and (min-width: 768.1px) {
    .trialPage main .getiChart .mid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 5rem 0
    }
}

@media only screen and (min-width: 1199.8px) {
    .trialPage main .getiChart .mid .content {
        padding-left: 0;
        padding-right: 3rem
    }
}

@media only screen and (max-width: 992px) {
    .trialPage main .edLeadershipArea .headingQuartery {
        margin-top: 2rem
    }
}

.trialPage main .edLeadershipArea .owl-nav {
    position: absolute;
    bottom: 5px;
    left: 5px
}

.trialPage main .edLeadershipArea .owl-nav .owl-next,
.trialPage main .edLeadershipArea .owl-nav .owl-prev {
    position: static;
    -webkit-transform: none;
    transform: none;
    background: #a0387b;
    border-radius: 0;
    height: 3.6rem;
    width: 3.6rem
}

.trialPage main .edLeadershipArea .owl-nav .owl-next:hover,
.trialPage main .edLeadershipArea .owl-nav .owl-prev:hover {
    background: #a0387b
}

.trialPage main .edLeadershipArea .owl-nav .owl-next i,
.trialPage main .edLeadershipArea .owl-nav .owl-prev i {
    color: #fff
}

.trialPage main .edLeadershipArea .imgBox {
    border-radius: 1.6rem;
    overflow: hidden;
    height: 40rem
}

.trialPage main .edLeadershipArea .imgBox:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.trialPage main .edLeadershipArea .imgBox img {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.trialPage main .edLeadershipArea table {
    border-collapse: collapse;
    margin: 2rem 0
}

.trialPage main .edLeadershipArea table td {
    border: 1px solid #ccc;
    padding: 1rem
}

.trialPage main .edLeadershipArea table td:first-child {
    background: #a0387b;
    color: #fff;
    font-weight: 600
}

.trialPage main .edLeadershipArea .btnRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1rem
}

.trialPage main .edLeadershipArea .btnRow .left a {
    color: #a0387b;
    background: #fff;
    border-color: #a0387b
}

.trialPage main .edLeadershipArea .btnRow .left a:hover {
    background: #a0387b;
    color: #fff
}

.trialPage main .edLeadershipArea .btnWrapper {
    text-align: center
}

.trialPage main .edLeadershipArea .btnWrapper a {
    color: #fff;
    border: 2px solid #a0387b;
    background: #a0387b;
    padding: 1rem 4rem;
    display: inline-block;
    margin-top: 2rem;
    text-transform: uppercase;
    border-radius: 10rem;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage main .edLeadershipArea .btnWrapper a:hover {
    background: hsla(0, 0%, 100%, .15);
    color: #a0387b;
    padding: 1rem 5rem
}

.trialPage .owl-nav .owl-prev {
    top: 50%
}

.trialPage .townhallVideo-section {
    background: #a0387b
}

.trialPage .townhallVideo-section .subHeading {
    margin-top: 2rem
}

.trialPage .townhallVideo-section .subHeading span {
    font-weight: 700;
    font-size: 1.6rem;
    border: 2px solid #fff;
    padding: 8px 2rem
}

@media only screen and (max-width: 575px) {
    .trialPage .townhallVideo-section .subHeading span {
        display: block
    }
}

.trialPage .townhallVideo-section .subHeading span:first-child {
    background: #fff;
    color: #a0387b
}

.trialPage .townhallVideo-section .subHeading span:last-child {
    color: #fff
}

.trialPage .townhallVideo-section .contentWrapper {
    margin-left: auto;
    padding-left: .75rem
}

@media only screen and (max-width: 992px) {
    .trialPage .townhallVideo-section .contentWrapper {
        padding: 0 2rem
    }
}

@media screen and (min-width: 992px) {
    .trialPage .townhallVideo-section .contentWrapper {
        width: 480px;
        padding-right: .75rem
    }
}

@media screen and (min-width: 1200px) {
    .trialPage .townhallVideo-section .contentWrapper {
        width: 570px
    }
}

@media screen and (min-width: 1400px) {
    .trialPage .townhallVideo-section .contentWrapper {
        width: 660px
    }
}

@media only screen and (min-width: 1199.8px) {
    .trialPage .townhallVideo-section .contentWrapper {
        padding-right: .75rem
    }
}

.trialPage .townhallVideo-section .thGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.trialPage .townhallVideo-section .thGrid .btnWrapper a {
    color: #fff;
    border: 2px solid #fff;
    background: #a0387b;
    padding: 1rem 4rem;
    display: inline-block;
    margin-top: 2rem;
    text-transform: uppercase;
    border-radius: 10rem;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage .townhallVideo-section .thGrid .btnWrapper a:hover {
    background: hsla(0, 0%, 100%, .15);
    padding: 1rem 5rem;
    color: #fff
}

@media only screen and (max-width: 992px) {
    .trialPage .townhallVideo-section .thGrid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
        text-align: center
    }
}

.trialPage .townhallVideo-section .thGrid__Item {
    height: 100%
}

.trialPage .townhallVideo-section .thGrid__Item a {
    height: 100%
}

.trialPage .townhallVideo-section .imgBox {
    overflow: hidden;
    height: 100%
}

.trialPage .townhallVideo-section .imgBox img {
    height: 100%;
    -o-object-position: right;
    object-position: right
}

.trialPage .townhallVideo-section .overlayIcon {
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    right: 0;
    place-content: center;
    display: grid;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: #a0387b;
    border-radius: 50%;
    font-size: 40px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.trialPage .townhallVideo-section .overlayIcon i {
    font-size: 2rem;
    color: #fff
}

.trialPage .townhallVideo-section .overlayIcon::before,
.trialPage .townhallVideo-section .overlayIcon::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #a0387b;
    -webkit-transition: .5s;
    transition: .5s
}

.trialPage .townhallVideo-section .overlayIcon::before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite
}

.trialPage .townhallVideo-section .overlayIcon::after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite
}

.trialPage footer {
    background: #545775;
    position: relative
}

.trialPage footer::before {
    content: "";
    background-image: url(https://dignityeducation.org/fellowship/image/footer-09.png);
    mix-blend-mode: overlay;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .25
}

.trialPage footer .container {
    position: relative
}

.trialPage footer .footerWidget {
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

.trialPage footer p,
.trialPage footer a {
    color: #fff;
    text-align: center;
    font-size: 1.8rem
}

.trialPage footer .trial {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    padding: 5px 40px;
    border: 2px solid #fff;
    text-transform: uppercase;
    border-radius: 20px;
    display: inline-block;
    margin-top: 1.5rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.trialPage footer .trial:hover {
    background: hsla(0, 0%, 100%, .15);
    backdrop-filter: blur(10px)
}

.trialPage footer a:hover {
    color: #fff
}

.dynamicChangeGallery .mainGalleryGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    aspect-ratio: 16 / 7;
}

.dynamicChangeGallery .mainGalleryGrid__item {
    overflow: hidden;
}

.dynamicChangeGallery .mainGalleryGrid__item a {
    position: relative;
    display: block;
}

.dynamicChangeGallery .mainGalleryGrid__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dynamicChangeGallery .mainGalleryGrid__item a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.dynamicChangeGallery .mainGalleryGrid__item a:hover::before {
    opacity: 0.2;
}

.tentativeSchedule {
    background: #285992;
    position: relative;
}

.tentativeSchedule::before {
    content: "";
    background-image: url(../../images/logo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    opacity: 0.2;
}

.tentativeSchedule .container {
    position: relative;
}

.tentativeSchedule .tableWrapper {
    border-radius: 10px;
    overflow: auto;
}

.tentativeSchedule .tableWrapper th {
    background: #fff;
    text-align: center;
    color: #285992;
}

.tentativeSchedule .tableWrapper th{
    border-color: #285992!important;
}

.tentativeSchedule .tableWrapper td:first-child {
    width: 120px;
}

.tentativeSchedule .tableWrapper td {
    color: #fff;
    position: relative;
    padding: 15px;
    background: #285992;
    border-color: #fff;
    font-weight: normal;
}

.tentativeSchedule .tableWrapper td strong{
    font-weight: 700;
}

.tentativeSchedule .tableWrapper .breaks {
    background: #1a4577;
}

.tentativeSchedule .tableWrapper tr {
    border-color: #fff;
}

.tentativeSchedule .tableWrapper td .brkpout {
    position: absolute;
    bottom: 15px;
    font-weight: bold;
    display: block;
    width: 100%;
    border-top: 1px solid #285992;
    left: 0;
    padding: 15px 15px 0 15px;
}

.tentativeSchedule li,
.tentativeSchedule li::before {
    color: #fff;
}

.tentativeSchedule li strong {
    font-weight: bold !important;
}

.tentativeSchedule .cateringList li,
.tentativeSchedule .cateringList li::before {
    color: #fff;
}

.parallelSession .gridWrapper {}

.parallelSession .gridWrapper h5 {
    color: var(--prlclr);
    text-align: center;
    margin: 15px 0;
    font-size: 18px;
}

.parallelSession .gridWrapper .parallelGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
}

@media screen and (max-width:992px) {
    .parallelSession .gridWrapper .parallelGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:575px) {
    .parallelSession .gridWrapper .parallelGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.parallelSession .gridWrapper .parallelGrid__Item {
    background: var(--prlclr);
}

.parallelSession .gridWrapper .parallelGrid__Item p {
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 0;
}

.parallelSession .gridWrapper.eqty .parallelGrid p {
    text-align: center;
    color: #000;
}

.parallelSession .gridWrapper.eqty h5 {
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    letter-spacing: 0.8px;
}

.pathOpportunities .purposefulGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-radius: 1.6rem;
    overflow: hidden;
    border: 1px solid #df88b9
}

.pathOpportunities h5.blue.play {
    font-family: "Playfair Display", serif !important;
}

@media only screen and (min-width: 1199.8px) {
    .pathOpportunities .purposefulGrid {
        grid-auto-rows: 15rem
    }
}

@media only screen and (max-width: 1199.9px) {
    .pathOpportunities .purposefulGrid {
        grid-auto-rows: 17.4rem
    }
}

@media only screen and (max-width: 992px) {
    .pathOpportunities .purposefulGrid {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 575px) {
    .pathOpportunities .purposefulGrid {
        grid-template-columns: repeat(1, 1fr);
        border-radius: 0;
        gap: 1.5rem;
        margin-bottom: 2rem;
        border: none
    }

    .pathOpportunities .purposefulGrid .purposefulGridItem {
        border-radius: 1.6rem
    }

    .pathOpportunities .purposefulGrid .purposefulGridItem span.stick {
        display: none !important
    }
}

.pathOpportunities .purposefulGrid .purposefulGridItem {
    border: 1px solid #285992;
    text-align: center;
    height: 100%;
    display: grid;
    position: relative;
    place-content: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #fff;
    width: 100%
}

.pathOpportunities .purposefulGrid .purposefulGridItem .icon {
    text-align: center;
    margin-bottom: 1rem
}

.pathOpportunities .purposefulGrid .purposefulGridItem .icon img {
    height: 4rem
}

.pathOpportunities .purposefulGrid .purposefulGridItem:hover {
    background: rgba(223, 136, 185, .1)
}

.pathOpportunities .purposefulGrid .purposefulGridItem span.stick {
    position: absolute;
    background: #285992;
    color: #fff;
    height: 4.5rem;
    aspect-ratio: 1/1;
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1
}

.pathOpportunities .purposefulGrid .purposefulGridItem:nth-child(1) {
    border-top-left-radius: 1.6rem
}

.pathOpportunities .purposefulGrid .purposefulGridItem:nth-child(1) span.stick {
    bottom: 0;
    right: 0;
    border-top-left-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 5px
}

.pathOpportunities .purposefulGrid .purposefulGridItem:nth-child(2) {
    border-top-right-radius: 1.6rem
}

.pathOpportunities .purposefulGrid .purposefulGridItem:nth-child(2) .stick {
    bottom: 0;
    left: 0;
    border-top-right-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 5px
}

.pathOpportunities .purposefulGrid .purposefulGridItem:nth-child(3) {
    border-bottom-left-radius: 1.6rem
}

.pathOpportunities .purposefulGrid .purposefulGridItem:nth-child(3) .stick {
    top: 0;
    right: 0;
    border-bottom-left-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5px
}

.pathOpportunities .purposefulGrid .purposefulGridItem:nth-child(4) {
    border-bottom-right-radius: 1.6rem
}

.pathOpportunities .purposefulGrid .purposefulGridItem:nth-child(4) .stick {
    top: 0;
    left: 0;
    border-bottom-right-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5px
}

.pathOpportunities .purposefulGrid .purposefulGridItem h2 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1;
    font-size: 2.4rem;
    color: #285992;
}

.pathOpportunities .purposefulGrid .purposefulGridItem span {
    font-weight: normal;
    color: #df88b9;
    display: none;
}

.pathOpportunities .pathGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.pathOpportunities .alfaGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media screen and (max-width:992px) {
    .pathOpportunities .pathGrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .pathOpportunities .alfaGrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}

.pathOpportunities .alfaCard {
    text-align: center;
    background: #fff;
    border-radius: 16px;
    padding: 20px 10px;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #285992;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.pathOpportunities .alfaCard .icon {
    height: 50px;
    margin-bottom: 15px;
    overflow: hidden;
}

.pathOpportunities .alfaCard .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pathOpportunities .hdwr {
    background: #285992;
    padding: 10px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-bottom: 10px;
}

.takeways {
    background: #285992;
}

@media only screen and (max-width: 768px) {
    .takeways br {
        display: none;
    }
}

.takeways .nav {
    gap: 4px;
    margin-bottom: 2rem;
}

@media only screen and (min-width: 992.1px) {
    .takeways .nav .nav-item {
        width: calc(100% / 5 - 4px);
    }
}

@media only screen and (max-width: 992px) {
    .takeways .nav .nav-item {
        width: 100%;
    }
}

.takeways .nav .nav-item button {
    background: rgb(145 216 247);
    color: white;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    height: 100%;
    width: 100%;
    border-radius: 0;
}

.takeways .nav .nav-item button.active {
    background: #ffffff;
    color: #285992;
    position: relative;
}

@media only screen and (min-width: 992.1px) {
    .takeways .nav .nav-item button.active::before {
        content: "";
        background: white;
        position: absolute;
        bottom: -2rem;
        left: 0;
        width: 100%;
        height: 2.1rem;
    }
}

@media only screen and (max-width: 575px) {
    .takeways .nav .nav-item button {
        font-size: 16px;
        font-weight: 500;
    }
}

@media only screen and (max-width: 768px) {
    .takeways .nav .nav-item button {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 768.1px) {
    .takeways .nav .nav-item button {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

.takeways .takeways-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
}

@media only screen and (max-width: 768px) {
    .takeways .takeways-grid {
        grid-template-columns: auto;
    }
}

/* @media screen and (min-width: 1400px) {
    .takeways .takeways-grid {
        grid-auto-rows: 58.5rem;
    }
} */

.takeways .takeways-grid__item {
    height: 100%;
}

.takeways .takeways-grid__item .img-wrapper {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin: auto;
}

@media screen and (min-width:992px) {

    .takeways .takeways-grid__item .img-wrapper {
        height: 400px;
    }
}

.takeways .takeways-grid__item .img-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.takeways .takeways-grid .donor-cards {
    position: relative;
    background: white;
    padding: 2rem;
}

.takeways .takeways-grid .donor-cards:not(:last-child) {
    margin-bottom: 2rem;
}

.takeways .takeways-grid .donor-cards img {
    position: absolute;
    height: 100%;
    left: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    object-fit: cover;
    object-position: center;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .takeways .takeways-grid .donor-cards img {
        display: none;
    }
}

.takeways .takeways-grid .donor-cards h4 {
    color: #285992;
}

@media only screen and (max-width: 575px) {
    .takeways .takeways-grid .donor-cards h4 {
        text-align: center;
    }
}

.takeways .takeways-grid .donor-cards .content-para p {
    line-height: normal;
}

.ecciGallery .ecciGalleryGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    grid-auto-rows: 250px;
}

.ecciGallery .ecciGalleryGridItem {
    height: 100%;
}

.ecciGallery .ecciGalleryGridItem.wide {
    grid-column: span 3;
    align-content: center;
    text-align: center;
}

.ecciGallery .ecciGalleryGridItem.tall {
    grid-row: span 2;
}

.ecciGallery .ecciGalleryGridItem a {
    display: block;
    overflow: hidden;
    height: 100%;
}

.ecciGallery .ecciGalleryGridItem img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.governFlnGrid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

@media screen and (max-width:1200px) {
    .governFlnGrid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width:768px) {
    .governFlnGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:575px) {
    .governFlnGrid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.governFlnGrid .flnCard:hover {
    background: #285992;
}

.governFlnGrid .flnCard:hover .content {
    color: #fff;
}

.governFlnGrid .flnCard:hover .serial {
    background: #fff;
    color: #285992;
}

.governFlnGrid .flnCard {
    background: #fff;
    border-radius: 10px;
    padding: 20px 10px;
    border: 1px solid #285992;
    text-align: center;
    transition: 0.4s;
}

.governFlnGrid .flnCard span.serial {
    margin-bottom: 20px;
    background: #285992;
    color: #fff;
    aspect-ratio: 1 / 1;
    width: 50px;
    transition: all 0.4s;
    border-radius: 100%;
    border: 2px solid #fff;
    outline: 2px solid #285992;
    font-size: 24px;
    font-weight: 800;
    display: grid;
    place-content: center;
    margin-left: auto;
    margin-right: auto;
}

.governFlnGrid .flnCard .content {
    color: #285991;
    transition: all 0.4s;
}

.case-studies {
    background: rgba(114, 115, 118, 0.05);
}

.case-studies .studies-wrapper {
    position: relative;
    background: #ffffff;
    padding: 20px 25px;
}

@media only screen and (min-width: 992.1px) {
    .case-studies .studies-wrapper {
        height: 703px;
    }
}

@media only screen and (min-width: 1200.1px) {
    .case-studies .studies-wrapper {
        height: 530px;
    }

    .case-studies .studies-wrapper .linkTwo {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translate(-50%, 0);
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 1399.9px) {
    .case-studies .studies-wrapper {
        height: 565px;
    }
}

.case-studies .studies-wrapper .flag,
.case-studies .studies-wrapper .symbol {
    position: absolute;
    top: 0;
    width: 5rem;
    height: auto;
}

.case-studies .studies-wrapper .flag img,
.case-studies .studies-wrapper .symbol img {
    max-width: 100%;
    height: auto;
}

.case-studies .studies-wrapper .flag {
    left: 0;
}

.case-studies .studies-wrapper .symbol {
    right: 0;
}

.case-studies .studies-wrapper img {
    mix-blend-mode: multiply;
}

.case-studies .studies-wrapper .graph {
    margin-bottom: 5rem;
    margin: auto;
    padding: 2rem 2.5rem;
}

.case-studies .studies-wrapper .graph img {
    object-fit: contain;
    height: 152px;
    object-position: bottom;
}

@media only screen and (max-width: 768px) {
    .case-studies .gallery {
        gap: 1.5rem;
    }
}

.case-studies .gallery .img-wrapper {
    height: 24rem;
    overflow: hidden;
    display: block;
}

.case-studies .gallery .img-wrapper:hover img {
    transform: scale(1.1);
}

.case-studies .gallery .img-wrapper img {
    transition: 0.4s ease;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.worldMap .worldMapGrid img {
    width: 100%;
    height: auto;
}

.global-advisory-section .gac-card {
    position: relative;
    height: 100%;
    border: 1px solid #ccc;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0px 4px 12px;
    box-shadow: rgba(0, 0, 0, .1) 0px 4px 12px;
    padding: 3rem 2rem
}

@media only screen and (min-width: 992.1px) {
    .global-advisory-section .gac-card {
        min-height: 51rem
    }
}

@media only screen and (min-width: 1200.1px) {
    .global-advisory-section .gac-card {
        min-height: 43.2rem
    }
}

.global-advisory-section {
    background: rgba(114, 115, 118, 0.05);
}

.global-advisory-section .gac-card {
    background: #fff;
}

.global-advisory-section .gac-card .top-blank {
    position: absolute;
    top: 0;
    top: -8px;
    left: -28px;
    height: 0;
    border-left: 4rem solid rgba(0, 0, 0, 0);
    border-right: 4rem solid rgba(0, 0, 0, 0);
    border-bottom: 4rem solid #285991;
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.global-advisory-section .gac-card .gac-pic {
    overflow: hidden;
    width: 20rem;
    height: 20rem;
    border-radius: 50% 50% 50% 0%;
    -webkit-box-shadow: 9px 0px 0 #91d8f7;
    box-shadow: 9px 0px 0 #91d8f7;
    margin: 0 auto 3rem
}

.global-advisory-section .gac-card .gac-pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.global-advisory-section .gac-desc h3 span {
    display: block;
    font: inherit;
    margin-top: 1rem;
    font-size: 75%
}

.global-advisory-section .gac-desc p {
    text-align: center;
    margin-top: 1rem
}

.global-advisory-section .subHeading {
    color: #285992;
    font-size: 18px;
    padding: 5px 10px;
    border-top: 2px solid #285992;
    border-bottom: 2px solid #285992;
    width: fit-content;
    margin: 10px auto 0;
    text-align: center;
    font-weight: 500;
}

.global-advisory-section img.flag {
    position: absolute;
    height: 30px;
    width: auto !important;
    right: 0;
    top: 0;
}

.global-advisory-section .owl-carousel.owl-theme .owl-nav .owl-prev i,
.global-advisory-section .owl-carousel.owl-theme .owl-nav .owl-next i {
    color: #fff;
}

.global-advisory-section .owl-carousel.owl-theme .owl-nav .owl-prev,
.global-advisory-section .owl-carousel.owl-theme .owl-nav .owl-next {
    background: #285992;
    top: 50%;
}

.callToActionArea .ctaCard {
    padding: 40px 20px;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--ctaclr);
    border-bottom: 5px solid var(--ctaclr);
    transition: all 0.3s ease-in-out;
}

.callToActionArea .row {
    row-gap: 20px;
}

.callToActionArea .ctaCard .icon {
    margin: 0 auto 20px;
    height: 100px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.callToActionArea .ctaCard .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
}

.callToActionArea .ctaCard img.futures {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
}

.callToActionArea .ctaCard .content p {
    transition: all 0.3s ease-in-out;
}

.callToActionArea .ctaCard .content .headingTertiary {
    color: var(--ctaclr);
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.callToActionArea .ctaCard:hover {
    background: var(--ctaclr);
    transform: translateY(-5px);
}

.callToActionArea .ctaCard:hover .icon img {
    filter: brightness(100);
}

.callToActionArea .ctaCard:hover .futures {
    filter: brightness(0) invert(1);
}

.callToActionArea .ctaCard:hover .content p {
    color: #fff;
}

.callToActionArea .ctaCard:hover .headingTertiary {
    color: #fff;
}

.hostbyCMS {
    background: rgba(114, 115, 118, 0.05);
}

.hostbyCMS .imgGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.hostbyCMS .imgGrid img {
    height: 70px;
}

.hostbyCMS .prize {
    background: #285992;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

.hostbyCMS .prize p {
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}

@media screen and (min-width:1200px) {
    .hostbyCMS .prize {
        width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
}

.witnessArea .movementGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin-bottom: 20px;
}

@media screen and (min-width:992px) {
    .witnessArea .movementGrid {
        width: 400px;
        float: right;
        margin-left: 20px;
    }
}

.witnessArea .movementGrid .movementGridItem:first-child {
    grid-column: span 2;
}

.witnessArea .movementGrid .movementGridItem {
    background: #285992;
    text-align: center;
    padding: 20px;
}

.witnessArea .movementGrid .movementGridItem .headingPrimary {
    font-size: 3rem;
}

.govern45 ul li:not(:last-child) {
    margin-bottom: 10px;
}

.climateConciusness {
    background: #285992;
    position: relative;
}

.climateConciusness .container {
    position: relative;
}

.climateConciusness .linkThree a {
    background: #fff;
    border-color: #fff;
}

.climateConciusness::before {
    content: "";
    background-image: url(../../images/edleadership/blue-whale-bg-01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    opacity: 0.2;
}

.alfaOnePath {
    background: rgba(114, 115, 118, 0.05);
}

.alfaOnePath .holisticGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
    position: sticky;
    top: 150px;
}
@media screen and (max-width:992px) {
    .alfaOnePath .holisticGrid{
        margin-bottom: 20px;
    }
}

.alfaOnePath .holisticGrid span {
    display: block;
    color: #285992;
    background: #91d8f7;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px;
    text-align: center;
}

.alfaOnePath .holisticGridTwo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    position: relative;
    grid-auto-rows: 240px;
}

.alfaOnePath .holisticGridTwoItem .imgWrapper {
    overflow: hidden;
    position: relative;
    height: 100%;
    display: block;
}

.alfaOnePath .holisticGridTwoItem .imgWrapper span{
    position: absolute;
    bottom: 0;
    background: rgba(40, 89, 146, 0.8);
    color: #fff;
    width: 100%;
    padding: 10px;
    text-align: center;
    font-weight: bold;  
    left: 0;
    z-index: 0;
}

.alfaOnePath .holisticGridTwoItem .imgWrapper img{
    object-fit: cover;
    height: 100%;
}
.alfaOnePath .pathLogo{
    position: absolute;
    width: 200px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;

}
.alfaOnePath .pathLogo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.trainingTrainers .headingQuartery{
    background: #285992;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
}
.trainingTrainers ol{
    margin-top: 40px;
}

.trainingTrainers ol li:not(:last-child){
    margin-bottom: 10px;
}

.trainingTrainers .awardGrid {
    display: grid;
    grid-template-columns: 80px calc(100% - 80px);
    align-items: center;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 16px;
    padding: 15px;
}
.trainingTrainers .awardGrid:hover img{
    transform: rotateY(360deg);
}

.trainingTrainers .awardGrid .awardDetail {
    padding: 0 15px;
}

.trainingTrainers .awardGrid img{
    transition: all 0.9s;
}

.trainingTrainers .awardGrid .awardDetail strong{
    color: #285992;
}
.fixedRegisteration{
    position: fixed;
    top: 60%;
    transform: translateY(100%) rotate(-90deg);
    left: 0;
    transform-origin: top left;

}
.fixedRegisteration .linkTwo{
    margin-top: 0;
}
.fixedRegisteration .linkTwo a{
    box-shadow: none;
    border-radius: 0;
}

.downloadBrochure .linkTwo a{
    box-shadow: none;
}

.downloadBrochure{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.downloadBrochure a{
    box-shadow: none;
    margin-left: 0;
    border-radius: 0;
    text-align: center;
    width: 100%;
}
.foundationArea{
    text-align: center;
}
.foundationArea p.venue {
    text-align: center;
    font-size: 2rem;
    color: #27568d;
    display: inline-block;
    padding: 10px 30px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.breakoutRoom table td, .breakoutRoom table th{
    padding:15px;
    transition:0.4s;
}
.breakoutRoom table td:not(:first-child),
.breakoutRoom table th:not(:first-child){
    text-align:center;
}
.breakoutRoom table td:not(:first-child){
    font-weight: 500;
}
.breakoutRoom table tr:hover td:first-child{
    background: #285992;
    color: #fff;
}
.breakoutRoom table tr:hover td:not(:first-child), .breakoutRoom table th:hover{
    background: #91d8f7;
    color: #285992;
}