.header-item{position:relative;height:500px}@media screen and (max-width:767px)and (orientation:portrait){.header-item{height:calc(100vh - 60px);max-height:900px}}@media screen and (min-width:768px)and (max-width:991px)and (orientation:landscape){.header-item{height:calc(100vh - 60px)}}@media(max-width:767px){.header-item .flex-horizontal-center{display:flex;flex-direction:column-reverse}}.header-item .carousel-img-bg{height:100%;margin-top:0;top:0;background:url(/assets/images/headers/pangakaardid-era-bg.svg) center center / cover no-repeat}@media(max-width:768px){.header-item__text h1{font-size:30px;line-height:1}.header-item__text p{font-size:16px}}.header-item__image{transform:scale(1);transition:transform .3s ease;margin-top:0;perspective:1000px;perspective-origin:50% 50%;position:relative;width:400px;float:right}@media screen and (max-width:767px)and (orientation:portrait){.header-item__image{transform:scale(.8)}}@media screen and (min-width:768px)and (max-width:991px)and (orientation:landscape){.header-item__image{transform:scale(.6)}}@media(max-width:991px){.header-item__image{transform:scale(.6)}}@media(max-width:768px){.header-item__image{transform:scale(1);width:100%;float:none;margin:-90px auto 0 -20px;left:0;right:0;max-height:500px}}@media(max-width:380px){.header-item__image{transform:scale(.8);max-height:400px}}.header-item__image .cube{margin:auto;position:relative;height:200px;width:318px;transform-style:preserve-3d;backface-visibility:hidden}.header-item__image .cube>div{position:absolute;box-sizing:border-box;height:100%;color:#fff;backface-visibility:hidden;outline:1px solid transparent}.header-item__image .cube .front{transform:translateZ(0);width:318px}.header-item__image .cube .back{transform:translateZ(-3px);background:#000;width:318px;border-radius:10px;box-shadow:0 0 43px 6px #0000004d}.header-item__image .cube#black-card{animation:card1 15s infinite;animation-timing-function:ease-in-out;transform:translateZ(100px) rotateX(0) rotateY(-40deg) translateY(-280px) translate(-30px)}.header-item__image .cube#black-card .front{background:url(/assets/images/cards/debit-black-new.png);background-size:cover;width:322px}.header-item__image .cube#black-card .back{background:transparent;width:312px}.header-item__image .cube#white-card{animation:card2 20s infinite;animation-timing-function:ease-in-out;transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(-60px) translate(16px)}.header-item__image .cube#white-card .front{background:url(/assets/images/cards/debit-white-new.png);background-size:cover;width:322px}.header-item__image .cube#white-card .back{background:transparent;width:312px}.header-item__image .cube#pink-card{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(60px) translate(50px);animation:card3 25s infinite;animation-timing-function:ease-in-out}.header-item__image .cube#pink-card .front{background:url(/assets/images/cards/debit-pink-new.png);background-size:cover;width:322px}.header-item__image .cube#pink-card .back{background:transparent;width:314px}.card-compare .card-compare-info li{padding:0 0 10px 12px}@-moz-keyframes card1{0%{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-200px) translate(-30px)}25%{transform:translateZ(120px) rotateX(10deg) rotateY(-35deg) translateY(-205px) translate(-35px)}50%{transform:translateZ(130px) rotateX(-10deg) rotateY(-20deg) translateY(-210px) translate(-40px)}75%{transform:translateZ(110px) rotateX(10deg) rotateY(-30deg) translateY(-205px) translate(-35px)}to{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-200px) translate(-30px)}}@-webkit-keyframes card1{0%{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-200px) translate(-30px)}25%{transform:translateZ(120px) rotateX(10deg) rotateY(-35deg) translateY(-205px) translate(-35px)}50%{transform:translateZ(130px) rotateX(-10deg) rotateY(-20deg) translateY(-210px) translate(-40px)}75%{transform:translateZ(110px) rotateX(10deg) rotateY(-30deg) translateY(-205px) translate(-35px)}to{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-200px) translate(-30px)}}@-o-keyframes card1{0%{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-200px) translate(-30px)}25%{transform:translateZ(120px) rotateX(10deg) rotateY(-35deg) translateY(-205px) translate(-35px)}50%{transform:translateZ(130px) rotateX(-10deg) rotateY(-20deg) translateY(-210px) translate(-40px)}75%{transform:translateZ(110px) rotateX(10deg) rotateY(-30deg) translateY(-205px) translate(-35px)}to{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-200px) translate(-30px)}}@keyframes card1{0%{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-200px) translate(-30px)}25%{transform:translateZ(120px) rotateX(10deg) rotateY(-35deg) translateY(-205px) translate(-35px)}50%{transform:translateZ(130px) rotateX(-10deg) rotateY(-20deg) translateY(-210px) translate(-40px)}75%{transform:translateZ(110px) rotateX(10deg) rotateY(-30deg) translateY(-205px) translate(-35px)}to{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-200px) translate(-30px)}}@-moz-keyframes card2{0%{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(49px) translate(16px)}25%{transform:translateZ(10px) rotateX(-14deg) rotateY(-15deg) rotate(-12deg) translateY(40px) translate(20px)}50%{transform:translateZ(0) rotateX(-4deg) rotateY(-30deg) rotate(-12deg) translateY(30px) translate(10px)}75%{transform:translateZ(6px) rotateX(5deg) rotateY(-25deg) rotate(-12deg) translateY(50px) translate(-15px)}to{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(49px) translate(16px)}}@-webkit-keyframes card2{0%{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(49px) translate(16px)}25%{transform:translateZ(10px) rotateX(-14deg) rotateY(-15deg) rotate(-12deg) translateY(40px) translate(20px)}50%{transform:translateZ(0) rotateX(-4deg) rotateY(-30deg) rotate(-12deg) translateY(30px) translate(10px)}75%{transform:translateZ(6px) rotateX(5deg) rotateY(-25deg) rotate(-12deg) translateY(50px) translate(-15px)}to{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(49px) translate(16px)}}@-o-keyframes card2{0%{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(49px) translate(16px)}25%{transform:translateZ(10px) rotateX(-14deg) rotateY(-15deg) rotate(-12deg) translateY(40px) translate(20px)}50%{transform:translateZ(0) rotateX(-4deg) rotateY(-30deg) rotate(-12deg) translateY(30px) translate(10px)}75%{transform:translateZ(6px) rotateX(5deg) rotateY(-25deg) rotate(-12deg) translateY(50px) translate(-15px)}to{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(49px) translate(16px)}}@keyframes card2{0%{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(49px) translate(16px)}25%{transform:translateZ(10px) rotateX(-14deg) rotateY(-15deg) rotate(-12deg) translateY(40px) translate(20px)}50%{transform:translateZ(0) rotateX(-4deg) rotateY(-30deg) rotate(-12deg) translateY(30px) translate(10px)}75%{transform:translateZ(6px) rotateX(5deg) rotateY(-25deg) rotate(-12deg) translateY(50px) translate(-15px)}to{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(49px) translate(16px)}}@-moz-keyframes card3{0%{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}25%{transform:translateZ(-50px) rotateX(4deg) rotateY(-10deg) translateY(140px) translate(30px)}50%{transform:translateZ(-60px) rotateX(0) rotateY(-20deg) translateY(130px) translate(20px)}75%{transform:translateZ(-40px) rotateX(8deg) rotateY(-10deg) translateY(135px) translate(40px)}to{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}}@-webkit-keyframes card3{0%{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}25%{transform:translateZ(-50px) rotateX(4deg) rotateY(-10deg) translateY(140px) translate(30px)}50%{transform:translateZ(-60px) rotateX(0) rotateY(-20deg) translateY(130px) translate(20px)}75%{transform:translateZ(-40px) rotateX(8deg) rotateY(-10deg) translateY(135px) translate(40px)}to{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}}@-o-keyframes card3{0%{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}25%{transform:translateZ(-50px) rotateX(4deg) rotateY(-10deg) translateY(140px) translate(30px)}50%{transform:translateZ(-60px) rotateX(0) rotateY(-20deg) translateY(130px) translate(20px)}75%{transform:translateZ(-40px) rotateX(8deg) rotateY(-10deg) translateY(135px) translate(40px)}to{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}}@keyframes card3{0%{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}25%{transform:translateZ(-50px) rotateX(4deg) rotateY(-10deg) translateY(140px) translate(30px)}50%{transform:translateZ(-60px) rotateX(0) rotateY(-20deg) translateY(130px) translate(20px)}75%{transform:translateZ(-40px) rotateX(8deg) rotateY(-10deg) translateY(135px) translate(40px)}to{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}}