:root{--primary-dark:#002444;--primary-blue:#00cede;--primary-purple:#7580ef;--text-light:#1b507e;--light-gray:#f8f8f9}@font-face{font-family:'Eina01';src:url('https://assets.cardtonic.com/Eina01-Regular.woff2') format('woff2'),url('https://assets.cardtonic.com/Eina01-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Eina01';src:url('https://assets.cardtonic.com/Eina01-SemiBold.woff2') format('woff2'),url('https://assets.cardtonic.com/Eina01-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Eina01';src:url('https://assets.cardtonic.com/Eina01-Bold.woff2') format('woff2'),url('https://assets.cardtonic.com/Eina01-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}html{width:100%}body{font-family:'Eina01';font-weight:400;padding:0;margin:0;height:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6,ul,p{padding:0;margin:0}ul{list-style:none;padding:0;margin:0}a{text-decoration:none}a:hover,a:focus{text-decoration:none;outline:none}.btn.focus,.btn:focus{box-shadow:none}a img{border:none}p a{color:#2daee4;text-decoration:underline}p a:hover{color:#1a8ebf;text-decoration:underline}strong{font-weight:700}.align-right{text-align:right}button:focus{outline:none}::-webkit-input-placeholder{opacity:1}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}:-moz-placeholder{opacity:1}.hide{display:none}button{cursor:pointer;border:0}*{-webkit-transition:all .1s;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s;transition:all .1s}select{appearance:none;-webkit-appearance:none;border-radius:0}.hide{display:none !important}section{padding:100px 0}.img-fluid{max-width:100%;height:auto}.btn{text-decoration:none;display:inline-block;background:#ccc;padding:15px 30px;border:none;border-radius:50px;font-size:16px;font-weight:600;color:#000;line-height:30px;position:relative;overflow:hidden}.btn i{font-size:14px;margin:0 3px}.btn-dark{background:var(--primary-dark);color:#fff}.btn-dark:hover:focus,.btn-dark:hover,.btn-dark:active{background:var(--primary-purple) !important;color:#fff}.btn-dark:after{background:var(--primary-dark)}.btn-blue{background:var(--primary-blue);color:var(--primary-dark)}.btn-blue:focus,.btn-blue:hover,.btn-dark:active{background:var(--primary-purple) !important;color:#fff}.btn-blue:after{background:var(--primary-dark)}.btn-purple{background:var(--primary-purple);color:#fff}.btn-purple:focus,.btn-purple:hover,.btn-dark:active{background:var(--primary-purple) !important;color:#fff}.btn-purple:after{background:var(--primary-purple);color:var(--primary-dark)}.btn-white{background:#f6f6f6;color:#111}.btn-white:hover{background:#eee;color:#111}.btn-white-trans{background:0 0;color:#fff}.btn-white-trans:hover{background:#fff;color:#111}.btn-grey{background:#f1f1f1;color:#111}.btn-grey:hover{background:#eee;color:#111}.btn-disabled{background:#ddd;color:#555}.btn-disabled-outline{background:#fff;border:1px solid #aaa;color:#aaa}.btn-disabled-outline:hover{background:#fff;border:1px solid #aaa;color:#aaa}.btn-dark-outline{background:0 0;border:1px solid var(--primary-dark);color:var(--primary-dark)}.btn-dark-outline:hover{background:var(--primary-dark);color:#fff}.btn-blue-outline{background:0 0;border:1px solid var(--primary-blue);color:var(--primary-blue)}.btn-blue-outline:hover{background:var(--primary-blue);color:#fff}.btn-purple-outline{background:0 0;border:1px solid var(--primary-purple);color:var(--primary-purple)}.btn-purple-outline:hover{background:var(--primary-purple);color:#fff}.btn-grey-outline{background:0 0;border:1px solid #555;color:#555}.btn-grey-outline:hover{background:#555;color:#fff}.btn-purple-outline{background:0 0;border:1px solid #c832ff;color:#c832ff}.btn-purple-outline:hover{background:#aa0de4;color:#fff}.btn-white-outline{background:0 0;border:1px solid #fff;color:#fff}.btn-white-outline:hover{background:#fff;color:#111}.btn:after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}.btn:focus:not(:active):after{animation:ripple .3s ease-out}.btn:active{box-shadow:none}.btn:after{visibility:hidden}.btn:focus:after{visibility:visible}@keyframes ripple{0%{transform:scale(0,0);opacity:1}20%{transform:scale(25,25);opacity:1}100%{opacity:0;transform:scale(40,40)}}.basic-sec{width:100%;padding:100px 0}.text-sec{margin:0 0 50px}.text-sec h1,.text-sec h2,.text-sec h3,.text-sec h4,.text-sec h5{font-size:35px;font-weight:600;margin:0 0 20px;color:#282248}.text-sec h1{font-size:40px;margin:0 0 40px}.text-sec h2{font-size:35px}.text-sec h3{font-size:30px}.text-sec h4{font-size:25px}.text-sec p{font-size:17px;color:#282248;margin:0 0 20px}.text-sec ul{list-style-type:disc;list-style-position:inside;margin:0 0 20px}.text-sec ul li{font-size:17px;color:#282248}.text-sec .btn{margin:0 10px 20px 0}.form-block{margin:0 0 50px}.form-control{font-size:17px;padding:5px 10px}.form-control:focus{box-shadow:none}.error-msg{display:block;background:#ffe2e2;padding:10px 15px;border:1px solid red;border-radius:5px;font-size:17px;font-weight:700;color:red;margin:10px 0}.success-msg{display:block;background:#d9ffe5;padding:10px 15px;border:1px solid #20b94f;border-radius:5px;font-size:17px;font-weight:700;color:#20b94f;margin:10px 0}.plain-msg{display:block;background:#fff;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#777;margin:30px 0 0;text-align:center}.notice-msg{display:block;background:#ffc;padding:10px 15px;border:1px solid #fc6;border-radius:5px;font-size:14px;color:#666;margin:30px 0 0;text-align:center}.error-text{display:inline-block;font-size:17px;font-weight:700;color:red;margin:10px 0}.success-text{display:inline-block;font-size:17px;font-weight:700;color:#093;margin:10px 0}#form_msg{display:block}.form-success{display:block;background:#d8ffc0;padding:7px 20px;margin:0 0 5px;font-size:17px;font-weight:500;color:#2e6800;text-align:center;margin:0 10px 20px 0}.form-error{display:block;background:#ffe8e8;padding:7px 20px;margin:0 0 5px;font-size:17px;font-weight:500;color:red;text-align:center;margin:0 10px 20px 0}#loader-icon{display:none}header{background:#fff;padding:20px 0;color:#fff;border-bottom:2px solid #f8f8f9}header .container{position:relative}.navbar{padding:0}.navbar-brand{width:215px}.navbar-brand img{width:100%;height:auto}.navbar-toggler{border:none;margin-left:auto;text-align:center}.navbar-toggler .icon{display:inline-block;width:50px;height:50px;background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/menu-icon.svg) center right no-repeat}.navbar-toggler:focus{box-shadow:none}.navbar-toggler.clicked .icon{background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/icon-close.svg) center right no-repeat}.navbar-nav .menu-item{margin:0 20px}.navbar-nav .menu-item a{font-size:16px;color:var(--primary-dark);padding:10px}.navbar-nav .menu-item.active a{color:var(--primary-blue)}.header-right{display:flex;align-items:center}.qr-code{display:flex;justify-content:center;align-items:center;width:64px;height:64px;background:var(--light-gray);border-radius:100%;margin:0 15px 0 0}.qr-code a{display:block;padding:15px}.header-right .btns .btn{height:65px;padding:15px 60px}.header-right .app-btns{display:none}.dropdown-sec{position:absolute;left:0;right:0;top:65px;margin:auto;width:90%;background:#fff;color:var(--primary-dark);padding:20px;border:2px solid #f8f8f9;border-radius:40px;z-index:10;display:none}.dropdown-sec.show{display:block}.dropdown-sec ul{width:100%;display:flex;flex-wrap:wrap}.dropdown-sec ul li{width:31%;margin:1%}.dropdown-sec ul li a{width:100%;padding:15px;display:flex;justify-content:space-between;border-radius:16px}.dropdown-sec ul li a:hover{background:var(--light-gray)}.dropdown-sec ul li a .icon{width:40px}.dropdown-sec ul li a aside{width:80%}.dropdown-sec ul li a aside h5{font-size:16px;font-weight:600;color:var(--primary-dark);margin:0 0 10px}.dropdown-sec ul li a aside p{font-size:16px;color:var(--text-light)}.servicesDropdown{width:65%}.servicesDropdown ul li{width:48%;margin:1%}.exploreDropdown{width:65%;left:20%}.exploreDropdown ul li{width:48%;margin:1%}.qrCodeDropdown{width:17%;left:67%}.qrCodeDropdown .qr-img{width:100%;margin:0 0 20px}.qrCodeDropdown .icons{display:flex;justify-content:center}.qrCodeDropdown .icons a{width:48px;height:48px;border-radius:48px;display:flex;justify-content:center;align-items:center;background:var(--primary-dark);padding:10px;margin:0 10px}.qrCodeDropdown .icons a img{width:100%}.qrCodeDropdown .icons a.icon-playstore{padding:14px}.hero{width:100%}.hero-caption{text-align:center}.hero-caption h1{font-size:60px;font-weight:600;color:var(--primary-dark);margin:0 0 50px;position:relative}.hero-caption h1 span{color:var(--primary-purple)}.hero-home h1:before{content:'';display:inline-block;width:20px;height:20px;background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/icon-hero-title.svg) center top no-repeat;position:absolute;margin:27px 0 0 -25px}.hero .search-box{margin:auto;display:table;width:55%;position:relative}.hero .search-box input[type=text]{font-size:21px;background:var(--light-gray);color:var(--text-light);padding:23px 40px;border-radius:65px;border:none}.hero .search-box input[type=text]::placeholder{color:var(--text-light)}.hero .search-box button{position:absolute;right:7px;top:7px;font-size:21px;color:var(--text-light);background:var(--primary-dark);width:64px;height:64px;border-radius:100%;display:flex;justify-content:center;align-items:center}.categories{background:var(--primary-dark);padding:20px 0;margin:0 0 50px}.categories ul{width:100%;display:flex;flex-wrap:wrap}.categories ul li{margin:0 20px 10px 0;display:flex;justify-content:space-between;align-items:center;position:relative}.categories ul li:after{content:'';width:2px;height:8px;background:var(--primary-blue);margin:0 0 0 20px}.categories ul li:last-child{margin:0 0 10px}.categories ul li:last-child:after{display:none}.categories ul li a{font-size:14px;font-weight:600;color:#fff}.categories ul li a:hover,.categories ul li a.active{color:var(--primary-blue)}.featured-title{font-size:60px;font-weight:600;color:#d1e0e4;line-height:110px;margin:0 0 30px;text-align:center}article{display:flex;justify-content:space-between;margin:0 0 100px}article .image{width:45%;overflow:hidden}article .image img{width:100%;border-radius:40px}article .text{width:47%;display:flex;flex-direction:column;align-items:flex-start}article .text .mobile-image{margin:0 0 30px;display:none}article .items{background:var(--light-gray);padding:10px 20px;margin:0 0 20px;border-radius:48px}article .items>span{margin:0 10px 0 0}article .items>span:last-child{margin:0}article .items .reading-time{font-size:16px;font-weight:600;color:var(--text-light);position:relative;padding:0 20px 0 0;margin:0}article .items .reading-time:after{content:'';position:absolute;right:5px;top:10px;width:5px;height:5px;border-radius:10px;background:var(--primary-dark)}article .items .category a{font-size:16px;font-weight:600;color:var(--primary-purple)}article .title{font-size:30px;font-weight:600;color:var(--primary-dark);line-height:50px;margin:0 0 30px}article .brief{font-size:18px;color:var(--text-light);margin:0 0 30px}.read-more{font-size:21px;font-weight:600;color:var(--primary-purple);padding:0 35px 0 0;background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/arrow-forward.svg) right 6px no-repeat}article.featured{flex-direction:column;align-items:flex-start;background:var(--light-gray);padding:100px;border-radius:40px}article.featured .image{width:100%;margin:0 0 50px}article.featured .title{text-align:center;padding:0 20%;margin:0 0 40px}article.featured .items{background:#fff;margin:0 auto 20px}.post-detail{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}article.detail{width:70%;flex-direction:column;align-items:flex-start;margin:0 0 40px}article.detail .text{width:100%;flex-direction:column;align-items:flex-start}article.detail .title{font-size:45px;line-height:60px;margin:0 0 35px}article.detail figure{width:100% !important;margin:0 0 60px}article.detail figure img{width:100%}article.detail figcaption{border:1px solid var(--light-gray);padding:15px 20px;font-size:16px;color:var(--text-light)}article.detail h2,article.detail h3,article.detail h4,article.detail h5{font-weight:600;margin:0 0 30px;color:var(--primary-dark)}article.detail h2{font-size:37px}article.detail h3{font-size:30px}article.detail h4{font-size:25px}article.detail h5{font-size:20px}article.detail p{font-size:18px;line-height:30px;color:var(--text-light);margin:0 0 25px}article.detail p a{color:var(--text-light);text-decoration:underline}article.detail ul{list-style-type:disc;margin:0 0 40px;padding:0 0 0 30px}article.detail ol{margin:0 0 40px}article.detail li{font-size:18px;line-height:30px;color:var(--text-light);margin:0 0 5px}article.detail .btn{margin:0 10px 20px 0}article.detail .text .rp4wp-related-posts{display:none}article.detail .conclusion h3{font-size:47px}article.detail .conclusion p{margin:0}.post-tags a{color:var(--primary-purple)}.tag-heading{width:100%;margin:0 0 50px}.author-heading{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 50px}.pagination-sec{width:100%;margin:0 0 150px;text-align:center}.pagination-sec .page-numbers{display:inline-flex;justify-content:center;align-items:center;background:var(--light-gray);width:64px;height:64px;border-radius:64px;font-size:16px;font-weight:600;color:var(--primary-dark);margin:0 5px}.pagination-sec .page-numbers:hover{background:var(--primary-purple);color:#fff}.pagination-sec .page-numbers.current{background:var(--primary-dark);color:#fff}.pagination-sec .page-numbers.btn-scroll-top{width:auto;padding:10px 40px}.pagination-sec .page-numbers.btn-scroll-top i{margin:0 10px 0 0}.subscribe{background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/bg-subscribe.png) right bottom no-repeat var(--primary-dark);padding:100px;border-radius:40px;background-size:50%}.subscribe .inner{width:50%}.subscribe .title{font-size:45px;font-weight:600;line-height:60px;color:#fff;margin:0 0 35px}.subscribe .desc{font-size:18px;line-height:28px;color:#d1e0e4;margin:0 0 35px}.subscribe .email{width:80%}.subscribe .email input{width:100%;background:var(--light-gray);padding:25px 20px;border-radius:16px;font-size:16px;color:var(--text-light);margin:0 0 15px;border:none}.subscribe .email input::placeholder{color:var(--text-light)}.subscribe .email .btn{padding:20px 60px}.subscribe.success{background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/bg-subscribe-success.png) center bottom no-repeat var(--primary-dark);padding:100px 100px 300px;background-size:70%}.subscribe.success .inner{width:60%;margin:auto;text-align:center}.download-app{width:100%;display:flex}.download-app .image{width:50%}.download-app .image img{width:100%;object-fit:cover;max-height:800px}.download-app .text{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--light-gray)}.download-app .text .inner{margin:auto;width:60%}.download-app .text h3{font-size:37px;font-weight:600;line-height:60px;color:var(--primary-dark);margin:0 0 30px}.download-app .text p{font-size:21px;line-height:28px;color:var(--text-light);margin:0 0 30px}.download-app .text .btns{display:flex;flex-direction:column}.app-btns .btn{margin:0 0 25px;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:100px;padding:35px 30px;font-size:21px;line-height:28px}.app-btns .btn:last-child{margin:0}.app-btns .btn img{margin:0 15px 0 0}.app-btns .btn-apple{background:#000}.app-btns .btn-apple:focus,.app-btns .btn-apple:hover{background:#252525;color:#fff}.app-btns .btn-apple:after{background:#000;color:#fff}.app-btns .btn-google{background:#01983e}.app-btns .btn-google:focus,.app-btns .btn-google:hover{background:#01983e;color:#fff}.app-btns .btn-google:after{background:#01983e;color:#fff}.app-btns .btn-web{background:var(--primary-dark)}footer{width:100%}footer .top{background:#fff;margin:0 0 10px}footer .top .inner{display:flex}.footer-links{width:20%}.footer-links .widget-title{font-size:16px;font-weight:600;line-height:24px;color:var(--text-light);margin:0 0 40px}.footer-links a{display:block;font-size:14px;line-height:20px;color:var(--text-light);margin:0 0 35px}footer .bottom{background:var(--light-gray);padding:30px 0}footer .bottom .inner{display:flex;justify-content:space-between}footer .copyright p{font-size:14px;color:var(--text-light)}footer .social-links ul{display:flex;justify-content:flex-end}footer .social-links ul li{margin:0 0 0 40px}footer .social-links ul li:first-child{margin:0}footer .social-links ul li a{font-size:14px;color:var(--text-light)}.sidebar{width:25%;background:#fff}.sidebar .sticky{position:-webkit-sticky;position:sticky;top:0;padding:30px 0 0}.post-author{margin:0 0 50px}.post-author .top{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:2px solid var(--light-gray)}.post-author .top .avatar{width:64px}.post-author .top .avatar img{width:100%;border-radius:64px}.post-author .top .name{width:70%;display:flex;flex-direction:column;justify-content:center}.post-author .top .name h5{font-size:21px;font-weight:600;line-height:28px;color:var(--primary-dark)}.post-author .top .name span{font-size:16px;line-height:22px;color:var(--text-light)}.post-author .desc{font-size:14px;line-height:22px;color:var(--text-light);margin:0 0 20px}.post-author .social{display:flex;flex-wrap:wrap}.post-author .social a{font-size:14px;font-weight:600;line-height:22px;color:var(--text-light);position:relative;padding:0 20px 0 0}.post-author .social a:after{content:'';position:absolute;right:5px;top:10px;width:5px;height:5px;border-radius:10px;background:var(--primary-dark)}.post-author .social a:last-child:after{display:none}.sidebar .widget-area{margin:0 0 50px}.sidebar .widget-area .widget-title,.sidebar .widget-area h3{font-size:21px;font-weight:600;line-height:28px;color:var(--primary-dark);margin:0 0 30px}.rp4wp-related-posts a{display:block;font-size:14px;line-height:15px;color:var(--text-light)}.hero-404 .hero-caption{text-align:left}.hero-404 h1{font-size:80px;font-weight:600;line-height:96px;color:var(--primary-dark);margin:0 0 40px}.hero-404 p{width:80%;font-size:27px;line-height:34px;color:var(--primary-dark);margin:0 0 40px}.hero-404 .btn{width:60%;padding:40px;font-size:21px;line-height:28px;border-radius:100px}.related-posts{margin-bottom:50px;color:var(--text-light)}.related-posts li{font-size:15px;line-height:30px;color:#1b507e;margin:10px 0}.related-posts a{color:#1b507e;text-decoration:underline;text-underline-offset:2px}