/*/////////////////////////////////////////////////////////////////////////
//                                                                       //
//       DESIGNED & DEVELOPED BY IKOKAS DIGITAL AGENCY                   //
//                                                                       //
//      YOU ARE UNDER SURVEILLANCE OF IKOKAS DIGITAL AGENCY              //
//                                                                       //
// ILLEGAL HACKING ATTEMPT IS SUBJECT TO A SERIOUS INTERNATIONAL CRIME   //
//                                                                       //
/////////////////////////////////////////////////////////////////////////
*/
/*Author: Bharat Kumar Sharma*/

:root {
    --color1: #0094D9;
    --color2: #222222;
    --color3: #303030;
    --color4: #302B6C;
    --border-color1: #494949;
    --border-color2: #CBCBCB;
    --selcted-color: #D3EBFF;
    --offwhite-color: #DBDBDB;
}



/* ROOT FONT SIZE SYSTEM BASE VALUES */
:root {
  --mobile-minimal-base: 7.5px;      /* ≤ 380 */
  --mobile-base: 8px;            /* 381 – 767 */
  --tablet-base-mini: 7.5px;       /* 768 – 991 */
  --tablet-base: 7.5px;              /* 992 – 1024 */
  --desktop-base-small: 8px;     /* 1025 – 1350 */
  --desktop-base: 9px;             /* ≥ 1351 */
}

/* Default: mobileMinimalBase */
html { font-size: var(--mobile-minimal-base); overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 140px; }

/* ≥ 381px → mobileBase */
@media (min-width: 381px) {
  html {
    font-size: var(--mobile-base);
  }
}

/* ≥ 768px → tabletBaseMini */
@media (min-width: 768px) {
  html {
    font-size: var(--tablet-base-mini);
  }
}

/* ≥ 992px → tabletBase */
@media (min-width: 992px) {
  html {
    font-size: var(--tablet-base);
  }
}

/* ≥ 1025px → desktopBaseSmall */
@media (min-width: 1025px) {
  html {
    font-size: var(--desktop-base-small);
  }
}

/* ≥ 1351px → desktopBase */
@media (min-width: 1351px) {
  html {
    font-size: var(--desktop-base);
  }
}

