
:root {
    --xPadding: 8.5rem;
    --navItemsGap: 5.325vh;
    --navIconWidth: 0.75rem;
    --sessionScrollerHeight: 18.75rem;
    --sessionTopPadding: 20vh;
    --sessionItemGap: 6.938rem;
    --sessionScrollerTop: 72%;
    --legacy-active-slide-width: 47.43rem;
    --legacy-slide-width: 7.375rem;
    --legacy-slider-height: 11.25rem;
    --legacy-inner-width: 16.375rem;
    --legacy-transition-duration: 1.25s;
}
@media (max-width:1024px) {
    :root {
    --navIconWidth: 1.5rem;
    --sessionScrollerTop: 60%}
}@media (max-width:600px) {
    :root {
    --xPadding: 1rem;
    --navIconWidth: 0.75rem;
    --sessionScrollerHeight: 12.7rem;
    --sessionScrollerTop: 60%;
    --sessionTopPadding: 11vh;
    --legacy-active-slide-width: 14.1rem;
    --legacy-slide-width: 14.1rem;
    --legacy-slider-height: 9.266rem;
    --legacy-inner-width: 14.1rem;
}
}@media (max-height:800px) and (max-width:600px) {
    :root {
    --sessionScrollerTop: 60%}
}.header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    position: relative;
    position: fixed;
    transition: all .4s ease-in-out;
    width: 100%;
    z-index: 1000;
}
.header.scroll-up {
    align-items: center;
    background-color: #0f2643;
    padding: 1.5rem 2rem;
    transform: translateY(0);
}
.header.scroll-up .logoWrapper svg {
    height: auto;
    width: 10.25rem;
}
@media (max-width:600px) {
    .header.scroll-up .logoWrapper svg {
    height: 2.75rem;
    width: 7.375rem;
}
}.header.scroll-down {
    transform: translateY(-100%);
}
.header .logoWrapper {
    pointer-events: all;
}
.header .logoWrapper img, .header .logoWrapper svg {
    height: 5rem;
    transition: all .5s ease 0s;
    width: 12.75rem;
}
@media (max-width:600px) {
    .header .logoWrapper img, .header .logoWrapper svg {
    height: 2.75rem;
    width: 7.375rem;
}
}.header .aside-wrapper {
    display: flex;
    gap: 1rem;
    opacity: 0;
    pointer-events: none;
}
.loaded .header .aside-wrapper {
    opacity: 1;
    pointer-events: all;
}
.header .aside-wrapper .ctaWrapper {
    align-items: center;
    display: flex;
    gap: 1rem;
}
@media (max-width:1024px) {
    .header .aside-wrapper .ctaWrapper .main-primary-btn .btn-text {
    line-height: 1;
}
}@media (max-width:600px) {
    .header .aside-wrapper .ctaWrapper .main-primary-btn .btn-text {
    line-height: 1;
}
.header .aside-wrapper .ctaWrapper .mob-style .btn-text {
    color: #fff;
}
}.header .aside-wrapper .ctaWrapper .arrow, .header .aside-wrapper .ctaWrapper .arrow svg {
    height: 1.25rem;
    width: 1.25rem;
}
@media (max-width:1280px) {
    .header .aside-wrapper .ctaWrapper .arrow svg {
    height: 100%;
    width: 100%}
}@media (max-width:767px) {
    .header .aside-wrapper .ctaWrapper .arrow svg {
    height: 1.25rem;
    width: 1.25rem;
}
}.header .aside-wrapper .ctaWrapper .arrow svg rect {
    height: 1.25rem;
    width: 1.25rem;
}
@media (max-width:1280px) {
    .header .aside-wrapper .ctaWrapper .arrow svg rect {
    height: 100%;
    width: 100%}
}@media (max-width:767px) {
    .header .aside-wrapper .ctaWrapper .arrow svg rect {
    height: 1.25rem;
    width: 1.25rem;
}
}@media (max-width:600px) {
    .header .aside-wrapper .ctaWrapper .mob-hide {
    display: none;
}
}.header .aside-wrapper .ctaWrapper .mobileHamburger {
    align-items: center;
    border: .5px solid hsla(0, 0%, 100%, .302);
    border-radius: 50%;
    display: none;
    height: 2.5rem;
    justify-content: center;
    transition: border .2s ease;
    width: 2.5rem;
}
.header .aside-wrapper .ctaWrapper .mobileHamburger img, .header .aside-wrapper .ctaWrapper .mobileHamburger svg {
    height: .75rem;
    width: .75rem;
}
.header .aside-wrapper .ctaWrapper .mobileHamburger img path, .header .aside-wrapper .ctaWrapper .mobileHamburger svg path {
    transition: fill .2s ease;
    fill: #fff;
}
.header .aside-wrapper .menu-icon-wrapper {
    align-items: center;
    border: .1rem solid hsla(0, 0%, 100%, .149);
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    margin-right: .5rem;
    padding: 0 1rem;
}
.header .aside-wrapper .menu-icon-wrapper .icon-box {
    height: 2rem;
    position: relative;
    width: 2rem;
}
.header .aside-wrapper .menu-icon-wrapper .icon-box .icon {
    background-color: hsla(0, 0%, 100%, .8);
    height: .1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    width: 100%}
