.salt-sections-01{position:relative;z-index:1}
.salt-sections-01 .salt-section{display:grid;gap:32px;container-type:inline-size}
@media (max-width:991px){.salt-sections-01 .salt-section{padding:56px 32px}}
@media (min-width:992px){.salt-sections-01 .salt-section{padding:72px 80px}}
.salt-sections-01 .salt-section.salt-section-white-background{background-color:#fff;color:#000}
.salt-sections-01 .salt-section.salt-section-black-background{background-color:#000;color:#fff}
.salt-sections-01 .salt-section.salt-section-gray-gradient-background{background:linear-gradient(230deg,#3C3C3B 26.93%,#353534 31.97%,#000 70.32%);color:#fff}
.salt-sections-01 .salt-section.salt-section-light-orange-background{background-color:#F8DACF;color:#000}
.salt-sections-01 .salt-section.salt-section-lime-background{background-color:#CCEC37;color:#000}
.salt-sections-01 .salt-section .salt-section-wrapper{width:100%;max-width:560px;margin-left:auto;margin-right:auto}
@media (max-width:991px){.salt-sections-01 .salt-section .salt-section-subsection:not(:last-child){margin-bottom:32px}}
@media (min-width:992px){.salt-sections-01 .salt-section .salt-section-subsection:not(:last-child){margin-bottom:48px}}
@media (max-width:991px){.salt-sections-01 .salt-section .salt-section-subsection:not(:last-child):has(.salt-section-card-link){margin-bottom:56px}}
@media (min-width:992px){.salt-sections-01 .salt-section .salt-section-subsection:not(:last-child):has(.salt-section-card-link){margin-bottom:72px}}
.salt-sections-01 .salt-section .salt-section-heading{position:relative}
.salt-sections-01 .salt-section .salt-section-heading:has(.salt-section-hero-text){display:grid}
@media (min-width:992px){.salt-sections-01 .salt-section .salt-section-heading:has(.salt-section-hero-text){left:50%;width:calc(100vw - 160px);max-width:1200px;grid-template-columns:repeat(2,1fr);align-items:center;transform:translateX(-50%)}}
.salt-sections-01 .salt-section .salt-section-heading .salt-section-hero{width:100%;height:auto;display:block}
.salt-sections-01 .salt-section ul{margin:0 0 32px 0;padding:0;display:grid;gap:24px}
@media (max-width:991px){.salt-sections-01 .salt-section ul{font-size:12px}}
.salt-sections-01 .salt-section ul li{display:flex;align-items:center;gap:16px}
.salt-sections-01 .salt-section ul li:before{content:"";background:url(../themes/ideabank//assets/icons/check-list-green-bg-white-symbol.svg) center center no-repeat;background-size:contain;width:36px;height:36px;align-self:start;display:block}
.salt-sections-01 .salt-section ul li>div{flex:1}
.salt-sections-01 .salt-section .salt-section-card-link{position:relative;width:100%;max-width:560px;margin-left:auto;margin-right:auto;display:block;z-index:1}
.salt-sections-01 .salt-section .salt-section-card-link img{position:relative;width:100%;height:auto;display:block;z-index:1;pointer-events:none}
.salt-sections-01 .salt-section .salt-section-card-link svg{position:absolute;right:-26px;width:70px;height:64px;pointer-events:none;z-index:2}
@media (max-width:991px){.salt-sections-01 .salt-section .salt-section-card-link svg{bottom:32px}}
@media (min-width:992px){.salt-sections-01 .salt-section .salt-section-card-link svg{bottom:72px}}
.salt-sections-01 .salt-section .salt-section-card-flip{width:100%;max-width:560px;margin:0 auto;perspective:1000px;cursor:pointer}
.salt-sections-01 .salt-section .salt-section-card-flip figure{margin:0;padding:0;display:grid;transform-style:preserve-3d}
.salt-sections-01 .salt-section .salt-section-card-flip figure img{width:100%;height:auto;grid-column:1;grid-row:1;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.salt-sections-01 .salt-section .salt-section-card-flip figure img:last-child{transform:rotateY(180deg)}
.salt-sections-01-sticky-button{position:fixed;left:50%;bottom:48px;background:linear-gradient(90deg,#00C7C7 0%,#7BFD80 97.37%);color:#000;line-height:20px;padding:16px 28px;border-radius:56px;display:inline-block;text-decoration:none;font-size:16px;font-weight:500;transform:translateX(-50%);transition:bottom 0.25s ease,opacity 0.25s ease;z-index:2}
.main-container{background:linear-gradient(197.63deg,#599DBE 12.06%,#93CFE3 87.94%)}
@media (max-width:991px){.hidden-mobile{display:none !important}}
@media (min-width:992px){.hidden-desktop{display:none !important}}
.salt-sections-01-sticky-button{z-index:123456}
.salt-before-after-wrap{width:100%;position:relative;display:grid;overflow:hidden}
.salt-dragger{z-index:1 !important;height:100%;border-radius:15px;justify-content:space-around;align-items:center;display:flex;position:absolute;top:0%;bottom:0%;left:50%;right:auto;width:4px;background:linear-gradient(180deg,#000 0%,#00CFFF 100%)}
@media (max-width:991px){.salt-dragger{transform:translate3d(155px,0px,0px)}}
@media (min-width:992px){.salt-dragger{left:66.6%}}
.salt-dragger .salt-dragger-inner{justify-content:center;align-items:center;display:flex;position:absolute;bottom:27.87%;width:76px;transform:translateX(-2px)}
@media (min-width:992px){.salt-dragger .salt-dragger-inner{width:100px}}
.salt-dragger .salt-dragger-inner img{width:100%;height:auto}
.salt-img-wrap{position:relative;overflow:hidden;background:url(../themes/ideabank//assets/images/pay-bill/pay-bill-section-1.png) no-repeat center center;background-size:cover}
.salt-img-wrap .salt-img{width:100%;display:grid;max-width:1440px;height:100%;margin-inline:auto;position:relative}
.salt-img-wrap .text{display:flex;flex-direction:column}
@media (max-width:991px){.salt-img-wrap .text{padding-top:39px}}
@media (min-width:992px){.salt-img-wrap .text{padding-top:61px}}
.salt-img-wrap .text h1{text-align:center;font-weight:700}
@media (max-width:991px){.salt-img-wrap .text h1{font-size:40px;line-height:45px;max-width:333px;margin-inline:auto;margin-bottom:0}}
@media (min-width:992px){.salt-img-wrap .text h1{font-size:70px;line-height:40px}}
.salt-img-wrap .image{width:100%;margin-top:auto;display:flex}
@media (max-width:991px){.salt-img-wrap .image{height:603px;justify-content:start;margin-top:auto}}
@media (min-width:992px){.salt-img-wrap .image{justify-content:center;height:606px}.salt-img-wrap .image picture{position:relative;top:57px}}
.salt-img-wrap .image picture{display:flex}
.salt-img-wrap .image img{height:auto;max-width:752px}
.salt-img-wrap.is-before{color:#FFF;grid-column:1;grid-row:1}
.salt-img-wrap.is-before p{position:absolute;text-align:right;font-weight:400}
@media (max-width:991px){.salt-img-wrap.is-before p{font-size:23px;line-height:27px;right:33px;bottom:37px;max-width:220px}}
@media (min-width:992px){.salt-img-wrap.is-before p{font-size:33px;line-height:1.21;right:80px;bottom:9.75%;max-width:290px;margin-bottom:0}}
.salt-img-wrap.is-after{flex-flow:column;display:flex;grid-column:1;grid-row:1}
@media (max-width:991px){.salt-img-wrap.is-after{-webkit-clip-path:inset(0px 40px 0px 0px);clip-path:inset(0px 40px 0px 0px)}}
@media (min-width:992px){.salt-img-wrap.is-after{-webkit-clip-path:inset(0 33.4% 0 0);clip-path:inset(0 33.4% 0 0)}}
.salt-img-wrap.is-after p{position:absolute;color:#000}
@media (max-width:991px){.salt-img-wrap.is-after p{right:33px;top:224px;font-size:23px;line-height:27px;text-align:right;max-width:203px}}
@media (min-width:992px){.salt-img-wrap.is-after p{left:150px;top:49.12%;max-width:291px;font-weight:400;font-size:33px;line-height:1.21;margin-bottom:0}}
.salt-img-wrap.is-before{opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out 0.2s forwards}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.salt-video-container{width:100%;display:flex;justify-content:center;align-items:center;padding-top:50px;padding-bottom:50px}
.salt-video-wrapper{width:80%;max-width:1200px;aspect-ratio:1.7777777778;overflow:hidden;display:flex;justify-content:center;align-items:center}
#salt-video{width:100%;height:100%;object-fit:cover;border-radius:30px}
@media (max-width:899px){.salt-video-wrapper{width:95%;border-radius:15px}#salt-video{width:100%;border-radius:15px}}
.section-pay-bill-2{background:linear-gradient(197.63deg,#599DBE 12.06%,#93CFE3 87.94%)}
@media (max-width:991px){.section-pay-bill-2 .salt-content-wrapper{padding:0 30px}}
.section-pay-bill-2 .content{display:grid}
@media (max-width:991px){.section-pay-bill-2 .content{padding:49px 0px 0}}
@media (min-width:992px){.section-pay-bill-2 .content{padding:0 30px}}
.section-pay-bill-2 .content .text{grid-column:1;grid-row:1;justify-self:start}
@media (min-width:992px){.section-pay-bill-2 .content .text{z-index:1}}
.section-pay-bill-2 .content .text h1,.section-pay-bill-2 .content .text h2{font-weight:700;color:#000}
@media (max-width:991px){.section-pay-bill-2 .content .text h1,.section-pay-bill-2 .content .text h2{font-size:40px;line-height:50px}}
@media (min-width:992px){.section-pay-bill-2 .content .text h1,.section-pay-bill-2 .content .text h2{padding-top:85px;font-size:70px;line-height:40px}}
@media (max-width:991px){.section-pay-bill-2 .content .text h1:not(:last-child),.section-pay-bill-2 .content .text h2:not(:last-child){margin-bottom:39px}}
@media (min-width:992px){.section-pay-bill-2 .content .text h1:not(:last-child),.section-pay-bill-2 .content .text h2:not(:last-child){margin-bottom:47px}}
.section-pay-bill-2 .content .text p{max-width:620px;font-weight:400;color:#000}
@media (max-width:991px){.section-pay-bill-2 .content .text p{font-size:20px;line-height:30px}}
@media (min-width:992px){.section-pay-bill-2 .content .text p{font-size:20px;line-height:30px}}
.section-pay-bill-2 .content .text p strong{font-weight:700}
.section-pay-bill-2 .content picture{grid-column:1}
@media (max-width:991px){.section-pay-bill-2 .content picture{display:flex;justify-content:center;overflow:hidden;justify-self:center}}
@media (min-width:992px){.section-pay-bill-2 .content picture{margin-top:20px;justify-self:end;grid-row:1;transform:translateX(240px);max-height:524px;max-width:880px;z-index:1}}
@media (max-width:991px){.section-pay-bill-2 .content picture img{width:602.65px;height:359px}}
@media (min-width:992px){.section-pay-bill-2 .content picture img{width:100%;height:auto}}
@media (max-width:991px){.section-pay-bill-3{padding-top:68px}.section-pay-bill-3 .salt-content-wrapper{padding:0 30px}}
@media (min-width:992px){.section-pay-bill-3{padding-top:54px;padding-bottom:103px}}
.section-pay-bill-3 .content{max-width:1141px;margin-inline:auto;color:#FFF}
.section-pay-bill-3 h1,.section-pay-bill-3 h2{font-weight:700}
@media (max-width:991px){.section-pay-bill-3 h1,.section-pay-bill-3 h2{font-size:40px;line-height:50px;margin-bottom:68px}}
@media (min-width:992px){.section-pay-bill-3 h1,.section-pay-bill-3 h2{font-size:70px;line-height:80px;margin-bottom:50px}}
@media (max-width:991px){.section-pay-bill-3 .swiper{width:250px;overflow:visible;margin-left:0;margin-right:0}}
.section-pay-bill-3 .swiper .swiper-wrapper{height:auto}
.section-pay-bill-3 .swiper .swiper-pagination{position:relative;z-index:0}
.section-pay-bill-3 .swiper .swiper-pagination span.swiper-pagination-current{font-weight:700}
.section-pay-bill-3 .swiper .swiper-button-next,.section-pay-bill-3 .swiper .swiper-button-prev{bottom:-7px;top:unset;z-index:2}
.section-pay-bill-3 .swiper .swiper-button-next:after,.section-pay-bill-3 .swiper .swiper-button-prev:after{display:none}
@media (min-width:992px){.section-pay-bill-3 .columns{display:flex;justify-content:space-between}}
.section-pay-bill-3 .column{max-width:250px;position:relative;background:#000;border-radius:25px;font-style:normal;font-weight:400;display:flex;flex-direction:column;padding:28px 25px;line-height:30px;font-size:20px}
@media (max-width:991px){.section-pay-bill-3 .column{height:auto;margin-bottom:34px}}
@media (min-width:992px){.section-pay-bill-3 .column{flex:1}}
.section-pay-bill-3 .column p:not(:last-child){margin-bottom:0px}
.section-pay-bill-3 .column .icon{align-self:end;margin-top:auto;margin-right:-15px;margin-bottom:-15px}
@media (min-width:992px){.section-pay-bill-3 .swiper{display:none;pointer-events:none}}
@media (max-width:991px){.section-pay-bill-4{padding-top:68px}}
.section-pay-bill-4 .content{max-width:1141px;margin-inline:auto;color:#FFF;display:flex;justify-content:space-between}
@media (max-width:991px){.section-pay-bill-4 .content{flex-direction:column}}
.section-pay-bill-4 .content .text{display:grid;align-content:center}
@media (max-width:991px){.section-pay-bill-4 .content .text{justify-items:center}}
@media (min-width:992px){.section-pay-bill-4 .content .text{justify-items:start}}
.section-pay-bill-4 .content .text h1,.section-pay-bill-4 .content .text h2{font-weight:700}
@media (max-width:991px){.section-pay-bill-4 .content .text h1,.section-pay-bill-4 .content .text h2{font-size:40px;line-height:50px;margin-bottom:40px}}
@media (min-width:992px){.section-pay-bill-4 .content .text h1,.section-pay-bill-4 .content .text h2{font-size:70px;line-height:50px;margin-bottom:58px}}
.section-pay-bill-4 .content .text .section-pay-bill-4-button{display:inline-flex;align-items:center;justify-content:center;background:#000;color:#FFF}
@media (max-width:991px){.section-pay-bill-4 .content .text .section-pay-bill-4-button{font-size:18px;line-height:50px;width:270px;height:49px;border-radius:48.5px}}
@media (min-width:992px){.section-pay-bill-4 .content .text .section-pay-bill-4-button{padding:6px 72px;border-radius:48.5px;height:50px;font-weight:700;font-size:30px;line-height:50px}}
.section-pay-bill-4 .content img{width:100%;height:auto;max-width:539px}
.salt-sections-01-sticky-button{background:#000;color:#FFF}
@media (max-width:991px){.salt-content-wrapper{max-width:400px;overflow:hidden}}
@keyframes draggableHint{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}
@keyframes draggableRotate{0%{transform:rotate(0)}50%{transform:rotate(5deg)}100%{transform:rotate(0)}}
.salt-dragger-inner img{animation:draggableHint 1.5s ease-in-out infinite,draggableRotate 2s ease-in-out infinite}