a {color: var(--color1);}
.footer-links-wrap a {color: #ffffff;}
.explore-rewards-blocks .disc a {color: #ffffff;}
#benefits,
    #privileges,
    #explore_rewards,
    #fees,
    #features {
        scroll-margin-top: 140px; 
    }

body {font-family: "Roboto", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.5; color: var(--color2);}
body.header-fixed {padding-top: 65px;}

.color1,
.blue-circle-list-block a:hover {
    color: var(--color1) !important;
}

.search-suggestion-block a {color: var(--color2); font-weight: 500;}
.search-suggestion-block a:hover {color: var(--color1);}

.bg-color1 {background-color: var(--color1) !important;}
.color2 {color: var(--color2) !important;}
.color4 {color: var(--color4) !important;}
.offwhite-color {color: var(--offwhite-color) !important;}
.light-blue-color-block {color: #73C3E8 !important;}
.light-blue-color-bg {background-color: #73C3E8 !important;}
.yellow-color {color: #f3ec2c !important;}
.dark-blue-color-block {color: var(--color4) !important;}
.font-ds {font-family: "Dancing Script", cursive;}
.font-roboto {font-family: "Roboto", sans-serif !important;}

.btn-v,
.tab-btn,
.font-rc {
    font-family: "Roboto Condensed", sans-serif;
}

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

h1, 
    .hero-banner-title {
    font-size: 4rem;
    font-weight: bold;
    }

.hero-banner-title {padding: 0 10px;}
.hero-banner-title {line-height: 1.3;}

h2, 
.popup-title, h1.as-h2-title {
    font-size: 3.6rem;
    color: var(--color1);
    font-weight: bold;
    line-height: 1.3;
}

.text-white {color: #ffffff !important;}
.gap-top {padding-top: 8rem !important;}
.gap-bottom {padding-bottom: 8rem;}
.gap-sm-bottom {padding-bottom: 4.8rem;}
.topbar-block {background-color: #252525 ;}
a {transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.header-accessibility-wrap > div > div {padding: 12px 14px; border-left: 1px solid var(--border-color1); cursor: pointer; display: flex; align-items: center;}
.header-accessibility-wrap > div > div:nth-last-of-type(1) {border-right: 1px solid var(--border-color1);}
.sm-text-block {font-size: 1.2rem !important;}
.topbar-block {position: relative; width: 100%; z-index: 10;}
.header-login-toggle {flex-wrap: wrap;}
.header-login-toggle svg path {fill: var(--color4);}
.mobile-main-menu-tabs-menu-block {margin-bottom: 4rem;}
.header-fixed .topbar-block {position: fixed; top: 0; left: 0; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform, opacity;}

.logo-menus-wrap,
.header-secondary-menu-wrap {
    position: relative;
    width: 100%;
}

.header-fixed .logo-menus-wrap {position: fixed; top: 72px; left: 0; z-index: 8; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform, opacity;}
.header-fixed .header-secondary-menu-wrap {position: fixed; top: calc(41px + 63px); left: 0; z-index: 6; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform, opacity;}
input {outline: 0; box-shadow: none; border: 1px solid #929292; width: 100%; height: 4rem; padding-left: 15px; background-color: transparent; font-weight: 500; color: var(--color2);}
.header-search-bar-wrap input {border: 0; border-bottom: 1px solid #929292; padding-left: 0; padding-right: 25px;}
.mobile-popup-search-field-block input {width: 100%; height: 100%; -moz-box-shadow: 0px 0px 64px rgba(12, 91, 109, 0.65); -webkit-box-shadow: 0px 0px 64px rgba(12, 91, 109, 0.65); box-shadow: 0px 0px 64px rgba(12, 91, 109, 0.65); border-radius: 10px; background-color: #ffffff; border-radius: 10px; font-size: 16px; padding-right: 73px;}
.blinking-input-field-block input {width: 42rem; height: 7.3rem; border: 3px solid var(--color1); padding-left: 5rem; border-radius: 8px; font-size: 1.6rem; font-weight: 600; background-color: #ffffff;}

.header-searchbar-search-icon,
.header-search-bar-wrap svg,
.header-search-bar-wrap img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

input::placeholder {color: var(--color2);}
textarea::placeholder {color: var(--color2);}
.header-fixed.skip-main-menu-clicked .header-secondary-menu-wrap {top: calc(0px + 63px);}
.header-fixed.skip-main-menu-clicked .logo-menus-wrap {top: 0;}
.container {margin-left: auto;margin-right: auto;}
.logo-block img {width: 14.3rem;}
.logo-block {width: 19.2rem;}
.logo-menu-block {width: 28%;}
.menu-wrap > a {font-size: 1.6rem; font-weight: 800; color: var(--color2); position: relative; margin: 0 1.4rem;}
.header-search-bar-wrap input {display: none;}
.header-search-bar-wrap input:focus {outline: 0;}
.header-search-bar-wrap {display: none !important; width: 19.5rem;}
.header-thrid-bar-menu-wrap {padding: 1.6rem 1.5rem;}
.banner-carousel-wrap .bg-cover {height: 100%;}
.banner-sub-line {font-size: 4rem;}
.line-block {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3rem; background-color: var(--color1); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform, width;}
.card-item-block > div {padding: 1.5rem; background-color: rgba(255, 255, 255, 0.29); border: 2px solid #FFFFFF; -moz-box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.05); border-radius: 15px; padding-top: 0; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform, box-shadow; height: 100%;}
.card-carousel-wrap {padding: 3rem 0;}
.card-item-block {width: auto; display: flex; flex-direction: column; height: auto;}
.card-contents-img-block{width: 23px;}
.card-content-description-block {width: calc(100% - 23px);}
.extra-content-block {margin-top: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.card-btn-wrap .btn-v.arrow-btn svg,
.card-carousel-bottom-btn-block  .btn-v.arrow-btn svg,
.card-btn-wrap .btn-v.arrow-btn img,
.card-carousel-bottom-btn-block  .btn-v.arrow-btn img {
    margin-left: 0.5rem;
}

.card-item-img-block img {width: 20.6rem;}
.card-item-block img {width: 100px !important; transform: rotate(45deg); margin: 35px auto; -moz-box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.28); -webkit-box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.28); box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.28);}
.emi-and-more-card-block {padding: 1.5rem; border-radius: 16px; padding-top: 5.3rem; display: flex; flex-wrap: wrap; height: 100%;}
.emi-and-more-arrow-block {position: absolute; top: 15px; right: 15px; width: 25px;}

.emi-and-more-arrow-block svg,
.emi-and-more-arrow-block img {
    width: 100%;
}

.blue-bg {background-color: #0176a6;}
.green-bg {background-color: #117e81;}
.purple-bg {background-color: #4C4A92;}
.blue-dark-bg {background-color: #2551A2;}
.sage-green-bg {background-color: #999575;}
.mulberry-purple-bg {background-color: #824481;}
.emi-and-more-card-block:hover .emi-and-more-arrow-block circle {fill: #ffffff;}
.emi-and-more-card-block.blue-bg:hover .emi-and-more-arrow-block path {fill: #1D8EC2;}
.emi-and-more-card-block.green-bg:hover .emi-and-more-arrow-block path {fill: #169CA1;}
.emi-and-more-card-block.blue-dark-bg:hover .emi-and-more-arrow-block path {fill: #2551A2;}
.emi-and-more-card-block.purple-bg:hover .emi-and-more-arrow-block path {fill: #4C4A92;}
.emi-and-more-card-block.sage-green-bg:hover .emi-and-more-arrow-block path {fill: #999575;}
.emi-and-more-card-block.mulberry-purple-bg:hover .emi-and-more-arrow-block path {fill: #824481;}
.emi-and-more-img-block {display: flex; justify-content: center; align-self: end; width: 100%;}
.get-more-tabs-link-img-block img {max-width: 4.3rem;}
.number-list-block {margin: 0; padding: 0; list-style: none;  padding-left: 20px;}
.number-list-block li {display: list-item; font-size: 1.6rem; margin-bottom: 0.8rem; list-style: auto;}
.get-more-tabs-links-wrap {width: 15%;}
.get-more-tabs-links-content-wrap {width: 80%; padding-left: 5.8rem; display: none;}
.get-more-tabs-content-block {width: 70%;}
.get-more-tabs-img-block {width: 30%; padding-left: 5.8rem;}
.get-more-tabs-img-block img {width: 22.1rem !important; height: auto !important;}
.getmore-line-block {position: absolute; top: 0; right: 0; height: 100%;}
.getmore-line-block > img {height: 100% !important; width: auto !important;}
.get-more-tabs-wrap {flex-wrap: wrap; position: relative;}
.get-more-tabs-links-content-wrap.active {display: block;}
.get-more-tabs-link-text-block {color: var(--color2);}
.get-more-tabs-link-block.active .get-more-tabs-link-text-block {color: var(--color1);}
footer {background-color: #0A142F; padding: 6.3rem 0; padding-bottom: 100px;}
footer .appdownload-block img {width: 11.4rem;}
.footer-logo-share-wrap {width: 100%; justify-content: center; display: flex; flex-wrap: wrap;}
.footer-links-wrap {width: 100%; margin-top: 1rem;}
.footer-links-wrap > div {width: 19%; margin-right: 10px;}
.footer-links-wrap > div.width-double {width: 38%;}
.list-block {margin: 0; padding: 0;}
.list-block li {margin-bottom: 1.5rem;}
.list-block li:nth-last-of-type(1) {margin-bottom: 2rem;}
.footer-top-block {padding-bottom: 5.3rem;}
.footer-middle-block {padding: 3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.29);}
.footer-share-block a {margin-right: 2rem;}
.footer-extra-link-block a {margin-right: 2rem;}

.footer-extra-link-block a:nth-last-of-type(1),
.footer-share-block a:nth-last-of-type(1),
.card-btn-wrap a {
    margin-right: 0;
}

.rounded-links-title br {display: none;}
.footer-bottom-block {color: #9A9797;}
.trolley-img-block {width: 320px !important; height: auto !important;}
.banner-content-block {text-align: center; margin-top: 20px;}
.banner-img-block-wrap {margin-top: 20px;}
.rotating-img-block-wrap {top: 47%; left: 56%; width: 37%; position: absolute; transform: translate(-50%, -50%);}
.rotating-img-block-wrap img {width: 159 !important; height: auto !important;}
.podium-wrap {overflow: hidden; margin-bottom: -10px; text-align: center; margin-top: -25px;}
.blinking-input-field-block {position: absolute; top: 67px; left: 50%; transform: translateX(-50%);}
#customInput::placeholder {color: #666666; opacity: 1;}
.blinking-line-block {position: absolute; top: 50%; left: 3rem; transform: translateY(-50%); animation: blink 1s infinite; display: block !important;}
.no-caret {caret-color: transparent;}
img.blinking-line-block {height: 28px;}

@keyframes blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

.choosetext{font-size: 1.8rem;}
.podium-text-wrap > div {margin-bottom: 1.5rem;}
.swiper-pagination-bullet {width: 1.1rem; height: 1.1rem; background-color: #636363; opacity: 1;}
.swiper-pagination-bullet-active {background-color: #9f9494; transform: scale(1.3);}
.podium-text-wrap {position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%);}
.hi-lang .md-text-block.podium-text-wrap {font-size: 1.6rem;}
.why-sbi-card-wrap {position: relative; height: 60rem; padding-top: 5rem; padding-bottom: 5rem; overflow: visible; background-color: #ffffff; z-index: 3;}
.stacking-card-block {padding: 6.3rem 4.3rem; border: 1px solid #DAF8FF; border-radius: 36px; width: 408px; position: absolute; left: 50%;}
.slide-text-block {position: absolute; top: 15px; font-size: 1.2rem;}
.card-1 {background: #2c799d; transform: translateX(-50%) scale(1); top: 40px; z-index: 3;}
.card-2 {background: #4C4A92; transform: translateX(-50%) scale(0.9); top: 40px; z-index: 2;}
.card-3 {background: #169CA1; transform: translateX(-50%) scale(0.8); top: 40px; z-index: 1;}
.card-4 {background: #999575; transform: translateX(-50%) scale(0.7); top: 40px; z-index: 1;}
.card-5 {background: #824481;transform: translateX(-50%) scale(0.6); top: 40px; z-index: 1;}
.stacking-img-block {width: 15rem;}

.line-clamp-1,
.stacking-title-block {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2,
.stacking-descrption-block,
.get-more-tabs-link-text-block,
.card-content-description-block,
.circle-list-block li {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3,
.emi-and-more-description-block {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

a.get-more-tabs-link-block {padding-right: 10px;}
.get-more-tabs-link-text-block {width: calc(100% - 4.3rem); overflow: visible; display: block;}
.stacking-title-block {font-size: 4.6rem;}.stacking-descrption-block {font-size: 2.2rem;}
.btn-v.filled.find-card-btn-block {border: 2px solid #FFFFFF; -moz-box-shadow: 0px 0px 24px rgba(35, 93, 179, 0.45); -webkit-box-shadow: 0px 0px 24px rgba(35, 93, 179, 0.45); box-shadow: 0px 0px 24px rgba(35, 93, 179, 0.45); font-size: 1.6rem; background: linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 100%); color: var(--color1) !important;}
.find-card-btn-block {bottom: 12rem; position: absolute; left: 50%; transform: translateX(-50%);}
.increased-view .find-card-btn-block {bottom: 11rem;}
.decreased-view .find-card-btn-block {bottom: 15rem;}
.header-app-link-block {position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100%; padding-left: 1rem; border-left: 1px solid #2E6075;}
.mobile-app-wrap {height: 475px; background-color: #000000;}
.or-block {font-size: 2.4rem;}
.qr-wrap img {width: 12rem;}
.qr-text-block {margin-left: -6px;}
.header-sub-navigation-wrap {position: fixed; bottom: 0; width: 100%; margin-top: 0; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(7px); border-radius: 0; padding: 20px; z-index: 1050; right: 0; padding-top: 40px; opacity: 0; visibility: hidden; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(100%); left: 0; border: 0; will-change: opacity, visibility, transform;}
.sub-menu-wrap {position: absolute; top: calc(100% + 1px); background: rgba(255, 255, 255, 95%); border: 1px solid #FFFFFF; box-shadow: 0px 4px 54px rgba(0, 0, 0, 0.25); backdrop-filter: blur(11.5px); border-radius: 14px; left: 0; padding: 1.7rem 2.9rem; z-index: 11; min-width: 79.8rem; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); pointer-events: none;}

.header-login-btn-block .sub-menu-wrap,
.header-help-block  .sub-menu-wrap {
    min-width: 22.5rem;
}

.language-dropdown-wrap .sub-menu-wrap {min-width: 14.7rem; top: calc(100% + 12px);}
.sub-menu-wrap.open-drop-right-block {left: auto; right: 0}
.explore-credit-card-dropdown-card-block {width: 70%;}
.explore-credit-card-dropdown-quick-action-block {width: 28%;}
.sub-menu-wrap.md .explore-credit-card-dropdown-quick-action-block {width: 47%;}
.sub-menu-explore-cards-wrap > a {width: 30%; background: rgba(255, 255, 255, 0.53); border: 1px solid #ddd2d2; border-radius: 6px; text-align: center; padding: 1.4rem 0;}
.blue-circle-list-block li {position: relative; padding-left: 1rem; margin-left: 0.3rem; margin-bottom: 1.5rem;}
.blue-circle-list-block li:nth-last-of-type(1) {margin-bottom: 0;}
.blue-circle-list-block li::before {content: ''; background-color: var(--color1); border-radius: 100%; width: 4px; height: 4px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.blue-circle-list-block li a {line-height: 1.5;}
.language-dropdown-wrap .blue-circle-list-block li a {color: #ffffff !important;}
.sub-menu-explore-cards-img-block > img {max-width: 2.9rem; margin-left: auto; margin-right: auto;}
.header-sub-navigation-img-block.mb-3 {min-height: 30px; display: flex; align-items: end;}
.sub-menu-up-arrow-block {position: absolute; top: -28px; left: 0px; z-index: 5;}
.sub-menu-wrap.open-drop-right-block .sub-menu-up-arrow-block {left: auto; right: 20px;}
.sub-menu-wrap.bg-white .sub-menu-up-arrow-block {filter: brightness(0) invert(1);}
.dropdown-menu-link {position: relative;}
.sub-menu-wrap.bg-white{background-color: #ffffff;}
.language-dropdown-wrap .sub-menu-wrap {background-color: var(--color3);}

.login-blue-circle-list-wrap,
.login-dropdown-btn-wrap,
.login-register-now-btn-block {
    padding: 0 2.2rem;
}

.login-dropdown-btn-wrap {border-bottom: 1px solid #D5D5D5; padding-bottom: 1.9rem; margin-bottom: 1.4rem;}
.sub-menu-wrap.px-0 {padding-left: 0; padding-right: 0;}
.login-dropdown-btn-wrap .btn-v {box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);}
.login-register-now-btn-block {border-bottom: 1px solid #D5D5D5; padding-bottom: 1.4rem; margin-bottom: 1.9rem;}
.dropdown-block:hover .dropdown-link-text-block > img {transform: rotate(180deg); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform;}
.tabs-cards-item-block {display: flex; justify-content: center; align-items: center; height: 250px;}
.tabs-cards-item-block img {max-height: 100%; max-width: 100%; object-fit: contain; transition: transform 0.3s;}
.logo-menus-wrap {padding: 0; background-color: #ffffff;}
.emi-and-more-description-block {height: 83px;}
.backface-hidden ul li:nth-of-type(6) {margin-bottom: 0;}
.explore-rewards-blocks .disc {margin-left: 2.3rem;}
.product-explore-rewards-list-block {max-height: 148px; overflow-y: auto;}
.emi-and-more-title-block {height: 55px;}
.blue-circle-list-block.when-anchor-selected li {padding-left: 0; margin-left: 0; margin-bottom: 0;}
.blue-circle-list-block.when-anchor-selected a {display: flex; width: 100%; padding: 1rem 0; padding-left: 3rem;}
.blue-circle-list-block.when-anchor-selected li::before {left: 10px;}

.blue-circle-list-block.when-anchor-selected a:hover,
.blue-circle-list-block.when-anchor-selected a.selected {
    background-color: var(--selcted-color);
}

.podium-radio-wrap > div {background: linear-gradient(180deg, #59B0E6 0%, #457DCE 100%); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 40px; margin-bottom: 16px; padding: 1.2rem 1rem; cursor: pointer; text-transform: capitalize; width: 26.9rem;}
.increased-view .podium-radio-wrap > div {width: 24.9rem;}
.podium-radio-wrap > div.selected {border: 3px solid #FFFFFF;}
.find-card-popup-wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; border-radius: 0; transform: translate(0, 0) scale(1); background-color: #ffffff; padding: 15px; z-index: 99999; opacity: 0; visibility: hidden;}
.find-card-popup-wrap.opened {transform: translate(0%, 0%) scale(1); opacity: 1; visibility: visible;}
.find-perfect-card-carousel-item-img-block {width: 100%; height: 188px;}
.find-perfect-card-carousel-item {background: rgba(255, 255, 255, 0.3); border: 1px solid #0094D9; border-radius: 20px; padding: 10px 20px;}
.circle-list-block {height: 138px; margin: 0; padding: 0; overflow-y: hidden;}
.circle-list-block li {margin-bottom: 1rem; list-style: disc; margin-left: 12px;}
.find-perfect-card-carousel-item .circle-list-block li {margin-left: 12px; display: list-item; -webkit-line-clamp: unset; line-clamp: unset; -webkit-box-orient: unset; overflow: visible;}
.circle-list-block li:nth-last-of-type(1) {margin-bottom: 0;}
.find-perfect-card-carousel-wrap img {width: auto !important;}
.popup-cross {right: 0; position: absolute;top: 0;}
.sub-menu-wrap.md {min-width: 58.8rem;}
.sub-menu-wrap.sm {min-width: 26rem;}
.explore-credit-card-dropdown-quick-action-block.w-full {width: 100%;}
.header-scanner-block {position: fixed; top: 30%; right: 10px; z-index: 999; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); pointer-events: none; will-change: opacity, visibility, transform;}
.header-scanner-block.active {opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;}
.aeroplane-animation-block {left: -21px; bottom: calc(100% - 153px); width: 70px !important; position: absolute;}
.trolly-card {position: absolute; left: 30px; top: 81px; width: 100px !important;}
.help-tab-title-block {background-color: transparent; padding: 1rem 2.2rem; font-size: 1.6rem; padding-bottom: 0.5rem; color: var(--color4) !important;}
.login-blue-circle-list-wrap.login-blue-circle-with-title-block {padding: 0;}
.login-blue-circle-list-wrap.login-blue-circle-with-title-block .blue-circle-list-block{padding: 0 2.2rem;}
.invisible {font-size: 0px !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important;}

.fee-and-charges-wrap .tab-btn .tab-icon > svg,
.fee-and-charges-wrap .tab-btn .tab-icon > img {
    width: 100%;
     height: 100%;
    }

.header-sub-navigation-link-block .header-sub-navigation-img-block { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; margin-bottom: 0 !important; align-items: center; min-width: 40px; display: flex; justify-content: center;}
.header-sub-navigation-link-block:hover .header-sub-navigation-img-block {transform: translateY(-5px);}
.scanner-close-block {position: absolute; top: 5px; right: 10px; width: 7px;}
.header-scanner-block > div {background: #FFFFFF; border: 5px solid var(--color1); border-radius: 9px; padding: 1.5rem;}
.blue-circle-list-block li a .menu-link-arrow-block {opacity: 0; transform: translateX(-5px); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: opacity, transform;}
.blue-circle-list-block li a:hover .menu-link-arrow-block {opacity: 1; transform: translateX(0);}
.qr-wrap > img {width: 94px !important; margin: 0 auto;}
.sub-menu-wrap.border-block .explore-credit-card-dropdown-quick-action-block:nth-of-type(1) {border-right: 1px solid #c6bfbf;}
.sbi-scanner-text {line-height: 1.3;}
.sub-menu-explore-cards-wrap a {transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 10.5rem; will-change: transform, box-shadow;}
.sub-menu-explore-cards-wrap a:hover {transform: scale(1.02); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); }
.sub-menu-wrap.no-top-arrow-block {top: calc(100% + 1px)!important;}
.language-dropdown-wrap .sub-menu-wrap.no-top-arrow-block {top: calc(100% + 1px) !important;}
.recommended-wrap h1.text-center.dark-blue-color-block.font-ds {font-size: 4rem; font-weight: 500; margin-bottom: 3.5rem;}
.border1 {border: 1px solid #ddd; margin-left: -38px !important; margin-top: 10px; margin-bottom: 10px; margin-right: -13px;}
.qatext {font-size: 1.8rem;}
.border2 {border: 1px solid #49438B; margin-left: -38px !important; margin-top: 10px; margin-bottom: 10px; margin-right: -13px;}
.mobile-main-menu-wrap.hide-on-desktop.active {overflow: auto;}

.txtwhite ul.mobile-main-menu-accordion-links-list li a ,
.txtwhite ul.mobile-main-menu-accordion-links-list li::before {
    color:#ffffff !important;
}

.txtwhite ul.mobile-main-menu-accordion-links-list li::before {background-color: #ffffff !important;}
.mobile-main-menu-footer-block .accordion-arrow-block path {stroke: #ffffff;}
.accordion-wrap.w-full.txtwhite {color: #ffffff;}
.helppa{padding-left: 10px;}
.product-explore-rewards {padding-bottom: calc(var(--spacing) * 20);}


body.dark-mode .recommended-wrap,
body.dark-mode .why-sbi-card-wrap,
body.dark-mode .get-more-wrap,
body.dark-mode .pin-spacer,
body.dark-mode .benefits-privileges-wrap,
body.dark-mode .product-explore-rewards {
    background-image: none !important;
    background-color: #000000;
}

body.dark-mode h1, 
body.dark-mode h2,
body.dark-mode .tab-btn.active,
body.dark-mode h2 + .xxl-text-block,
body.dark-mode .get-more-tabs-link-text-block,
body.dark-mode .get-more-tabs-link-block.active .get-more-tabs-link-text-block,
body.dark-mode .footer-links-title-block,
body.dark-mode footer .list-block a,
body.dark-mode .footer-copyright-block,
body.dark-mode .footer-extra-link-block a,
body.dark-mode .dropdown-link-text-block {
    color: var(--color1) !important;
}

.dark-mode .get-more-tabs-link-block .get-more-tabs-link-text-block {
    color: #ffffff !important;
}

body.dark-mode .tab-btn,
body.dark-mode .get-more-tabs-content-block,
body.dark-mode .mobile-app-content-block h2 + .xxl-text-block {
    color: #ffffff !important;
}

body.dark-mode .card-item-block > div,
body.dark-mode .line-block {
    background-color: #ffffff;
}

body.dark-mode .tab-button-feel .tab-btn.active,
body.dark-mode .product-detail-sidebar h1 {
    color: #ffffff !important;
}

body.dark-mode .network-privileges-wrap .tab-btn {color: var(--color2) !important;}
body.dark-mode .network-privileges-wrap .line-block {background-color: var(--color1) !important;}
body.dark-mode .dark-template .network-privileges-wrap .tab-btn {color: #ffffff !important;}

body.dark-mode .footer-share-block a path,
body.dark-mode .sun-block path {
    fill: var(--color1);
}

body.dark-mode .header-secondar-menu-dropdown-link svg line {
    stroke: var(--color1);
}

body.dark-mode .dropdown-link-text-block line {stroke: var(--color1);}

.mobile-main-menu-share-block svg {fill: #ffffff; fill-opacity: 1 !important;}

.mobile-main-menu-tabs-content .accordion-btn-block svg,
.mobile-main-menu-tabs-content .accordion-btn-block img {
    margin-right: 10px;
}

.recommended-wrap.active {padding-top: 0 !important;}
.find-card-wrap.active {padding-top: 0 !important;}
.emi-and-more-wrap.active {padding-top: 0 !important;}

.dropdown-link-text-block > svg,
.dropdown-link-text-block > img {
    margin-left: 5px;
}

.open-submenu-hover:hover svg,
.open-submenu-hover:hover img,
.open-submenu-hover:hover svg,
.open-submenu-hover:hover img,
.open-submenu-hover:hover .header-login-right-arrow svg,
.open-submenu-hover:hover .header-login-right-arrow img,
.dropdown-block:hover .open-submenu-hover svg,
.dropdown-block:hover .open-submenu-hover img,
.dropdown-menu-link:hover .open-submenu-hover svg,
.dropdown-menu-link:hover .open-submenu-hover img {
    transform: rotate(180deg);
}

.open-submenu-hover.header-login-toggle:hover>span:nth-of-type(1) svg,
.open-submenu-hover.header-login-toggle:hover>span:nth-of-type(1) img,
.dropdown-menu-link:hover .open-submenu-hover.header-login-toggle>span:nth-of-type(1) svg,
.dropdown-menu-link:hover .open-submenu-hover.header-login-toggle>span:nth-of-type(1) img,
.sub-menu-up-arrow-block>svg,
.sub-menu-up-arrow-block>img {
transform: none !important;
}

.language-dropdown-wrap.opened .language-arrow-block {
    transform: rotate(180deg);
}

.card-btn-wrap .btn-v {font-size: 1.6rem;}
.card-btn-wrap .btn-v {flex: auto; padding: 1.4rem 1.5rem;}
.find-perfect-card-carousel-item .card-btn-wrap .btn-v {padding: 1.4rem 1rem;}
.explore-credit-card-dropdown-block.links-2-block > div:nth-of-type(1){width: 62%;}
.explore-credit-card-dropdown-block.links-2-block > div:nth-of-type(2){width: 30%;}
.explore-credit-card-dropdown-block.links-2-block> div:nth-of-type(1) ul {display: flex; flex-wrap: wrap;}
.explore-credit-card-dropdown-block.links-2-block> div:nth-of-type(1) li {width: 48%;}
.explore-credit-card-dropdown-block.links-2-block> div:nth-of-type(1) li:nth-last-of-type(2) {margin-bottom: 0;}
.sub-menu-wrap.md-sm-block {min-width: 73.8rem;}
.dropdown-link-text-block {font-size: 1.6rem;}

.language-dropdown-wrap .blue-circle-list-block li a.selected,
.language-dropdown-wrap .blue-circle-list-block li a:hover {
    color: var(--color1) !important;
}

.hidden-item {max-height: 0; overflow: hidden; opacity: 0; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; will-change: max-height, opacity; display: none;}
.hidden-item.show {max-height: 500px; opacity: 1;}
.number-list-block li.hidden-item {display: none;}
.number-list-block li.show {display: list-item;}
.extra-content:not(.hidden) {display: inline !important; visibility: visible !important; opacity: 1 !important;}
.product-detail-wrap h2 {position: relative; z-index: 1;}
ul.disc li.hidden-item {display: none;}
.mobile-app-app-block >a > img {width: 100% !important;height: auto !important;}
.language-sub-menu-wrap {transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: opacity, visibility, transform; display: none !important;}
.language-dropdown-wrap.opened .language-sub-menu-wrap {display: block !important; opacity: 1; visibility: visible; transform: translateY(0); z-index: 11; pointer-events: all;}

.emi-and-card-wrap img {width: auto !important; height: auto !important;}
img.emi-and-more-arrow-block.transparent {width: 3.5rem !important;}
.find-perfect-card-carousel-item-img-block > img {width: 90px !important; transform: rotate(45deg);}
.mobile-popup-search-field-block {margin: 0 auto; margin-top: 100px; width: 90%; height: 46px;}

.search-mobile-popup-wrap {width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.79); backdrop-filter: blur(2px); z-index: 9999; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; transform: scale(1.05); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: opacity, visibility, transform;}
.search-mobile-popup-wrap.active {opacity: 1; visibility: visible; transform: scale(1);}
.search-popup-icon-block {position: absolute; top: 50%; right: 0; width: 51px; border-left: 1px solid var(--border-color1); transform: translateY(-50%); border-radius: 0 10px 10px 0; height: 100%; display: flex; align-items: center; justify-content: center;}
.search-popup-menu-cross-block {position: absolute; top: 15px; right: 15px; width: 30px; filter: brightness(1) invert(1);}
.search-cross {display: none;}
.recommended-wrap h3 {height: auto; overflow: hidden; text-overflow: ellipsis;} 
.product-detail-wrap h2.leading-none > span:nth-of-type(1) {margin-bottom: -5px;}

.banner-carousel-wrap .swiper-pagination,
.catalog-banner-carousel-wrap .swiper-pagination {
    margin-top: 0;
    transform: translateX(-50%);
    position: absolute;
    bottom: 15px !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 1100px !important;
    display: flex;
    justify-content: flex-start;
    background-image: none !important;
    height: auto;
    background-position: unset !important;
    align-items: center;
    z-index: 2;
}

.banner-carousel-wrap .swiper-pagination-bullet,
.catalog-banner-carousel-wrap .swiper-pagination-bullet {
    width: 40px;
    height: 2px;
    margin: 0 !important;
    background-color: #ffffff;
    display: block;
    border-radius: 0;
    margin-right: 5px !important;
    opacity: 1 !important;
}

.banner-carousel-wrap .swiper-pagination-bullet-active,
.catalog-banner-carousel-wrap .swiper-pagination-bullet-active {
    height: 4px;
    transform: none !important;
}

.catalog-banner-carousel-wrap .bg-cover {height: 41.8rem;}
.swiper {width: 100%; height: 100%;}

.swiper-button-next:after, 
    .swiper-rtl .swiper-button-prev:after,
    .swiper-button-prev:after, 
    .swiper-rtl .swiper-button-next:after {
        display: none;
    }

    .swiper-button-next,
.swiper-button-prev { 
position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}

    .swiper-button-prev {left: 0;}
    .swiper-button-next {right: 0;}

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    .find-card-popup-wrap .swiper-button-next,
    .find-card-popup-wrap .swiper-button-prev {
        display: block;
    }

    .swpier-desktop-recommended,
.swpier-desktop-latest {
    padding-top: 20px;
}

.banner-carousel-wrap {height: calc(100vh - 101px); position: relative;}
.mobile-app-paginagtion {margin-top: -50px; z-index: 1; position: relative;}
.cards-benefits-block > div {border-right: 1px solid rgba(255, 255, 255, 20%); width: 27.3333%; overflow: hidden; text-overflow: ellipsis; margin: 0 auto;}
.cards-benefits-block {margin: 0 auto; border-bottom: 1px solid rgba(255, 255, 255, 20%); justify-content: start;} 
.cards-benefits-block > div:nth-last-of-type(1) {border-right: 0;}
.sticky-navigation-block {z-index: 5 !important; border-top: 1px solid #dddddd; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.17); backdrop-filter: blur(2px); position: relative;} 

.dark-template .sticky-navigation-block {background-color: #000000; border-top: 1px solid #000000; border-bottom: 1px solid #353535;}
.dark-template .sticky-navigation-block > a {color: #ffffff;}
.dark-template .sticky-navigation-block > a.active {color: var(--color1);}
.dark-template .product-detail-privileges h3 {color: #EBC8A5 !important;}

.dark-template .tabs-links-no-left-gap .tab-btn,
body.dark-mode .dark-template .network-privileges-wrap .tabs-links-no-left-gap .tab-btn {
    color: #ffffff !important;
}

.dark-template .tabs-links-no-left-gap .tab-btn.active,
body.dark-mode .dark-template .network-privileges-wrap .tabs-links-no-left-gap .tab-btn.active {
    color: #73C3E8 !important;
}

.dark-template.core-card-prime .tabs-links-no-left-gap .tab-btn.active, body.dark-mode .dark-template.core-card-prime .network-privileges-wrap .tabs-links-no-left-gap .tab-btn.active { 
    color: #ffffff !important;
 }
.dark-template.core-card-prime .tabs-light .line-block, .dark-template.core-card-prime .network-privileges-wrap .tabs-links-no-left-gap .line-block { 
    background-color: #ffffff !important;
 }
.dark-template.card-pulse .tabs-links-no-left-gap .tab-btn.active {
    color: #D05A84 !important;
}
.dark-template.card-pulse .tabs-btn-wrap .line-block {background-color: #D05A84;}
.dark-template.card-pulse .network-privileges-wrap .tabs-links-no-left-gap .tab-btn.active {border-bottom: 2px solid #D05A84;}
.dark-template.card-pulse .product-other-features-blocks li {color: #ffffff;}

.dark-template .network-content-block > div {background: rgba(0, 0, 0, 0.80); backdrop-filter: blur(5px);}
.dark-template .network-content-block > div .disc li {color: #ffffff;}
.dark-template .tabs-light .line-block {background-color: #73C3E8;}
.dark-template .bottom-progressbar .text-center {color: #73C3E8;}
.dark-template .tab-button-feel .tab-btn.active {background: linear-gradient(173deg, #746142 5.04%, #72582E 93.9%);}
.dark-template .accordion-wrap.light .accordion-item-block {border-color: #3C3C3C;}
.dark-template.card-elite-black-without-golden .accordion-wrap.light .accordion-item-block {border-color: #445675;}
.dark-template.core-card-prime .accordion-wrap.light .accordion-item-block {border-color: #5879AD;}
.dark-template.card-pulse .accordion-wrap.light .accordion-item-block {border-color: rgba(255, 255, 255, 0.19);}
.dark-template .product-videos-wrap .lg-text-block {color: #B5B5B5;}

.dark-template .product-videos-wrap,
.dark-template .product-other-features-wrap {
    border-top: 1px solid #3C3C3C;
}

.dark-template .product-videos-wrap {border-bottom: 1px solid #3C3C3C;}

.card-elite-golden.card-elite-black-without-golden .product-videos-wrap,
.card-elite-golden.card-elite-black-without-golden .product-other-features-wrap {
    border-top: 0;
}

.dark-template .card-item-block > div {background-color: #111010; border: 2px solid #666666;}

.dark-template .recommended-wrap.similar-cards-wrap h3,
.dark-template .card-content-description-block {
    color: #ffffff;
}

.dark-template .card-contents-img-block svg path {fill: #ffffff;}
.dark-template .similar-cards-wrap .btn-v.blue.arrow-btn.transparent svg path {fill: #ffffff;}

.dark-mode .dark-template .similar-cards-wrap .btn-v.blue.arrow-btn.transparent svg path {fill: var(--color4);}
.dark-mode .dark-template .similar-cards-wrap a.btn-v.blue.arrow-btn svg path {fill: var(--color4);}

.dark-template .recommended-wrap.similar-cards-wrap .btn-v.blue.transparent {color: #ffffff; border: 1px solid #ffffff;}
.dark-template .recommended-wrap.similar-cards-wrap .btn-v.blue.transparent > img {filter: brightness(1) invert(1);}

.dark-template h2 {color: #73C3E8;}

.dark-template .key-benfits-blocks {border: 1px solid #525557; border-radius: 20px;}
.dark-template .product-benefits-right {border-radius: 0 20px 20px 0;}
.card-pulse .floral {display: none;}
.card-pulse .sticky-navigation-block {background-color: #000000; border-top: 1px solid #000000; border-bottom: 1px solid #353535;}
.card-pulse .sticky-navigation-block > a {color: #ffffff;}
.card-pulse .sticky-navigation-block > a.active {color: var(--color1);}
.card-pulse h2 {color: #D05A84;}
.card-pulse .tabs-links-no-left-gap .tab-btn {color: #ffffff;}
.card-pulse .tabs-links-no-left-gap .tab-btn.active {color: #ffffff;}
.card-pulse .network-content-block > div {background: rgba(0, 0, 0, 0.80); backdrop-filter: blur(5px);}
.card-pulse .network-content-block > div .disc li {color: #ffffff;}
.card-pulse .key-benfits-blocks {border: 1px solid #525557; border-radius: 20px;}
.card-pulse .product-benefits-right {border-radius: 0 20px 20px 0;}
.card-pulse .card-item-block > div {background-color: #111010; border: 2px solid #666666;}

.card-pulse .recommended-wrap.similar-cards-wrap h3,
.card-pulse .card-content-description-block {
    color: #ffffff;
}

.card-pulse .card-contents-img-block svg path {fill: #ffffff;}
.card-pulse .recommended-wrap.similar-cards-wrap .btn-v.blue.transparent {color: #ffffff; border: 1px solid #ffffff;}
.card-pulse .recommended-wrap.similar-cards-wrap .btn-v.blue.transparent > img {filter: brightness(1) invert(1);}
.card-pulse .recommended-wrap.similar-cards-wrap .swiper-pagination-bullet {background-color: #ffffff;}
.card-pulse .product-videos-wrap .lg-text-block {color: #B5B5B5;}
.core-card-miles .product-detail-sidebar .floral {display: none;}
.core-card-prime .product-detail-sidebar .floral {display: none;}

body.dark-mode .dark-template .card-item-block > div {background-color: #ffffff; border: 2px solid #FFFFFF;}
body.dark-mode .dark-template .recommended-wrap.similar-cards-wrap h3,
body.dark-mode .dark-template .card-content-description-block {color: #ffffff;}
body.dark-mode .dark-template .card-contents-img-block svg path {fill: #ffffff;}
body.dark-mode .dark-template .recommended-wrap.similar-cards-wrap .btn-v.blue.transparent {color: var(--color4); border: 1px solid var(--color4);}
body.dark-mode .dark-template .recommended-wrap.similar-cards-wrap .btn-v.blue.transparent > img {filter: none;}

.sticky-navigation-block > a {margin-right: 1.6rem; font-size: 1.6rem; padding-top: 1.5rem; padding-bottom: 1.3rem;}
.sticky-navigation-block > a.active {color: var(--color1);}
.sticky-navigation-block > a:nth-last-of-type(1) {margin-right: 0;}
.side-shadow-right {display: none;}
.sidebar-content-block {width: 82%;}
.shine {display: block; position: absolute; inset: 0; width: 30%; height: 300%; background: linear-gradient(335deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 3; transform: translateX(-400%) rotate(25deg); animation: shine 5s ease-out infinite; will-change: transform;}

 @keyframes shine {
    0% {transform: translate(-400%, -200%) rotate(45deg); opacity: 0;}
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% {transform: translate(400%, 00%) rotate(45deg); opacity: 0;}
  }

.shine-overlay {width: 14rem; position: relative; overflow: hidden;}
.card-horizontal .shine-overlay {max-width: 100%; display: inline-block;}
.card-horizontal .shine-img {width: auto !important; height: auto !important; max-width: 100%; display: block;}
.card-horizontal .shine {width: 15%; height: 500%; transform: translate(-140%, -140%) rotate(35deg); animation: shine-horizontal 5s linear infinite;}
.card-horizontal .shine-overlay {width: 30.5rem;}
.card-horizontal .card-bg-glow {max-width: 350px;}
.card-horizontal .card-shadow {width: 73% !important;}
  
@keyframes shine-horizontal {
  0% {transform: translate(-160%, -160%) rotate(35deg); opacity: 0;}
  15% {opacity: 1;}
  85% {opacity: 1;}
  100% {transform: translate(180%, 180%) rotate(35deg); opacity: 0;}
}

.shine-img {width: 100%;}
.card-shadow {position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: auto !important;}
.card-tilt-shadow-block .card-shadow {bottom: -13px; left: 32%;}
.floral {position: absolute; z-index: 2; opacity: 0.5;}
.floral.left {top: 7px; left: 0; width: 8.3rem;}
.floral.right {top: 139px; right: 1px; width: 7.5rem;}
.li-2 li {width: 48%; padding-right: 10px;}
.privilege-top-icon-block {position: absolute; top: -19px; left: 50%; transform: translateX(-50%);}
.privilege-top-icon-block .privilege-circle {width: 8.6rem !important; height: auto !important; display: block;}

.privilege-top-icon-block .privilege-circle > svg,
.privilege-top-icon-block .privilege-circle > img {
    width: 100%;
}

.privilege-circle-inner-icon {width: 3.5rem !important; height: auto !important; margin-left: -3px; margin-top: -5px;}

.privilege-circle-inner-icon > svg,
.privilege-circle-inner-icon > img {
    width: 100%;
}

.product-detail-privileges h3 {line-height: 1.5; font-weight: 500; font-size: 1.8rem;}
/* .decreased-view .product-detail-privileges h3 {width: 54%;} */
.privilege-more-block {padding-top: 15px;}
.privilege-more-block-for-popup {align-self: end; margin-top: auto; padding-top: 15px;}
.back-side-block {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%;}
.back-side-block > div {display: flex; flex-direction: column; height: 100%; flex-grow: 1; width: 100%;}
.flip-card .backface-hidden {display: flex; height: 100%;}

.fee-terms-wrap .learn-more-block,
.accordion-exapnd-more-block {
    max-width: max-content;
}

.othet-features-accordion .accordion-wrap.light .accordion-title,
.othet-features-accordion .accordion-exapnd-more-block {
    font-size: 1.8rem;
}

.flip-card .backface-hidden > div:last-child {display: flex; flex-direction: column; flex-grow: 1;}
.disc li {margin-bottom: 1rem; list-style: disc;}
ol.disc li {list-style: auto;}
.product-explore-rewards-list-block .disc li {list-style: disc;}
.disc li:nth-last-of-type(1) {margin-bottom: 0;}
.disc {margin-left: 1.3rem;}
.product-features-carousel {padding: 30px 0;}

.product-detail-privileges .swiper-button-prev img,
.product-detail-privileges .swiper-button-next img,
.small-slider-arrows .swiper-button-prev img,
.small-slider-arrows .swiper-button-next img {
    width: 15px !important;
}

.tabs-light .tab-btn {color: #ffffff;}
.tabs-light .line-block {background-color: #ffffff;}
.tab-button-feel .tab-btn {background-color: #2F3341; padding: 30px 0; border-radius: 6px; margin-bottom: 18px; box-shadow: none; text-align: center;}
.tab-button-feel .tab-btn.active {background: #2F3341; margin-bottom: 0; border-radius: 6px 6px 0 0; border: 1px solid #677192; border-bottom: 0;}
.tab-icon > img {width: 33px;}
.tab-icon.sm > img {width: 25px;}
.tab-icon {padding: 0; width: 100%; border-right: 0; margin-right: 0; margin-bottom: 15px; height: 5rem;}
.tab-content-gradient {border-radius: 0 6px 6px 6px; background: #2F3341; padding: 4.5rem; margin-top: -5px; border: 1px solid #677192; padding-top: 20px;}
.rounded-links {padding: 12px 15px; background-color: #ffffff; border-radius: 40px; border: 1px solid var(--color4); font-weight: 500; color: var(--color4); display: flex; justify-content: center; align-items: center;}
.rounded-links-img > img {width: 15px !important; height: auto !important}

.accordion-item-block {padding-bottom: 1.5rem; border-bottom: 1px solid #DDDDDD; margin-bottom: 1.5rem;}
    .accordion-item-block:nth-last-of-type(1) {border-bottom: 0 !important; padding-bottom: 0 !important;}
    .accordion-title {font-size: 2.3rem;}
    .accordion-content-wrap {display: none; padding-left: 24px;}
    .accordion-item-block.active .accordion-content-wrap {display: block;}
    .accordion-arrow-block {margin-right: 10px;}
    .accordion-item-block.active .accordion-arrow-block {transform: rotate(-180deg);}
    .accordion-btn-block {cursor: pointer;}
    .accordion-wrap.light .accordion-title {font-size: 1.6rem; color: #ffffff;}
.accordion-wrap.light .accordion-arrow-block {margin-right: 0; filter: invert(1); transform: rotate(-90deg);}
.accordion-wrap.light .accordion-item-block.active .accordion-arrow-block {transform: rotate(180deg);}
.accordion-wrap.light .accordion-item-block {border-color: #5879AD;}

.footer-links-accordion-wrap .accordion-arrow-block {margin-right: 0; filter: brightness(0) invert(1);}
    .footer-accordion-links-list li {margin-bottom: 1rem;}
    .footer-links-accordion-wrap .accordion-title {color: #D5D5D5; font-size: 1.7rem;}
    .footer-links-accordion-wrap .footer-accordion-links-list a {color: #D5D5D5; font-size: 1.4rem;}
    .footer-links-accordion-wrap .accordion-item-block {border-bottom: 1px solid #676767;}
    .mobile-main-menu-tabs-content-wrap .accordion-item-block {padding: 14px !important;}
    .mobile-main-menu-tabs-content-wrap .accordion-item-block.active {background-color: #F2F2F3;}
    .mobile-main-menu-tabs-content-wrap .accordion-btn-block > div > div img:nth-of-type(1) {margin-right: 12px;}
    .mobile-main-menu-tabs-content-wrap .accordion-title {color: #2F2F2F; font-weight: 600;}
    .mobile-main-menu-accordion-links-list {margin-top: 10px;}
    ul.mobile-main-menu-accordion-links-list li {position: relative; padding-left: 16px; margin-bottom: 10px; margin-left: 10px;}
    ul.mobile-main-menu-accordion-links-list li a {color: var(--color2); font-size: 1.6rem;}
    ul.mobile-main-menu-accordion-links-list li::before {content: ''; width: 4px; height: 4px; border-radius: 100%; background-color: var(--color1); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
    .footer-links-accordion-wrap .accordion-item-block {padding: 14px !important; background-color: #050E27; border: 0;}
    .footer-links-accordion-wrap .accordion-item-block.active .accordion-btn-block {border-bottom: 1px solid rgba(255, 255, 255, 15%); padding-bottom: 10px;}
    .accordion-content-wrap > div > div.font-bold {font-size: 13px; margin-left: 6px;}
    .footer-links-accordion-wrap .accordion-content-wrap {display: none;}
    .footer-links-accordion-wrap .accordion-item-block.active .accordion-content-wrap {display: block;}
    .product-other-features-blocks .accordion-btn-block > span > span {order: 2;}
    .product-other-features-blocks .accordion-btn-block > span {justify-content: start; align-items: start;}
    .product-other-features-blocks .accordion-wrap.light .accordion-arrow-block {margin-right: 15px; transform: rotate(0deg); padding-top: 4px; order: 1;}
    .product-other-features-blocks .accordion-wrap.light .accordion-item-block.active .accordion-arrow-block {margin-top: 4px;}
    .accordion-wrap.light .accordion-item-block {border-color: rgba(255, 255, 255, 0.19);}
    .accordion-wrap.light .accordion-item-block:nth-last-of-type(1) {border-bottom: 0 !important;}
    .accordion-wrap.othet-features-accordion.light {position: relative; z-index: 1;}
    .othet-features-accordion {position: relative; z-index: 1;}

    .myVideoSwiper .swiper-slide {transition: transform 0.5s ease; transform: scale(0.5); opacity: 0.8; z-index: 1;}
  .myVideoSwiper .swiper-slide-active {transform: scale(1); opacity: 1; z-index: 10;}

  .myVideoSwiper .swiper-slide-next,
  .myVideoSwiper .swiper-slide-prev {
    transform: scale(0.8);
    opacity: 1;
    z-index: 5;
  }

.myVideoSwiper .swiper-slide img {border-radius: 16px;}
.myVideoSwiper .swiper-slide img {width: auto !important; height: auto !important; border-radius: 12px;}
.w-100 {width: 100% !important;}
.myVideoSwiper .play-icon > img {width: 4.5rem !important; height: auto !important;}
.product-other-features-wrap {overflow: hidden;}
.benefits-privileges-wrap {padding-top: 3rem !important;}
.similar-cards-wrap .swiper-wrapper {padding: 0;}
.progress-marker {z-index: 10;}
.progress-marker-circle {width: 16px; height: 16px; border-radius: 50%; background-color: #ffffff; transition: background-color 0.3s ease; position: relative; border: 5px solid #73C3E8;}
.count-first-digit .digit {display: flex; align-items: flex-end; justify-content: center; height: 70px; min-height: 70px; width: 100%; box-sizing: border-box;}
.digit {display: inline-block; overflow: hidden; height: 1em; position: relative;}
.digit span {display: block; position: absolute; top: 100%; left: 0; width: 100%; transition: top 0.4s ease-out;}
.digit.show span {top: 0;}
.rounded-links-title {font-size: 2rem; text-align: left; line-height: 1.3;}
.tab-minus-icon-block {display: none;}
.tab-button-feel .tab-btn.active .tab-minus-icon-block {display: block;}
.tab-button-feel .tab-btn.active .tab-plus-icon-block {display: none;}
.key-benfits-blocks > div {border-right: 0;}
.sticky-navigation-block a {position: relative; color: var(--color2);}
.sticky-navigation-block a.active {border-bottom: 2px solid var(--color1); font-weight: 500;}
.sticky-navigation-block a.active::after {content: ''; width: 14px; height: 8px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-image: url('../img/border-top-icon.svg'); background-repeat: no-repeat;}
.nav-icon {display: none !important;}
.skip-to-main-content {color: #ffffff;}

.emi-next img,
.emi-prev img {
    filter: brightness(1) invert(1);
}

.banner-subline-img-block img {width: 20rem;}
.baneer-side-animation {width: 34rem;}

.product-benefits-icon > svg,
.product-benefits-icon > img {
    height: 4.2rem;
}

.network-icon-block img {width: 6.4rem;}
.network-img-block > img {height: 172px;  border-radius: 0 0 10px 10px; width: 100%; -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.11); object-fit: cover;}
.network-content-block > div {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; backdrop-filter: unset; border-radius: 0; display: flex;}
.product-features-carousel .swiper-wrapper > div {height: 100%;}
.perspective {perspective: 1000px;}
.preserve-3d {transform-style: preserve-3d;}
.backface-hidden {backface-visibility: hidden;}
.rota te-y-180 {transform: rotateY(180deg);}
.flip-card.flipped {transform: rotateY(180deg);}
.flip-card.flipped .rotate-y-180 {cursor: pointer;}
.video-overlay {position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; z-index: 9999;}
.video-container {position: relative; width: 90%; max-width: 800px; aspect-ratio: 16 / 9; background: #000; border-radius: 1rem; overflow: hidden;}
.video-close {position: absolute; top: 0; right: 10px; font-size: 28px; color: #fff; cursor: pointer;}
.light-card .network-privileges-wrap .tabs-links-no-left-gap .tab-btn {color: var(--color1);  max-width: max-content;}

.product-explore-rewards .tabs-links-no-left-gap .tab-btn,
    .network-privileges-wrap .tabs-links-no-left-gap .tab-btn {
        flex: auto;
    }

.tabs-links-no-left-gap .tab-btn {margin-right: 0; border-bottom: 0; padding-left: 1rem !important; padding-right: 1rem !important; flex: none;}
.tabs-links-no-left-gap .tabs-btn-wrap {border-bottom: 1px solid var(--border-color2);}
.network-privileges-wrap .tabs-links-no-left-gap .tabs-btn-wrap {max-width: initial; justify-content: space-between;}
.product-detail-wrap {margin-top: 0;}
.product-features-carousel .swiper-wrapper {display: flex; align-items: stretch;}
.product-features-carousel .swiper-slide {display: flex; height: auto !important; }
.product-features-carousel .swiper-slide > div {height: 100%;}
.card-bg-glow {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; max-width: 300px;}
.sidebar-content-block .font-medium {font-weight: 400;}
.benefit-text {font-size: 1.8rem; font-weight: 400; line-height: 1.6;}
.benefit-text.font-medium {font-weight: 700;}
.flip-card-block {border-radius: 19px; border: 1px solid #505050; background: linear-gradient(180deg, #323539 0%, #1B1C1E 100%);}

.product-other-features-img-block,
.core-card-cashback .product-other-features-img-block {
    position: absolute;
    top: -38px;
    right: -80px;
    width: 327px;
    pointer-events: none;
    z-index: 0;
}

/* .core-card-miles .product-other-features-img-block {top: -18px; right: -17px; width: 235px;} */
.core-card-simply-save .product-other-features-img-block {top: -18px; right: -17px; width: 235px;}
.core-card-simply-click .product-other-features-img-block {top: -18px; right: -17px; width: 235px;}
.core-card-prime .product-other-features-img-block {top: -18px; right: -17px; width: 235px;}
.dark-template .product-other-features-img-block {top: -18px; right: -34px; width: 263px;}

.tab-btn-img-block img {width: 12.7rem; filter: drop-shadow(0 0 34px #1B1B1B);}
.back-side-block h3 {width: 100%; padding: 0 1.3rem;}
.bottom-progressbar span.text-center {font-size: 12px; white-space: nowrap;}
.key-benfits-blocks {-moz-box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.17); box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.17);}

.popup-wrap {position: fixed; background-color: rgba(0, 0, 0, 80%); top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999; height: 100vh; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
.popup-wrap.active {opacity: 1; visibility: visible;}
.popup-wrap > div {border-radius: 16px; border: 1px solid #686868; background: #ffffff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25); padding: 29px 24px; width: 47.6rem;}
.popup-wrap > div li {color: var(--color2);}
body.dark-mode .popup-wrap > div {background: linear-gradient(180deg, #323538 0%, #191B1C 100%);}
body.dark-mode .popup-wrap > div li {color: var(--offwhite-color);}
.popup-cross-block {position: absolute; top: 19px; right: 17px; cursor: pointer;}
.popup-wrap > div ul {max-height: 200px; overflow-y: auto; margin-left: 0; padding-left: 14px;}


::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {background: #DFDFDF; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #aaaaaa; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #aaaaaa;}

.thumnail-carousel-wrap ::-webkit-scrollbar {width: 0; height: 2px;}

.dark-template .video-main-block {box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.6);}

body.dark-mode ::-webkit-scrollbar {width: 4px;}
body.dark-mode ::-webkit-scrollbar-track {background: #F8F8F8; border-radius: 10px;}
body.dark-mode ::-webkit-scrollbar-thumb {background: #aaaaaa; border-radius: 10px;}
body.dark-mode ::-webkit-scrollbar-thumb:hover {background: #aaaaaa;}

.container-detail-page {padding-left: 15px; padding-right: 15px;}
h3 {font-size: 2.4rem; font-weight: 600;}
.xxl-text-block {font-size: 2.4rem;}
.find-card-wrap .xxl-text-block {width: 80%; margin: 0 auto; padding-bottom: 0; margin-bottom: -18px;}
.find-card-popup-wrap.opened .xxl-text-block {padding-bottom: 20px; margin-bottom: 0px;}
.md-text-block {font-size: 2rem;}
.exclusive-privileges-icon-title .md-text-block {font-size: 2.4rem; line-height: 1.3;}
.btn-v {text-decoration: none; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color1); color: var(--color1); padding: 12px 15px;  font-size: 1.4rem; border-radius: 25px; font-weight: bold; line-height: 1;}
.btn-v.dark {border: 1px solid #143745; color: #143745;}
.btn-v.sm {padding: 1rem 1.4rem; font-size: 1.3rem; font-weight: 500; height: 3.5rem;}
.btn-v.filled {background-color: var(--color1); color: #ffffff;}
.btn-v.filled.dark {background-color: #0A142F; color: #ffffff;}
.btn-v.white {background-color: #ffffff; color: #014E4E; border: 1px solid #ffffff;}
.btn-v.white.transparent {background-color: transparent; color: #ffffff;}
.btn-v.white.transparent svg path {fill: #ffffff;}
.btn-v.blue {background-color: var(--color4); color: #ffffff; border: 1px solid var(--color4);}
.btn-v.blue.transparent {background-color: transparent; color: var(--color4); border: 1px solid var(--color4);}

.btn-v.white.transparent img,
.btn-v.blue img,
.white-long-arrow-block {
    filter: brightness(0) invert(1);
}

.btn-v.blue.transparent img {filter: brightness(0) invert(0);}

.btn-v.arrow-btn svg,
.btn-v.arrow-btn img {
    margin-left: 8px;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    width: 1.3rem !important;
    height: 1.3rem;
}

.btn-v.arrow-btn:hover img,
.btn-v.arrow-btn:hover svg {
  transform: translateX(3px);
}

.product-detail-apply-now .btn-v {
    font-size: 18px;
    font-weight: 500;
    min-width: 278px;
}

.product-detail-apply-now .btn-v.arrow-btn svg,
.product-detail-apply-now .btn-v.arrow-btn img {
    width: 1.6rem !important;
    height: 1.6rem;
}

.header-buttons-wrap {padding: 0 0; width: 50%; justify-content: end;}
.tab-btn {color: var(--color2); border-bottom: 1px solid var(--border-color2); padding: 0 2rem; padding-bottom: 1rem;}
.tab-btn.active {font-weight: bold;}
.menu-wrap {display: none;}
.product-detail-main-content h2 {margin-bottom: -1px;}
.header-offers-wrap {font-size: 1.4rem; background-color: #143745; padding: 1rem 0; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: opacity, transform;}
.header-offers-wrap.hide {display: none;}
.header-offers-wrap  > div {width: 100%;}
.left-gap-on-mobile {padding-left: 15px !important;}
.right-gap-on-mobile {padding-right: 15px !important;}
.gap-x-mobile {padding-left: 15px !important; padding-right: 15px !important;}
.sun-block {border-left: 0 !important;}
.header-buttons-wrap > div.mobile-toggle-block {border-right: 0 !important; padding-right: 0 !important;}
.searchbar-header-mobile-block {border-left: 1px solid #E8E8E8 !important;}
.banner-btn-wrap {justify-content: center; margin-top: 20px;}
.tabs-cards-carousel-wrap {padding: 30px 0 30px 0; filter: drop-shadow(0px 0px 44px rgba(0, 0, 0, 0.25)); padding-bottom: 0;}
.tabs-cards-carousel-wrap .swiper-slide {width: auto; height: auto;}
.product-detail-apply-now {border-left: 0; border-right: 0;}

.tabs-cards-content-carousel-wrap {margin-top: 30px; padding: 0 30px;}
    .tabs-cards-content-carousel-wrap img {width: auto !important;}
    .why-sbi-card-block-mobile-card-block {padding: 35px 27px; border-radius: 16px; width: 191px; position: absolute; top: 25px; left: 50%; transform: translateX(-50%) rotate(0); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25); transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: grabbing; will-change: transform, top, opacity;}
    .mobile-card-1 {background-color: #358FB9; z-index: 3; transform: translateX(-50%) rotate(0deg);}
    .mobile-card-2 {background-color: #4C4A92; z-index: 2; transform: translateX(-50%) rotate(3deg);}
    .mobile-card-3 {background-color: #169CA1; z-index: 1; transform: translateX(-50%) rotate(-6deg);}
    .mobile-card-4 {background-color: #999575; z-index: 1; transform: translateX(-50%) rotate(4deg);}
    .mobile-card-5 {background-color: #824481; z-index: 1; transform: translateX(-50%) rotate(-5deg);}
    .mobile-card-title-block {font-size: 24px; margin-bottom: 6px;}
    .mobile-card-description-block {font-size: 18px;}
    .stacking-img-mobile-block {margin-top: 28px;}
    .stacking-img-mobile-block img {width: 90px; margin: 0 auto;}
    .why-sbi-card-block-mobile {height: 395px; position: relative; overflow: hidden;}
    
    .mobile-arrow {position: absolute; top: 50%; transform: translateY(-50%); border: none; cursor: pointer; z-index: 10;}
    .left-arrow { left: 40px; }
    .right-arrow { right: 40px; }
    .cards-dots {display: flex; justify-content: center; gap: 8px; margin-top: 15px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); align-items: center;}
    .cards-dots .dot {width: 9px; height: 9px; border-radius: 50%; background-color: #636363; cursor: pointer; transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: background-color, transform;}
    .cards-dots .dot.active {background-color: #D9D9D9; width: 13px; height: 13px;}
    .navigation-half-circle-block {position: absolute; bottom: 139%; left: 50%; transform: translateX(-50%);}
    .footer-mobile-menu-wrap.scrolling {background-color: rgba(255, 255, 255, 0.7); opacity: 0.9; transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
    .footer-mobile-menu-wrap.scrolling .navigation-half-circle-block {opacity: 0.7; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
    .apply-now-filter-block {font-size: 1.5rem; background: linear-gradient(123.57deg, #27A2DF 3.52%, #2380AE 99.44%); border-radius: 100%; width: 51px; height: 51px; position: absolute; bottom: 59%; left: 50%; transform: translateX(-50%); line-height: 1;}
    .mobile-main-menu-wrap {position: fixed; top: 0; width: 95%; height: 100vh; background-color: #ffffff; z-index: 1050; transform: translateX(+106%); transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); right: 0; will-change: transform;}
    .mobile-main-menu-wrap.active {transform: translateX(0); box-shadow: 0 10px 9px 0 rgba(0, 0, 0, 0.25);}
    .mobile-main-menu-logo-block {padding-top: 16px; padding-bottom: 16px; margin-bottom: 16px;}
    
    .mobile-main-menu-logo-block,
    .mobile-main-menu-tabs-menu-block,
    .mobile-main-menu-tabs-content-wrap,
    .mobile-main-menu-footer-block > div {
        padding-left: 16px;
        padding-right: 16px;
    }

.mobile-main-menu-logo-block {border-bottom: 1px solid #DDDDDD;}
body.menu-open {overflow: hidden; height: 100vh; position: fixed; width: 100%;}

.footer-mobile-menu-wrap a svg,
.footer-mobile-menu-wrap a img{
    margin: 0 auto;
}

.footer-mobile-menu-wrap a img,
.footer-mobile-menu-wrap a svg {
    margin-bottom: 5px;
}

    
    .mobile-main-menu-tabs-menu-block a {padding: 4px 12px; color: var(--color4); font-size: 1.8rem; font-weight: 600; border-radius: 24px; background-color: #EAEAEA; margin-right: 10px;}
    .mobile-main-menu-tabs-menu-block a.active {background-color: var(--color4); color: #ffffff;}
    .mobile-main-menu-footer-block {background-color: var(--color4); margin-top: 25px;}
    .mobile-main-menu-footer-block > div {padding-top: 19px; padding-bottom: 19px;}
    .mobile-main-menu-footer-block > div:nth-of-type(1) {border-bottom: 1px solid #49438B;}
    .help-center-link-block img {margin-right: 10px; max-width: 16px;}
    .help-center-link-block > div {font-size: 13px; font-weight: 600;}
    .mobile-main-menu-share-title {font-size: 1.9rem; color: #E8E8E8; margin-bottom: 13px; text-align: center;}
    
    .mobile-main-menu-footer-block a {margin-bottom: 12px;}
    .mobile-main-menu-footer-block a:nth-last-of-type(1) {margin-bottom: 0;}
    .mobile-main-menu-share-block img {width: 24px;}
    .mobile-main-menu-tabs-content {position: relative; top: 0; left: 0; width: 100%;transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
    .mobile-main-menu-wrap {scrollbar-width: none;  -ms-overflow-style: none; }
    .mobile-main-menu-wrap::-webkit-scrollbar {display: none; }
    .mobile-main-menu-wrap > div {height: 100%;display: flex; width: 100%; overflow-y: auto; flex-direction: column;}
    .mobile-main-menu-footer-block {margin-top: auto;}
    .mobile-main-menu-wrap > div > div {width: 100%;}
    .mobile-main-menu-footer-block > div {width: 100%;}
    .mobile-main-menu-footer-block > div:nth-last-of-type(1) {padding-bottom: 60px;}
    .mobile-main-menu-footer-block {align-self: end; display: flex; flex-wrap: wrap;}
    .mobile-main-menu-cross-block {width: 30px;}
    .mobile-main-menu-cross-block svg {width: 100%;}
    .why-sbi-card-wrap.mobile-gap-top {height: auto;}

    .header-login-btn-block > span > svg path {fill: #0A142F;}
    .header-login-btn-block span {display: flex !important; justify-content: center;}
    .header-login-btn-block .header-login-right-arrow {display: none !important;}

.swiper-button-next svg, 
.swiper-button-prev svg,
.swiper-button-next img,
.swiper-button-prev img{
    width: 15px;
}

.find-card-popup-wrap .swiper-button-next {right: -24px;}
.find-card-popup-wrap .swiper-button-prev {left: -12px;}

.sub-menu-explore-cards-img-block > svg,
.sub-menu-explore-cards-img-block > img {
    margin: 0 auto;
}

.sub-menu-explore-cards-img-block > svg,
.sub-menu-explore-cards-img-block > img {
    margin: 0 auto; max-width: 2.9rem;
}

.mobile-main-menu-tabs-content .accordion-arrow-block {margin-right: 10px;}

.product-benefits-icon svg,
.product-benefits-icon img {
    height: 3.2rem; 
    margin-left: auto; 
    margin-right: auto;
}


.only-bg-img-and-btn .banner-btn-wrap {align-self: end; margin-bottom: 118px;}
.only-bg-img-and-btn .banner-content-block {display: flex; justify-content: center;}
.core-card-cashback h2 {color: #442E7D;}
.core-card-simply-click h2 {color: #B1444F;}
.core-card-prime h2 {color: var(--color1);}

.core-card-prime .fee-and-charges-wrap .xxl-text-block {color: var(--offwhite-color);}
.card-pulse .fee-and-charges-wrap .xxl-text-block {color: var(--offwhite-color);}
.dark-template .fee-and-charges-wrap .xxl-text-block {color: var(--offwhite-color);}

.fee-and-charges-wrap .xxl-text-block {padding-bottom: 31px;}
.recommended-wrap.similar-cards-wrap h2 {margin-bottom: -26px;}

.card-content-block > div:nth-of-type(1) .card-contents-img-block > svg,
.card-content-block > div:nth-of-type(1) .card-contents-img-block > img {
    margin-top: -2px;
}

.skip-to-main-content {order: 5; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%);}
.footer-extra-link-block {justify-content: center; margin-bottom: 10px;}
    .footer-extra-link-block > a {margin-bottom: 6px;}
    .footer-copyright-block {text-align: center;}
.key-benefits-bg {background-size: cover;}



/* .compare-card-title-block {margin-bottom: 24px;} */
/* .label-field-cross-wrap {position: absolute; width: 100%; top: 5px; left: 50%; transform: translateX(-50%);}
.label-field {font-size: 1rem; font-weight: 700; line-height: 1; padding: 0.7rem 1.5rem; border-radius: 5px;} */
/* .compare-img-block {padding-top: 40px;} */
.premium-label {color: #0E3C57; background-color: #CFE8F3;}
.top-picks-label {color: #5C4B00; background-color: #FFF3B0;}
.best-value-label {color: #1E4620; background-color: #C8E6C9}
.best-selling-label {color: #1E4620; background-color: #C8E6C9;}
.recommended-label {color: #ffffff; background-color: #0191FF;}
/* .compare-card-shadow {opacity: 0.8; background: radial-gradient(50% 50% at 50% 50%, #737373 0%, rgba(217, 217, 217, 0.00) 100%); mix-blend-mode: multiply; width: 58px; height: 6px; position: absolute; top: 100%; left: 42%; transform: translateX(-50%);} */
/* .compare-img-block img {width: 76.594px;} */
/* .compare-card h3 {font-size: 1.6rem; color: var(--color1); font-weight: 500; margin-top: 14px; margin-bottom: 16px; text-align: center;} */
/* .compare-cards-button-block a {width: 100%; margin-bottom: 10px; font-size: 1.6rem;} */
/* .compare-cards-button-block a:nth-last-of-type(1) {margin-bottom: 0;} */
/* .compare-cards-wrap {box-shadow: 0 20px 26px 0 rgba(54, 53, 53, 0.16); padding-bottom: 24px;} */
/* .compare-cards-wrap.fixed {z-index: 1050; position: fixed; top: 0; left: 0; width: 100%;} */
.btn-v.transparent.only-text {border: 0; padding: 0; text-decoration: underline;}

/* .compare-card,
.comapre-cards-wrap .accordion-content-wrap > div > div {
    width: 33.3333%; 
} */

/* .compare-back {position: absolute; top: 50%; left: 0; transform: translateY(-50%);} */
/* .compare-card-title-block .xxl-text-block {width: 80%; margin: 0 auto;} */
/* .compare-card > div {border-radius: 10px; background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, #EFEFEF 100%); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16); padding: 0.8rem 0.5rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between;} */
/* .campare-card-accordion .accordion-title-icon {margin-right: 8px;}
.campare-card-accordion .accordion-title {font-size: 1.7rem}
.campare-card-accordion .accordion-item-block {background-color: #ffffff; border-radius: 6px; margin-bottom: 1rem; padding-bottom: 0;}
.campare-card-accordion .accordion-item-block:nth-last-of-type(1) {margin-bottom: 0;} */
.accrodion-content-title {font-size: 1.8rem; margin-bottom: 0.5rem;}
.accordion-content-descrption {font-size: 1.5rem; color: #6D717F;}
/* .campare-card-accordion .accordion-content-wrap {border-top: 1px solid #D2D5DB; padding-left: 1.2rem; padding-top: 0;}
.campare-card-accordion .accordion-content-wrap > div > div {border-right: 1px solid #D2D5DB; padding: 0.5rem;}
.campare-card-accordion .accordion-content-wrap > div > div:nth-last-of-type(1) {border-right: 0;} */
.product-detail-sidebar .btn-v {position: relative; z-index: 2;}
/* .campare-card-accordion .accordion-btn-block {padding: 1.7rem;}
.campare-card-accordion .accordion-arrow-block {margin-right: 0;} */

/* .campare-card-accordion .accordion-title-icon > svg,
.campare-card-accordion .accordion-title-icon > img {
    height: 3rem;
}

.campare-card-accordion {padding-top: 20px; background-color: #D2D5DB; padding-bottom: 20px;} */
/* .compare-cards-wrap.fixed {position: fixed; top: 0; z-index: 1050; width: 100%; padding-top: 20px;} */
/* .comapre-cards-wrap {padding-top: 40px;} */
.ticker-wrap {position: absolute; bottom: -16px; z-index: 1; left: 0; background: linear-gradient(90deg, #40ABDB 0%, #299ED4 100%); filter: drop-shadow(0 0 54px rgba(0, 0, 0, 0.65));}
.ticker-content-block {font-size: 1.4rem; padding: 1rem 2.5rem; border: 1px solid #ffffff; border-left: 0; border-right: 0;}
.ticker-img-block {position: absolute; top: 0; right: -2.2rem; height: 100%;}
.ticker-img-block > img {height: 100%;}
.ticker-wrap::after {content: ''; position: absolute; top: 50%; right: -1px; width: 4px; height: 88%; transform: translateY(-50%); background-color: #2b9fd4;}
/* .compare-cards-wrap.fixed + .campare-card-accordion {padding-top: 230px;} */
/* body.dark-mode .campare-card-accordion {background-color: #000000;} */
.logo-menus-wrap {border-bottom: 1px solid #dddddd;}
.product-detail-sidebar {padding-bottom: 70px; background-size: cover; padding-top: 30px;}
.tabs-cards-item-block > img {border-radius: 10px; width: 105px;}
.tabs-card-horizontal > img {width: 146px;}
/* .flip-card-block .disc li span {display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} */
.flip-card-block .disc {height: 174px; overflow-y: hidden; padding-left: 0; list-style: none;}
/*replaced on 13-Feb-2025 start .flip-card-block {min-height: 365px;}*/

.flip-card-block .disc li {
    position: relative;
    padding-left: 1.5rem;
    list-style: none;
}   
 .flip-card-block .disc li::before {content: "•"; position: absolute; left: 0.5rem; top: 0.1em;}
/*replaced on 13-Feb-2025 end */
   .flip-card-block .front-side-block .disc {margin-left: 0;}
   .flip-card-block .back-side-block .disc {max-height: 218px;}
/* .front-side-block li:nth-of-type(n+5) { display: none; }
.back-side-block li:nth-of-type(n+6) { display: none; } */
.recommended-wrap .tab-content-wrap {padding-top: 0;}


.similar-cards-wrap {background-image: url(../img/recemenmded-bg.jpg);}

.benefits-privileges-wrap {background-image: url('../img/bg-benefits.jpg');}
.card-pulse .benefits-privileges-wrap {background-image: url('../img/pulse/bg-benefits-pulse.jpg');}
.card-elite-golden .benefits-privileges-wrap {background-image: url('../img/elite-golden/bg-benefits-black.jpg');}
.card-elite-black-without-golden .benefits-privileges-wrap {background-image: url('../img/elite-without-golden/bg-benefits-black.jpg');}
.core-card-miles .benefits-privileges-wrap {background-image: url('../img/miles/bg-benefits-miles.jpg');}
.core-card-cashback .benefits-privileges-wrap {background-image: url('../img/cashback/bg-benefits-cashback.jpg');}
.core-card-prime .benefits-privileges-wrap {background-image: url('../img/card-prime/bg-benefits-pulse.jpg');}
.core-card-simply-save .benefits-privileges-wrap {background-image: url('../img/simply-save/bg-benefits-simplysave.jpg');}
.core-card-simply-click .benefits-privileges-wrap {background-image: url('../img/simply-click/bg-benefits-simplyclick.jpg');}

.exclusive-privileges-wrap {background-image: url('../img/network-bg.jpg');}
.card-pulse .exclusive-privileges-wrap {background-image: url('../img/pulse/bg-benefits-pulse.jpg');}
.card-elite-golden .exclusive-privileges-wrap {background-image: url('../img/elite-golden/bg-benefits-black.jpg');}
.card-elite-black-without-golden .exclusive-privileges-wrap {background-image: url('../img/elite-without-golden/bg-benefits-black.jpg');}
.core-card-miles  .exclusive-privileges-wrap {background-image: url('../img/miles/bg-benefits-miles.jpg');}
.core-card-cashback  .exclusive-privileges-wrap {background-image: url('../img/cashback/bg-benefits-cashback.jpg');}
.core-card-prime  .exclusive-privileges-wrap {background-image: url('../img/card-prime/bg-benefits-pulse.jpg');}
.core-card-simply-save  .exclusive-privileges-wrap {background-image: url('../img/simply-save/bg-benefits-simplysave.jpg');}
.core-card-simply-click  .exclusive-privileges-wrap {background-image: url('../img/simply-click/bg-benefits-simplyclick.jpg');}

.network-privileges-wrap {background-image: url('../img/network-bg.jpg');}
.card-pulse .network-privileges-wrap {background-image: url('../img/pulse/netwrok-bg-pulse.jpg');}
.card-elite-golden .network-privileges-wrap {background-image: url('../img/elite-golden/network-bg.jpg');}
.card-elite-black-without-golden .network-privileges-wrap {background-image: url('../img/elite-without-golden/netwrok-bg-black.jpg');}
.core-card-miles .network-privileges-wrap {background-image: url('../img/miles/netwrok-bg-miles.jpg');}
.core-card-cashback .network-privileges-wrap {background-image: url('../img/cashback/netwrok-bg-cashback.jpg');}
.core-card-prime .network-privileges-wrap {background-image: url('../img/card-prime/netwrok-bg-prime.jpg');}
.core-card-simply-save .network-privileges-wrap {background-image: url('../img/simply-save/netwrok-bg-simply-save.jpg');}
.core-card-simply-click .network-privileges-wrap {background-image: url('../img/simply-click/netwrok-bg-simply-click.jpg');}

.product-explore-rewards {background-image: url('../img/explore-rewards-bg.jpg');}
.card-pulse .product-explore-rewards {background-image: url('../img/pulse/explore-rewards-bg-pulse.jpg');}
.card-elite-golden .product-explore-rewards {background-image: url('../img/elite-golden/explore-rewards-bg.jpg');}
.card-elite-black-without-golden .product-explore-rewards {background-image: url('../img/elite-without-golden/explore-rewards-bg.jpg');}
.core-card-miles .product-explore-rewards {background-image: url('../img/explore-rewards-bg.jpg');}
.core-card-cashback .product-explore-rewards {background-image: url('../img/cashback/explore-rewards-bg-cashback.jpg');}
.core-card-prime .product-explore-rewards {background-image: url('../img/card-prime/explore-rewards-bg-prime.jpg');}
.core-card-simply-save .product-explore-rewards {background-image: url('../img/simply-save/explore-rewards-bg-simply-save.jpg');}
.core-card-simply-click .product-explore-rewards {background-image: url('../img/simply-click/explore-rewards-bg-simply-click.jpg');}


.fee-terms-wrap {background-image: url('../img/fee-charges.jpg');}
.card-pulse .fee-terms-wrap {background-image: url('../img/pulse/fee-charges-pulse.jpg');}
.card-elite-golden .fee-terms-wrap {background-image: url('../img/elite-golden/fee-charges-black.jpg');}
.card-elite-black-without-golden .fee-terms-wrap {background-image: url('../img/elite-without-golden/fee-charges-black.jpg');}
.core-card-miles .fee-terms-wrap {background-image: url('../img/miles/fee-charges-miles.jpg');}
.core-card-cashback.fee-terms-wrap {background-image: url('../img/cashback/fee-charges-cashback.jpg');}
.core-card-prime .fee-terms-wrap {background-image: url('../img/card-prime/fee-charges-prime.jpg');}
.core-card-simply-save .fee-terms-wrap {background-image: url('../img/simply-save/fee-charges-simply-save.jpg');}
.core-card-simply-click .fee-terms-wrap {background-image: url('../img/simply-click/fee-charges-simply-click.jpg');}

.product-videos-wrap {background-image: url('../img/video-bg.jpg');}
.card-pulse .product-videos-wrap {background-image: url('../img/pulse/video-bg-black.jpg');}
.card-elite-golden .product-videos-wrap {background-image: url('../img/elite-golden/video-bg-black.jpg');}
.card-elite-black-without-golden .product-videos-wrap {background-image: url('../img/elite-without-golden/video-bg-black.jpg');}
.core-card-miles .product-videos-wrap {background-image: url('../img/miles/video-bg-miles.jpg');}
.core-card-cashback .product-videos-wrap {background-image: url('../img/video-bg.jpg');}
.core-card-prime .product-videos-wrap {background-image: url('../img/card-prime/video-bg-black.jpg');}
.core-card-simply-save .product-videos-wrap {background-image: url('../img/simply-save/video-bg-white.jpg');}
.core-card-simply-click .product-videos-wrap {background-image: url('../img/simply-click/video-bg-white.jpg');}

.dark-template .similar-cards-wrap {background-image: url('../img/pulse/recemenmded-bg-black.jpg');}


.product-other-features-wrap {background-color: #143656;}
.card-elite-golden .product-other-features-wrap {background-color: #0d0c0a;}
.core-card-miles .product-other-features-wrap {background-color: #257196;}
.core-card-cashback .product-other-features-wrap {background-color: #41297e;}
.core-card-simply-save .product-other-features-wrap {background-color: #375B9C;}
.core-card-simply-click .product-other-features-wrap {background-color: #652841;}
.core-card-prime .product-detail-sidebar .floral {display: none;}
.card-elite-black-without-golden .product-other-features-wrap {background-color: #273149;}
.card-pulse .product-other-features-wrap {background-color: #652841;}
.core-card-prime .product-other-features-wrap {background-color: #123b69;}

/* .product-detail-sidebar {background-image: url('../img/product-detail-mobile-banner-bg.jpg'); background-repeat: repeat;}
.card-elite-golden .product-detail-sidebar {background-image: url('../img/elite-golden/left-banner/mobile-banner-bg.jpg');}
.core-card-miles .product-detail-sidebar {background-image: url('../img/miles/left-banner/mobile-banner-bg-miles.jpg');}
.core-card-cashback .product-detail-sidebar {background-image: url('../img/cashback/left-banner/mobile-banner-bg-cashback.jpg');}
.core-card-simply-save .product-detail-sidebar {background-image: url('../img/simply-save/left-banner/mobile-banner-bg-simplysave.jpg');}
.core-card-simply-click .product-detail-sidebar {background-image: url('../img/simply-click/left-banner/mobile-banner-bg-simplyclick.jpg');}
.core-card-prime .product-detail-sidebar {background-image: url('../img/card-prime/left-banner/mobile-banner-bg-prime.jpg');}
.card-elite-black-without-golden .product-detail-sidebar {background-image: url('../img/elite-without-golden/left-banner/mobile-banner-bg.jpg');}
.card-pulse .product-detail-sidebar {background-image: url('../img/pulse/left-banner/mobile-banner-bg-pulse.jpg');} */




.only-bg-img-and-btn .banner-btn-wrap {justify-content: center; margin-top: 20px; align-self: end; margin-bottom: 200px;}

.search-suggestion-block {
    position: absolute; 
    top: 100%; 
    left: 0; 
    min-width: 26rem; 
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid #FFFFFF; box-shadow: 0px 4px 54px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(11.5px);
    border-radius: 14px; padding: 1.7rem 2.9rem; z-index: 11; opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.4s 
cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.search-suggestion-block  > div { 
max-height: 170px;
overflow-y: auto;
padding-right: 10px;
}

.search-suggestion-block.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#mobileSearchSuggestion {
  position: absolute;
  top: 100%;
  left: 50%;
  min-width: 90%;
  background: rgba(255, 255, 255, 1);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 54px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(11.5px);
  border-radius: 14px;
  padding: 1.7rem 2rem;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px) translateX(-50%);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#mobileSearchSuggestion.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(-50%);
}

.filled-slot-img-block {
    width: 40%;
    min-width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D2D5DB;
    padding: 5px 8px;
    height: 10rem;
}

.img-cross-for-mobile line {
    stroke: #9EA2AE;
}

.filled-slot .card-shadow {left: 35%;}
.card-content-block {min-height: 130px;}

.decreased-view .a-minus-block,
.increased-view .a-plus-block {
    pointer-events: none;
    opacity: 0.5;
}

.emi-and-card-wrap {padding: 10px;}

body.dark-mode .logo-menus-wrap {background-color: #000000;}
body.dark-mode .menu-wrap > a {color: #ffffff;}
body.dark-mode .header-search-bar-wrap input::placeholder {color: #ffffff;}
body.dark-mode .menu-wrap > a.active::after {background-color: #ffffff;}
body.dark-mode .logo-menus-wrap .btn-v.dark {border: 1px solid #ffffff; color: #ffffff;}
body.dark-mode .logo-menus-wrap .btn-v.dark line {stroke: #ffffff;}
body.dark-mode .header-search-bar-wrap img {filter: brightness(1) invert(1);}
body.dark-mode .header-search-bar-wrap input {color: #ffffff;}
body.dark-mode .card-carousel-bottom-btn-block .btn-v.filled {background-color: #ffffff; color: var(--color4); border: 1px solid var(--color4);}
body.dark-mode .card-carousel-bottom-btn-block .btn-v.filled path {fill: var(--color4);}

body.dark-mode .sticky-navigation-block a.active {border-bottom: 2px solid var(--color4); color: var(--color4);}
body.dark-mode .privilege-more-block path {fill: #ffffff;}
body.dark-mode .privilege-more-block circle {stroke: #ffffff}
body.dark-mode .privilege-more-block-for-popup {color: #ffffff !important;}
body.dark-mode .sticky-navigation-block a.active::after {filter: brightness(0.5);}

.progress-labels > div {padding-left: 5px;}
body.dark-mode .dark-template .sticky-navigation-block > a.active {color: var(--color1); border-bottom: 2px solid var(--color1);}
body.dark-mode .dark-template .sticky-navigation-block a.active::after {filter: brightness(1);}

.tab-button-feel .tab-btn.active .tab-minus-plus-iocn-block > span > svg,
.tab-button-feel .tab-btn.active .tab-minus-plus-iocn-block > span > img {
    transform: rotate(90deg);
}

.active-marker .progress-marker-circle {
    transform: scale(1.5);
    background-color: #4fc3f7;
    transition: 0.3s;
  }

  .sub-menu-wrap.active {
    display: block;
  }

  button {cursor: pointer;}
  .tab-btn {cursor: pointer;}
  body.popup-open {overflow: hidden; position: fixed; width: 100%;}
  .exclusive-privileges-icon > img {width: 42px;}
    .exclusive-privileges-mobile-content-block > div {border-bottom: 1px solid #C3E5ED;}
    .exclusive-privileges-swiper {border-radius: 6px; border: 1px solid #FFF; background-color: #ffffff; padding-bottom: 30px; filter: drop-shadow(0 0 44px rgba(0, 0, 0, 0.25));}
    .exclusive-privileges-mobile-img > img {border-radius: 6px 6px 0 0; width: 100%;}
    .exclusive-privileges-icon {width: 70px;}
    .exclusive-privileges-mobile-content-block > div:nth-last-of-type(1) {border-bottom: 0;}
    .exclusive-privileges-pagination {margin-top: 0px; z-index: 1; position: relative;}
    .product-other-features-blocks > div {width: 54%;}
.universal-learn-more-block {max-width: max-content;}
.product-detail-sidebar .universal-learn-more-block {margin-left: auto; margin-right: auto;}
.dark-mode .product-other-features-wrap .universal-learn-more-block {color: #ffffff !important;}
.benefit-text.line-clamp-3 {-webkit-line-clamp: 4;}
.dark-mode .find-card-popup-wrap.opened {background-color: #000000;}
.dark-mode .find-card-popup-wrap.opened svg path {fill: #ffffff;}
.dark-mode .mobile-main-menu-wrap.active {background-color: #000000;}
.dark-mode .mobile-main-menu-cross-block {filter: brightness(1) invert(1);}
.dark-mode .mobile-main-menu-tabs-content-wrap .accordion-title {color: #ffffff;}
.dark-mode .mobile-main-menu-tabs-content-wrap .accordion-item-block.active {background-color: transparent;}
.dark-mode ul.mobile-main-menu-accordion-links-list li a {color: #ffffff;}
.dark-mode ul.mobile-main-menu-accordion-links-list li::before {background-color: #ffffff;}
.dark-mode .mobile-main-menu-wrap .qatext {color: #ffffff;}
.mobile-main-menu-wrap .accordion-content-wrap > div > div.font-bold {font-size: 1.8rem;}
.dark-mode .mobile-main-menu-wrap .accordion-content-wrap > div > div.font-bold {color: #ffffff;}
.mobile-main-menu-wrap .accordion-arrow-block {width: 13px;}
.dark-mode .mobile-main-menu-tabs-menu-block a {color: #ffffff; background-color: transparent; border: 1px solid #ffffff;}
.dark-mode .mobile-main-menu-tabs-menu-block a.active {background-color: #ffffff; color: var(--color4);}

.dark-mode .mobile-main-menu-tabs-content .accordion-btn-block svg,
.dark-mode .mobile-main-menu-tabs-content .accordion-btn-block svg,
.dark-mode .mobile-main-menu-tabs-content .accordion-btn-block img,
.dark-mode .mobile-main-menu-tabs-content .accordion-btn-block img {
    filter: brightness(0) invert(1);
}


.mobile-main-menu-wrap .mobile-main-menu-footer-block {background-color: #0A142F;}
.dark-mode .mobile-main-menu-wrap .mobile-main-menu-share-block svg path {fill: var(--color1);}

.dark-mode .find-card-popup-wrap.opened div,
.dark-mode .find-card-popup-wrap.opened span {
    color: #ffffff;
}

.dark-mode .find-perfect-card-carousel-wrap .card-btn-wrap .btn-v:nth-of-type(1) {border: 1px solid #ffffff;}
.dark-mode .find-perfect-card-carousel-wrap .card-btn-wrap .btn-v:nth-of-type(1) svg path {fill: #ffffff;}

.dark-mode .find-card-popup-wrap.opened .swiper-button-next svg, 
.dark-mode .find-card-popup-wrap.opened .swiper-button-prev svg {
    filter: brightness(1) invert(1)
}

.bottom-to-top-arrow-block {position: absolute; top: -26px; left: 50%; transform: translateX(-50%); z-index: 1;}
.language-dropdown-wrap {padding-left: 1.4rem;}

.mobile-menu-accordion-icon-text-block > svg,
.mobile-menu-accordion-icon-text-block > img {
    width: 25px !important;
    height: auto !important;
}

.header-login-btn-block .sub-menu-wrap {display: none;}
.dark-mode .why-sbi-card-block-mobile .mobile-arrow{filter: brightness(1) invert(1);}
.header-login-toggle{color: var(--color4) !important; width: 100%;}
.product-other-features-blocks .accordion-btn-block {text-align: left;}
.core-card-cashback .floral {opacity: 1;}

.open-submenu-hover[aria-expanded="true"] svg,
.open-submenu-hover[aria-expanded="true"] img,
.header-secondar-menu-dropdown-link[aria-expanded="true"] svg,
.header-secondar-menu-dropdown-link[aria-expanded="true"] img {
  transform: rotate(180deg);
}

.open-submenu-hover[aria-expanded="true"]>span:nth-of-type(1) svg,
.open-submenu-hover[aria-expanded="true"]>span:nth-of-type(1) img {
    transform: none;
}

.explore-credit-card-dropdown-card-block a {color: var(--color2);}
.explore-credit-card-dropdown-block>a {color: var(--color2);}
.explore-credit-card-dropdown-quick-action-block>a {color: var(--color2);}
.link-title {color: var(--color2);}

.dark-mode .searchbar-header-mobile-block > img,
.dark-mode .btn-v.header-login-btn-block span,
.dark-mode .mobile-toggle-block>svg,
.dark-mode .mobile-toggle-block>img {
    filter: brightness(0) invert(1);
}

.other-features-accordion ul.offwhite-color.pt-4.disc {padding-top: 0;}
.mobile-main-menu-tabs-content .accordion-content-wrap {padding-left: 36px;}
.header-secondary-menu .parent-submenu-hover>a:hover svg {transform: rotate(180deg);}
.banner-wrap > .relative {z-index: 1;}
.banner-subline-img-block {margin-bottom: 15px;}

.dark-mode .popup-wrap > div,.dark-template .popup-wrap > div {background: #000000;}
.dark-mode .popup-wrap > div li,.dark-template .popup-wrap > div li {color: #ffffff;}

@media(min-width: 320px) and (max-width: 767px) {
    
    .product-detail-sidebar h1.small {margin: 0 auto; margin-bottom: 2rem; width: 95%;}
    .product-detail-sidebar .sidebar-content-block>.lg-text-block {font-size: 2.2rem; width: 74%; margin: 0 auto; margin-bottom: 2rem;}
    .product-detail-sidebar .sidebar-content-block span.lg-text-block.text-white.font-ds.font-medium {font-size: 2.2rem;}
    .blinking-input-field-block input {border-radius: 36px; border-width: 5px;}
    #stickySidebar {position: relative; top: 0; transform: none !important; transition: none;}
.sub-menu-wrap.active {visibility: visible; opacity: 1;}
    
    .tab-content-wrap {padding-top: 40px;}
    .explore-rewards-blocks .tab-content-wrap {padding-top: 15px;}
    .network-privileges-wrap .tab-content-wrap {padding-top: 20px;}
    .order-1-mobile {order: 1;}
    .order-2-mobile {order: 2;}
    .flex-wrap-mobile {flex-wrap: wrap;}
    .mb-15-mobile {margin-bottom: 15px !important;}
.explore-rewards-blocks .tab-content-wrap {overflow: hidden;}


    .dark-mode .get-more-wrap,
    .dark-mode .recommended-wrap h3,
    .dark-mode .card-content-description-block {
        color: #ffffff;
    }

    .dark-mode .learn-more-block {
        color: var(--color1) !important;
    }

    .dark-mode .accordion-arrow-block,
    .dark-mode .recommended-wrap .transparent-btn-block img,
    .dark-mode .mobile-arrow img {
        filter: brightness(0) invert(1);
    }

    .dark-mode .recommended-wrap .btn-v.blue {background-color: #ffffff !important; color: var(--color4) !important; border: 1px solid #ffffff !important;}
    .dark-mode .recommended-wrap .transparent-btn-block {border-bottom: 1px solid #ffffff; color: #ffffff;}

    .dark-template .sticky-navigation-block {border-color: #383838 !important; backdrop-filter: none; box-shadow: none;}
    .dark-template .exclusive-privileges-swiper {border: 1px solid #383838; background-color: rgba(13, 13, 13, 0.63);}
    .dark-template .exclusive-privileges-mobile-content-block > div {border-bottom: 1px solid #383838;}
    .dark-template .exclusive-privileges-mobile-content-block > div:nth-of-type(3) {border-bottom: 0;}
    .dark-template .exclusive-privileges-mobile-content-block > div .disc li {color: #DBDBDB;}
    .dark-template .exclusive-privileges-mobile-content-block > div .color1 {color: #73C3E8 !important;}
    .dark-template .network-privileges-wrap .tabs-wrap.tabs-links-no-left-gap {background-color: #0F1320; border: 1px solid #666666;}
    .dark-template .network-privileges-wrap .tabs-links-no-left-gap .tab-btn {color: #73C3E8;}
    .dark-template .tab-button-feel .tab-btn.active {background: #2F3341;}
    .dark-template .rounded-links {background-color: transparent; border: 1px solid #73C3E8; color: #73C3E8;}
    .dark-template .rounded-links-img > svg path {fill: #73C3E8;}
    .card-content-description-block {font-size: 1.6rem;}
.find-card-wrap {padding-top: 30px !important;}
.light-card .network-privileges-wrap .tabs-links-no-left-gap .tab-btn.active {color: var(--color1);}
.hide-on-mobile {display: none !important;}
    .w-full-on-mobile {width: 100% !important;}
    .trolley-img-block-wrap {margin-left: 30px;}
    .card-content-block .flex.mb-2 {margin-bottom: 10px;}
    .card-btn-wrap .btn-v:nth-of-type(1) {margin-right: 10px;}
    .transparent-btn-block {font-size: 1.6rem; font-weight: 600; border-bottom: 1px solid var(--color4); color: var(--color4);}
    .podium-img-block {max-width: 730px !important;}
    .mobile-app-content-block {text-align: center; padding: 0 10px;}
    .mobile-app-img-and-scanner-block {justify-content: center;}
    .footer-logo-block {border-bottom: 1px solid #3A3A3A; padding-bottom: 2.5rem; margin-bottom: 1.5rem; width: 100%;}

    .footer-logo-block svg,
    .footer-logo-block img {
        margin-left: auto; 
        margin-right: auto;
    }

        .footer-social-share-title-block {width: 100%;}
    .footer-share-block {justify-content: space-between; border-bottom: 1px solid #3A3A3A; padding-bottom: 2.5rem; margin-bottom: 1.5rem; width: 100%;}
    .footer-main-links-wrap {margin: 0 auto; margin-bottom: 3.5rem; width: 80%;}
    .footer-logo-block img {width: 90px;}
    .footer-mobile-menu-wrap {box-shadow: 0px 0px 44px rgba(138, 159, 228, 0.25); backdrop-filter: blur(6px); background-color: #ffffff; border-radius: 14px; width: 95%; position: fixed; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 10; padding: 15px; transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: background-color, opacity;}
    .footer-mobile-menu-wrap a {text-align: center; font-size: 1.5rem; font-weight: 600; color: var(--color4); line-height: 1;}
    .footer-mobile-menu-wrap a.btn-v.arrow-btn {border-radius: 0;height: 51px;}
    .footer-extra-link-block > a,
    .footer-copyright-block {
        font-size: 1.4rem;
    }

    .find-card-popup-wrap .card-btn-wrap {flex-wrap: wrap;}
    .find-card-popup-wrap .card-btn-wrap a {width: 100%; margin-bottom: 10px; margin-right: 0 !important;}
    .find-popup-title {margin: 20px 0; font-size: 16px; margin-bottom: 10px;}
    .find-card-popup-wrap .owl-nav {top: 10%}
    .find-card-popup-wrap .owl-prev {margin-left: -15px;}
    .find-card-popup-wrap .owl-next {margin-right: -15px;}
    .find-card-popup-wrap .owl-nav img.nav-arrow {width: 8px !important;}
    .banner-leaf-block {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 70px;}
    .safe-card-block.mx-auto.mt-5 {margin-bottom: 15px;}
    .service-menu-cross-block {position: absolute; top: -33px; right: -15px; width: 30px;}
    .mobile-toggle-block.hide-on-desktop {border-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
    .mobile-app-app-block {width: 100%; display: flex; justify-content: center;}
    .mobile-app-app-block > a:nth-of-type(1) {margin-right: 10px !important;}
    .mobile-app-carousel-item {background-color: #000000;}
    .footer-social-share-title-block {font-size: 1.8rem;}
    .footer-main-links-wrap a {font-size: 1.6rem;}
    .mobile-app-app-block img {margin-bottom: 0; height: 51px;}
    .get-more-main-text-block {font-size: 1.8rem;}
    .mobile-app-main-img-block {margin-top: 15px;}
    .justify-center-mobile {justify-content: center !important;}
    .banner-content-block .xxl-text-block {width: 65%; margin: 0 auto;}
    .mobile-main-menu-tabs-menu-block > div {overflow-x: auto; width: 100%; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none;}
    .mobile-main-menu-tabs-menu-block > div::-webkit-scrollbar {display: none;}
    .banner-carousel-wrap .container {margin-top: 20px; align-items: start;}
    .recommended-wrap .as-h2-title {margin-bottom: 20px;}
    .banner-carousel-wrap .swiper-pagination {bottom: 30px !important; width: auto !important;}
    img.nav-arrow {width: 10px !important; height: auto !important;}
    
    .footer-mobile-menu-wrap a > svg,
    .footer-mobile-menu-wrap a > img {
        margin-left: auto; 
        margin-right: auto;
    } 

    .find-perfect-card-carousel-wrap {padding: 5px;}
    .mobile-app-app-block > a > img {height: 51px !important;}
    .transparent-btn-block img {width: 16px !important; height: auto !important;}
    .container-detail-page.mx-auto {padding: 0 15px;}
    #stickySidebar > div.pt-15 {padding-top: 0;}

    .network-img-block,
    .network-content-block {
        padding: 0 !important;
    }

    .network-content-block ul {padding-top: 0; padding-left: 10px;}
    .network-icon-block{width: 70px;}
    .network-privileges-list-block {width: calc(100% - 96px);}
    .network-icon-block img {width: 100%;}
    .network-content-block > div {justify-content: space-between;}
    .tab-button-feel .tab-btn>span {flex-wrap: wrap; width: 100%;}
    .tab-button-feel .tab-btn>span>span {flex-wrap: wrap; justify-content: center; width: 100%; display: flex;}
    .tab-icon + span {display: block; width: 100%; font-size: 2.6rem; color: #9F9F9F;}
    .tab-minus-plus-iocn-block > span {padding-right: 0; margin-top: 10px;}
    .tab-button-feel .tab-btn.active .tab-icon + span {color: #73C3E8;}
    .tabs-btn-content-block .md-text-block.text-white {color: #73C3E8 !important;}
    .similar-cards-wrap {margin-top: 0;}
    .tab-btn.xxl-text-block {font-size: 2rem;} 
    .network-img-block {order: 2;}
    .network-privileges-wrap .tabs-wrap.tabs-links-no-left-gap {border: 1px solid #C3E5ED; border-radius: 10px; background-color: #ffffff; padding-top: 20px; max-width: 100%;}
.fee-and-charges-wrap .tabs-btn-wrap {width: 100%; margin: 0; max-width: 100%;}
.extra-content-block {margin-top: 0;}
.sidebar-more-block {margin-bottom: 3rem;}
.card-face {margin-top: 3rem;}
.reward-count-animation-block .text-xlg {font-size: 2rem; width: 74%; text-align: center; margin-top: 6px;}

    .reward-count-animation-block .flex.items-end.gap-1.overflow-hidden div,
    .reward-count-animation-block .flex.items-end.gap-1.overflow-hidden span {
        font-size: 4rem !important;
    }

    .cards-benefits-block {margin-bottom: 2rem;}
    .footer-mobile-menu-wrap.footer-product-mobile-menu-wrap {border-radius: 0; width: 100%; bottom: 0; padding: 7px 15px;}
    .tabs-cards-carousel-wrap {padding-top: 40px;}
    .network-privileges-wrap .line-block {display: none;}
    .filled-slot-img-block {width: 100%; min-width: 100%;}
    .header-sub-navigation-wrap.show {opacity: 1; visibility: visible; transform: translateY(0);}
    .header-sub-navigation-wrap > div {flex-wrap: wrap; align-items: flex-start;}
    .header-sub-navigation-wrap > div > a {width: 100%; margin-bottom: 15px; display: flex; flex-wrap: nowrap; align-items: center;}
    .header-sub-navigation-wrap .dark-blue-color-block.font-bold.w-full.text-center {text-align: left; font-size: 1.8rem; color: var(--color2) !important;}
    .header-sub-navigation-wrap > div > a:nth-last-of-type(1) {margin-bottom: 0;}
}

@media(min-width: 390px) and (max-width: 576px) {
    .decreased-view .banner-carousel-wrap {height: calc(87vh - 101px);}
}


@media(max-width: 576px) {
    .increased-view .mobile-app-wrap {height: 528px;}
}

@media(max-width: 639px) {
    .key-benefits-bg {background-image: none !important; background-color: #ffffff; border-radius: 20px;}
    .key-benfits-blocks > div > div {display: flex; width: 100%; margin-bottom: 0;}
    .benefit-text {color: var(--color2) !important; text-align: left; width: 100%; padding: 10px 15px; font-size: 1.8rem; display: block;}
    .product-benefits-icon {width: 50px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #C3E5ED; padding: 10px 10px; margin-bottom: 0; margin-top: 0;}
    .dark-template .product-benefits-icon {border-right: 1px solid #525557;}
    .benefit-text > span {display: inline !important; margin-left: 2px;}
    .key-benefits-items {padding: 0; border-bottom: 1px solid #C3E5ED;}
    .dark-template .key-benefits-bg {background-color: #121212;}
    .dark-template .benefit-text {font-size: 2rem; color: #DBDBDB !important;}
    .dark-template .key-benefits-items {border-bottom: 1px solid #525557;}
    .benefit-text strong {padding: 0 2px;}
}

@media(max-width:1200px) {
    .network-privileges-wrap .tabs-links-no-left-gap .tab-btn.active {border-bottom: 2px solid var(--color1);}
.network-privileges-wrap .tabs-links-no-left-gap .tabs-btn-wrap {max-width: 321px; justify-content: start; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}
.network-privileges-wrap .tabs-links-no-left-gap .tabs-btn-wrap::-webkit-scrollbar {display: none;}
.network-privileges-wrap .tabs-links-no-left-gap .tab-btn {color: var(--color1); max-width: 100%; white-space: nowrap;}
.network-privileges-wrap .tabs-wrap.tabs-links-no-left-gap {max-width: 100%;}

.product-videos-wrap .swiper-button-prev,
.product-videos-wrap .swiper-button-next {
    display: none !important;
}

}

@media(max-width: 400px) { 
    .increased-view .blinking-input-field-block input {width: 38rem; height: 6rem;}
    .decreased-view .blinking-input-field-block input {width: 42rem;}
    .header-offers-wrap {font-size: 1.4rem;}
    .podium-img-block {max-width: 662px !important;}
 }

 @media(max-width: 380px) {
    .apply-now-filter-block {font-size: 1.6rem;}
    .header-offers-wrap {font-size: 1.3rem;}
    .product-detail-sidebar h1.small {font-size: 3rem; margin-bottom: 1rem;}
    .product-detail-sidebar .sidebar-content-block>.lg-text-block {font-size: 1.8rem; margin-bottom: 1rem;}
    .sidebar-more-block {margin-bottom: 2rem;}
    .shine-overlay {width: 14.5rem;}
}
@media(max-width: 768px) {
    .apply-now-filter-block {overflow: hidden;}
}
@media(max-width: 360px) {
    .find-perfect-card-carousel-wrap .card-btn-wrap .btn-v:nth-of-type(1) {margin-bottom: 20px;}
    .banner-content-block .xxl-text-block {width: 62%;}
}

@media (max-width: 350px) {
    .header-offers-wrap {font-size: 1.2rem;}
}

@media(min-width: 350px) {
    body {font-size: 1.6rem;}
    .btn-v.filled.find-card-btn-block {font-size: 1.8rem;}
    .header-voucher-not-visible.header-fixed .logo-menus-wrap {top: 41px;}
}

@media(min-width: 365px) and (max-width: 380px) {
    .banner-carousel-wrap {height: calc(100vh - 0px);}
}

@media(min-width: 380px) {
    .find-card-btn-block {bottom: 11rem;}
.increased-view .find-card-btn-block {bottom: 10rem;}
    .decreased-view .find-card-btn-block {bottom: 14rem;}
    .header-fixed .logo-menus-wrap {top: 77px;}
}

@media(min-width: 400px) {
    body.header-fixed {padding-top: 73px;}
    /* .header-fixed .logo-menus-wrap {top: 76px;} */
    .trolley-img-block {width: 500px !important;}
    .mobile-app-wrap {height: 539px;}
}

@media(min-width: 400px) and (max-width: 405px) {
    .banner-carousel-wrap {height: calc(100vh - 100px);}
}

@media(min-width: 405px) and (max-width: 419px) {
    .increased-view .find-card-btn-block {bottom: 11rem;}
    .decreased-view .find-card-btn-block {bottom: 15rem;}
}

@media(min-width: 420px) and (max-width: 435px) {
    .increased-view .find-card-btn-block {bottom: 11rem;}
    .decreased-view .find-card-btn-block {bottom: 15rem;}
    .baneer-side-animation {width: 47rem;}
    .find-card-btn-block {bottom: 12rem;}
}

@media(min-width: 410px) and (max-width: 420px) {
    .trolley-img-block {width: 360px !important;}
    .banner-carousel-wrap {height: calc(100vh - 40px);}
}

@media(min-width: 400px) and (max-width: 450px) {
    .network-img-block > img {height: 190px;}
}

@media(min-width: 451px) and (max-width: 500px) {
    .network-img-block > img {height: 200px;}
}

@media(min-width: 501px) and (max-width: 550px) {
    .network-img-block > img {height: 220px;}
}

@media(min-width: 551px) and (max-width: 600px) {
    .network-img-block > img {height: 230px;}
}

@media(min-width: 600px) and (max-width: 700px) {
    .network-img-block > img {height: 250px;}
}

@media(min-width: 701px) and (max-width: 776px) {
    .network-img-block > img {height: 260px;}
}

@media(min-width: 500px) and (max-width: 600px) {
    .network-icon-block {width: 100px;}
}

@media(min-width: 600px) and (max-width: 767px) {
    .network-icon-block {width: 50px;}
}

@media(min-width: 581px) and (max-width: 767px) {
    .sidebar-content-block {width: 40%;}
}

@media(min-width: 540px) and (max-width: 550px) {
    .banner-carousel-wrap {height: calc(100vh - -68px);}
    .increased-view .find-card-btn-block {bottom: 11rem;}
    .decreased-view .find-card-btn-block {bottom: 15rem;}
}

@media(min-width: 576px) {
    body.header-fixed {padding-top: 31px;}
    h1, 
.hero-banner-title {
    font-size: 36px;
}
.trolly-card {width: 64px !important;}

}

@media(min-width: 640px) {
    .key-benefits-bg {background-position: center; background-position: right;}
    .key-benefits-bg {background-image: url('../img/product-benefits-bg.png');}
    .core-card-cashback .key-benefits-bg {background-image: url('../img/cashback/product-benefits-bg.png');}
    .core-card-miles .key-benefits-bg {background-image: url('../img/miles/product-benefits-bg.png');}
    .core-card-prime .key-benefits-bg {background-image: url('../img/card-prime/product-benefits-bg.png');}
    .card-elite-black-without-golden .key-benefits-bg {background-image: url('../img/elite-without-golden/product-benefits-bg.png');}
    .card-elite-golden .key-benefits-bg {background-image: url('../img/elite-golden/product-benefits-bg.png');}
    .card-pulse .key-benefits-bg {background-image: url('../img/pulse/product-benefits-bg.png');}
    .core-card-simply-save .key-benefits-bg {background-image: url('../img/simply-save/product-benefits-bg.png');}
    .core-card-simply-click .key-benefits-bg {background-image: url('../img/simply-click/product-benefits-bg.png');}
    .key-benfits-blocks > div:nth-last-child(1) {display: block !important;}
    .benefit-text {width: 70%; margin: 0 auto;}
}

@media(min-width: 576px) and (max-width: 767px) {
    .mobile-main-menu-wrap {width: 58%;}
}

@media(min-width: 767px) {
    html {scroll-padding-top: 140px;}
    .shine-overlay {width: 11.5rem;}
    .tab-icon > img {width: 14px;}
.tab-icon.sm > img {width: 13px;}
.benefits-privileges-wrap {padding-top: 11rem !important; }
.progress-marker.active .progress-marker-circle {background-color: #73C3E8;}
.progress-marker.active .progress-marker-circle::after {background-color: #FFFFFF;}
.recommended-wrap.similar-cards-wrap h2 {margin-bottom: 0px;}
.skip-to-main-content {order: unset; position: relative; top: auto; right: auto; transform: none;}
.bottom-progressbar {bottom: -18px;}
.increased-view .bottom-progressbar {bottom: -19px;}
.footer-extra-link-block {justify-content: start; margin-bottom: 0px;}
.banner-subline-img-block img {width: 30rem;}
    .footer-extra-link-block > a {margin-bottom: 0;}
    .footer-copyright-block {text-align: left;}
.rounded-links-title br {display: block;}
.rounded-links-title {font-size: 1.6rem; text-align: center;}
.network-img-block > img {height: 100%; border-radius: 10px;}
.network-privileges-list-block {max-height: 180px;}
.network-privileges-wrap .tabs-links-no-left-gap .tabs-btn-wrap {max-width: max-content; justify-content: center;}
.product-detail-wrap {margin-top: -1px;}
.bottom-progressbar span.text-center {font-size: 10px; white-space: nowrap;}
.product-detail-privileges {display: block !important;}
.md-text-block {font-size: 1.6rem;}
.exclusive-privileges-icon-title .md-text-block {font-size: 1.6rem; line-height: 1.5;}
.btn-v {padding: 1.4rem 1.8rem;}

.card-btn-wrap .btn-v.arrow-btn svg,
.card-btn-wrap .btn-v.arrow-btn img {
    margin-left: 8px;
}

.banner-wrap .btn-v.arrow-btn svg,
.banner-wrap .btn-v.arrow-btn img {
    margin-left: 3rem;
}

.tab-btn {padding: 0 5rem; padding-bottom: 0.8rem;}
.product-detail-main-content h2 {margin-bottom: 0;}
.left-gap-on-mobile {padding-left: 0 !important;}
.right-gap-on-mobile {padding-right: 0 !important;}
.gap-x-mobile {padding-left: 0 !important; padding-right: 0 !important;}
.sun-block {border-left: 1px solid var(--border-color1);}
.banner-btn-wrap {justify-content: start; margin-top: calc(var(--spacing) * 20);}
.btn-v {font-weight: bold;}
.card-btn-wrap .btn-v {padding: 1rem 1.5rem;}
.only-conetnt-and-animation .banner-img-block-wrap {margin-top: -34px;}
.tabs-links-no-left-gap .tab-btn {max-width: max-content;}
.product-detail-sidebar {background-size: contain;}
.fee-and-charges-wrap .xxl-text-block {padding-bottom: calc(var(--spacing) * 10);}
.product-detail-sidebar {background-attachment: fixed !important;}
.product-detail-sidebar {padding-top: 0;}

.only-bg-img-and-btn .banner-btn-wrap {align-self: end; margin-bottom: 60px;}
.only-bg-img-and-btn .banner-content-block {display: flex; justify-content: start;}
.product-explore-rewards {padding-bottom: calc(var(--spacing) * 35);}

.find-card-wrap { background-size: 100% 100%;}
.why-sbi-card-desktop-block {background-position: top;}
body.dark-mode {background-color: #000000;}
body.dark-mode .product-listing-wrap {background-color: #000000;}
body.dark-mode section.exclusivity_sec {background-color: #000000;}
body.dark-mode .activate_slider {background-color: #000000;}
body.dark-mode section.exclusivity_sec .main_heading_para {color: #ffffff;}
body.dark-mode .faq-section .main_heading_para {color: #ffffff;}
body.dark-mode .assistance .main_heading_para {color: #ffffff;}
body.dark-mode .assistance-card-text h4 {color: #ffffff;}
body.dark-mode .assistance-card-text span {color: #ffffff;}
body.dark-mode .dark-template .recommended-wrap.similar-cards-wrap h3,
body.dark-mode .dark-template .card-content-description-block {
    color: var(--color2);
}


.dark-mode .dark-template .similar-cards-wrap a.btn-v.blue.arrow-btn svg path {fill: #ffffff;}
.dark-mode .dark-template .similar-cards-wrap .btn-v.blue.arrow-btn.transparent svg path {fill: var(--color4);}
body.dark-mode .dark-template .card-contents-img-block svg path {fill: var(--color4);}

.fee-and-charges-wrap .tab-btn .tab-icon > svg,
.fee-and-charges-wrap .tab-btn .tab-icon > img {
    width: auto;
     height: 16px;
    }

.get-more-tabs-link-img-block.me-5 {width: 4.3rem; height: 4.3rem; border: 1px solid #82AAE3; border-radius: 100%; display: flex; align-items: center; justify-content: center;}

.swiper-button-next svg, 
.swiper-button-prev svg,
.swiper-button-next img,
.swiper-button-prev img {
    width: 20px;
}

.dark-mode .recommended-wrap .swiper-button-next svg,
.dark-mode .recommended-wrap .swiper-button-prev svg,
.dark-mode .recommended-wrap .swiper-button-next img,
.dark-mode .recommended-wrap .swiper-button-prev img,
.dark-mode .product-detail-privileges .swiper-button-next svg,
.dark-mode .product-detail-privileges .swiper-button-prev svg,
.dark-mode .product-detail-privileges .swiper-button-next img,
.dark-mode .product-detail-privileges .swiper-button-prev img {
    filter: brightness(0) invert(1);
}

.swiper-button-next,
    .swiper-button-prev {
        display: block;
    }

   /* .vertical-card .shine {display: block; position: absolute; left: 0; top: 0; width: 25%; height: 150%; background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 3; transform-origin: center center; transform: translate(-100%, -100%) rotate(45deg); will-change: transform; backface-visibility: hidden; -webkit-font-smoothing: antialiased; filter: blur(2px); animation: shine 3s linear infinite;}

@keyframes shine {
  0% {transform: translate(-100%, -100%) rotate(45deg); opacity: 0;}
  20% {opacity: 1;}
  80% {opacity: 1;}
  100% {transform: translate(200%, 200%) rotate(45deg); opacity: 0;}
} */

.card-horizontal .shine-overlay {max-width: 100%; display: inline-block;}
.card-horizontal .shine-img {width: auto !important; height: auto !important; max-width: 100%; display: block;}
.card-horizontal .shine {width: 15%; height: 500%; transform: translate(-140%, -140%) rotate(35deg); animation: shine-horizontal 5s linear infinite;}
.card-horizontal .shine-overlay {width: 19.5rem;}
.card-horizontal .card-shadow {width: 73% !important;}

@keyframes shine-horizontal {
  0% {transform: translate(-160%, -160%) rotate(35deg); opacity: 0;}
  15% {opacity: 1;}
  85% {opacity: 1;}
  100% {transform: translate(180%, 180%) rotate(35deg); opacity: 0;}
}

.product-other-features-img-block,
.core-card-miles .product-other-features-img-block,
.core-card-cashback .product-other-features-img-block,
.core-card-prime .product-other-features-img-block,
.core-card-simply-save .product-other-features-img-block,
.core-card-simply-click .product-other-features-img-block,
.dark-template .product-other-features-img-block,
.core-card-cashback .product-other-features-img-block {
    top: -230px;
    right: -180px;
    width: 650px;
}

.tabs-links-no-left-gap .tab-btn {flex: none; margin-right: 40px;}
.similar-cards-wrap .dots-pagination {margin-top: 49px;}
.network-content-block > div {-moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.11); backdrop-filter: blur(10px); display: block; padding: calc(var(--spacing) * 8);}
.dark-mode .network-content-block > div {background-color: #000000;}
.dark-mode .network-content-block > div .disc li {color: #ffffff;}
.othet-features-accordion .universal-learn-more-block {color: #ffffff !important;}
/* .dark-mode .tab-content-gradient {border-radius: 22px; background: linear-gradient(180deg, #32393D 0%, #242628 100%); padding: 3rem 3.5rem !important; margin-top: 0;  border: 0; } */
.tab-icon {padding: 10px 0; width: 38px; border-right: 1px solid #969696; margin-right: 10px; margin-bottom: 0; height: auto;}
.tab-button-feel .tab-btn.active {font-weight: normal; background: linear-gradient(173deg, #0583BE 5.04%, #055E88 93.9%); border-radius: 16px 16px 0 0; border: 0; margin-bottom: 0;}

    #benefits,
    #privileges,
    #explore_rewards,
    #fees,
    #features {
        scroll-margin-top: 180px; 
    }

.swiper-button-next {right: -35px; }
.swiper-button-prev {left: -25px;}

.product-detail-privileges .swiper-button-next,
.small-slider-arrows .swiper-button-next {
    right: -23px;
}

.product-detail-privileges .swiper-button-prev,
.small-slider-arrows .swiper-button-prev {
    left: -23px; 
}

.product-features-carousel-prev {left: -28px !important;}
.product-features-carousel-next{right: -37px !important;}

.similar-prev {left: -28px !important;}
.similar-next{right: -37px !important;}


.find-card-popup-wrap .swiper-button-next {right: -35px;}
.find-card-popup-wrap .swiper-button-prev {left: -25px;}
    .hero-banner-title {padding: 0 0;}
    .dark-template h1.small {color: #ffffff !important;}
    h2 {line-height: 1.5;}

    .menu-wrap > a:hover,
.menu-wrap > a.active {
    color: var(--color1);
}

.menu-wrap > a.active::after {content: ''; width: 100%; height: 0.2rem; background-color: var(--color1); position: absolute; bottom: 0; left: 0;}



    .find-card-popup-wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); width: calc(100% - 2%); padding: 2.5rem 8rem; background: rgba(255, 255, 255, 0.89); border: 2px solid #ffffff; border-radius: 20px; backdrop-filter: blur(7px); opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: opacity, visibility, transform; z-index: 10; height: auto; }

    .fee-and-charges-wrap .tabs-btn-content-block,
    .network-privileges-list-block,
    .network-privileges-list-block .disc {
        margin-left: 2.3rem;
    }

.banner-carousel-wrap .bg-cover {height: 62.8rem;}
.emi-and-more-card-block {padding: 3.3rem;}
.get-more-tabs-wrap {flex-wrap: nowrap;}
footer {padding-bottom: 0;}
.footer-logo-share-wrap {width: 20%; display: block;}
.footer-links-wrap {width: 73%; margin-top: 0rem;}
.footer-links-wrap > div {margin-right: 0;}
.trolley-img-block {width: 300px !important;}
.banner-content-block {width: 66%; text-align: left; margin-top: 0;}
.banner-img-block-wrap {width: 34%; margin-top: 0;}
.rotating-img-block-wrap {left: 51%; width: 38%;}
.rotating-img-block-wrap img {width: 114px !important;}
.podium-wrap {margin-bottom: -50px;}
.blinking-input-field-block {top: 86px;}
.hi-lang .md-text-block.podium-text-wrap {font-size: 1.3rem;}
.podium-text-wrap {top: 50%;}
.why-sbi-card-wrap {height: 60rem;}
.sub-menu-up-arrow-block {top: -27px;}
.explore-rewards-blocks .disc {font-size: 1.6rem; margin-left: 1.7rem;}
.product-explore-rewards-list-block {max-height: 140px;}
.find-card-popup-wrap.opened {transform: translate(-50%, -50%) scale(1);}
.aeroplane-animation-block {width: 54px !important; left: -12px; bottom: calc(100% - 142px);}

.find-card-wrap {margin-bottom: -1px;}
.banner-carousel-wrap {height: 100%;}
.mobile-app-paginagtion {margin-top: -20px;}

.sticky-navigation-block {border-top: 1px solid #dddddd;}

#stickySidebar {position: sticky; top: 155px;  transition: transform 0.3s ease;}

.dark-template .swiper-button-next svg line, 
.dark-template .swiper-button-prev svg line {
    stroke: #ffffff;
}

.sticky-navigation-block > a {margin-right: 4.6rem;}
.side-shadow-right {position: absolute; top: 0; right: 0; height: 100%; width: 52px; z-index: 6; pointer-events: none; display: block;}
.sidebar-content-block {width: 88%;} 
.container {width: 700px;}
    .container {max-width: 700px;}
    .hide-on-desktop {display: none !important;}
    .banner-content-block .xxl-text-block br {display: none;}
    .emi-carousel-dots { display: flex; justify-content: center; margin-top: 38px; gap: 8px; align-items: center;}
    .emi-carousel-dot {width: 9px; height: 9px; border-radius: 50%; background-color: #636363;transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: background-color, transform;}
    .emi-carousel-dot.active {background-color: #D9D9D9; width: 13px; height: 13px;}
    .hide-scrollbar {scrollbar-width: none; -ms-overflow-style: none;  }
    .hide-scrollbar::-webkit-scrollbar {display: none;}
    .podium-wrap > img {width: 730px ! important; height: auto !important;}
    .find-card-popup-wrap.opened .card-btn-wrap > a {flex: 1;}
    .find-card-popup-wrap.opened .card-btn-wrap > a:nth-of-type(1) {margin-right: 10px;}
    .find-card-before-popup-title {padding-bottom: 0 !important; margin-bottom: -5px !important;}
    .find-card-wrap .xxl-text-block {width: 100%;}
/* .core-card-miles .product-other-features-img-block {top: -48px; right: -2px; width: 314px;} */
.core-card-simply-save .product-other-features-img-block {top: -48px; right: -2px; width: 390px;}
.core-card-simply-click .product-other-features-img-block {top: -48px; right: -2px; width: 390px;}
.core-card-prime .product-other-features-img-block {top: -48px; right: -2px; width: 314px;}
.dark-template .product-other-features-img-block {top: -186px; right: -146px; width: 582px;}
.card-elite-black-without-golden .tab-button-feel .tab-btn.active {background: linear-gradient(173deg, #276398 5.04%, #1B4366 93.9%);}
.card-pulse .tab-button-feel .tab-btn.active {background: linear-gradient(173deg, #276398 5.04%, #1B4366 93.9%);}
.core-card-cashback .tab-button-feel .tab-btn.active {background: linear-gradient(173deg, #276398 5.04%, #1B4366 93.9%);}
.core-card-simply-save .tab-button-feel .tab-btn.active {background: linear-gradient(173deg, #276398 5.04%, #1B4366 93.9%);}
.core-card-simply-click .tab-button-feel .tab-btn.active {background: linear-gradient(173deg, #276398 5.04%, #1B4366 93.9%);}
.core-card-prime .tab-button-feel .tab-btn.active {background: linear-gradient(173deg, #276398 5.04%, #1B4366 93.9%);}
.product-detail-wrap h2.leading-none > span:nth-of-type(1) {margin-bottom: -5px;}
    .mobile-app-content-block {width: 70%;}
    .mobile-app-main-img-block {position: absolute; bottom: 1px; right: 0; width: 88.8rem; z-index: -1;}
    .emi-and-card-wrap .emi-and-more-img-block img {width: 150px !important;}
    
    .banner-carousel-wrap .swiper-pagination {width: 700px !important;}
    .tab-icon + span br {display: none;}
    .card-carousel-bottom-btn-block {margin-top: 20px;}
    .tab-button-feel .tab-btn {border-radius: 16px 16px 0 0; background-color: #727272; box-shadow: 0 0 104px rgba(0, 0, 0, 0.45); padding: 0; padding-bottom: 0; font-size: 1.8rem; margin-bottom: 0;  border-bottom: 0;}
    .flip-card-block.flipped .privilege-top-icon-block {display: none;}

    .product-benefits-icon svg,
    .product-benefits-icon img {
        height: 4.2rem;
    }
    .accordion-item-block:nth-of-type(1) {border-radius: 2rem 2rem 0 0;}
    .accordion-item-block:nth-last-of-type(1) {border-radius: 0 0 2rem 2rem;}
body.dark-mode .compare-card-title-block .xxl-text-block {color: #ffffff;}
.logo-menus-wrap {border-bottom: 0;}
.benefit-text {font-size: 1.5rem;}
.exclusive-privileges-wrap {display: none;}
.tab-btn.active .tab-icon {border-right: 1px solid #2595CA;}
.dark-template .tab-btn.active .tab-icon {border-right: 1px solid #2595CA;}
.dark-template .tab-btn.active .tab-icon {border-right: 1px solid #8B7145;}
.card-elite-black-without-golden .tab-btn.active .tab-icon {border-right: 1px solid #306B9E;}
.card-pulse .tab-btn.active .tab-icon {border-right: 1px solid #306B9E;}
.core-card-miles .tab-btn.active .tab-icon {border-right: 1px solid #2595CA;}
.core-card-cashback .tab-btn.active .tab-icon {border-right: 1px solid #306B9E;}
.core-card-prime .tab-btn.active .tab-icon {border-right: 1px solid #306B9E;}

.logo-block svg,
.logo-block img {
    width: 12.9rem;
}

.network-privileges-list-block {max-height: 270px; overflow-y: auto;}
.cards-benefits-block > div {width: 31.3333%;}
.thumnail-carousel-wrap ::-webkit-scrollbar {width: 4px; height: 100%;}
/* .product-detail-sidebar {background-image: url('../img/product-detail-banner-light-bg-lg.jpg');}
.card-elite-golden .product-detail-sidebar {background-image: url('../img/elite-golden/left-banner/desktop-left-banner.jpg');}
.core-card-miles .product-detail-sidebar {background-image: url('../img/miles/left-banner/desktop-left-banner-miles.jpg');}
.core-card-cashback .product-detail-sidebar {background-image: url('../img/cashback/left-banner/desktop-left-banner-cashback.jpg');}
.core-card-simply-save .product-detail-sidebar {background-image: url('../img/simply-save/left-banner/desktop-left-banner-simplysave.jpg');}
.core-card-simply-click .product-detail-sidebar {background-image: url('../img/simply-click/left-banner/desktop-left-banner-simplyclick.jpg');}
.core-card-prime .product-detail-sidebar {background-image: url('../img/card-prime/left-banner/desktop-left-banner-prime.jpg');}
.card-elite-black-without-golden .product-detail-sidebar {background-image: url('../img/elite-without-golden/left-banner/desktop-left-banner.jpg');}
.card-pulse .product-detail-sidebar {background-image: url('../img/pulse/left-banner/desktop-left-banner-pulse.jpg');} */
.single-slide-center {margin-left: auto !important; margin-right: auto !important;}
.card-content-block {min-height: 101px;}
.product-detail-privileges :focus {outline: 2px solid #000000;  outline-offset: -2px; }
.tab-content-gradient {margin-top: 0; border-radius: 22px; background: linear-gradient(180deg, #32393D 0%, #242628 100%); border: 0;}
body.dark-mode .card-content-description-block a {color: var(--color4);}

.page-specific-desktop-only.header-sub-navigation-wrap {display: block;}
.product-detail-apply-now {display: none;}
.footer-social-share-title-block {text-align: left;}
.header-sub-navigation-wrap {padding: 1.5rem 3.5rem; width: 92.7rem; border: 2px solid #ffffff; border-radius: 14px; box-shadow: 0px 4px 37px rgba(126, 204, 237, 0.72); backdrop-filter: blur(12px); background: rgba(239, 250, 255, 0.75); margin-top: -25px; position: relative; bottom: auto; transform: none; opacity: 1; visibility: visible; left: auto; right: auto; z-index: 2;}
.recommended-wrap .card-content-wrap {display: flex; flex-wrap: wrap; height: 100%;}
.recommended-wrap .card-btn-wrap {width: 100%;}
.recommended-wrap .card-item-block > div {display: flex; flex-direction: column; align-items: end;}
.card-btn-wrap {width: 100%; align-self: flex-end;}
.recommended-wrap .card-item-img-block {width: 100%;}
.recommended-wrap h3 {width: 100%;}
.recommended-wrap .card-content-block {min-height: auto;}
}

@media(max-width: 1200px) {
    .header-secondary-menu-wrap {display: none;}
    .decreased-view.header-fixed .logo-menus-wrap {top: 67px;}
    .btn-v.header-login-btn-block {flex-wrap: wrap; background-color: transparent !important; border: 0 !important; padding: 0 !important; color: #222222 !important; text-align: center; height: 100%;}
    .btn-v.header-login-btn-block > img:nth-of-type(1) {margin-bottom: 3px;}
    .btn-v.header-login-btn-block span {width: 100%; display: block; font-size: 12px;}
    .btn-v.header-login-btn-block>a img {display: block;}
    .btn-v.header-login-btn-block > img:nth-of-type(1) {display: none;}
    .btn-v.header-login-btn-block span:nth-of-type(1) {margin-top: 3px;}
    .header-buttons-wrap > div {display: flex; align-items: center;}
    footer .appdownload-block img {width: 65px;}
    .header-buttons-wrap > a,
    .header-buttons-wrap > div {
        padding: 1rem 2rem !important;
    }

    .header-buttons-wrap > a,
    .header-buttons-wrap > div {
        border-left: 1px solid #E8E8E8 !important; 
        border-right: 1px solid #E8E8E8 !important;
    }
    
    .header-buttons-wrap.flex.items-center {width: 72%;}
    .header-help-block {display: none !important;}
    .header-login-mobile {display: flex !important;}
    .header-login-desktop {display: none !important;}
    .btn-v.header-login-btn-block span:nth-of-type(1) {margin-bottom: 3px;}
    .search-mobile-popup-wrap.active {display: block;}
}

@media(min-width: 1200px) {
    .menu-wrap {display: flex;}
    .mobile-toggle-block {display: none;}
    .searchbar-header-mobile-block {display: none;}
    .header-buttons-wrap {padding: 1.5rem 0; width: 33%;}
.header-offers-wrap {font-size: 1.3rem; background-color: transparent; }
.header-offers-wrap  > div {width: auto;}
.header-login-btn-block .header-login-right-arrow {display: block !important;}
.header-login-btn-block > span > svg path {fill: #ffffff;}
.header-login-toggle {flex-wrap: nowrap;}
.header-login-toggle svg path {fill: #ffffff;}
.header-searchbar-search-icon, .footer-email-input-block img, 
.header-search-bar-wrap svg,
.header-search-bar-wrap img {
    position: absolute; 
    top: 50%; 
    right: 0; 
    transform: translateY(-50%);
}
.header-secondary-menu-wrap .blue-circle-list-block li::before,
    .header-buttons-wrap .blue-circle-list-block li::before {
        top: 0.7rem; 
        transform: none;
    }

    
.header-search-bar-wrap input {display: block;}
.header-search-bar-wrap {display: block !important; width: 19.5rem;}
.header-sub-navigation-img-block {min-height: 30px; min-width: auto; align-items: end; margin-bottom: calc(var(--spacing) * 3);}
.topbar-block {z-index: 9999;}
.mobile-main-menu-wrap {display: none;}
.header-login-btn-block .sub-menu-wrap {display: block;}
.header-login-toggle{color: #ffffff !important; width: auto;}
.header-login-mobile {display: none !important;}
.header-login-desktop {display: flex !important;}
}

@media(min-width: 767px) and (max-width: 1200px) {
    .mobile-main-menu-wrap {width: 79%;}
    .mobile-main-menu-cross-block {width: 52px;}
    .mobile-main-menu-tabs-menu-block a {font-size: 18px;}
    .accordion-title {font-size: 3.3rem;}
    ul.mobile-main-menu-accordion-links-list li a {font-size: 2.6rem;}
    .qatext {font-size: 2.4rem;}
    .mobile-main-menu-wrap .accordion-content-wrap > div > div.font-bold {font-size: 18px;}
    .mobile-main-menu-share-title {margin-bottom: 30px;}
    .header-fixed .logo-menus-wrap {top: 44px;}
    .header-offers-wrap {background-color: transparent;}
    .decreased-view.header-fixed .logo-menus-wrap {top: 42px;}
    .search-suggestion-block a {font-size: 1.8rem;}
    .mobile-main-menu-tabs-content-wrap .accordion-item-block {border-bottom: 2px solid #DDDDDD;}
    .get-more-tabs-link-block {padding-right: 30px;}
    .floral.left {top: -55px; width: 6.3rem;}
    .floral.right {top: 172px; width: 5.5rem;}
    .mobile-main-menu-share-title {font-size: 2.9rem;}
    .mobile-main-menu-share-block {width: 70%; margin: 0 auto;}
}

@media(min-width: 991px) and (max-width: 1200px) {
    .mobile-main-menu-tabs-menu-block a {font-size: 25px; padding: 13px 20px;}

    .mobile-menu-accordion-icon-text-block svg, 
    .mobile-menu-accordion-icon-text-block img {
        width: 42px !important;
        height: auto !important;
        margin-right: 24px !important;
    }

    .accordion-title {font-size: 4.3rem;}
    .mobile-main-menu-tabs-content .accordion-arrow-block svg {width: 100% !important; height: auto;}
    .mobile-main-menu-tabs-content-wrap .accordion-item-block {margin-bottom: 2rem; border-bottom: 2px solid #DDDDDD;}
    .mobile-main-menu-share-block svg {width: 30px !important; height: auto !important;}
    .mobile-main-menu-share-title {font-size: 3.8rem;}
    .search-mobile-popup-wrap.active {display: block;}
}

@media(min-width: 550px) and (max-width: 767px) {
    .product-other-features-img-block, 
    .core-card-cashback .product-other-features-img-block {
    top: -38px;
    right: -26px;
    width: 358px;
}

.find-card-popup-wrap {width: calc(100%) !important;}
}

@media(min-width: 1025px) and (max-width: 1200px) {
    .header-secondary-menu {width: calc(100% - 14.2rem);}
    .new-header-footer-common .container {width: 1000px; max-width: 1050px}
}

@media(min-width: 576px) and (max-width: 750px) {
    .increased-view .find-card-btn-block {bottom: 11rem;}
    .decreased-view .find-card-btn-block {bottom: 15rem;}
    .mobile-app-wrap {height: 807px;}
    .container {max-width: 100%;}
    .banner-carousel-wrap .swiper-pagination {bottom: 30px !important;}
    .banner-carousel-wrap .swiper-pagination {width: auto !important;}
    .mobile-app-main-img-block {width: 100%;}
    .banner-carousel-wrap {height: 780px;}
    .only-bg-img-and-btn .banner-btn-wrap {margin-bottom: 130px;}
    .baneer-side-animation {width: 48rem;}
}

@media(min-width: 576px) and (max-width: 1279px) {
    .find-card-popup-wrap {width: calc(100% - 2%); padding: 2.5rem 5rem;}
    .banner-carousel-wrap .swiper-pagination {bottom: 50px !important;}
    .hero_banner_heading {font-size: 32px !important;}
    .network-privileges-wrap .tabs-links-no-left-gap .tabs-btn-wrap {justify-content: start; max-width: 100%;}
    .popup-wrap > div {width: 81.6rem;}
}

@media(min-width: 576px) and (max-width: 1200px) {

    body.hi-lang h2,
    body.hi-lang h1.as-h2-title {
        font-size: 4.5rem;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    .find-card-popup-wrap .swiper-button-next,
    .find-card-popup-wrap .swiper-button-prev {
        display: block;
    }

    .header-fixed .header-secondary-menu-wrap {top: calc(48px + 39px);}
    .header-fixed.decreased-view .header-secondary-menu-wrap {top: calc(48px + 30px);}
    .header-fixed.skip-main-menu-clicked .header-secondary-menu-wrap {top: calc(-22px + 63px);}
    
    .logo-block svg,
    .logo-block img {
        width: 11.2rem;
    }
    
.logo-block {width: 13.2rem; margin-right: 10px;}
.logo-menu-block {width: 68%;}
.rotating-img-block-wrap {top: 48%; width: 40%;}
.rotating-img-block-wrap img {width: 120px !important;}

.find-card-btn-block {bottom: 100px;}
.header-app-link-block {display: none;}
.mobile-app-wrap {height: 43rem;}
.qr-text-block {text-align: center;}
.sub-menu-up-arrow-block {top: -21px;}
.menu-center-tab .sub-menu-up-arrow-block {left: 50%; transform: translateX(-50%);}
.emi-and-more-description-block {font-size: 2.4rem; overflow: hidden; text-overflow: ellipsis; height: 150px;}
.emi-and-more-title-block {height: 105px;}
.find-perfect-card-carousel-item {padding: 10px 10px;}
.popup-cross {right: -25px;} 
.product-detail-wrap h2 {font-size: 3rem;}
/* .recommended-wrap h3 {height: 54px;} */
.banner-carousel-wrap {background-position: bottom;}
/* commented on 12-Feb-2026 .card-elite-black-without-golden .product-detail-sidebar {background-size: cover;} */
.rounded-links {padding: 9px 10px; min-width: 174px;}

.footer-share-block a svg,
.footer-share-block a img {
    width: 15px;
}

    .card-btn-wrap .btn-v:nth-of-type(1) {margin-right: 10px;}
    h3 {font-size: 3.4rem;}
    
    body.hi-lang .xxl-text-block {font-size: 3rem;}
    .tabs-links-no-left-gap .xxl-text-block {font-size: 2.4rem;}
    .fee-and-charges-wrap .xxl-text-block {font-size: 2.4rem;}
    .xxl-text-block {font-size: 2rem;}
.find-card-popup-wrap.opened .card-btn-wrap > a:nth-of-type(1) {margin-right: 5px;}
.find-perfect-card-carousel-wrap {padding: 5px;}
.footer-share-block {margin-right: 55px;}
.footer-logo-block {width: 100%; justify-content: center; display: flex;}
.footer-social-share-title-block {padding-top: 0; padding-right: 20px;}

.product-detail-sidebar h1 {padding-left: 10px; padding-right: 10px;}

    
    .explore-rewards-blocks .tabs-links-no-left-gap .xxl-text-block {font-size: 2rem; padding-left: 0.5rem !important; padding-right: 0.5rem !important; margin-right: 10px;}
    .product-detail-privileges h3 {width: 100%;}
    section.find-perfect-card-section {min-height: 500px;}
    .card-content-block {min-height: 132px; font-size: 1.7rem;}
    .find-perfect-card-carousel-item .circle-list-block {font-size: 1.7rem; height: 143px;}
}

@media(min-width: 576px) and (max-width: 1024px) {
    .why-sbi-card-desktop-block {margin-bottom: 0 !important; padding-bottom: 0 !important; height: 100vh !important; background-size: 100% 100%;}
    .why-sbi-card-block.relative {margin-top: 150px;}
    .why-sbi-card-desktop-block h2 {margin-top: 50px;}
    .stacking-card-block {padding: 7.3rem 8.3rem;width: 78.1rem;}
.stacking-img-block {width: 28rem;}
.stacking-title-block {font-size: 5.6rem;}
.stacking-descrption-block {font-size: 4rem;}
.footer-logo-block {justify-content: start;}
}

@media(min-width: 576px) and (max-width: 991px) {
    .menu-wrap > a {font-size: 1.4rem;}
    .hi-lang .menu-wrap > a {font-size: 1.3rem;}
    .decreased-view .blinking-input-field-block input {width: 48rem;}
    .product-detail-privileges h3 {width: 100%;}
    h1.small {font-size: 3rem;}
    .mobile-app-main-img-block {width: 404px; bottom: auto; top: 57%; transform: translateY(-50%);}
    .benefit-text {font-size: 1.2rem;}
}

@media(min-width: 576px) and (max-width: 800px) {
    body {font-size: 1.2rem;}
    .get-more-tabs-links-wrap {width: 20%;}
    .rotating-img-block-wrap {top: 45%; width: 38%;}
    .find-card-btn-block {font-size: 1.5rem;}
    .sub-menu-wrap {min-width: 64.8rem;}
    .menu-center-tab.dropdown-link.open .sub-menu-wrap {left: 50%; transform: translateX(-50%);}
    .emi-and-more-description-block {height: 86px;}
    .emi-and-more-title-block {height: 81px;}
    .dropdown-link-text-block {font-size: 1.3rem;}
.hi-lang .dropdown-link-text-block {font-size: 1.2rem;} 
.container {width: 700px; max-width: 700px;}
    .banner-carousel-wrap .swiper-pagination {width: 700px !important;}
    .mobile-app-main-img-block img {width: 100% !important; height: auto !important;}
.footer-social-share-title-block {padding-top: 3px;}
.find-card-popup-wrap {width: calc(100% - 18%);}

    
    .explore-rewards-blocks .tabs-links-no-left-gap .xxl-text-block {font-size: 2rem; padding-left: 0.5rem !important; padding-right: 0.5rem !important; margin-right: 10px;}
    
}

@media(min-width: 576px) and (max-width: 767px) {
    .rotating-img-block-wrap img {width: 184px !important;}
    .rotating-img-block-wrap {top: 47%; width: 39%; left: 56%;}
    .trolly-card {width: 167px !important; left: 58px; top: 122px;}
    .aeroplane-animation-block {bottom: calc(100% - 219px); width: 114px !important;}
    .container {width: 100%; max-width: 100%;}
    .banner-carousel-wrap .swiper-pagination {width: auto !important;}
    .footer-share-block {margin-right: 0; width: 60%;}
    .mobile-app-wrap {height: auto}
    .mobile-app-main-img-block {width: 100%; transform: none; margin: 0 auto; margin-top: 30px;}
    .podium-radio-wrap > div {width: 27.9rem;}

    .footer-share-block a svg, 
    .footer-share-block a img {
        width: 28px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) and (orientation: landscape) {
.why-sbi-card-block.relative {margin-top: 0 !important;}
.footer-logo-block {justify-content: start;}
.mobile-app-main-img-block {width: 550px !important;}
}

@media(min-width: 767px) and (max-width: 1024px) {
    .product-detail-sidebar {width: 30%;}
    .product-detail-main-content {width: calc(100% - 30%);}
    .fee-and-charges-wrap .tabs-btn-wrap {max-width: 450px;}
    .fee-and-charges-wrap .xxl-text-block {font-size: 2rem;}
    .cards-benefits-block {margin-bottom: 10px;}
}

@media(min-width: 767px) and (max-width: 1200px) {
.dropdown-link.open .sub-menu-wrap {display: block;}
}

@media(min-width: 801px) and (max-width: 1200px) {
    body {font-size: 1.5rem;}
}

@media(min-width: 801px) and (max-width: 991px) {
    body {font-size: 1.6rem;}
    .header-secondary-menu-wrap .blue-circle-list-block li::before,
    .header-buttons-wrap .blue-circle-list-block li::before {top: 3px; transform: none;}
    .get-more-tabs-links-wrap {width: 18%;}
    .rotating-img-block-wrap {top: 48%; width: 40%;}
    .find-card-btn-block {font-size: 1.5rem;}
    .decreased-view .find-card-btn-block {bottom: 103px;}
    .sub-menu-wrap {min-width: 67.8rem;}
    .sub-menu-wrap {min-width: 64.8rem;}
    .menu-center-tab.dropdown-link.open .sub-menu-wrap {left: 50%; transform: translateX(-50%);}
    .emi-and-more-description-block {height: 56px;}
    .emi-and-more-title-block {height: 63px;}
    .podium-radio-wrap > div {width: 29.9rem;}
    .find-card-popup-wrap {width: calc(100% - 18%);}
    .circle-list-block {height: 18.9rem;}
    .card-btn-wrap .btn-v {padding: 1.4rem 1rem;}
    .sub-menu-wrap.md-sm-block {min-width: 60.8rem;}
    .dropdown-link-text-block {font-size: 1.2rem;} 
.hi-lang .dropdown-link-text-block {font-size: 1.2rem;} 
.swiper-button-prev {left: -25px;}
    .swiper-button-next {right: -29px;}

    .reward-count-animation-block .flex.items-end.gap-1.overflow-hidden div,
    .reward-count-animation-block .flex.items-end.gap-1.overflow-hidden span {
        font-size: 3rem !important;
    }

    
        .explore-rewards-blocks .tabs-links-no-left-gap .xxl-text-block {font-size: 2rem; padding-left: 0.5rem !important; padding-right: 0.5rem !important; margin-right: 10px;}
    .podium-wrap > img {width: 580px;}
    .container {width: 765px; max-width: 765px;}
    .banner-carousel-wrap .swiper-pagination {width: 765px !important;}
    .podium-wrap > img {width: 733px ! important;}
    .md-text-block {font-size: 2rem;}
    .btn-v {font-size: 1.8rem;}
    .mobile-app-main-img-block img {width: 100% !important; height: auto !important;}
.footer-social-share-title-block {padding-top: 3px;}
}

@media(min-width: 991px) and (max-width: 1200px) {
    .get-more-tabs-links-wrap {width: 20%; padding-right: 12px;}
    .find-card-btn-block {font-size: 1.6rem;}
    .mobile-app-wrap {height: 39rem;}
    .menu-center-tab.dropdown-link.open .sub-menu-wrap {left: 50%; transform: translateX(-50%);}
    .circle-list-block {height: 13.9rem;}
    .dropdown-link-text-block {font-size: 1.4rem;}
    .swiper-button-prev {left: -25px;}
    .swiper-button-next {right: -34px;}
    /* .product-detail-privileges h3 {width: 80%;} */
    .mobile-app-main-img-block {width: 430px;}
    .xxl-text-block {font-size: 2.5rem;}
    h1.small {font-size: 4rem;}
    .sidebar-content-block .font-medium {font-size: 2rem;}
}

@media(min-width: 991px) {
    h2,
    h1.as-h2-title {
        font-size: 5rem;
    }

    .banner-carousel-wrap .bg-cover {background-position: center; transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: background-position;}
    .podium-radio-wrap > div {width: 21.9rem}
    .sidebar-content-block {width: 70%;}
    .container {width: 800px;}
    .container {max-width: 800px;}
    .banner-carousel-wrap .swiper-pagination {width: 800px !important;}
    .banner-wrap {overflow: visible; }
}

@media(min-width: 1025px) {
    body.hi-lang .hero-banner-title {font-size: 46px;}

    h2, 
    .popup-title, h1.as-h2-title {
        font-size: 3.2rem;
    }

    .header-accessibility-wrap > div > div {padding: 0.6rem 1.4rem;}
    .lg-text-block {font-size: 1.5rem;}
    .header-fixed .logo-menus-wrap {top: 27px;}
    .container {width: 900px;}
    .container {max-width: 900px;}
    .banner-carousel-wrap .swiper-pagination {width: 900px !important;}

    .sub-menu-wrap:hover,
.open-submenu-hover:hover + .sub-menu-wrap,
.sub-menu-wrap.open,
.dropdown-menu-link:hover .sub-menu-wrap,
.parent-submenu-hover:hover .sub-menu-wrap {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    display: block;
}

.header-fixed .logo-menus-wrap {border-bottom: 1px solid #dddddd;}
.dark-mode.header-fixed .logo-menus-wrap {border-bottom: 1px solid #353535;}
}

@media(min-width: 1201px) {
    body {font-size: 1.3rem;}
    body.header-fixed {padding-top: 104px;}

    h1,
.hero-banner-title {
    font-size: 50px;
}

.header-fixed .logo-menus-wrap {top: 41px;}
.logo-menu-block {width: 67%;}
.banner-carousel-wrap .bg-cover {height: 335px;}
a.btn-v.find-card-btn-block {border: 1px solid #FFFFFF; bottom: 100px;}
.increased-view .find-card-btn-block {bottom: 100px;}
.decreased-view .find-card-btn-block {bottom: 100px;}
.mobile-app-wrap {height: 40rem;}
.emi-and-more-description-block {height: 75px;}
.emi-and-more-title-block {height: 65px;}
.blue-circle-list-block.when-anchor-selected li::before {left: 1.5rem;}
.circle-list-block {height: 15.9rem;}
.trolly-card {width: 100px !important;}
.card-btn-wrap .btn-v {font-size: 1.3rem; flex: none;}
.container {width: 1100px;}
    .container {max-width: 1100px;}
    .banner-carousel-wrap .swiper-pagination {width: 1100px !important;}
    .container-detail-page {width: 909px;}
    .rounded-links {padding: 4px 15px;}
    .container-detail-page {padding-left: 0; padding-right: 0;}
    /* .product-detail-sidebar {background-image: url('../img/banner-md.jpg');}
.card-elite-golden .product-detail-sidebar {background-image: url('../img/elite-golden/left-banner/banner-md.jpg');}
.core-card-miles .product-detail-sidebar {background-image: url('../img/miles/left-banner/banner-md.jpg');}
.core-card-cashback .product-detail-sidebar {background-image: url('../img/cashback/left-banner/banner-md.jpg');}
.core-card-simply-save .product-detail-sidebar {background-image: url('../img/simply-save/left-banner/banner-md.jpg');}
.core-card-simply-click .product-detail-sidebar {background-image: url('../img/simply-click/left-banner/banner-md.jpg');}
.core-card-prime .product-detail-sidebar {background-image: url('../img/card-prime/left-banner/banner-md.jpg');}
.card-elite-black-without-golden .product-detail-sidebar {background-image: url('../img/elite-without-golden/left-banner/banner-md.jpg');}
.card-pulse .product-detail-sidebar {background-image: url('../img/pulse/left-banner/banner-md.jpg');} */
.decreased-view .stacking-card-block {width: 350px;}
.btn-v.header-login-btn-block span {filter: brightness(1) invert(0) !important;}
}

@media(min-width: 1025px) and (max-width: 1280px) {
    .product-detail-sidebar h1.small {display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
    .product-detail-sidebar h1.small {font-size: 3rem;}
    .header-fixed.skip-main-menu-clicked .header-secondary-menu-wrap {top: calc(0px + 38px);}
    .header-thrid-bar-menu-wrap {padding: 1rem 1.5rem;}
    .recommended-wrap h3 {height: 52px; font-size: 1.8rem;}
    .sticky-navigation-block > a {padding-top: 1.5rem;} 
    .shine-overlay {width: 10.5rem;}
    .header-buttons-wrap {padding: 0.5rem 0;}
    #stickySidebar > div {padding-top: 0;}
    .container-detail-page {width: 792px;}
    .btn-v {padding: 1rem 1.5rem; font-size: 1.2rem;}
    .product-detail-sidebar .md-text-block {font-size: 1.4rem;}
    .product-detail-sidebar .extra-content {font-size: 1.2rem; line-height: 1;}
    .product-detail-sidebar .sidebar-more-block {font-size: 1.2rem;}
    .xxl-text-block {font-size: 1.8rem;}
    .extra-content-block {width: 83%; margin: 0 auto; margin-top: 0.5rem;}
    .header-fixed .logo-menus-wrap {top: 31px;}
    .decreased-view.header-fixed .logo-menus-wrap {top: 27px;}
    .header-fixed .header-secondary-menu-wrap {top: calc(77px - 5px);}
    .increased-view.header-fixed .header-secondary-menu-wrap {top: calc(77px - 1px);}
    .header-fixed.decreased-view .header-secondary-menu-wrap {top: calc(77px - 20px);}
    .btn-v.filled.find-card-btn-block{font-size: 1.2rem;}
    .product-detail-privileges h3 {width: 100%;}
    .card-item-block img {width: 60px !important;}
}

@media(min-width: 1200px) and (max-width: 1280px) {
    #stickySidebar {top: 136px;}
}

@media(min-width: 1025px) and (max-width: 1200px) {
    .card-btn-wrap .btn-v {padding: 1.4rem 1rem; font-size: 1.2rem;}
    .fee-and-charges-wrap .tabs-btn-wrap {max-width: 500px;}
    .fee-and-charges-wrap .xxl-text-block {font-size: 2rem;}
    .container-detail-page {width: 700px;}
    .emi-and-more-card-block {padding: 6rem 3.3rem;}
}

@media(min-width: 1281px) {
    h1.small {font-size: 3.8rem;}

    h2,
    .popup-title,
    h1.as-h2-title {
        font-size: 3.6rem;
    }

    .header-accessibility-wrap > div > div {padding: 1.2rem 1.4rem;}
    .lg-text-block {font-size: 1.8rem;}
    .recommended-wrap h3 {height: 72px;}
    .header-fixed .logo-menus-wrap {top: 41px;}
    .header-fixed.decreased-view .logo-menus-wrap {top: 36px;}
    .header-fixed .header-secondary-menu-wrap {top: calc(160px - 56px);}
    .header-fixed.decreased-view .header-secondary-menu-wrap {top: calc(160px - 73px);}
    .header-fixed.increased-view .header-secondary-menu-wrap {top: calc(160px - 50px);}
    .card-content-block {min-height: 115px;}
    .banner-carousel-wrap .bg-cover {height: 377px;}
}

@media(min-width: 1300px) {
    .container {width: 1200px; max-width: 1200px;}
    .banner-carousel-wrap .swiper-pagination {width: 1200px !important;}
    .get-more-tabs-links-wrap {width: 24%;}
    .product-detail-sidebar h1{width: 70%; margin: 0 auto; margin-bottom: 0.5rem;}
    .product-card .btn-v {font-size: 1.3rem; padding: 1.4rem 1.3rem;}
}

@media(min-width: 1305px) {
    .fee-and-charges-wrap .tabs-btn-wrap {max-width: 450px;}
}

@media(min-width: 1400px) {
    .circle-list-block {height: 16.9rem;}
    .get-more-tabs-links-wrap {width: 22%;}
    .decreased-view .bottom-progressbar {bottom: -16px;}
    .increased-view .bottom-progressbar {bottom: -22px;}
    .bottom-progressbar {bottom: -22px;}
}

@media(min-width: 1500px) {
    .popup-wrap > div {width: 92.6rem;}
    .product-detail-privileges h3 {font-size: 2.4rem;}
    .popup-wrap > div ul {max-height: 342px;}

    .popup-cross-block svg,
    .popup-cross-block img {
        width: 35px; 
        height: 35px;
    }

    .popup-wrap .disc li {font-size: 1.6rem;}
}

@media(min-width: 1681px) {
    .find-card-popup-wrap {width: 1250px;}
    .circle-list-block {overflow-y: hidden;}
    .circle-list-block {height: 16.9rem;}
    .get-more-tabs-links-wrap {width: 21%;}
    .sidebar-content-block {width: 57%;}
    .why-sbi-card-wrap {height: 700px !important;}
    .header-fixed .header-secondary-menu-wrap {top: calc(160px - 57px);}
    .header-fixed.decreased-view .header-secondary-menu-wrap {top: calc(160px - 73px);}
    .header-fixed.increased-view .header-secondary-menu-wrap {top: calc(160px - 50px);}
    .container {width: 1500px; max-width: 1500px;}
}

/* @media(min-width: 1800px) {
    .product-detail-sidebar {background-size: cover; background-repeat: no-repeat;}
} */

@media only screen and (max-width: 700px) and (orientation: landscape) {
    .banner-carousel-wrap {height: auto;}
    .trolley-img-block {width: 283px !important;}
}

@media only screen and (max-width: 991px) and (orientation: landscape) {
      .stacking-card-block {
        padding: 4.3rem 3.3rem;
        width: 240px;
        border-radius: 18px;
    }

    .product-detail-sidebar {
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .stacking-title-block {
        font-size: 2.6rem;
    }

    .stacking-descrption-block {
        font-size: 1rem;
    }

    .stacking-img-block {
        width: 8rem;
    }

    .why-sbi-card-desktop-block h2 {
        margin-top: 0;
    }

    .why-sbi-card-block.relative {margin-top: 20px;}
    .decreased-view .why-sbi-card-block.relative {margin-top: 40px;}

    h2, 
    h1.as-h2-title {
        font-size: 4rem;
    }

    .xxl-text-block {
        font-size: 2.4rem;
    }

    
}



/* ///////////////////// FOR V25 Header Third Bar//////////////////////////// */
.header-secondary-menu>.dropdown-link {padding: 1.6rem 1.4rem;}
.header-secondary-menu-wrap {background-color: #0A142F;}
.header-secondary-menu {width: calc(100% - 19rem); margin-left:auto}
.dropdown-link-text-block + .sub-menu-wrap {top: calc(100% + 14px);}
.dropdown-link-text-block + .sub-menu-wrap .sub-menu-up-arrow-block {top: -28px;}
 

@media(min-width: 576px) and (max-width: 800px) {
    .header-secondary-menu>.dropdown-link {padding: 1.6rem 1rem;}
}

.header-app-link-block span:nth-of-type(1) img {width: 20px;}
.m-apply-now-hidden { display: none; }
.banner-carousel-wrap .swiper-pagination-bullet,.catalog-banner-carousel-wrap .swiper-pagination-bullet {width: 1.1rem; height: 1.1rem; margin: 0 !important; background-color: #ffffff; display: block; border-radius: 0; margin-right: 10px !important; opacity: 1 !important; border-radius: 100%; border: 1px solid #0d73c1;} 
.banner-carousel-wrap .swiper-pagination-bullet-active,.catalog-banner-carousel-wrap .swiper-pagination-bullet-active {background-color: #52b6db;transform: scale(1.3) !important;}
.core-card-cashback .product-explore-rewards h2,
.core-card-cashback .product-other-features-wrap h2,
.core-card-miles .product-explore-rewards h2,
.core-card-miles .product-other-features-wrap h2,
.core-card-prime .product-explore-rewards h2,
.core-card-prime .product-other-features-wrap h2,
.core-card-simply-click .product-explore-rewards h2,
.core-card-simply-click .product-other-features-wrap h2,
.core-card-simply-save .product-explore-rewards h2,
.core-card-simply-save .product-other-features-wrap h2,
.default .product-explore-rewards h2,
.default .product-other-features-wrap h2 {
    color: #ffffff;
}

/* ///////////////////////////Simplifier////////////////////////// */
.btn-arrow-side {justify-content: space-between; font-size: 1.75rem; font-weight: 500;}
.btn-arrow-side svg {width: 2.125rem;}
.dragger-steps>div::after{content: ''; position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 1px; height: 15px; background-color: var(--color1);}
.green-tick-list {list-style: none; padding-left: 0;}
.green-tick-list li {position: relative; padding-left: 2.75rem;}
.green-tick-list li::before {content: ""; position: absolute; left: 0; top: 0.4em; width: 1.5rem; height: 1.5rem; background-image: url("../img/simplifier/tick-green.svg"); background-repeat: no-repeat; background-size: contain;}
.arrow-btn.justify-between {justify-content: space-between !important;}
.simplifier-vertical-card {position: absolute; inset: 0; transition: transform 0.5s ease, opacity 0.4s ease; will-change: transform; background-color: #ffffff;}
.card-top {transform: translateY(0) scale(1); z-index: 3; opacity: 1;}
.card-middle {transform: translateY(17%) scale(0.70); z-index: 2; opacity: 1;}
.increased-view .card-middle {transform: translateY(16%) scale(0.70);}
.card-bottom {transform: translateY(29%) scale(0.50); z-index: 1; opacity: 1;}
.card-hidden {transform: translateY(18%) scale(0); opacity: 0; pointer-events: none;}
.simplifier-vertical-card-stack .btn-v.blue.transparent.active {background-color: var(--color4); color: #ffffff;}
.simplifier-vertical-card-stack .btn-v.blue.transparent.active path {fill: #ffffff;}
.btn-v.white-btn {background-color: #ffffff; border: 1px solid var(--color4); color: var(--color4); font-size: 1.6rem;}

.simplifier-header h1,
.simplifier-recommended-cards-block h2 {
    font-size: 3.5rem; 
    color: var(--color2);
    font-weight: 800;
}

.dark-mode .simplifier-wrap {background-image: none; background-color: #000000;}
.dark-mode .simplifier-header-content p {color: #ffffff;}
.dark-mode .dark-mode-change-into-white.btn-v {border: 1px solid #ffffff; color: #ffffff;}
.dark-mode .dark-mode-change-into-white svg path {fill: #ffffff}
.dark-mode .simplifier-vertical-card-header {background-color: var(--color4);}

:root {
  --thumb-size: 28px;
  --steps: 4;
}

.income-slider {max-width: 600px; margin: auto;}
.labels {display: flex; justify-content: space-between; margin: 12px 0; padding: 0; }
.labels span {font-size: 1.875rem; font-weight: 500; text-align: center;}
.labels span.active {color: #0094D9;}
.slider-wrapper {position: relative;}
.range {width: 100%; appearance: none; height: 5px; border-radius: 999px; background: linear-gradient(90deg, #0094D9, #40C2FF); outline: none; border: 0;}
.ticks {position: absolute; inset: 0; pointer-events: none; top: 2px;}
.tick {position: absolute; top: 50%; transform: translate(-50%, -50%); width: 2px; height: 14px; background: #14A2E5; z-index: 2;}
.labels.top {padding: 0 20%;}
.range::-webkit-slider-thumb {opacity: 0;}
.range::-moz-range-thumb {opacity: 0;}
.fake-thumb {position: absolute; top: 50%; width: 28px; height: 28px; background: url("../img/simplifier/dragger.svg") no-repeat center; background-size: contain; transform: translate(-50%, -50%); pointer-events: none; z-index: 3;}
.range:focus {outline: none;}
.range:focus-visible + .fake-thumb {box-shadow: 0 0 0 4px rgba(0, 148, 217, 0.35); border-radius: 50%;}
.labels span.active {color: var(--color1);}
.sr-checkbox {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.sr-checkbox:focus {outline: none;}
.sr-checkbox:focus-visible + span {outline: 3px solid var(--color1); outline-offset: 4px; border-radius: 6px;}








@media(max-width: 1023px) {
    .restart-button-block {z-index: 99; background: rgba(9, 97, 139, 0.80); box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.25); backdrop-filter: blur(8px); padding: 10px 0;}
}

@media(min-width: 1025px) {
    .simplifier-vertical-card-content-block label::after {content: ''; width: 1px; height: 100%; background-image: url('../img/simplifier/line.png'); background-repeat: no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
    .simplifier-recommended-cards h2 {line-height: 1.2;}
    .simplifier-recommended-cards h2 {font-size: 2.4rem;}
    .income-slider br {display: none;}

    .simplifier-header h1 {font-size: 4rem; }
    .increased-view .card-middle {transform: translateY(17%) scale(0.70);}
}

@media(min-width: 1281px) {
    .increased-view .card-bottom {transform: translateY(36%) scale(0.50);}
}

@media(min-width: 1681px) {
    .simplifier-header h1 {font-size: 5rem; }
}

@media(min-width: 320px) and (max-width: 400px) {
    .simplifier-vertical-card-content-block:nth-of-type(1) {padding-left: 2rem; padding-right: 2rem;}
    .increased-view .simplifier-vertical-card-stack>div.relative {height: 550px;}
}

@media(min-width: 320px) and (max-width: 360px) {
    .increased-view .simplifier-vertical-card-stack>div.relative {height: 566px;}
}

@media(min-width: 389px) and (max-width: 390px) {
    .increased-view .simplifier-vertical-card-stack>div.relative {height: 577px;}
}

@media(min-width: 391px) and (max-width: 395px) {
    .increased-view .simplifier-vertical-card-stack>div.relative {height: 580px;}
}

@media(min-width: 410px) and (max-width: 420px) {
    .increased-view .simplifier-vertical-card-stack>div.relative {height: 579px;}
}

@media(min-width: 420px) and (max-width: 576px) {
    .increased-view .simplifier-vertical-card-stack>div.relative {height: 549px;}
}

@media(min-width: 576px) and (max-width: 1023px) {
    .increased-view .card-middle {transform: translateY(17%) scale(0.70);}
}

@media(min-width: 576px) and (max-width: 1200px) {
    .simplifier-header-content {width: 100%;}
    .simplifier-header-img-block {width: 100%;}
    .simplifier-header {text-align: center; width: 100%;}
    .simplifier-header img {margin-left: auto; margin-right: auto;}
    .simplifier-header-content p {text-align: center; width: 100%;}
    .simplifier-vertical-card-stack{width: 100%;}
}

@media(min-width: 576px) and (max-width: 1200px) {
    .simplifier-recommended-cards {grid-template-columns: repeat(1, minmax(0, 1fr)); width: 72%; margin: 0 auto;}
    .spend-the-most-checkboxs {width: 100px;}
}

@media(min-width: 1025px) and (max-width: 1200px) {
    .simplifier-recommended-cards {grid-template-columns: repeat(1, minmax(0, 1fr)); width: 49%; margin: 0 auto;}
}

@media(min-width: 576px) {
.why-sbi-card-wrap .right-arrow {right: 160px;}
.why-sbi-card-wrap .left-arrow {left: 160px;}
}

@media(min-width: 991px) {
.why-sbi-card-wrap .right-arrow {right: 200px;}
.why-sbi-card-wrap .left-arrow {left: 200px;}
}

@media(min-width: 1201px) {
.why-sbi-card-wrap .right-arrow {right: 250px;}
.why-sbi-card-wrap .left-arrow {left: 250px;}
}

/* Hero Banner T&c */
.hero-banner-tnc { 
 position: absolute; 
 right: 0; 
 top: 50%; 
 transform: translateY(-50%); 
 writing-mode: sideways-lr; 
 text-orientation: mixed; 
 font-size: 1.25rem; 
 font-weight: 400; 
 letter-spacing: 2px; 
 color: #ffffff; 
 text-shadow: 0 0 15px rgba(0, 0, 0, 0.62); 
 padding: 10px 6px; 
 z-index: 5; 
 cursor: default;
}


/* Page Loader Background */
#page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

/* Fade out */
#page-loader.loader-fade-out {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
}

/* Card container (3D space) */
#page-loader .card-loader {
  width: 112px;
  height: 160px;
  perspective: 1000px;
}

/* This is what rotates */
#page-loader .card-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  animation: flipCard 1.75s infinite linear;
  will-change: transform;
}

/* Both sides of card */
#page-loader .card-face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
}

/* Back side flipped initially */
#page-loader .card-face.back {
  transform: rotateY(180deg);
}

/* Flip animation */
@keyframes flipCard {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}


/* ////////////End////////////// */