.header .aside-wrapper .menu-icon-wrapper .icon-box .icon:after, .header .aside-wrapper .menu-icon-wrapper .icon-box .icon:before {
    background-color: hsla(0, 0%, 100%, .8);
    content: "";
    height: .1rem;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 100%}
.header .aside-wrapper .menu-icon-wrapper .icon-box .icon:before {
    top: -.5rem;
}
.header .aside-wrapper .menu-icon-wrapper .icon-box .icon:after {
    top: .5rem;
}
@media (min-width:601px) {
    .header .aside-wrapper .menu-icon-wrapper.active .icon {
    background-color: transparent;
}
.header .aside-wrapper .menu-icon-wrapper.active .icon:before {
    top: 0;
    transform: rotate(-45deg);
}
.header .aside-wrapper .menu-icon-wrapper.active .icon:after {
    top: 0;
    transform: rotate(45deg);
}
}@media (max-width:600px) {
    .header .aside-wrapper .menu-icon-wrapper {
    margin-right: 0;
    padding: 0 .75rem;
}
}.header.header-dark .mobileHamburger {
    border-color: rgba(15, 38, 67, .2);
}
.header.header-dark .mobileHamburger svg path {
    stroke: #0f2643;
}
.header .menu {
    background: #fff;
    border-radius: .375rem;
    bottom: 1.125rem;
    opacity: 0;
    padding: 2rem 1.375rem 2rem 2.5rem;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    transform: translateY(80%);
    transition: all .3s ease-in-out;
    z-index: 100;
}
.header .menu .for-mobile {
    display: none;
}
.header .menu .menu-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 23rem;
}
.header .menu .menu-list .menu-item {
    align-items: center;
    display: flex;
}
.header .menu .menu-list .menu-item .item-link {
    align-items: center;
    color: #0f2643;
    display: flex;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: -.02rem;
    line-height: 1.2;
    width: 100%}
