@font-face {
    font-family: 'Brandon Grot';
    src: url('../fonts/BrandonGrotW01-Regular.eot');
    src: url('../fonts/BrandonGrotW01-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotW01-Regular.woff2') format('woff2'),
        url('../fonts/BrandonGrotW01-Regular.woff') format('woff'),
        url('../fonts/BrandonGrotW01-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grot';
    src: url('../fonts/BrandonGrotW01-RegularIt.eot');
    src: url('../fonts/BrandonGrotW01-RegularIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotW01-RegularIt.woff2') format('woff2'),
        url('../fonts/BrandonGrotW01-RegularIt.woff') format('woff'),
        url('../fonts/BrandonGrotW01-RegularIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grot';
    src: url('../fonts/BrandonGrotW01-Bold.eot');
    src: url('../fonts/BrandonGrotW01-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotW01-Bold.woff2') format('woff2'),
        url('../fonts/BrandonGrotW01-Bold.woff') format('woff'),
        url('../fonts/BrandonGrotW01-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brandon Grot';
    src: url('../fonts/BrandonGrotW01-Black.eot');
    src: url('../fonts/BrandonGrotW01-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotW01-Black.woff2') format('woff2'),
        url('../fonts/BrandonGrotW01-Black.woff') format('woff'),
        url('../fonts/BrandonGrotW01-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grot';
    src: url('../fonts/BrandonGrotW01-Medium.eot');
    src: url('../fonts/BrandonGrotW01-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotW01-Medium.woff2') format('woff2'),
        url('../fonts/BrandonGrotW01-Medium.woff') format('woff'),
        url('../fonts/BrandonGrotW01-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
:root {
    --color-SkyBlue: #009CDE;
    --color-NavyBlue: #002f56;
    --color-YaleBlue: #0C4F87;
    --color-grdient-1: linear-gradient(95deg, rgba(11,134,204,1) 0%, rgba(63,36,125,1) 100%);

    --f-sz-16: 16px;
    --f-sz-18: 18px;
    --f-sz-20: 20px;
    --f-sz-22: 22px;
    --f-sz-25: 25px;
    --f-sz-30: 30px;
}
body {
    font-family: 'Brandon Grot';
    font-size:var(--f-sz-18);
    line-height: 1.4;
    background-color: #e1edff;
    color: #000;
    font-weight: normal;
    padding-top: 50px;
    padding-bottom: 30px;
}
html, body {min-height: 100dvh;}
img, video, iframe, svg { max-width:100%; }
a, a:hover { color: var(--color-SkyBlue); }
a:hover { text-decoration:none; }
.btn { box-shadow:none !important;outline: none !important; }
[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: .4s; }
[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {transition-delay: .8s;}
[data-aos][data-aos][data-aos-delay='3100'].aos-animate, body[data-aos-delay='3100'] [data-aos].aos-animate { transition-delay: 3.1s; }
[data-aos][data-aos][data-aos-delay='3200'].aos-animate, body[data-aos-delay='3200'] [data-aos].aos-animate { transition-delay: 3.2s; }
[data-aos][data-aos][data-aos-delay='3300'].aos-animate, body[data-aos-delay='3300'] [data-aos].aos-animate { transition-delay: 3.3s; }
[data-aos][data-aos][data-aos-delay='3400'].aos-animate, body[data-aos-delay='3400'] [data-aos].aos-animate { transition-delay: 3.4s; }
[data-aos][data-aos][data-aos-delay='3500'].aos-animate, body[data-aos-delay='3500'] [data-aos].aos-animate { transition-delay: 3.5s; }
[data-aos][data-aos][data-aos-delay='5000'].aos-animate, body[data-aos-delay='5000'] [data-aos].aos-animate { transition-delay: 5s; }
[data-aos][data-aos][data-aos-delay='7500'].aos-animate, body[data-aos-delay='7500'] [data-aos].aos-animate { transition-delay: 7.5s; }
[data-aos][data-aos][data-aos-delay='10000'].aos-animate, body[data-aos-delay='10000'] [data-aos].aos-animate { transition-delay: 10s; }
[data-aos=fade-up] { transform: translateY(30px); }

.f-W-N {font-weight: normal !important;}
.f-W-M {font-weight: 500 !important;}
.f-W-B, b, strong {font-weight: bold !important;}
.f-W-EB {font-weight: 900 !important;}

.f-sz-16 {font-size: var(--f-sz-16) !important;}
.f-sz-18 {font-size: var(--f-sz-18) !important;}
.f-sz-20 {font-size: var(--f-sz-20) !important;}
.f-sz-22 {font-size: var(--f-sz-22) !important;}
.f-sz-25 {font-size: var(--f-sz-25) !important;}
.f-sz-30 {font-size: var(--f-sz-30) !important;}

.text-YaleBlue {color: var(--color-YaleBlue) !important;}
.text-SkyBlue {color: var(--color-SkyBlue) !important;}
.text-NavyBlue {color: var(--color-NavyBlue) !important;}

.bg-gradient-1 {background: var(--color-grdient-1) !important}
.bg-YaleBlue {background-color: var(--color-YaleBlue) !important}
.bg-SkyBlue {background-color: var(--color-SkyBlue) !important}

.linkText {padding: 0;border: none;border-radius: 0;box-shadow: none !important;}

.line-H-1 { line-height:1 !important;}
.line-H-1_1 { line-height:1.1 !important;}
.line-H-1_2 { line-height:1.2 !important;}
.line-H-1_3 { line-height:1.3 !important;}
.line-H-1_4 { line-height:1.4 !important;}
.line-H-1_5 { line-height:1.5 !important;}
.line-H-1_6 { line-height:1.6 !important;}
.line-H-1_7 { line-height:1.7 !important;}
.line-H-1_8 { line-height:1.8 !important;}
.line-H-1_9 { line-height:1.9 !important;}

.z-1 {z-index: 1 !important;}
.z-2 {z-index: 2 !important;}
.z-3 {z-index: 3 !important;}
.z-4 {z-index: 4 !important;}
.z-5 {z-index: 5 !important;}
.min-w-0 {min-width: 0 !important;}
.last-p > p:last-child {margin-bottom: 0;}
.p-space-md p {margin-bottom: 12px;}
.object-top {object-position: top !important;}
.object-bottom {object-position: bottom !important;}

.cstBtn-style { background-color: var(--color-SkyBlue) !important; color: #fff !important; font-size: var(--f-sz-18); font-weight: 500; border-color: transparent !important; line-height: 1.1; padding: 6px 20px 5px 20px; border-radius: 30px; min-width: 130px; }
.cstBtn-style.btnGradient-1 {background: var(--color-grdient-1) !important;}
.cstBtn-style.btnDark {background-color: #007baa !important;}
.cstBtn-style.min-w-md {min-width: 165px;}
.cstBtn-style.btnsz-lg {padding-top: 10px;padding-bottom: 10px;}

.mainScreenWrp {min-height: calc(100dvh - 80px);width: 100%;}
.mngObject {object-fit: cover;width: 100%;height: 100%;object-position: center;}

.splashScreen { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: #e1edff; z-index: 99999; }
.splashScreen .splashLogo { max-width: 150px; display: inline-flex; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); }
.splashScreen .splashCharacters { display: inline-flex; max-width: 75%; margin: 0 auto; }
.splashScreen .splashBt-cont { background-color: var(--color-SkyBlue); padding: 30px 25px; color: #fff; }
.splashScreen .splashTextCont { font-size: 22px; margin-bottom: 25px; }
.splashScreen .splashLoading {font-size: 20px;}
.splashScreen .splashLoading span { animation: loading01 1.6s infinite alternate; }
.splashLoading span:nth-child(1) { animation-delay: 0s; }
.splashLoading span:nth-child(2) { animation-delay: 0.05s; }
.splashLoading span:nth-child(3) { animation-delay: 0.1s; }
.splashLoading span:nth-child(4) { animation-delay: 0.15s; }
.splashLoading span:nth-child(5) { animation-delay: 0.2s; }
.splashLoading span:nth-child(6) { animation-delay: 0.25s; }
.splashLoading span:nth-child(7) { animation-delay: 0.3s; }
.splashLoading span:nth-child(8) { animation-delay: 0.35s; }
.splashLoading span:nth-child(9) { animation-delay: 0.4s; }
.splashLoading span:nth-child(10) { animation-delay: 0.45s; }
@keyframes loading01 {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

.headerWrap, .footerWrap {position: fixed;left: 0;right: 0;z-index: 9;}
.headerWrap {top: 0;height: 50px;background-color: var(--color-NavyBlue);}
.headerLogo {max-width: 110px;display: inline-flex;}
.hamburg-toggler {position:relative;width:26px;height:18px;border:none;padding:0;outline:none !important;border-radius:0;outline: none !important;box-shadow: none !important;}
.hamburg-toggler .navbar-toggler-icon{top:50%;margin-top:-1px;}
.hamburg-toggler .navbar-toggler-icon, .hamburg-toggler .navbar-toggler-icon:before, .hamburg-toggler .navbar-toggler-icon:after{width:100%;height:2px;border-radius:5px;position:absolute;left:0;transition:all 0.2s ease;}
.hamburg-toggler .navbar-toggler-icon:before, .hamburg-toggler .navbar-toggler-icon:after{content:"";}
.hamburg-toggler.collapsed .navbar-toggler-icon:before{transform:rotate(0);bottom:7px;}
.hamburg-toggler.collapsed .navbar-toggler-icon:after{transform:rotate(0deg);top:7px;}
.hamburg-toggler .navbar-toggler-icon:before{bottom:0;transform:rotate(45deg);}
.hamburg-toggler .navbar-toggler-icon:after{top:0;transform:rotate(-45deg);}
.hamburg-toggler.collapsed .navbar-toggler-icon, .hamburg-toggler .navbar-toggler-icon:before, .hamburg-toggler .navbar-toggler-icon:after{background-color:#fff;background-image: none;}
.collapsibleNav { position: absolute; right: 0; top: 50px; background-color: #009ada; height: calc(100dvh - 100px) !important;min-height: calc(100dvh - 80px) !important; width: 190px; padding: 20px 0; display: block !important;box-shadow: -2px 0 8px 0 rgba(0,0,0,.2);transform: translateX(120%);transition: all 0.2s linear;}
.collapsibleNav.show {transform: translateX(0);}
.collapsibleNav .wrapIn {height: 100%;overflow: auto;}
.collapsibleNav .cstNav > .nav-item {border-bottom: 1px solid rgba(255,255,255,.15);}
.collapsibleNav .cstNav .nav-link {color: #fff;padding: 8px 15px;line-height: 1.2;}
.footerWrap {bottom: 0;height: 30px;background-color: #b4c7dd;}
.footerWrap .footerHome-btn { margin-top: -25px; }
.footerHome-btn { width: 45px; height: 45px; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; border: 3px solid #fff !important; padding: 0; background: var(--color-grdient-1) !important; color: #fff; }
.footerHome-btn .icon { max-width: 18px; width: 100%; }

.quoteContWrap .smTxt {margin-top: 25px;}
.quoteContWrap .btnRow {margin-top: 65px;}
.lessContainer-spc {margin-left: -12px;margin-right: -12px;}
.becomeChampion_wrap .champHeading { margin-bottom: 25px; }
.selectOpt-recruitment {position: relative;}
.selectOpt-recruitment .cont-label { position: absolute; z-index: 1; width: 100%; top: 50%; margin-top: -135px; }
.selectOpt-recruitment .btnOverlay { position: absolute; z-index: 1; width: 100%; bottom: 50%; margin-bottom: -114px; }
.becomeChampion_wrap .btnRow {margin-top: 30px;}
.selectOpt-carousel.cstSlider-style .slick-dots {bottom: 42px;}
.cstSlider-style.slick-dotted { margin: 0; }
.cstSlider-style .slick-dots {bottom: 20px;display: flex;justify-content: center;gap: 4px;}
.cstSlider-style .slick-dots li:only-child { display: none; }
.cstSlider-style .slick-dots li {width: auto;height: auto;margin: 0;display: inline-flex;}
.cstSlider-style .slick-dots li button {background-color: #ef5b84;opacity: .4;width: 10px;height: 10px;border-radius: 100%;}
.cstSlider-style .slick-dots li.slick-active button {opacity: .8;}

.detailsFormWrap .contHeading { margin-bottom: 22px; }
.form-group {margin-bottom: 15px;}
.cstF-label {font-size: var(--f-sz-18);line-height: 1.2;font-weight: 500;margin-bottom: 5px;}
.cstF-Field { height: 42px; border: 1px solid rgba(0,161,246,.3) !important; background-color: #f0fbff !important; border-radius: 17px; padding: 7px 18px; font-weight: 500; color: #000; font-size: var(--f-sz-18); box-shadow: none !important; }
input.cstF-Field[type=number]::-webkit-inner-spin-button, input.cstF-Field[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.selectionCard {position: relative;width: 100%;}
.selectionCard .inputType {position: absolute;width: 0;height: 0;opacity: 0;}
.selectionCard .cardWrap-in {display: flex;border: 1px solid rgba(0,161,246,.3);border-radius: 17px; background-color: #f0fbff;width: 100%;position: relative;cursor: pointer;}
.selectionCard .picWrap { overflow: hidden; width: 100%;border-radius: 17px; max-width: 120px; margin: 0 auto; }
.selectionCard .cardWrap-in:after {content: "";position: absolute;bottom:0;left: 50%;width: 22px;height: 22px;margin-left: -11px;margin-bottom: -11px;background-color: #4dce36;border-radius: 100%;background-repeat: no-repeat;background-position: center center;background-image: url("../images/icon-check.svg");background-size: 12px auto;opacity: 0;transform: scale(0); transition: all 0.2s linear;}
.selectionCard .inputType:checked ~ .cardWrap-in:after {opacity: 1;transform: scale(1);}
.selectionCard .textWrap {padding: 8px 20px;font-size: var(--f-sz-18);}
.genderRow {margin-left: -5px;margin-right: -5px;}
.genderRow>[class*=col] {padding-left: 5px;padding-right: 5px;}
.otpMoreAct {margin-left: -12px;margin-right: -12px;}
.otpMoreAct>li {padding-left: 12px;padding-right: 12px;}
.otpMoreAct>li:not(:last-child) {border-right: 1px solid rgba(0,0,0,.25);}

.pgBG-1 {position: relative;background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;background-image: url("../images/select-interview-pgBG.png");}
.min-h-resumeSelect {min-height: 450px;}
.tp-infoContainer {padding: 8.889vw 3.75vw 0 3.75vw;position: relative;z-index: 3;}
.tp-infoContainer .nextBtnRow  {margin-top: 2.778vw;}
.cstBtn-style.sz-vw { font-size: 3.889vw; padding: 1.667vw 5.556vw 1.389vw 5.556vw; border-radius: 6.944vw; min-width: 33.333vw; }
.infoSummaryMsg { max-width: 76.744vw; margin: 0 auto; border-radius: 2.5vw; background-color: var(--color-NavyBlue); position: relative; color: #fff; font-size:5vw; padding: 6.944vw 4.167vw 5.556vw 4.167vw;min-height: 34vw; display: flex; justify-content: center; align-items: center; }
.infoSummaryMsg.minH-md { min-height: 42vw; }
.infoSummaryMsg .bulbIcon { position: absolute; width: 11.667vw; left: 50%; top: 0; margin-left: -5.833vw; margin-top: -6.667vw; }
.infoSummaryMsg p {margin-bottom: 3.2vw;}
.btnGap-wv {gap: 2vw;}
.selectCV-desk-ch {position: absolute;bottom: 0;width: 100%;left: 0;display: flex;}
.selectCV-desk-ch .desk-ch-Img {height: 83.333vw;object-fit: cover;object-position: top;}
.selectCV-desk-ch .selectedCV { position: absolute;z-index: 1;max-width: 62.791vw; right: 5.116vw; top: 11.395vw; }
.selectCV-desk-ch .msgAlert { position: absolute; z-index: 2; max-width: 18.605vw; right: 0; top: -3.023vw; }

.bg-semicircle { position: absolute; top: 0; width: 140%; left: -20%; background-color: var(--color-SkyBlue); height: 190px; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; }
.tpSec-wrap-hiring { min-height: 160px; margin-bottom: 55px; }
.tpSec-wrap-hiring .bulbIcon {display: inline-flex;max-width: 45px;margin-bottom: 10px;}
.cardHowAsk-que { display: flex; align-items: center; justify-content: center; min-height: 135px; background-color: #fff; border-radius: 10px; margin-bottom: 20px; padding: 10px 15px }
.cstselect-1 {position: relative;width: 100%;}
.cstselect-1 .cstInput {width: 0;height: 0;visibility: hidden;position: absolute;}
.cstselect-1 .wrap-in {position: relative;padding: 10px 45px 10px 22px;min-height: 75px;display: flex;align-items: center;gap: 10px;background-color: #fff;border-radius: 10px;overflow: hidden;cursor: pointer;}
.cstselect-1 .wrap-in::after { content: ""; align-self: center; width: 10px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("../images/angle-right-color.svg"); position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; right: 22px; }
.cstselect-1 .wrap-in > * {position: relative;z-index: 1;}
.cstselect-1 .contWrapp {font-size: var(--f-sz-18);line-height: 1.15;flex-grow: 1;font-weight: 500;}
.cstselect-1 .lgLetter { font-size: var(--f-sz-20); font-weight: 500; align-self: center; line-height: 1; margin-top: -2px; }
.cstselect-1 .wrap-in::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #f8cc33;opacity: 0; transform: translateX(-102%);transition: all 0.15s linear;}
.cstselect-1 .cstInput:checked ~ .wrap-in::before {opacity: 1; transform: translateX(0);}
.resumeWrap-1, .resumeWrap-2 {position: absolute;z-index: 1;width: 39.25vw;top: 50%;}
.resumeWrap-1 { margin-top: -12.5vw; left: 7.5vw; }
.resumeWrap-2 { margin-top: -10vw; right: 4.5vw; }
.resumeWrap-1 .resumeItem {transform: rotate(-14deg);}
.resumeWrap-2 .resumeItem {transform: rotate(5deg);}
.resumeItem {display: flex;border: 2px solid transparent;transition: all 0.2s linear;position: relative;}
.resumeItem:hover, .resumeItem.completedResume {border-color: #e0c33f;box-shadow: 0 0 8px 0 rgba(224,195,63,.6);}
.resumeItem.completedResume:before { content: ""; position: absolute; width: 124px; height: 58px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("../images/completed-icon.png"); }
.selectResumeObjectWrapp { width: 100vw; height: 193.5vw; min-height: 193.5vw; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.selectResumeObjectWrapp .obj-laptop {max-width: 57.5vw;margin-top: -5.25vw;left: 50%;top:0; margin-left: -28.75vw;}
.selectResumeObjectWrapp .obj-pot { max-width: 15vw; left: 0; top: 14.5vw; }
.selectResumeObjectWrapp .obj-cup { max-width: 17.5vw; right: 1.5vw; top: 14.5vw; }
.selectResumeObjectWrapp .obj-mobile {max-width: 19vw;left: 5.75vw;top: 52.5vw;}
.selectResumeObjectWrapp .obj-notepad {max-width: 26.5vw;right: 0;top: 43.75vw;}
.selectResumeObjectWrapp .obj-hands {max-width: 47.5vw;bottom: 0;left: 50%; margin-left: -21.25vw;}
.selectResumeScreen .btnsPosWrap { position: absolute; left: 50%; transform: translateX(-50%); top: 50%; margin-top: 55.556vw; z-index: 1; }
.modal-backdrop {background-color: #d3e4ff;}
.modal-backdrop.show {opacity: .8;}
.cstAlertModal .modal-content {border: 2px solid var(--color-NavyBlue);border-radius: 15px;}
.cstAlertModal .modal-body {padding: 70px 30px 30px 30px;}
.cstAlertModal .iconWrap { width: 80px; height: 80px; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); background-color: var(--color-NavyBlue); color: #fff; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; }
.cstAlertModal .iconWrap .icon {max-width: 45px;width: 100%;}

.resumeInfoCard {background-color: #fff;padding: 75px 25px 30px 25px;border-radius: 10px;position: relative;margin-top: 70px;}
.resumeInfoCard.mx-W {max-width: 350px;}
.resumeInfoCard .profPicOuter {position: absolute;z-index: 1;left: 50%;top: 0; margin-top: -10px; transform: translate(-50%, -50%);}
.resumeInfoCard .profPic { min-width: 110px; width: 110px; height: 110px; overflow: hidden; border-radius: 100%; background-color: #fff; box-shadow: 0 0 0 9px rgba(255,255,255,.3); }
.resumeInfoCard .contHead {margin-bottom: 15px;}
.resumeInfoCard p {margin-bottom: 12px;}
.resumeInfoCard .btnsOverlay { position: absolute; bottom: 0; margin-bottom: -14px; left: 12px; right: 12px; }
.resumeInfoCard .btnsRow {margin-top: 15px;}

.interView-dayWrapp .cont-Head {margin-bottom: 7.5vw;}
.interView-dayWrapp .btnRow  {margin-top: 7.5vw;}
.interviewTable-bx {max-width: 87.5vw;margin: 0 auto;position: relative;display: flex;justify-content: center;}
.interviewTable-bx .tableImg {max-width: 45vw;}
.interviewTable-bx .tableOver-obj { max-width: 28vw; position: absolute; z-index: 1; top: 18vw; left: 50%; margin-left: -16.25vw; }
.interviewTable-bx .chair-L, .interviewTable-bx .chair-R { position: absolute; z-index: 1; max-width: 21.25vw; top: 50%; margin-top: -16.5vw; }
.interviewTable-bx .chair-L {left: 0;}
.interviewTable-bx .chair-R {right: 0;}

.infoSummary-carousel .slick-track {display: flex;align-items: center;}
.mngSlidesBtns .disabled {display: none;}
.btnBackScreen, .btnNextScreen {display: none;}
.mngSlidesBtns #infoSlide-prev.disabled ~ .btnBackScreen, .mngSlidesBtns #infoSlide-next.disabled ~ .btnNextScreen {display: block;}
.candidate-desk-ch { position: absolute; bottom: 0; width: 100%; height: calc(100vh - 80px - 85vw); min-height: 150px; }
.wrap-thanku-ch { position: absolute; bottom: 0; width: 100%; height: calc(100vh - 80px - 85vw); min-height: 150px; }
.wrap-thanku-ch.hgt-rd {height: calc(100vh - 80px - 92vw);}
.ratingWrapper {display: inline-flex;}
.cstRating {position: relative;float: left;}
.cstRating > input { position:absolute; width: 0;height: 0;opacity: 0; }
.cstRating > label { float:right; width:25px;height: 25px;overflow:hidden;font-size:0;background-repeat: no-repeat;background-position: center bottom; background-size: 100% auto; background-image: url("../images/rating-star.png");margin: 0 1px; pointer-events: none; }
.cstRating> input:checked ~ label { background-position: center top; }
.screenRightOpt {padding-top: 50px;}
.rightCircleIcon { width: 140px; height: 140px; overflow: hidden; border-radius: 100%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(126,220,255,1) 100%);display: flex; justify-content: center; align-items: center; margin: 0 auto -10px auto; position: relative; z-index: 1; }
.rightCircleIcon .icon {max-width: 95px;width: 100%;}
.cardSelected-right { border-radius: 10px; padding: 25px 25px; background-color: #fff; max-width: 330px; margin: 0 auto;min-height: 230px; }
.cardSelected-right .contHeading {margin-bottom: 16px;font-size: var(--f-sz-22) !important;line-height: 1.2;}
.cardSelected-right .textSummary {font-size: var(--f-sz-18) !important;line-height: 1.2;}
.screen-16-desk-ch { position: absolute; bottom: 0; width: 100%; height: calc(100vh - 80px - 85vw); min-height: 240px; }

.winnerScreen .bgShapesWrap {position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);margin-top: -25vw;}
.winnerScreen .winnerTextWrap { position: absolute; left: 0; right: 0; padding: 0 5vw; top: 50%; transform: translateY(-50%); margin-top: -32.5vw; z-index: 2; }
.winnerTextWrap .contHead { font-size: 8vw; line-height: 1; margin-bottom: 1.25vw; }
.winnerTextWrap .subText {font-size: 4.75vw;}
.winnerScreen .winnerCup-wrap { position: absolute; display: inline-flex; bottom: 0; transform: translateX(-50%); left: 50%; width: 62.5vw; }
.winnerScreen .winnerTextWrap .btnRow {margin-top: 2.5vw;}

.alertMsg {position: fixed; top: 55px; z-index: 9; left: 0;right: 0; padding: 0 15px; text-align: center; opacity: 0; visibility: hidden; transform: translateY(-60px); transition: all 0.2s linear;}
.alertMsg.showAlert {opacity: 1; transform: translateY(0);visibility: visible;}
.alertCont { background-color: #fff; display: inline-flex; align-items: center; text-align: left; font-size: var(--f-sz-16); gap: 10px; padding: 8px 10px; border-radius: 10px; font-weight: 500; box-shadow: 0 0 5px 0 rgba(0,0,0,.15); line-height: 1.2;}
.alertCont .iconWrap { width: 25px; min-width: 25px; height: 25px; display: inline-flex; justify-content: center; align-items: center; }
.loadingWrap { position: fixed; z-index: 99991; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(211, 288, 255, .5); }
.loadingWrap .loaderImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 100%; overflow: hidden; width: 70px; height: 70px; padding: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,.15); }

.infoSummaryMsg-2 {background-color: rgba(0,47,86,.85);color: #fff;position: relative;padding: 50px 30px 40px 30px;border-radius: 10px;}
.infoSummaryMsg-2 .bulbIcon { position: absolute; top: 0; width: 48px; min-width: 48px; display: inline-flex; left: 50%; transform: translate(-50%, -50%); margin-top: -2px; }
.infoSummaryMsg-2 .quoteIcon, .infoSummaryMsg .quoteIcon { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);}
.quoteIcon {width: 45px; min-width: 45px; height: 45px; display: inline-flex; justify-content: center; align-items: center;background-color: #e40005; border-radius: 16px; box-shadow: 2px 3px 4px 0px rgba(0,0,0,.15); }
.quoteIcon .imgIcon {max-width: 23px;width: 100%;}
.infoSummaryMsg .quoteIcon { width: 10.556vw; min-width: 10.556vw; height: 10.556vw;border-radius: 3.333vw; box-shadow: .556vw .833vw 1.111vw 0px rgba(0,0,0,.15); }
.infoSummaryMsg .quoteIcon .imgIcon {max-width: 5.556vw;}

.deskTopView {display: none !important; justify-content: center; align-items: center; height: 100dvh; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #e1edff; z-index: 99991;}
.deskTopView .textLine-Desk {font-size: 40px;font-weight: 500;color: var(--color-NavyBlue); line-height: 1.1;}

.bulbAnimation {animation: bulbAnim 1s infinite alternate;}
@keyframes bulbAnim {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
      transform: scale(0.9);
        opacity: 0.85;
    }
  }

.singleImgSlider { position: relative; width: 100%; height: 100%; }
.singleImgSlider .slick-list {position: relative;height: 100%;width: 100%;}
.singleImgSlider .slick-list .slick-track {height: 100%;}
.singleSlide_Wrap {width: 100%;height: 100%;overflow: hidden;}
.singleSlide_Wrap .cstImg {object-fit: cover;object-position: center top;}
.singleSlide-Btn {position: absolute;right: 0;left: 0;bottom: 25px;z-index: 1; display: flex;justify-content: center;}
.singleSlide-Btn .btn { box-shadow: 0 0 10px 0 rgba(0,0,0,.4) !important;}

.singleSlide-next.disabled, .singleSlide-next ~ .toggleBtn-withSlide {display: none;}
.singleSlide-next.disabled ~ .toggleBtn-withSlide {display: inline-block;}
.rightAns-card {background-repeat: no-repeat;background-position: center top;background-size: 100% auto;background-image: url("../images/right-confetto.gif");}
.btn-close.cstCloseBtn { font-size: 31px; font-weight: 400; opacity: 1; display: inline-flex; justify-content: center; align-items: center; padding: 0; line-height: 1; width: 20px; height: 20px; background-image: none; }

@media (min-width:575px){
    /* body {padding: 0;}
    body>*{display: none !important;}
    body .deskTopView { display: flex !important;} */
}
@media (min-width:992px) {
    :root {
   
        --f-sz-16: 1.025vw;
        --f-sz-18: 1.171vw;
        --f-sz-20: 1.318vw;
        --f-sz-22: 1.464vw;
        --f-sz-25: 1.757vw;
        --f-sz-30: 2.05vw;
    }

    .form-group { margin-bottom: 1.171vw; }
    p, ul { margin-bottom:1.042vw; }
    h1, h2, h3, h4, h5, h6 {margin-bottom:1.042vw;}

    .container {max-width: 80%;padding-left: .732vw;padding-right: .732vw;}
    .row {margin-left: -.732vw;margin-right: -.732vw;}
    .row:not([class*=g-])>* {padding-left: .732vw;padding-right: .732vw; }
    
    body {padding-top: 3.66vw;}
    .mainScreenWrp { min-height: calc(100dvh - 5.857vw); }
    .collapsibleNav {top: 3.66vw;}
    .headerWrap { height: 3.66vw; }
    .headerLogo { max-width: 8.053vw; width: 100%; }
    .hamburg-toggler { width: 1.903vw; height: 1.318vw; }
    .hamburg-toggler .navbar-toggler-icon, .hamburg-toggler .navbar-toggler-icon:before, .hamburg-toggler .navbar-toggler-icon:after { height: .146vw; border-radius: .366vw; }
    .hamburg-toggler.collapsed .navbar-toggler-icon:before { bottom: .512vw; }
    .hamburg-toggler.collapsed .navbar-toggler-icon:after { top: .512vw; }
    .cstBtn-style { padding: .439vw 1.464vw 0.366vw 1.464vw; border-radius: 1.83vw; min-width: 9.517vw; }
    .cstBtn-style.btnsz-lg { padding-top: .732vw; padding-bottom: .732vw; }
    .cstBtn-style.min-w-md { min-width: 12.445vw; }
    .footerWrap {height: 2.343vw; }
    .footerWrap .footerHome-btn { margin-top: -2.05vw; }
    .footerHome-btn { width: 3.367vw; height: 3.367vw; border-width: .22vw !important; }
    .footerHome-btn .icon { max-width: 1.318vw; }


    .splashScreen .splashLogo { max-width: 10.981vw;width: 100%; top: 1.83vw; }
    .splashScreen .splashCharacters { max-width: 23.426vw; }
    .splashScreen .splashBt-cont { padding: 1.464vw 1.83vw; }
    .splashScreen .splashTextCont { font-size: 1.611vw; margin-bottom: 1.611vw; }
    .splashScreen .splashLoading { font-size: 1.318vw; }

    .quoteContWrap .smTxt { margin-top: 1.611vw; }
    .detailsFormWrap.mx-W {max-width: 36.603vw;}
    .detailsFormWrap .contHeading { margin-bottom: 1.171vw; }
    .genderRow { margin-left: -.366vw; margin-right: -.366vw; }
    .genderRow>[class*=col] { padding-left: .366vw; padding-right: .366vw; }
    .cstF-Field { height: 2.635vw; border-radius: .878vw; padding: .512vw 1.098vw; }
    .selectionCard .cardWrap-in { border-radius: .878vw; }
    .selectionCard .picWrap { border-radius: .732vw; max-width: 8.053vw; }
    .selectionCard .cardWrap-in:after { width: 1.611vw; height: 1.611vw; margin-left: -.805vw; margin-bottom: -.805vw; background-size: .878vw auto; }
    .otpMoreAct { margin-left: -.878vw; margin-right: -.878vw; }
    .otpMoreAct>li { padding-left: .878vw; padding-right:.878vw; }
    .becomeChampion_wrap .champHeading { margin-bottom: 2.05vw; }
    .lessContainer-spc { margin-left: auto; margin-right: auto; max-width: 27.818vw; width: 100%; }
    
    .pgBG-1 { background-size: cover; background-image: url("../images/select-interview-pgBG-desk.jpg"); }

    .tp-infoContainer { padding: 1.83vw 1.098vw 0 1.098vw; }
    .tp-infoContainer .nextBtnRow { margin-top: 1.098vw; }
    .cstBtn-style.sz-vw { font-size: 1.171vw; padding: .512vw .878vw .439vw .878vw; border-radius: 5.857vw; min-width: 13.177vw; }
    .infoSummaryMsg { max-width: 31.747vw; margin: 0 auto; border-radius: 1.098vw; background-color: var(--color-NavyBlue); position: relative; color: #fff; font-size: 1.391vw; padding: 1.903vw 1.098vw 1.098vw 1.098vw; min-height: 9.883vw; display: flex; justify-content: center; align-items: center; }
    .infoSummaryMsg p { margin-bottom: 1.042vw; }
    .infoSummaryMsg .bulbIcon { width: 2.782vw; margin-left: -1.391vw; margin-top: -1.391vw; }
    .infoSummaryMsg .quoteIcon { width: 2.562vw; min-width: 2.562vw; height: 2.562vw; border-radius: .732vw; }
    .infoSummaryMsg .quoteIcon .imgIcon { max-width: 1.537vw; }
    .infoSummaryMsg-2 { padding: 3.66vw 2.196vw 2.928vw 2.196vw; border-radius: .732vw; max-width: 32.943vw;margin-left: auto;margin-right: auto; }
    .quoteIcon { width: 3.294vw; min-width: 3.294vw; height: 3.294vw; border-radius: 1.171vw; box-shadow: .146vw .22vw .293vw 0px rgba(0,0,0,.15); }
    .quoteIcon .imgIcon { max-width: 1.684vw; }
    .infoSummaryMsg-2 .bulbIcon { width: 3.514vw; min-width: 3.514vw; margin-top: -.146vw; }
    
    .selectCV-desk-ch { left: 50%; transform: translateX(-50%); display: flex; max-width: 41.728vw; margin-left: auto; margin-right: auto; }
    .selectCV-desk-ch .desk-ch-Img { height: auto; }
    .selectCV-desk-ch .selectedCV { max-width: 13.543vw; right: 8.492vw; top: 3.218vw; }
    .selectCV-desk-ch .msgAlert { position: absolute; z-index: 2; max-width: 4.1vw; right: 6.589vw; top: -.196vw; }

    .deskSpc_bt {padding-bottom: 2.196vw !important;}
    .bg-semicircle { height: 13.177vw; }
    .tpSec-wrap-hiring .bulbIcon { max-width: 2.489vw; margin-bottom: 1.098vw; }
    .tpSec-wrap-hiring { min-height: 9.981vw; margin-bottom: 5.392vw; padding-top: 2.196vw !important; }
    .cstselect-1 .wrap-in { padding: 0.732vw 3.294vw 0.732vw 1.611vw; min-height: 4.392vw; gap: 0.732vw; border-radius: 0.732vw; }
    .cstselect-1 .wrap-in::after { width: 0.732vw; height: 1.171vw; right: 1.611vw; }

    .selectResumeObjectWrapp { width: 100vw; height: 100%; min-height: 100%; }
    .resumeWrap-1, .resumeWrap-2 { width: 9.517vw; }
    .resumeWrap-1 { left: 50%; margin-left: -12.445vw;margin-top: -6.589vw; }
    .resumeWrap-2 { right: 50%; margin-right: -12.445vw;margin-top: -5.124vw; }
    .selectResumeObjectWrapp .obj-laptop { max-width: 11.713vw; margin-top: -2.196vw; margin-left: -5.857vw; }
    .selectResumeObjectWrapp .obj-hands { max-width: 10.249vw; margin-left: -5.124vw; }
    .selectResumeObjectWrapp .obj-cup { max-width: 3.66vw; right: 50%; margin-right: -13.177vw; top: 3.66vw; }
    .selectResumeObjectWrapp .obj-pot { max-width: 4.392vw; left: 0; top: 0; }
    .selectResumeObjectWrapp .obj-notepad { max-width: 7.321vw; right: 0; top: 5.857vw; }
    .selectResumeObjectWrapp .obj-mobile { max-width: 4.026vw; left: 50%; top: 5.857vw; margin-left: -11.713vw; }
    .cstAlertModal .modal-dialog {max-width: 36.603vw;}
    .cstAlertModal .modal-body { padding: 5.124vw 2.196vw 2.196vw 2.196vw; }
    .cstAlertModal .iconWrap { width: 5.857vw; height: 5.857vw; }
    .cstAlertModal .iconWrap .icon { max-width: 3.294vw; }
    .screenRightOpt { padding-top: 3.66vw !important; }

    .resumeInfoCard.mx-W { max-width: 26.354vw;}
    .resumeInfoCard { padding: 5.49vw 1.83vw 2.196vw 1.83vw; border-radius: 0.732vw; margin-top: 5.124vw; }
    .resumeInfoCard .profPic { min-width: 8.053vw; width: 8.053vw; height: 8.053vw; box-shadow: 0 0 0 .659vw rgba(255,255,255,.3); }
    .resumeInfoCard .btnsOverlay { margin-bottom: -1.025vw; left: .732vw; right: .732vw; gap: .732vw !important; }
    .interView-dayWrapp .cont-Head { margin-bottom: 1.83vw; }
    .interviewTable-bx { max-width: 29.283vw; }
    .interviewTable-bx .tableImg { max-width: 14.641vw; }
    .interviewTable-bx .chair-L, .interviewTable-bx .chair-R { max-width: 7.321vw; margin-top: -5.344vw; }
    .interviewTable-bx .tableOver-obj { max-width: 8.053vw; position: absolute; z-index: 1; top: 50%; left: 50%; margin-left: -5.124vw; margin-top: -6.589vw; }
    .interView-dayWrapp .btnRow { margin-top: 1.83vw; }
    .resumeInfoCard p { margin-bottom: .952vw; }
    
    .screenRightOpt { padding-top: 3.66vw; }
    .cardSelected-right { border-radius: .878vw; padding: 1.83vw 1.83vw; max-width: 29.283vw; min-height: 14.641vw; }
    .rightCircleIcon { width: 9.517vw; height: 9.517vw; margin-bottom:-.732vw; }
    .queScreen_wrap { padding-top: 1.83vw !important; padding-bottom: 2.196vw !important; }
    .cardHowAsk-que { min-height: 8.419vw; border-radius: 0.732vw; margin-bottom: 1.83vw; padding: .732vw 1.098vw; }
    .questionListing { row-gap: 1.318vw !important; }
    .singleSlide-Btn { bottom: 1.903vw; }
    
    .winnerScreen .winnerTextWrap { padding: 0 1.464vw; top: 0; transform: inherit; margin-top: 4.758vw; }
    .winnerScreen .winnerCup-wrap { width: 16.837vw; }
    .winnerTextWrap .contHead { font-size: 2.562vw; line-height: 1; margin-bottom: 1.098vw; }
    .winnerTextWrap .subText { font-size: 1.171vw; }
    .winnerScreen .winnerTextWrap .btnRow { margin-top: 1.171vw; }
    .winnerScreen .bgShapesWrap { left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -15.373vw; max-width: 46.852vw; }

    /* .singleSlide_Wrap .cstImg { object-fit: contain !important; } */
    /* .followBg-Img { object-fit: contain !important; } */
    .wrap-thanku-ch, .wrap-thanku-ch.hgt-rd, .candidate-desk-ch, .screen-16-desk-ch { height: 25vw; text-align: center; }
    .wrap-thanku-ch img, .candidate-desk-ch img, .screen-16-desk-ch img { width: auto !important; }
}

@media only screen and (max-width: 991px) and (min-width: 768px)  {

    :root {
        --f-sz-16: 19px;
        --f-sz-18: 23px;
        --f-sz-20: 26px;
        --f-sz-22: 28px;
        --f-sz-25: 30px;
        --f-sz-30: 36px;
    }
    .mainScreenWrp { padding-top: 50px !important; padding-bottom: 50px !important; }
    .cstBtn-style { padding: 11px 20px 11px 20px; min-width: 160px; }
    .cstBtn-style.min-w-md { min-width: 200px; }
    .cstF-Field { height: 50px; }
    .resumeInfoCard {padding: 100px 25px 70px 25px;}
    .resumeInfoCard .profPic { min-width: 140px; width: 140px; height: 140px; }
    .resumeInfoCard.mx-W { max-width: 500px; }

    .selectResumeObjectWrapp { height: 100%; min-height: 100%; }
    .resumeWrap-1, .resumeWrap-2 { width: 29.948vw; }
    .selectResumeObjectWrapp .obj-pot { max-width: 11vw; top: 0; }
    .selectResumeObjectWrapp .obj-cup { max-width: 12.5vw; right: 8.5vw; top: 14.5vw; }
    .selectResumeObjectWrapp .obj-laptop { max-width: 39.063vw; margin-top: -13.021vw; margin-left: -19.531vw; }
    .selectResumeObjectWrapp .obj-notepad { max-width: 15.5vw; top: 27.75vw; }
    .selectResumeObjectWrapp .obj-mobile { max-width: 13vw; top: 20.833vw; left: 16.927vw; }
    .selectResumeObjectWrapp .obj-hands { max-width: 26.042vw; margin-left: -13.021vw; }

    .screenRightOpt { padding-top: 90px !important;}
    .cardSelected-right { max-width: 500px; min-height: 370px; }

    .interviewTable-bx .tableImg { max-width: 42vw; }
    /* .selectCV-desk-ch { left: 50%; transform: translateX(-50%); display: flex; max-width: 570px; margin-left: auto; margin-right: auto; }
    .selectCV-desk-ch .desk-ch-Img { height: auto; }
    .selectCV-desk-ch .selectedCV { max-width: 185px; right: 116px; top: 18px; }
    .selectCV-desk-ch .msgAlert { position: absolute; z-index: 2; max-width: 56px; right: 90px; top: -30px; } */
    
    .winnerScreen .winnerTextWrap { margin-top: -31.5vw; }
    .winnerScreen .winnerCup-wrap { width: 50.5vw; }

    .tp-infoContainer { padding: 60px 25px 0 25px;}
    .tp-infoContainer .nextBtnRow { margin-top: 25px; }
    .cstBtn-style.sz-vw { font-size: 20px; padding: 10px 20px 8px 20px; border-radius: 50px; min-width: 200px; }
    .infoSummaryMsg { max-width: 650px; border-radius: 20px; font-size: 28px; padding: 40px 20px 30px 20px; min-height: 210px; }
    .infoSummaryMsg p {margin-bottom: 16px;}
    .infoSummaryMsg .bulbIcon { width: 60px; margin-left: -30px; margin-top: -30px; }
    .infoSummaryMsg-2 {max-width: 520px;margin-left: auto;margin-right: auto;}
    .infoSummaryMsg .quoteIcon { width: 52px; min-width: 52px; height: 52px; border-radius: 15px; box-shadow: 4px 6px 8px 0px rgba(0,0,0,.15); }
    .infoSummaryMsg .quoteIcon .imgIcon { max-width: 27px; }
    .bg-semicircle { height: 240px; }
    .cardHowAsk-que { min-height: 200px; margin-bottom: 40px; }
    .cardHowAsk-que .f-sz-30.line-H-1 {line-height: 1.1 !important;}
    .questionListing { row-gap: 25px !important; }
    .cstselect-1 .wrap-in { min-height: 100px; }

    .wrap-thanku-ch, .wrap-thanku-ch.hgt-rd, .candidate-desk-ch, .screen-16-desk-ch { height: calc(100vh - 80px - 56vw); }

}