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

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

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

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

@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNova-Medium.eot');
    src: url('../fonts/ProximaNova-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Medium.woff2') format('woff2'),
        url('../fonts/ProximaNova-Medium.woff') format('woff'),
        url('../fonts/ProximaNova-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root{
    --color-YankeesBlue: #0d2e42;
    --color-Red: #e31f26;

    --f-size-21:1.094vw;
    --f-size-27:1.406vw;
    --f-size-29:1.51vw;
}

body {
    font-family: 'ProximaNova';
    font-size: var(--f-size-27);
    font-weight: normal;
    line-height: 1.1;
    background-color: #efefe9;
    color: var(--color-YankeesBlue);
}

[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='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: .4s; }
[data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate { transition-delay: 1s; }
[data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate { transition-delay: 2s; }
[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='4000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate { transition-delay: 2s; }
[data-aos=fade-up] { transform: translateY(50px);}

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

img, video, iframe { max-width:100%; }
.btn { 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; }


.f-sz-21 {font-size: var(--f-size-21) !important;}
.f-sz-27 {font-size: var(--f-size-27) !important;}
.f-sz-29 {font-size: var(--f-size-29) !important;}

p, ul { margin-bottom:1.458vw; }
h1, h2, h3, h4, h5, h6 {margin-bottom:1.042vw;font-weight: 500;}
h6 {font-size:1.146vw;}
h5 {font-size: 1.354vw;}
h4 {font-size: 1.563vw;}
h3 {font-size: 1.771vw;}
h2 {font-size: 1.979vw;}
h1 {font-size: 2.188vw;}
.mb__10 {margin-bottom: 0.521vw !important;}
.mb__15 {margin-bottom: 0.781vw !important;}
.mb__20 {margin-bottom: 1.042vw !important;}
.mb__30 {margin-bottom: 1.563vw !important;}
.mb__100 {margin-bottom: 5.208vw !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}
.z-6 {z-index: 6 !important}
.last-p>p:last-child { margin-bottom: 0; }
.object-cover {object-fit: cover;}
.cursor-pointer { cursor: pointer; }

.text-red {color: #e31f26 !important;}

body.siteLoading {overflow: hidden;}
.siteLoadingWrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #efefe9;z-index: 9999;display: flex;justify-content: center;align-items: center;}
.loaderLogo { width: 20.833vw;animation: logoLoadingAnim 3s ease infinite;}
.loader-line { width: 100%; height: 0.26vw; position: relative; overflow: hidden; background-color: #ddd; margin-top: 1.042vw; border-radius: 1.042vw; }
.loader-line:before { content: ""; position: absolute; left: -50%; height: 100%; width: 40%; background-color: #e31f26; animation: lineAnim 1s linear infinite; border-radius: 1.042vw; }
@keyframes logoLoadingAnim {
    0% { transform: scale(.95, .95); }
    50% { transform: scale(1.05, 1.05); }
    100% { transform: scale(.95, .95); }
}
@keyframes lineAnim {
    0% { left: -40%; }
    50% { left: 20%; width: 80%; }
    100% { left: 100%; width: 100%; }
}


.fp-viewing-0 .site-headerLogo, .fp-viewing-0 .poweredBy-pos,
.fp-viewing-slide0 .site-headerLogo,  .fp-viewing-slide0 .poweredBy-pos {visibility: hidden;opacity: 0;transition: all 0s ease-in-out;}
.site-headerLogo, .poweredBy-pos {visibility: visible; opacity: 1;transition: all 0.3s ease-in-out;}
body.modal-shown .poweredBy-pos {visibility: visible !important; opacity: 1 !important;transition: all 0.3s ease-in-out !important;}

.site-headerLogo { position: fixed; top: 1.823vw; left: 3.385vw; z-index: 9;}
.site-headerLogo, .modalSiteLogo {max-width: 19.271vw; width: 100%; display: inline-flex; }

.poweredBy-pos {position: fixed;right: 1.823vw;bottom: 1.302vw;z-index: 9991;}
.wrappoweredBy { display: inline-flex; align-items: center; gap: 0.625vw; }
.wrappoweredBy .textWrap {font-size: 0.99vw;font-weight: bold;}
.wrappoweredBy .logoWrap {min-width: 3.385vw;max-width: 3.385vw;}

.singleLogo_wrap { display: inline-flex; align-items: center; gap: 1.302vw; max-width: 56.25vw; width: 100%; text-align: left; }
.singleLogo_wrap .hdfc-heart { min-width: 16.771vw; max-width: 16.771vw; }
.single-lgText { font-size: 5.052vw; font-weight: 900; line-height: 1.05; padding-bottom: 1.042vw; }
.loveAll-logo-lg { display: inline-flex; max-width: 32.969vw; width: 100%; }

.singleLogo_wrap .contWrapp {
    height: 11.042vw;
    position: relative;
    flex-grow: 1;
}

.singleLogo_wrap .contWrapp .single-lgText {position: absolute;height: 100%; width: 100%; display: flex;align-items: center;background-color: #efefe9;transform: translateY(100%);transition-delay: .4s;}
.singleLogo_wrap .contWrapp .single-lgText.aos-animate {animation: slideInOut 1.2s normal forwards ease-in-out;}
.singleLogo_wrap .contWrapp .single-lgText.slide2{animation-delay: 1.5s;}
.singleLogo_wrap .contWrapp .single-lgText.slide3{animation-delay: 3s;}
.singleLogo_wrap .contWrapp .single-lgText.slide4{animation-delay: 4.5s;}
.singleLogo_wrap .contWrapp .single-lgText.slide5{animation-delay: 6s;}

@keyframes slideInOut {
    0% { transform: translateY(100%); }
    20% { transform: translateY(0); }
    70% { transform: translateY(0);opacity: 1; }
    100% { transform: translateY(0);opacity: 0; }
}

.LoveAllWrap, .welcomeScreen {position: absolute;top: 0; bottom: 0; left: 0; right: 0; opacity: 0;visibility: hidden;background-color: #efefe9;transition: all 0.2s linear;transition-delay: .1s;}
.LoveAllWrap {z-index: 10;}
.LoveAllWrap.aos-animate {opacity: 1;visibility: visible;transition-delay:7.2s;}
.LoveAllWrap .loveAllSlide.aos-animate {transition-delay: 7.2s;}

.welcomeScreen {z-index: 11;}
.welcomeScreen.aos-animate {opacity: 1;visibility: visible;transition-delay: 9s;}
.welcomeScreen .wraInfo-imgCont.aos-animate {transition-delay: 9.3s;}
.welcomeScreen .infoText-1.aos-animate {transition-delay: 9.5s;}
.fp-section.active .welcomeScreen .site-headerLogo, .fp-section.active .welcomeScreen .poweredBy-pos {visibility: visible;opacity: 1;}

.scrollBtn-pos {position: absolute;left: 3.385vw;bottom: 1.302vw;z-index: 1;}
.scrollBtn { color: var(--color-YankeesBlue); font-size: 1.042vw; display: inline-block;text-align: center; }
.scrollBtn .icon {display: inline-flex; animation: jumpInfinite 1.5s infinite;margin-bottom: 1.042vw;font-size: 1.458vw;}
.scrollBtn .txtWrap { display: block; line-height: 1.1; font-weight: 500; }
@keyframes jumpInfinite {
    0% {
      transform: translateY(0);
    }
    50% {
        transform: translateY(1.042vw);
    }
    100% {
        transform: translateY(0);
    }
  }

.wraInfo-imgCont { max-width: 57.292vw; margin: 0 auto; position: relative;margin-bottom: 4.604vw; }
.wraInfo-imgCont .contOverlay { position: absolute; bottom: 0; width: 100%; margin-bottom:-8.854vw;z-index: 1;}
.wraInfo-imgCont .bgPatch::before { content: ""; top: -1.521vw; position: absolute;width: 29.854vw; height: 6.979vw; transform: translateX(-50%); left: 50%; background: #efefe9; }
.wraInfo-imgCont .bgPatch.bgpatch-sz::before {width: 39.583vw;}
.infoText-1 {max-width: 47.396vw;width: 100%;margin-left: auto;margin-right: auto;position: relative;z-index: 1;}
.infoText-1>* {position: relative;z-index: 1;}
.infoText-1 .tp-sm-txt { font-size: 1.042vw; letter-spacing: 1.302vw; font-weight: 500; padding-left: 1.667vw; }
.infoText-1 .lgTxt { font-size: 3.75vw; font-weight: 900; line-height: .9; }
.infoText-1 .sm-bt-cont { font-size: 1.25vw; margin-top: 0; }
.infoText-1 .btnRow { margin-top: .781vw; }

.verticalAlign-top .fp-tableCell {vertical-align: top;}
.section.active .wraInfo-imgCont .contOverlay.slideUpCont {bottom: 50%;transition: all 0.5s ease-in-out;}
.secCardWrap .fp-scrollable::before {content: "";position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-position: center center; background-image: url("../images/bg-text.svg"); background-size: 100% auto;width: 57.813vw;height: 11.25vw;transform: translate(-50%, 8.073vw);transition: all 0.5s ease-in-out;}
.secCardWrap.active .fp-scrollable::before {transform: translate(-50%, -50%);}


.cardsSec-spc {padding-top:6.771vw;padding-bottom:1.042vw;}
.cardMx-W {max-width: 19.271vw; }
.flip-card {position: relative; display: block; perspective: 5000px; outline: none; box-shadow: none; }
.flip-card .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; }
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
.flip-card .flip-card-front, .flip-card .flip-card-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden;border-radius: 1.563vw; position: relative; }
.flip-card .overlayCont { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; font-size: 1.771vw; font-weight: bold; padding: 0 0.833vw 1.042vw 0.833vw; }
.flip-card .flip-card-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%;transform: rotateY(180deg);background-color: #e21f25;color: #fff;padding-bottom: 3.646vw;}
.flip-card .wrapBk-cont {position: relative;width: 100%;height: 100%;display: flex;align-items: center;padding: 2.083vw;}
.flip-card .cardContWrapp {font-size: 1.563vw;width: 100%;}
.flip-card .btnPlus {position: absolute; right: 1.042vw; bottom: 1.042vw;}
.btnPlus { z-index: 1; width: 2.083vw; height: 2.083vw; border-color: transparent !important; background-color: #fff !important; color: #e21f25 !important; border-radius: 0.521vw; padding: 0; display: inline-flex; justify-content: center; align-items: center; font-size: 1.146vw; line-height: 1; }
.cardsRowWrap {margin-left: -1.042vw;margin-right: -1.042vw;}
.cardsRowWrap>[class*=col] {padding-right: 1.042vw;padding-left: 1.042vw;}
.cardsRowWrap .flip-card  {margin-top: 2.083vw;margin-bottom: 2.083vw;}

.siteLoading .visibleOnloading {display: block !important;visibility: hidden;opacity: 0;}
.cardForAll-modalSpc { padding-bottom: 4.167vw; }
.cstModal-style .modal-dialog { margin: 0; max-width: 100%; height: 100%; }
.cstModal-style .modal-content { height: 100%; border: none; border-radius: 0; background-color: #efefe9; color: var(--color-YankeesBlue); }
.cstModal-style .modal-header { padding: 1.823vw 2.344vw .781vw 3.385vw; border: none; }
.cstModal-style .btn-close { box-shadow: none; opacity: .8; width: 2.083vw; height: 2.083vw; display: inline-flex; justify-content: center; align-items: center; padding: 0; background: none; font-size: 5.208vw; font-weight: 300; }
.cstModal-style .modal-body { padding: .26vw 0 0 0; overflow-y: auto; }
.cardinfo-wrapp { padding-left: 25.521vw; padding-right: 4.167vw; margin-bottom: 1.823vw; }
.cardsAll-contWrapp {max-width: 44.271vw;}
.cardsAll-contWrapp .btnRow { margin-top: 0.781vw; }
.btnCst { font-size: 1.146vw; font-weight: bold; line-height: 1; background-color: var(--color-YankeesBlue) !important; color: #fff !important; border-radius: 0.313vw; padding: 0.677vw 1.302vw; border-color: transparent !important; }
.btnCst:hover {background-color: var(--color-Red) !important;}
.btnCst.btnRed {background-color: var(--color-Red) !important;}
.btnCst.btnRed:hover {background-color: var(--color-YankeesBlue) !important;}
.cstBtn-1 { font-size: 1.354vw; font-weight: bold; color: var(--color-YankeesBlue) !important; background-color: #fff !important; border: 1px solid var(--color-Red) !important; border-radius: 26.042vw; line-height: 1; padding: .781vw 1.563vw; box-shadow: 0 .26vw 0 0 var(--color-Red) !important; }
.cstBtn-1.btnDark {background-color: var(--color-YankeesBlue) !important; color: #fff !important; }
.btn-min-w {min-width: 12.5vw;}
.cardFor-head { font-size: 5.469vw; font-weight: bold; line-height: .8; color: var(--color-Red); }
.cardsForMax-W { max-width: 15.625vw;}
.cardFor-head i {color: var(--color-YankeesBlue);}
.slick-slider .slick-track {margin-left: 0;}
.cstSlider .slick-list {margin-left: -1.25vw;margin-right: -1.25vw;}
.cstSlider .slick-list .slick-slide {padding-left: 1.25vw;padding-right: 1.25vw;}
.cstSlider.gap--xs .slick-list {margin-left: -.26vw;margin-right: -.26vw;}
.cstSlider.gap--xs .slick-list .slick-slide {padding-left: .26vw;padding-right: .26vw;}
.cstSlider .slick-arrow { z-index: 1; width: 1.719vw; height: 2.344vw; opacity: .5; }
.cstSlider .slick-arrow::before { font-weight: 900; font-family: "Font Awesome 6 Free"; opacity: 1; font-size: 2.396vw; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.cstSlider .slick-prev {left: 0.521vw;}
.cstSlider .slick-next {right: 0.521vw;}
.cstSlider .slick-prev:before {content: "\f053";}
.cstSlider .slick-next:before {content: "\f054";}
.cardsCarousel {overflow: hidden;}
.cardsCarousel .slick-list {overflow: visible;padding-left: 5.208vw;padding-right: 15.625vw;}
.singleCard {border-radius: 1.302vw;overflow: hidden;}
.borderRed-1 {border: 1px solid var(--color-Red);}

.createKitSpace {padding-bottom: 3.646vw;}
.createKit_wrapper {position: relative;}
.createKit_wrapper .btLine-art {position: absolute;top: 100%;margin-top: 3.302vw;}
.createOwn-infoWrap .cont-head {margin-bottom: 1.302vw;}
.cstFormWrap {padding-right: 1.146vw;}
.cstFormWrap .f-asterisk { color: #eb1c24; font-size: 2.292vw; position: absolute; left: 100%; margin-left: .365vw; line-height: 1; }
.form-group {margin-bottom: 1.563vw;}
.bootstrap-select.cst-f-select { width: 100% !important; }
.cst-f-select .btn.dropdown-toggle { height: 3.333vw; background-color: transparent !important; border: 1px solid var(--color-YankeesBlue); border-radius: 0.521vw; color: var(--color-YankeesBlue) !important; font-size: var(--f-size-27); padding: .26vw 2.865vw .26vw 1.302vw; box-shadow: none !important; outline: none !important; }
.cst-f-select .btn.dropdown-toggle.show {border-bottom-left-radius: 0;border-bottom-right-radius: 0; }
.bootstrap-select.cst-f-select .dropdown-toggle .filter-option {display: flex;align-items: center;}
.bootstrap-select.cst-f-select .dropdown-toggle::after { content: "\f107"; font-weight: 900; font-family: "Font Awesome 6 Free"; position: absolute; right: 0; margin: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; border: none; width: 2.604vw; opacity: .5; padding-right: 1.042vw; font-size: 1.563vw; }
.cst-f-select div.dropdown-menu { margin-top: -.313vw !important; border: none; border-radius: 0 0  .521vw .521vw; background-color: #efefe9 !important; border-width: 0 1px 1px 1px; border-color: var(--color-YankeesBlue); border-style: solid; padding-top: .26vw; padding-bottom: .26vw; }
.cst-f-select ul.dropdown-menu {background-color: transparent;font-size: var(--f-size-27);}
.cst-f-select ul.dropdown-menu .dropdown-item { background-color: transparent; color: var(--color-YankeesBlue) !important; padding: .417vw 1.302vw; }
.cst-f-select ul.dropdown-menu .dropdown-item .text-muted { font-size: var(--f-size-21); padding: 0; display: inline-block; margin-left: 1.042vw; opacity: 1; color: var(--color-YankeesBlue) !important; }
.cst-f-select.menuSepr-line ul.dropdown-menu > li:not(:last-child)::after {content: "";position: absolute;left: 1.302vw;right: 1.302vw;bottom: 0;height: 1px;background-color: #cdd2d0;} 
.cst-f-select.dropup  div.dropdown-menu {margin-top: auto;margin-bottom: -0.313vw !important;border-top-width: 1px;border-bottom-width: 0;border-radius: .521vw .521vw 0 0;     transform: inherit !important;bottom: 100% !important;top: auto !important;}
.cst-f-select.dropup .btn.dropdown-toggle.show {border-radius: 0 0 .521vw .521vw;}
.cst-F-field {height: 3.333vw; background-color: transparent !important; border: 1px solid var(--color-YankeesBlue); border-radius: 0.521vw; color: var(--color-YankeesBlue) !important; font-size: var(--f-size-27); padding: .26vw 1.302vw .26vw 1.302vw; box-shadow: none !important; outline: none !important; }
.cst-F-field:focus {border-color: var(--color-YankeesBlue);}
select.cst-F-field { background-repeat: no-repeat; background-position: center right 1.146vw; background-size: 1.042vw auto; background-image: url("../images/drop-arrow.png"); padding-right: 2.865vw; }
select.cst-F-field option {background-color: #efefe9;}

.selectSourceCard { border: 1px dotted var(--color-YankeesBlue); border-radius: .521vw; padding: .521vw 1.042vw; }
.resourceCard {position: relative;cursor: pointer;}
.resourceCard .wrapImg {position: relative;border: .208vw solid transparent;display: block;}
.resourceCard .wrapImg::after {content: "\f00c";font-size: 0; font-weight: 900; font-family: "Font Awesome 6 Free";position: absolute;right: 5px;bottom: 5px;width: 12px;height: 12px; z-index: 1; display: inline-flex;justify-content: center;align-items: center;background-color: #fff;}
.resourceCard .checkType {position: absolute;width: 100%;height: 100%;opacity: 0;z-index: 2;cursor: pointer;}
.resourceCard .checkType:checked ~ .wrapImg  {border-color: #fff;}
.resourceCard .checkType:checked ~ .wrapImg::after {font-size: 0.521vw;}
.cstSlider.slideSz-sm { padding-left: 1.302vw; padding-right: 1.302vw; }
.cstSlider.slideSz-sm .slick-prev { left: 0; }
.cstSlider.slideSz-sm .slick-next { right: 0; }
.cstSlider.slideSz-sm .slick-arrow {    width: 0.833vw; height: 1.458vw;}
.cstSlider.slideSz-sm .slick-arrow::before { opacity: 1; font-size: 1.563vw; color: var(--color-YankeesBlue) !important; }
.cstSlider.slideSz-sm .slick-list { margin-left: -.26vw; margin-right: -.26vw; }
.cstSlider.slideSz-sm .slick-list .slick-slide {padding-left: .26vw;padding-right: .26vw;}
.dragnDropCard {position: relative;}
.dragnDropCard .form-control { position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; }
.dragnDropCard .dragnDropLabel { position: relative; min-height: 6.771vw; display: flex; justify-content: center; align-items: center; border: 1px dotted var(--color-YankeesBlue); border-radius: 0.521vw; padding: 0.521vw 1.042vw; }
.dragnDropCard .dragnDropLabel .icon { color: #777774; margin-bottom: .417vw; font-size: 1.458vw; }
.dragnDropCard .dragnDropLabel .text-Cont { display: block; width: 100%; font-size: var(--f-size-21); line-height: 1.3; }
.dragnDropCard .dragnDropLabel .text-Cont  u { text-decoration: none; border-bottom: 1px solid; line-height: 1; display: inline-block; cursor: pointer; }
.cstForm-Label {margin-bottom: 0.521vw;}
.uploadLabel-align {padding-left: 1.302vw;}
.cstFormWrap .btnRow {padding-top: .521vw;}

.iScrollVerticalScrollbar { width: 4px !important; }

.screenLoader-wrap.showLoader {display: flex !important;}
.screenLoader-wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;justify-content: center;align-items: center;background-color: rgba(0,0,0,.35);z-index: 9999;}
.screenLoader-wrap .spinnerBox {width: 6.771vw; border-radius: 0.521vw; overflow: hidden; padding: .417vw; background-color: #fff;}

.actCardsContaint { margin-top: 3.646vw; }
.actCardsContaint .textSummary { font-size: 1.563vw; max-width: 46.875vw; margin: 0 auto 1.823vw auto; }
.act-cardRow {gap: 4.688vw;flex-wrap: wrap;}
.actCard-item { display: block; width: 10.677vw; color: var(--color-YankeesBlue); }
.actCard-item .imgWrap { display: flex; max-width: 7.813vw; margin: 0 auto; }
.actCard-item .cont-title { font-size: 1.563vw; line-height: 1; display: block; margin-top: 1.042vw; }
.sectionSpc .fp-tableCell { padding-top: 4.427vw; }
.videoSec_wrapp {max-width: 51.563vw;}
.videoSec_wrapp .videoIframe iframe, .videoSec_wrapp .videoIframe video {height: 29.167vw; width: 100%; border: none !important;background-color: #000; }
.videoSec_wrapp .textinfo { font-size: 1.979vw; letter-spacing: -.052vw; margin: 1.563vw auto 0 auto; max-width: 39.583vw; }
.less-letter {letter-spacing: -.042vw;}
.posterSecWrapp {position: relative;}
.posterSecWrapp .posterInfoWrap {margin-bottom: 3.125vw;}
.posterSecWrapp .btLines { position: absolute; bottom: 0; left: 0; width: 55%; }
.posterVideoWrap { display: flex; max-width: 24.479vw; overflow: hidden; }
.posterVideoWrap video {width: 100%;height: 34.375vw;object-fit: cover;}
.cardsAll-infoWrap .btnRow {margin-top: 1.563vw;}
.cardsAll-infoWrap .videoHead { font-size: 1.146vw; margin-bottom: .521vw; }
.iframeWrapCards iframe { height: 18.9vw; width: 100%; }
.cardsAll-cardsWrap .cardFor-head { font-size: 4.792vw; }
.cardsWrapGrid .cardsItem { overflow: hidden; border-radius: 1.823vw; }
.cardsWrapGrid .cardsItem.card-1 {margin-right: -.781vw;margin-top: 1.042vw;}
.cardsWrapGrid .cardsItem.card-2 { margin-top: -3.125vw; position: relative; margin-left: -.781vw; }
.playbook-infoWrap { max-width: 33.333vw; }
.playbook-infoWrap .formMx-W { max-width: 26.042vw; }
.playbookThumb-Grid { gap: 1.302vw; margin-top: 1.823vw; }
.playbookSingleImg { margin: -2.083vw -4.167vw 0 0; position: relative; }
.previewModal { background-color: rgba(0,0,0,0.7); z-index: 9992;}
.previewModal .modal-content {border-radius: 0;border: none;background-color: transparent;}
.previewModal .modal-body { padding: 0; }
.preview-Wrap .previewImgWrap { max-height: 36.719vw; }
.preview-Wrap .previewImgWrap img {height: 36.719vw;}
.preview-Wrap .previewBtnsRow { margin-top: 1.302vw; gap: 1.563vw; }
.socialList { display: flex; justify-content: center; flex-wrap: wrap; margin: 1.823vw 0 0 0; gap: .781vw; }
.socialItem { display: inline-flex; justify-content: center; align-items: center; color: var(--color-YankeesBlue); background-color: #fff; width: 2.083vw; height: 2.083vw; font-size: 1.042vw; line-height: 1; border-radius: 100%;     transition: all 0.2s ease-in-out;}
.socialItem:hover {background-color: var(--color-Red);color: #fff;}
.selectedFile-text {font-size: .938vw;margin-top: .313vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.partenersHeading {font-size: 2.083vw;margin-bottom: .781vw;}
.partnerLogo {display: inline-flex;max-width: 13.021vw;width: 100%;}
.partnersRow {row-gap: 1.563vw;}
.eq-H-typeText {min-height: 6.25vw;}

/********************** responsive *********************/
@media (min-width:992px){
    .lg-container-vw {max-width:80%;padding-right: .781vw;padding-left: .781vw;}
    .xl-container-vw {max-width:92%;padding-right: .781vw;padding-left: .781vw;}
    .row-vw {margin-right: -.781vw;margin-left: -.781vw;}
    .row-vw>.col, .row-vw>[class*=col] {padding-right: .781vw;padding-left: .781vw;}

    .row-vw-lg {margin-right: -2.344vw;margin-left: -2.344vw;}
    .row-vw-lg>.col, .row-vw-lg>[class*=col] {padding-right: 2.344vw;padding-left: 2.344vw;}
    
    .cardsRowWrap>[class*=col]:nth-child(2) .wrapCard { margin-top: -2.604vw;margin-bottom: 2.083vw; }
    .cardsRowWrap>[class*=col]:nth-child(5n) .wrapCard { padding-left: 2.604vw; }
    .cardsRowWrap>[class*=col]:nth-child(6n) .wrapCard { padding-left: 1.563vw; padding-top: 2.604vw; }
    .cardsRowWrap>[class*=col]:nth-child(7n) .wrapCard { padding-right: 3.125vw; }
    .cardsRowWrap>[class*=col]:nth-child(8n) .wrapCard { padding-right: 2.604vw; padding-top: 2.083vw; }

    .previewModal .modal-dialog { max-width: 26.042vw; }

    .partnersRow>[class*=col] {width: 20%;flex: 0 0 auto;}
}
@media (min-width:768px) and (max-width:991px){
    .cardsRowWrap>[class*=col]:nth-child(4n) .wrapCard { padding-left: 15px; }
    .cardsRowWrap>[class*=col]:nth-child(5n) .wrapCard { padding-left: 10px; padding-top:15px; }
    .cardsRowWrap>[class*=col]:nth-child(6n) .wrapCard { padding-right: 5px; }
}

@media (max-width:991px){

    :root{
        --f-size-16:14px;
        --f-size-21: 15px;
        --f-size-27:17px;
        --f-size-29: 18px;
    }

    p, ul {margin-bottom:20px;}
    h1, h2, h3, h4, h5, h6 {margin-bottom:12px; }
    h6 {font-size:14px;}
    h5 {font-size: 17px;}
    h4 {font-size: 20px;}
    h3 {font-size: 23px;}
    h2 {font-size: 26px;}
    h1 {font-size: 29px;}

    .mb__10 {margin-bottom: 6px !important;}
    .mb__15 {margin-bottom: 10px !important;}
    .mb__20 {margin-bottom: 15px !important;}
    .mb__30 {margin-bottom: 20px !important;}
    
    .loaderLogo { width: 260px;}
    .loader-line {margin-top: 15px;height: 4px;}

    .site-headerLogo { position: fixed; top:20px; left:30px; z-index: 9;}
    .site-headerLogo, .modalSiteLogo {max-width: 170px; }

    .singleLogo_wrap {gap: 10px; max-width:460px;}
    .singleLogo_wrap .hdfc-heart { min-width: 150px; max-width: 150px; }
    .single-lgText { font-size: 40px;padding-bottom: 10px; }
    .loveAll-logo-lg { max-width: 300px; }
    .singleLogo_wrap .contWrapp { height: 85px; }
    .scrollBtn-pos { left: 30px; bottom: 14px; }
    .scrollBtn { font-size: 12px; }
    .scrollBtn .icon { margin-bottom: 12px; font-size: 18px; }
    @keyframes jumpInfinite {
        0% {
          transform: translateY(0);
        }
        50% {
            transform: translateY(12px);
        }
        100% {
            transform: translateY(0);
        }
      }

    .poweredBy-pos {position: fixed;right: 20px;bottom: 14px;}
    .wrappoweredBy { display: inline-flex; align-items: center; gap: 5px; }
    .wrappoweredBy .textWrap {font-size: 13px;}
    .wrappoweredBy .logoWrap {min-width: 50px;max-width: 50px;}

    .wraInfo-imgCont { max-width: 100%; margin-bottom:20px;}
    .wraInfo-imgCont .contOverlay {position: relative; margin-top: 20px; margin-bottom: 0;}
    .wraInfo-imgCont .bgPatch::before {display: none; }
    .wraInfo-imgCont .bgPatch.bgpatch-sz::before {width: 39.583vw;}
    .infoText-1 {max-width: 500px;}
    .infoText-1 .tp-sm-txt { font-size: 15px; letter-spacing: 12px; padding-left: 18px; }
    .infoText-1 .lgTxt { font-size: 40px;}
    .infoText-1 .sm-bt-cont { font-size: 14px; margin-top: 0; }
    .infoText-1 .btnRow { margin-top: 10px; }

    .cardsSec-spc {padding-top:70px;padding-bottom:20px;}
    .cardMx-W {max-width: 200px; }
    .flip-card .flip-card-front, .flip-card .flip-card-back { border-radius: 15px; }
    .flip-card .overlayCont {font-size:  16px;padding: 0 10px 12px 10px; }
    .flip-card .flip-card-back {padding-bottom:40px;}
    .flip-card .wrapBk-cont {padding: 15px;}
    .flip-card .cardContWrapp {font-size: 15px;}
    .flip-card .btnPlus {right: 12px; bottom: 12px;}
    .btnPlus {  width: 20px; height: 20px; border-radius: 5px; font-size:13px;}
    .cardsRowWrap {margin-left: -12px;margin-right: -12px;}
    .cardsRowWrap>[class*=col] {padding-right: 12px;padding-left: 12px;}
    .cardsRowWrap .flip-card  {margin-top: 15px;margin-bottom: 15px;}

    .content_middWrp{display: flex; flex-direction: column; justify-content: center;}

    .cardForAll-modalSpc { padding-bottom:30px; }
    .cstModal-style .modal-header { padding: 15px 20px 10px 20px;}
    .cstModal-style .btn-close { width: 30px; height: 30px; font-size: 55px; }
    .cstModal-style .modal-body { padding: 3px 0 0 0;}
    .cardinfo-wrapp { padding-left:40px; padding-right:40px; margin-bottom: 30px; }
    .cardsAll-contWrapp {max-width: 410px;}
    .cardsAll-contWrapp .btnRow { margin-top: 10px; }
    .btnCst { font-size:15px; border-radius:5px; padding: 10px 15px;}
    .cstBtn-1 { font-size: 14px; border-radius: 100px; padding: 8px 18px; box-shadow: 0 2px 0 0 var(--color-Red) !important; }
    /* .btn-min-w {min-width: 12.5vw;} */
    .cardFor-head { font-size: 50px; }
    .cardsForMax-W { max-width:140px;}

    .cstSlider .slick-list {margin-left: -10px;margin-right: -10px;}
    .cstSlider .slick-list .slick-slide {padding-left: 10px;padding-right: 10px;}
    .cstSlider.gap--xs .slick-list {margin-left: -3px;margin-right: -3px;}
    .cstSlider.gap--xs .slick-list .slick-slide {padding-left: 3px;padding-right: 3px;}
    .cstSlider .slick-arrow {width: 15px; height: 20px; }
    .cstSlider .slick-arrow::before { font-size: 25px;}
    .cstSlider .slick-prev {left: 5px;}
    .cstSlider .slick-next {right: 5px;}
    .cardsCarousel .slick-list {padding-left: 50px;padding-right: 120px;}
    .singleCard {border-radius:15px;}
    .createKit_wrapper .btLine-art {margin-top: 20px;}
    .createOwn-infoWrap .cont-head {margin-bottom: 10px;}
    .cstFormWrap {padding-right:10px;}
    .cstFormWrap .f-asterisk {font-size: 20px; margin-left: 2px;}
    .form-group {margin-bottom: 15px;}
    .cst-f-select .btn.dropdown-toggle { height:40px; border-radius: 5px; padding: 3px 20px 3px 10px;}
    .bootstrap-select.cst-f-select .dropdown-toggle::after { width: 15px; padding-right: 10px; font-size:10px; }
    .cst-f-select div.dropdown-menu { margin-top: -1px !important;border-radius: 0 0  5px 5px; padding-top: 1px; padding-bottom: 1px; }
    .cst-f-select ul.dropdown-menu .dropdown-item { padding: 5px 12px; }
    .cst-f-select ul.dropdown-menu .dropdown-item .text-muted {margin-left: 10px; opacity: 1; color: var(--color-YankeesBlue) !important; }
    .cst-f-select.menuSepr-line ul.dropdown-menu > li:not(:last-child)::after {left: 12px;right: 12px;} 
    .cst-f-select.dropup  div.dropdown-menu {margin-bottom: -1px !important;border-radius: 5px 5px 0 0;}
    .cst-f-select.dropup .btn.dropdown-toggle.show {border-radius: 0 0 5px 5px;}
    .cst-F-field {height: 40px;border-radius: 5px;padding: 3px 10px 3px 10px;}
    select.cst-F-field { padding-right: 25px; background-size: 10px auto; background-position: center right 10px; }
    
    .createKitSpace { padding-bottom: 50px; }
    .selectSourceCard { border-radius: 5px; padding: 5px 10px; }
    .resourceCard .wrapImg {border-width: 3px;}
    .resourceCard .wrapImg::after {width: 10px;height: 10px;}
    .resourceCard .checkType:checked ~ .wrapImg::after {font-size: 6px;}
    .cstSlider.slideSz-sm { padding-left: 10px; padding-right: 10px; }
    .cstSlider.slideSz-sm .slick-arrow {    width: 7px; height: 12px;}
    .cstSlider.slideSz-sm .slick-arrow::before {font-size:10px;}
    .cstSlider.slideSz-sm .slick-list { margin-left: -2px; margin-right: -2px; }
    .cstSlider.slideSz-sm .slick-list .slick-slide {padding-left: 2px;padding-right: 2px;}
    .dragnDropCard .dragnDropLabel {min-height:70px;border-radius: 5px; padding: 5px 10px; }
    .dragnDropCard .dragnDropLabel .icon {margin-bottom: 3px; font-size: 15px; }
    .cstForm-Label {margin-bottom:5px;}
    .uploadLabel-align {padding-left: 9px;}
    .cstFormWrap .btnRow {padding-top: 5px;}

    .actCardsContaint { margin-top: 50px; }
    .actCardsContaint .textSummary { font-size: 17px; max-width: 530px; margin-bottom: 40px; }
    .act-cardRow { gap: 40px; }
    .actCard-item { width: 120px; }
    .actCard-item .imgWrap { max-width: 80px; }
    .actCard-item .cont-title { font-size: 16px; margin-top: 13px; }

    .sectionSpc .fp-tableCell { padding-top: 50px; }
    .videoSec_wrapp { max-width: 600px; }
    .videoSec_wrapp .videoIframe iframe, .videoSec_wrapp .videoIframe video { height: 338px; }
    .videoSec_wrapp .textinfo { font-size: 24px; letter-spacing: -.7px; margin-top: 20px; max-width: 430px; }

    .screenLoader-wrap .spinnerBox { width: 90px; border-radius: 10px; padding: 7px; }
    .less-letter { letter-spacing: -.3px; }
    .posterVideoWrap { max-width: 270px; }
    .posterVideoWrap video { height: 380px; }
    .cardsAll-cardsWrap { margin-right: auto; max-width: 380px; margin-left: auto; }
    .cardsAll-infoWrap { max-width: 400px; margin: 35px auto 0 auto; }
    .cardsAll-cardsWrap .cardFor-head { font-size: 46px; }
    .cardsWrapGrid .cardsItem { border-radius: 20px; }
    .cardsWrapGrid .cardsItem.card-1 { margin-right: -10px; margin-top: 20px; }
    .cardsWrapGrid .cardsItem.card-2 { margin-top: -25px; margin-left: -10px; }
    .cardsAll-infoWrap .videoHead { font-size: 14px; margin-bottom: 5px; }
    .cardsAll-infoWrap .btnRow { margin-top: 15px; }
    .iframeWrapCards iframe { height: 235px; }
    .playbook-infoWrap { max-width: 440px; margin-left: auto; margin-right: auto; }
    .playbookThumb-Grid { gap: 10px; margin-top: 25px; max-width: 470px; }
    .playbookSingleImg { margin: 30px auto 0 auto; max-width: 360px; left: 15px; }
    .cardsPlaybookSecWrapp .bt-btnRow { margin-top: 25px; }
    .previewModal .modal-dialog { max-width: 390px; }
    .preview-Wrap .previewImgWrap { max-height: 560px; }
    .preview-Wrap .previewImgWrap img {height: 560px;}
    .preview-Wrap .previewBtnsRow { margin-top: 20px; gap: 15px; }
    .socialList { margin-top:50px; gap: 10px; }
    .socialItem { width: 28px; height: 28px; font-size: 14px; }
    .selectedFile-text {font-size: 12px;margin-top: 4px;}
    .partenersHeading { font-size: 22px; margin-bottom: 30px; }
    .partnerLogo { max-width: 130px; }
    .partnersRow { row-gap: 15px; }
    .playbook-infoWrap .formMx-W { max-width: 100%; }
    .eq-H-typeText { min-height: 85px; }
}


@media (max-width:767px){

    :root{
        --f-size-16:14px;
        --f-size-21: 14px;
        --f-size-27:15px;
        --f-size-29: 16px;
    }

    .cardsRowWrap>[class*=col]:nth-child(3n) .wrapCard { padding-left: 15px; }
    .cardsRowWrap>[class*=col]:nth-child(4n) .wrapCard { padding-left: 10px; padding-top:20px; }
    .cardsRowWrap>[class*=col]:nth-child(6n) .wrapCard { padding-left: 0; padding-right:15px; }

    .site-headerLogo, .modalSiteLogo {max-width:140px;}
    .site-headerLogo {top:15px; left:20px;}


    .singleLogo_wrap {gap: 10px; max-width:300px;}
    .singleLogo_wrap .hdfc-heart {min-width:100px; max-width:100px;}
    .single-lgText {font-size:25px;padding-bottom:5px;}
    .loveAll-logo-lg { max-width:220px;}

    .scrollBtn-pos { left: 20px;}

    .wrappoweredBy .logoWrap {min-width:40px; max-width:40px;}
    .wrappoweredBy .textWrap {font-size:12px;}
    

    .infoText-1 {max-width:230px;}
    .infoText-1 .lgTxt {font-size:30px; padding-bottom:7px;}
    .infoText-1 .tp-sm-txt {font-size:12px; letter-spacing:8px; padding-left:10px;}
    .infoText-1 .sm-bt-cont { font-size: 13px;}
    .secCardWrap .fp-scrollable::before {width: 230px;height: 140px; background-image: url(../images/bg-text-Mob.svg);}

    
    .flip-card .flip-card-front, .flip-card .flip-card-back {border-radius:10px;}
    .flip-card .flip-card-back {padding-bottom:30px;}
    .flip-card .btnPlus {right:10px; bottom:10px;}
    .flip-card .cardContWrapp {font-size: 12px;}
    .flip-card .overlayCont {font-size: 13px;}

    .cardinfo-wrapp {padding-left: 20px; padding-right: 20px; margin-bottom: 30px;}
    .cardsAll-contWrapp {margin-right: 10px;}
    .cardsForMax-W {max-width: 85px;min-width: 85px;}
    .cardFor-head {font-size: 30px;}
    .btnCst {font-size: 13px; border-radius: 5px; padding: 8px 13px;}
    .btn-min-w { min-width: 120px; }
    .content_middWrp{margin-bottom: 20px;}
    
    .form-group { margin-bottom: 10px;}
    .createKitSpace { padding-bottom: 0; }
    .createKit_wrapper {padding-top: 50px;padding-bottom: 40px;}
    .createKit_wrapper .btLine-art {display: none;}
    .createOwn-infoWrap{margin-bottom: 20px;}
    .createOwn-infoWrap .cont-head { font-size: 24px; margin-bottom: 3px }
    .createOwn-infoWrap .infoText { font-size: 14px !important; }
    
    .actCardsContaint { margin-top: 50px; }
    .actCardsContaint .textSummary { font-size: 15px; max-width: 440px; margin-bottom: 25px; }
    .act-cardRow { gap: 20px; }
    .actCard-item { width: 85px; }
    .actCard-item .imgWrap { max-width: 65px; }

    .sectionSpc .fp-tableCell { padding-top: 20px; }
    .videoSec_wrapp .videoIframe iframe, .videoSec_wrapp .videoIframe video { height: 300px; }
    .videoSec_wrapp .textinfo { font-size: 20px; }

    .posterSecWrapp { padding-bottom: 50px; }
    .posterSecWrapp .posterInfoWrap {max-width: 300px;margin-bottom: 25px; margin-left: auto;margin-right: auto;}
    .posterSecWrapp .posterInfoWrap .txtInfo {margin-bottom: 15px !important;}
    .posterSecWrapp .btLines { left: 50%; width: 100%; max-width: 240px; transform: translateX(-50%); }
    .posterVideoWrap { max-width: 190px; margin-left: auto;margin-right: auto; }
    .posterVideoWrap video { height: 268px; }

    .cardsAll-cardsWrap { margin: 0 auto 15px auto; max-width: 200px; }
    .cardsAll-cardsWrap .cardFor-head { font-size: 26px; }
    .cardsWrapGrid .cardsItem { border-radius: 10px; }
    .cardsWrapGrid .cardsItem.card-1 { margin-right: -5px; margin-top: -20px; }
    .cardsWrapGrid .cardsItem.card-2 { margin-top: 5px; margin-left: -5px; }
    .cardsAll-infoWrap .txtInfo { max-width: 270px; font-size: 12px; margin-bottom: 10px !important; margin-left: auto; margin-right: auto; }
    .howToplay_wrap { max-width: 220px; margin: 0 auto; }
    .cardsAll-infoWrap .videoHead { font-size: 12px; margin-bottom: 4px; }
    .iframeWrapCards iframe { height: 120px; }
    .cardsAll-infoWrap .btnRow { margin-top: 8px; }
    .playbook-infoWrap { max-width: 300px; }
    .playbookSingleImg { margin: 15px auto 0 auto; max-width: 240px; left: 10px; }
    .playbookThumb-Grid { gap: 5px; max-width: 310px; }
    .cardsPlaybookSecWrapp .bt-btnRow { margin-top: 10px; }

    .previewModal .modal-dialog { max-width: 100%; }
    .preview-Wrap { max-width: 280px; margin: 0 auto; }
    .preview-Wrap .previewImgWrap { max-height: 395px; }
    .preview-Wrap .previewImgWrap img {height: 395px;}

    .partenersHeading { font-size: 18px; margin-bottom: 15px; }
    .partnersRow {margin-left: -5px;margin-right: -5px;}
    .partnersRow>[class*=col] {padding-left: 5px;padding-right: 5px;}
    .partnerLogo { max-width: 100px; }
    .partnersRow { row-gap: 15px; }
    .socialList { margin-top: 20px; }
    .eq-H-typeText { min-height: inherit; }

}

@media (max-width:575px){
    .cardMx-W {max-width: 140px;}
    
}
@media (max-width:350px){
    .singleLogo_wrap {max-width:100%;}
}