.header .menu .menu-list .menu-item .item-link .item-icon {
    display: none;
    height: .75rem;
    margin-right: .75rem;
    width: .75rem;
}
.header .menu .menu-list .menu-item .item-link .hover-icon {
    height: 1.25rem;
    margin-left: 1.25rem;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity .2s ease, transform .2s ease;
    width: 1.25rem;
}
.header .menu .menu-list .menu-item .item-link .hover-icon path {
    fill: #ed6a50;
}
.header .menu .menu-list .menu-item .item-link.active .item-icon {
    display: block;
}
.header .menu .menu-list .menu-item .item-link.active .hover-icon {
    display: none;
}
@media (min-width:1281px) {
    .header .menu .menu-list .menu-item .item-link: not(.active):hover {
    color: #ed6a50;
}
.header .menu .menu-list .menu-item .item-link:not(.active):hover .hover-icon {
    opacity: 1;
    transform: translateX(0);
}
}.header .menu.active {
    opacity: 1;
    pointer-events: all;
    transform: translateY(100%);
}
@media (max-width:600px) {
    .header .menu {
    background-color: #0f2643;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    left: 100%;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    pointer-events: none;
    top: 0;
    transform: translateY(0);
    width: 100vw;
}
.header .menu .for-mobile {
    display: block;
}
.header .menu.navBg:before {
    background-image: url(https://gems-sri.com/wp-content/themes/gems/assets/img/bg/banner-bg.jpg);
    left: 0;
    mix-blend-mode: overlay;
    opacity: .1;
    top: 0;
    width: 100%;
    z-index: 0;
}
.header .menu.navBg:after, .header .menu.navBg:before {
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
}
.header .menu.navBg:after {
    border: 80px solid rgba(67, 150, 201, .1);
    border-radius: 64.875rem;
    filter: blur(30px);
    left: -45%;
    top: -40%;
    transform: rotate(55.428deg);
    width: 43.5rem;
    z-index: -1;
}
.header .menu.active {
    left: 0;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}
.header .menu .logoWrapper2 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}
.header .menu .logoWrapper2 .logo {
    height: 2.75rem;
    width: 7.125rem;
}
.header .menu .logoWrapper2 .close-icon {
    height: 2.25rem;
    width: 2.25rem;
}
.header .menu .menu-list {
    gap: 1.5rem;
    margin-top: 3rem;
    padding: 0 1rem 0 1.25rem;
    width: 100%}
.header .menu .menu-list .menu-item .item-link {
    color: #e5e6e6;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -.015rem;
    line-height: 1.2;
}
.header .menu .ctaWrapper {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-top: auto;
    padding: 1.5rem 1rem;
    position: relative;
    z-index: 2;
}
.header .menu .ctaWrapper .dotted {
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}
.header .menu .ctaWrapper .dotted img, .header .menu .ctaWrapper .dotted svg {
    display: flex;
}
.header .menu .ctaWrapper .main-primary-btn {
    height: 3rem;
    width: 100%}
.header .menu .ctaWrapper .main-primary-btn.blue {
    background-color: #082951;
}
.header .menu .ctaWrapper .main-primary-btn .arrow, .header .menu .ctaWrapper .main-primary-btn .arrow svg {
    height: 1.25rem;
    width: 1.25rem;
}
}@media (max-width:600px) and (max-width:1280px) {
    .header .menu .ctaWrapper .main-primary-btn .arrow svg {
    height: 100%;
    width: 100%}
}@media (max-width:600px) and (max-width:767px) {
    .header .menu .ctaWrapper .main-primary-btn .arrow svg {
    height: 1.25rem;
    width: 1.25rem;
}
}@media (max-width:600px) {
    .header .menu .ctaWrapper .main-primary-btn .arrow svg rect {
    height: 1.25rem;
    width: 1.25rem;
}
}@media (max-width:600px) and (max-width:1280px) {
    .header .menu .ctaWrapper .main-primary-btn .arrow svg rect {
    height: 100%;
    width: 100%}
}@media (max-width:600px) and (max-width:767px) {
    .header .menu .ctaWrapper .main-primary-btn .arrow svg rect {
    height: 1.25rem;
    width: 1.25rem;
}
}@media (max-width:600px) {
    .header {
    align-items: center;
    padding: 1rem;
}
.header.scroll-up {
    background-color: #0f2643;
    padding: 1rem;
    transform: translateY(0);
}
.header.scroll-up .mob-style {
    background-color: transparent;
}
}.banner {
    background-color: #04223b;
    height: 100svh;
    overflow: visible;
    position: relative;
    width: 100vw;
    z-index: 1;
}
@media (max-width:600px) {
    .banner {
    height: 100%}
}.banner.animate .videoPlayer {
    border-radius: .25rem;
}
.banner.animate .videoPlayer .plyr .plyr__controls {
    display: none;
}
.banner.animate .videoPlayer .playCta {
    -webkit-backdrop-filter: blur(3.3333332539px);
    backdrop-filter: blur(3.3333332539px);
    height: 2.708rem;
    width: 2.708rem;
}
.banner.animate .videoPlayer .playCta:before {
    height: 3.125rem;
    width: 3.125rem;
}
.banner.animate .videoPlayer .playCta img, .banner.animate .videoPlayer .playCta svg {
    height: 1rem;
    width: 1rem;
}
.banner.animate .dotted-line.show {
    opacity: 1!important;
}
.banner.animate .dotted-line.sty2 {
    opacity: 0;
    transition: all .5s ease 0s;
}
.banner:before {
    background-image: url(https://gems-sri.com/wp-content/themes/gems/assets/img/bg/banner-bg.jpg);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: overlay;
    opacity: .1;
    pointer-events: all;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.banner .wrapper {
    height: 100%}
@media (max-width:600px) {
    .banner .wrapper {
    height: 100svh;
}
}.banner .wrapper .bgVideo {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}
.banner .wrapper .bgVideo:after {
    background-color: #04223b;
    bottom: -.5625rem;
    content: "";
    height: 3.125rem;
    position: absolute;
    right: .75rem;
    width: 10.625rem;
    z-index: 0;
}
@media (max-width:600px) {
    .banner .wrapper .bgVideo: after {
    bottom: .438rem;
}
}.banner .wrapper .bgVideo:before {
    background: linear-gradient(260deg, rgba(0, 33, 60, 0) 37.9%, rgba(0, 33, 60, .43) 48.86%, rgba(0, 33, 60, .65) 54.4%, #00213c 76.14%), linear-gradient(180deg, #00213c 3.91%, rgba(0, 33, 60, 0) 9.81%), linear-gradient(180deg, rgba(0, 33, 60, 0) 81.9%, rgba(0, 33, 60, .76) 89.41%, #00213c);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media (max-width:600px) {
    .banner .wrapper .bgVideo: before {
    background: linear-gradient(180deg, #04223b, rgba(4, 34, 59, 0) 17.06%), linear-gradient(180deg, rgba(4, 34, 59, 0) 75%, rgba(4, 34, 59, .9) 85%, #04223b 95%);
}
}.banner .wrapper .bgVideo canvas {
    z-index: 1;
}
@media (max-width:1336px) {
    .banner .wrapper .bgVideo canvas {
    pointer-events: none;
}
}@media (max-width:600px) {
    .banner .wrapper .bgVideo {
    height: 28.875rem;
    position: absolute;
}
}.banner .wrapper .bgVideo video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%}
.banner .wrapper .boxWrapper {
    align-items: center;
    display: flex;
    height: 100%;
    max-width: 44.625rem;
    pointer-events: all;
    position: relative;
    z-index: 3;
}
@media (max-width:600px) {
    .banner .wrapper .boxWrapper {
    align-items: flex-end;
    padding-bottom: 1rem;
}
}.banner .wrapper .boxWrapper .content h1 {
    color: #fff;
    margin-bottom: 3rem;
}
@media (max-width:600px) {
    .banner .wrapper .boxWrapper .content h1 {
    margin-bottom: 1.5rem;
}
}.banner .wrapper .boxWrapper .content p {
    color: #fff;
    max-width: 24.875rem;
    opacity: 0;
}
.banner .wrapper .boxWrapper .content p span {
    color: #ed6a50;
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width:600px) {
    .banner .wrapper .boxWrapper .content p span {
    color: #fff;
}
}.banner .wrapper .boxWrapper .content a {
    display: none;
    height: 3rem;
    margin-top: 2rem;
    min-width: auto;
    opacity: 0;
    width: 100%}
@media (max-width:600px) {
    .banner .wrapper .boxWrapper .content a {
    display: flex;
}
}.banner .bgShape {
    border-radius: 1700.755px;
    height: 117.29719rem;
    left: .5rem;
    pointer-events: none;
    position: absolute;
    top: -36.875rem;
    transform: rotate(65.874deg);
    width: 86.28975rem;
}
.banner .bgShape img {
    height: 100%;
    pointer-events: none;
    width: 100%}
@media (max-width:1280px) {
    .banner .bgShape {
    height: 100%;
    left: 0;
    top: 0;
    transform: rotate(0);
    width: 100%}
}@media (max-width:600px) {
    .banner .bgShape {
    border-radius: 1700.755px;
    height: 137.29719rem;
    left: -29.5rem;
    pointer-events: none;
    position: absolute;
    top: -81.875rem;
    transform: rotate(5.874deg);
    width: 82.28975rem;
}
}.banner .videoPlayer {
    border-radius: .5rem;
    bottom: 0;
    cursor: pointer;
    height: 15.40569rem;
    margin-bottom: 2.58rem;
    margin-right: 2.58rem;
    position: absolute;
    right: 0;
    width: 26.15831rem;
    z-index: 9;
}
@media (max-width:600px) {
    .banner .videoPlayer {
    border: none;
    bottom: 0;
    height: 100%;
    margin-bottom: 0;
    padding: 10rem 1rem;
    pointer-events: none;
    position: relative;
    right: 0;
    width: 100%}
}.banner .videoPlayer .dotted-line {
    display: none;
    height: 6rem;
    top: 0;
}
.banner .videoPlayer .dotted-line:before {
    width: 3.5rem;
}
@media (max-width:600px) {
    .banner .videoPlayer .dotted-line {
    display: block;
    top: -1rem;
}
}.banner .videoPlayer .plyr__video-wrapper {
    background: transparent;
}
.banner .videoPlayer .plyr__video-wrapper .plyr__poster {
    -o-object-fit: cover;
    object-fit: cover;
}
.banner .videoPlayer .plyr {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 3;
}
@media (max-width:600px) {
    .banner .videoPlayer .plyr {
    height: 12.5rem;
    pointer-events: all;
}
}.banner .videoPlayer .plyr .plyr__controls {
    background: transparent;
    display: none;
    margin: 0 auto;
    opacity: 1;
    padding-bottom: 1.37rem;
    padding-left: 0;
    padding-right: 0;
    pointer-events: none;
    transform: translateY(0)!important;
    width: 37.5rem;
    z-index: 4;
}
@media (max-width:600px) {
    .banner .videoPlayer .plyr .plyr__controls {
    display: none;
}
}.banner .videoPlayer .plyr .plyr__progress {
    transform: scaleY(.4);
}
.banner .videoPlayer .plyr .plyr__progress input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    height: 0;
    width: 0;
}
.banner .videoPlayer .plyr .plyr__progress input {
    color: #fff;
}
.banner .videoPlayer .plyr .plyr__progress input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    height: 0;
    width: 0;
}
.banner .videoPlayer .plyr .plyr__progress input[type=range]::-ms-thumb {
    appearance: none;
    background: transparent;
    border: none;
    height: 0;
    width: 0;
}
.banner .videoPlayer .plyr .plyr__progress progress {
    background-color: hsla(0, 0%, 100%, .1);
}
.banner .videoPlayer .playCta {
    align-items: center;
    -webkit-backdrop-filter: blur(5.3333334923px);
    backdrop-filter: blur(5.3333334923px);
    background: hsla(0, 0%, 100%, .08);
    border: .167px solid hsla(0, 0%, 100%, .15);
    border-radius: 100px;
    display: flex;
    height: 4.313rem;
    justify-content: center;
    pointer-events: none;
    width: 4.313rem;
    z-index: 10;
}
.banner .videoPlayer .playCta, .banner .videoPlayer .playCta:before {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease 0s;
    transition-delay: .5s;
}
.banner .videoPlayer .playCta:before {
    border: .5px solid hsla(0, 0%, 100%, .2);
    border-radius: 1000px;
    content: "";
    height: 5rem;
    width: 5rem;
}
@media (max-width:600px) {
    .banner .videoPlayer .playCta: before {
    height: 4.688rem;
    width: 4.688rem;
}
}.banner .videoPlayer .playCta img, .banner .videoPlayer .playCta svg {
    height: 1.6rem;
    transition: all .5s ease 0s;
    transition-delay: .5s;
    width: 1.6rem;
}
@media (max-width:600px) {
    .banner .videoPlayer .playCta img, .banner .videoPlayer .playCta svg {
    height: 1rem;
    width: 1rem;
}
.banner .videoPlayer .playCta {
    height: 4.063rem;
    width: 4.063rem;
}
}.banner .scrollCTA {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 88.75vh;
    transform: translateX(-50%);
    z-index: 3;
}
.banner .scrollCTA .wrap {
    transition: all .1s ease 0s;
}
.banner .scrollCTA.hide .wrap {
    opacity: 0;
}
@media (max-width:600px) {
    .banner .scrollCTA {
    display: none;
}
}.banner .scrollCTA span {
    color: #fff;
    font-size: .75rem;
    line-height: 1;
    opacity: .8;
    padding-bottom: .75rem;
}
.banner .scrollCTA .icon {
    padding-top: 1.375rem;
    position: relative;
    text-align: center;
}
.banner .scrollCTA .icon:before {
    background-color: #ed6a50;
    content: "";
    height: 1.375rem;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: .75rem;
    transform: translateX(-50%);
    width: 1px;
}
.banner .scrollCTA .icon img, .banner .scrollCTA .icon svg {
    height: .75rem;
    width: .75rem;
}
.banner .scrollCTA .icon img path, .banner .scrollCTA .icon svg path {
    fill: #ed6a50;
}
.banner .dotted-line, .banner .scrollCTA .dotted-line {
    opacity: 1;
    pointer-events: none;
}
.banner .dotted-line {
    background: repeating-linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 2px, transparent 0, transparent 4px);
    bottom: -13.438rem;
    height: 13.82vw;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1px;
}
.banner .dotted-line.sty2 {
    bottom: 0;
    height: 2.4375rem;
}
@media (max-width:600px) {
    .banner .dotted-line.sty2 {
    height: 6rem;
}
}.banner .dotted-line.sty2:before {
    top: 0;
    width: 12.5rem;
}
@media (max-width:600px) {
    .banner .dotted-line.sty2: before {
    width: 7.375rem;
}
}.banner .dotted-line:before {
    background-color: hsla(0, 0%, 100%, .2);
    bottom: -2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 3.5rem;
}
.banner .dottedBG {
    border: 1px dashed hsla(0, 0%, 100%, .2);
    border-radius: 101.56825rem/186.56825rem;
    flex-shrink: 0;
    height: 101.56825rem;
    left: 15.625rem;
    pointer-events: none;
    position: absolute;
    top: -20.625rem;
    transform: rotate(-75deg);
    width: 55.62075rem;
}
@media (max-width:1280px) {
    .banner .dottedBG {
    height: 100%;
    left: 0;
    top: 0;
    transform: rotate(0);
    width: 100%}
}@media (max-width:600px) {
    .banner .dottedBG {
    border: 1px dashed hsla(0, 0%, 100%, .3);
    border-radius: 67.921rem;
    height: 67.921rem;
    left: -16.938rem;
    top: -19.563rem;
    transform: rotate(-60deg);
    width: 37.19481rem;
}
}.admission-banner {
    background: linear-gradient(180deg, #094271 39.27%, #03325a);
    overflow: hidden;
    padding-bottom: 7.51rem;
    padding-top: 14rem;
    position: relative;
}
@media (max-width:600px) {
    .admission-banner {
    padding-bottom: 4.56rem;
    padding-top: 9.75rem;
}
.admission-banner.dottedBg:before {
    display: none;
}
}.admission-banner .bgShape {
    height: 100%;
    left: -14.375rem;
    position: absolute;
    top: 0;
    transform: rotate(30deg);
    width: 130%}
.admission-banner .bgShape img {
    height: 100%;
    width: 100%}
@media (max-width:600px) {
    .admission-banner .bgShape {
    display: none;
}
}.admission-banner .content {
    position: relative;
    z-index: 1;
}
.admission-banner .content h1 {
    color: #e5e6e6;
}
.admission-banner .content .parawrapper {
    max-width: 49.3125rem;
    padding-bottom: 2.5rem;
    padding-top: 1rem;
    width: 100%}
@media (max-width:600px) {
    .admission-banner .content .parawrapper {
    padding-bottom: 2rem;
    padding-top: 0;
}
}.admission-banner .content .parawrapper p {
    color: #e5e6e6;
    margin: 1.5rem 0;
}
.admission-banner .content .teamWrapper {
    opacity: 0;
}
@media (max-width:600px) {
    .admission-banner .content .teamWrapper {
    opacity: 1;
}
}.admission-banner .content .teamWrapper .title {
    color: #e5e6e6;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .07rem;
    line-height: 1.2;
    padding-bottom: 3rem;
    text-transform: uppercase;
}
.admission-banner .content .teamWrapper .innerwrapper {
    display: flex;
    margin-left: -2.14rem;
    width: calc(100% + 4.28rem);
}
@media (max-width:600px) {
    .admission-banner .content .teamWrapper .innerwrapper {
    flex-direction: column;
    gap: 3.19rem;
    margin-left: 0;
    width: 100%}
}.admission-banner .content .teamWrapper .innerwrapper .card {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 2.14rem;
    width: 100%}
@media (max-width:600px) {
    .admission-banner .content .teamWrapper .innerwrapper .card {
    flex: 0 0 100%!important;
    max-width: 100%!important;
    padding: 0;
}
}.admission-banner .content .teamWrapper .innerwrapper .card .faculty-image {
    margin: 0 3.84rem;
    position: relative;
    text-align: center;
}
@media (max-width:1280px) {
    .admission-banner .content .teamWrapper .innerwrapper .card .faculty-image {
    margin: 0 1.5rem;
}
}@media (max-width:600px) {
    .admission-banner .content .teamWrapper .innerwrapper .card .faculty-image {
    margin: 0 1.41rem;
}
}.admission-banner .content .teamWrapper .innerwrapper .card .faculty-image .bg {
    background: linear-gradient(0deg, #ebeeef, #ebeeef);
    overflow: hidden;
}
.admission-banner .content .teamWrapper .innerwrapper .card .faculty-image .bg:after {
    background: linear-gradient(90deg, #4396c9 59.8%, #8dcff8 96.53%)!important;
    border-radius: .375rem;
    content: "";
    height: 93.9%;
    inset: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 6.1%!important;
    transition: opacity .3s ease;
}
@media (max-width:600px) {
    .admission-banner .content .teamWrapper .innerwrapper .card .faculty-image .bg: after {
    transition: opacity .1s ease;
}
}.admission-banner .content .teamWrapper .innerwrapper .card .faculty-image img {
    border-radius: .375rem;
    margin: 0 auto;
    min-height: 17.125rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: relative;
    width: auto!important;
    z-index: 2;
}
.admission-banner .content .teamWrapper .innerwrapper .card .info {
    padding-top: 2rem;
    text-align: center;
}
.admission-banner .content .teamWrapper .innerwrapper .card .info .name {
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: .5rem;
}
.admission-banner .content .teamWrapper .innerwrapper .card .info .designation {
    color: hsla(0, 0%, 100%, .8);
    padding-bottom: 1.5rem;
}
.admission-banner .content .teamWrapper .innerwrapper .card .info a {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin-bottom: .75rem;
}
@media (max-width:1280px) {
    .admission-banner .content .teamWrapper .innerwrapper .card .info a {
    align-items: flex-start;
}
}@media (max-width:600px) {
    .admission-banner .content .teamWrapper .innerwrapper .card .info a {
    align-items: center;
}
}.admission-banner .content .teamWrapper .innerwrapper .card .info a svg {
    height: 1.25rem;
    width: 1.25rem;
}
@media (max-width:1280px) {
    .admission-banner .content .teamWrapper .innerwrapper .card .info a svg {
    height: 20px;
    width: 31px;
}
}@media (max-width:600px) {
    .admission-banner .content .teamWrapper .innerwrapper .card .info a svg {
    height: 1.25rem;
    width: 1.25rem;
}
}.admission-banner .content .teamWrapper .innerwrapper .card .info a span {
    color: #fff;
    word-break: break-all;
}
.navigation {
    left: 2.875rem;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}
.navigation .nav-list {
    display: flex;
    flex-direction: column;
    gap: var(--navItemsGap);
}
.navigation .nav-list .nav-item {
    position: relative;
}
.navigation .nav-list .nav-item:before {
    aspect-ratio: 1;
    border: 1px solid hsla(0, 0%, 100%, .302);
    border-radius: 50%;
    content: "";
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease, width .3s ease, border .3s ease;
    width: .5rem;
}
.navigation .nav-list .nav-item .nav-link {
    display: flex;
    position: relative;
}
.navigation .nav-list .nav-item .nav-link .tooltip {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #ed6a50;
    border-radius: 0 .25rem .25rem .25rem;
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    left: 2.6rem;
    letter-spacing: -.125rem;
    line-height: normal;
    opacity: 0;
    padding: .66rem .87rem;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    top: -1rem;
    transition: all .5s ease 0s;
    visibility: hidden;
    width: -moz-max-content;
    width: max-content;
}
@media (max-width:1229px) {
    .navigation .nav-list .nav-item .nav-link .tooltip {
    display: none;
}
}.navigation .nav-list .nav-item .nav-link .tooltip.visible {
    letter-spacing: .06rem;
    opacity: 1;
    visibility: visible;
}
.navigation .nav-list .nav-item .nav-link .star-bullet-point {
    aspect-ratio: 1;
    width: var(--navIconWidth);
}
.navigation .nav-list .nav-item .nav-link .star-bullet-point path {
    transition: fill .3s ease;
    fill: hsla(0, 0%, 100%, .2);
}
.navigation .nav-list .nav-item.active:before {
    opacity: 1;
    width: calc(var(--navIconWidth)*3.333);
}
.navigation .nav-list .nav-item.active .nav-link .star-bullet-point path {
    fill: #fff;
}
.navigation .nav-list .nav-item:not(:last-child):after {
    background: repeating-linear-gradient(180deg, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 1px, transparent 2px, transparent 5px);
    content: "";
    height: calc(.1rem + var(--navItemsGap));
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, var(--navIconWidth));
    width: 1px;
}
.navigation .nav-list .nav-item:hover .nav-link .tooltip {
    letter-spacing: .06rem;
    opacity: 1;
    visibility: visible;
}
.navigation .nav-list .nav-item:hover:before {
    opacity: 1;
    width: calc(var(--navIconWidth)*3.333);
}
.navigation.nav-alt .nav-list .nav-item:before {
    border: 1px solid rgba(15, 38, 67, .2);
}
.navigation.nav-alt .nav-list .nav-item .nav-link .star-bullet-point path {
    fill: rgba(15, 38, 67, .2);
}
.navigation.nav-alt .nav-list .nav-item.active .nav-link .star-bullet-point path {
    fill: #0f2643;
}
.navigation.nav-alt .nav-list .nav-item:not(:last-child):after {
    background: repeating-linear-gradient(180deg, rgba(15, 38, 67, .2) 0, rgba(15, 38, 67, .2) 1px, transparent 2px, transparent 5px);
}
.navigation .for-mobile {
    display: none;
}
@media (max-width:600px) {
    .navigation {
    background-color: #0f2643;
    display: none;
    height: 100svh;
    left: 100%;
    overflow: hidden;
    top: 0;
    transform: translateY(0);
    transition: left .4s ease-in-out;
    width: 100%;
    z-index: 99999;
}
.navigation.navBg:before {
    background-image: url(https://gems-sri.com/wp-content/themes/gems/assets/img/bg/banner-bg.jpg);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: overlay;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.navigation.navBg:after {
    border: 80px solid rgba(67, 150, 201, .1);
    border-radius: 64.875rem;
    content: "";
    filter: blur(30px);
    height: 64.875rem;
    left: -45%;
    position: absolute;
    top: -40%;
    transform: rotate(55.428deg);
    width: 43.5rem;
    z-index: -1;
}
.navigation.menu-active {
    left: 0;
}
.navigation .for-mobile {
    display: block;
}
.navigation .logoWrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}
.navigation .logoWrapper .logo {
    height: 2.75rem;
    width: 7.375rem;
}
.navigation .logoWrapper .close-icon {
    height: 2.25rem;
    width: 2.25rem;
}
.navigation .nav-list {
    gap: 2rem;
    padding: 3.375rem 1rem 1rem 1.875rem;
}
.navigation .nav-list .nav-item:before {
    left: 0;
    transform: translate(-35%, -50%);
}
.navigation .nav-list .nav-item:not(:last-child):after {
    left: 0;
    top: 100%;
    transform: translate(calc(var(--navIconWidth)/2 - 50%), -20%);
}
.navigation .nav-list .nav-item .nav-link {
    align-items: center;
    gap: 1.875rem;
}
.navigation .nav-list .nav-item .nav-link .nav-text {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.5rem;
    font-weight: 400;
    gap: 1rem;
    line-height: 1.2;
}
.navigation .ctaWrapper {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-top: auto;
    padding: 1.5rem 1rem;
    position: relative;
    z-index: 2;
}
.navigation .ctaWrapper .dotted {
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}
.navigation .ctaWrapper .dotted img, .navigation .ctaWrapper .dotted svg {
    display: flex;
}
.navigation .ctaWrapper .main-primary-btn {
    height: 3rem;
    width: 100%}
.navigation .ctaWrapper .main-primary-btn.blue {
    background-color: #082951;
}
.navigation .ctaWrapper .main-primary-btn .arrow, .navigation .ctaWrapper .main-primary-btn .arrow svg {
    height: 1.25rem;
    width: 1.25rem;
}
}@media (max-width:600px) and (max-width:1280px) {
    .navigation .ctaWrapper .main-primary-btn .arrow svg {
    height: 100%;
    width: 100%}
}@media (max-width:600px) and (max-width:767px) {
    .navigation .ctaWrapper .main-primary-btn .arrow svg {
    height: 1.25rem;
    width: 1.25rem;
}
}@media (max-width:600px) {
    .navigation .ctaWrapper .main-primary-btn .arrow svg rect {
    height: 1.25rem;
    width: 1.25rem;
}
}@media (max-width:600px) and (max-width:1280px) {
    .navigation .ctaWrapper .main-primary-btn .arrow svg rect {
    height: 100%;
    width: 100%}
}@media (max-width:600px) and (max-width:767px) {
    .navigation .ctaWrapper .main-primary-btn .arrow svg rect {
    height: 1.25rem;
    width: 1.25rem;
}
}*, :after, :before {
    box-sizing: border-box;
}
#__bs_notify__ {
    display: none!important;
}
body, html {
    margin: 0;
    padding: 0;
}
html {
    font-size: 1.1111111vw;
}
@media (max-width:600px) {
    html {
    font-size: 4.26666666vw;
}
}body {
    font-size: 1rem;
    transition: opacity .5s ease;
}
body:not(.loaded) {
    overflow: hidden;
}
body.loaded .main-bg {
    opacity: 0;
    pointer-events: none;
}
img {
    max-width: 100%}
img, svg {
    vertical-align: middle;
}
@media (max-width:600px) {
    .img-flicker {
    left: 30%;
    position: fixed;
    top: -.6rem;
    transform: translateX(-30%);
    z-index: 10002;
}
}.img-flicker .img-wrap {
    backface-visibility: hidden;
    border: 1px solid #04223b;
    border-radius: 6px;
    font-size: 0;
    left: clamp(25px, 1.74vw, 1.74vw);
    line-height: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: clamp(28px, 1.94vw, 1.94vw);
    transform: scale(.01);
    width: 21.04vw;
    z-index: 10002!important;
}
.loaded .img-flicker .img-wrap {
    pointer-events: none;
}
@media (max-width:600px) {
    .img-flicker .img-wrap {
    left: -24.935vw;
    position: absolute;
    width: 49.87vw;
}
}.img-flicker .img-wrap:first-child {
    opacity: 1;
    transform: scale(1);
    z-index: 0;
}
.img-flicker .img-wrap img {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%}
.main-bg {
    background: #04223b;
    position: fixed;
    transition: opacity .5s;
    z-index: 99999;
    z-index: 10000;
}
.main-bg, .main-bg:before {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%}
.main-bg:before {
    background-image: url("data:image/webp;
    base64, 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");
    content: "";
    mix-blend-mode: overlay;
    opacity: .02;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}
.main-bg .logo {
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.main-bg .logo, .main-bg .logo .logo-inner-wrapper {
    width: clamp(260px, 26vw, 26vw);
}
.main-bg .logo:before {
    content: "";
    display: block;
    padding-top: 39.22%}
.main-bg .logo .logo-text {
    height: auto;
    width: 100%}
.main-bg .logo .logo-icon {
    height: auto;
    left: 3.38%;
    position: absolute;
    top: 5.71%;
    width: 34.98%}
.main-bg .logo .logo-star {
    height: auto;
    left: 23.77%;
    position: absolute;
    top: 37.04%}
.main-bg .logo .logo-inner-wrapper, .main-bg .logo .logo-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.main-bg .logo .logo-wrapper {
    width: 0;
}
.main-bg .logoWrapper {
    position: fixed;
    z-index: -2;
}
.main-bg .dottedBG {
    border: 1px dashed hsla(0, 0%, 100%, .2);
    border-radius: 100vw/100vh;
    flex-shrink: 0;
    height: 102vh;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(20deg) translate(-50%, -50%);
    transform-origin: 10% 0;
    width: 102vw;
}
@media (max-width:600px) {
    .main-bg .dottedBG {
    border: 1px dashed hsla(0, 0%, 100%, .3);
}
}.main-bg .bgShape {
    border-radius: 1700.755px;
    height: 117.29719rem;
    left: .5rem;
    pointer-events: none;
    position: absolute;
    top: -36.875rem;
    transform: rotate(65.874deg);
    width: 86.28975rem;
}
.main-bg .bgShape img {
    height: 100%;
    pointer-events: none;
    width: 100%}
@media (max-width:600px) {
    .main-bg .bgShape {
    border-radius: 1700.755px;
    height: 137.29719rem;
    left: -29.5rem;
    pointer-events: none;
    position: absolute;
    top: -81.875rem;
    transform: rotate(5.874deg);
    width: 82.28975rem;
}
}.counter {
    bottom: 7.5%;
    display: inline-flex;
    gap: 8px;
    position: absolute;
    right: 7.5%;
    z-index: -1;
}
.digit {
    background-image: url(https://gems-sri.com/wp-content/themes/gems/assets/img/loading/digits.svg);
    background-position: center -90%;
    background-repeat: repeat-y;
    background-size: 100% 1000%;
    width: clamp(50px, 6vw, 6vw);
}
.digit:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 163.53%}
.digit#digit-hundreds {
    background-repeat: no-repeat;
}
	
