
#contant-form select {
	-webkit-appearance: none;
	width: 100%;
	height: 50px;
	padding-left: 10px;
	border-radius: 6px;
	border: 0;
	background-color: #FFF;
	background-image: url('data:image/webp;base64,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');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: right 10px center;
	transition: 0.3s;
}

#contant-form select:hover {
	cursor: pointer;
	background-color: #EEE;
}

/* ====== Home Section CSS ===== */

.white-grey-gradient {
    position: relative;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.01) 63%, #EEF8FE 63%, #EEF8FE 100%);
    opacity: 1;
    z-index: 1;
}

.contact-us-gradient {
    position: relative;
    background: rgb(235,242,252);
    background: linear-gradient(180deg, rgba(235,242,252,1) 0%, rgba(235,242,252,1) 59.5%, rgba(255,255,255,1) 59.5%, rgba(255,255,255,1) 100%);
    opacity: 1;
}

.section-with-gradient {
    position: relative;
}

.gradient-section {
    position: absolute;
    width: 1920px;
    height: 700px;
    left: 245px;
    top: 800px;
    z-index: 0;
}

.bg-circle {
    position: absolute;
    width: 3432.18px;
    height: 700px;
    left: -425.51px;
    top: -575.7px;

    transform: rotate(11.21deg);
}

.ellipse-1 {
    position: absolute;
    width: 2497.31px;
    height: 1200px;
    left: -200px;
    top: -36px;

    background: radial-gradient(50% 50% at 50% 50%, #4275F0 0%, rgba(113, 148, 233, 0.6875) 31.25%, rgba(149, 172, 227, 0.447917) 55.21%, rgba(217, 217, 217, 0) 100%);
    transform: matrix(0.99, 0, 0.15, 1, 0, 0);
}

.ellipse-2 {
    position: absolute;
    width: 2497.31px;
    height: 1200px;
    left: -555.73px;
    top: 81.28px;

    background: radial-gradient(50% 50% at 50% 50%, #CB2739 0%, rgba(207, 87, 100, 0.729167) 27.08%, rgba(210, 124, 134, 0.520833) 47.92%, rgba(217, 217, 217, 0) 100%);
    transform: matrix(0.99, 0, 0.15, 1, 0, 0);
}

.pcidss-frame > .merge > div > div > div > img {
    max-width: 10rem;
    padding-right: 1rem;
}

.pcidss-frame > .merge > div > div > .justify-logos {
    justify-content: flex-start;
}

.merge {
    flex-direction: row;
}

.appie-about-8-area.solutions-cards {
    margin-inline: 0rem;
}

.appie-about-8-box .title {
    color: #4275F0;
}

.appie-about-8-box .first-thumb {
    max-width: 12rem;
    padding-right: 2.5rem;
    padding-bottom: 1.5rem;
}

.appie-about-8-box .second-thumb {
    max-width: 15rem;
    padding-right: 2.5rem;
    padding-bottom: 1.5rem;
}

.appie-about-8-box .third-thumb {
    max-width: 18rem;
    padding-right: 0.5rem;
    padding-bottom: 1.5rem;
}

.appie-about-8-box .fourth-thumb {
    max-width: 16rem;
    padding-right: 2.5rem;
    padding-bottom: 1.5rem;
}

.stats-icon {
    width: 64px;
    height: 64px;
}

/* ====== Solutions Section CSS ===== */

.quickpay {
    min-height: 24em;
}

.quickpay > .row {
    justify-content: end;
    position: relative;
}

.quickpay > .row > .title-text {
    position: absolute;
    top: 14rem;
    left: 0px;
    max-width: 41rem;
    margin-left: 0rem;
    margin-right: 0rem;
    text-align: start;
}

.quickpay > .row > .appie-traffic-title > p {
    margin-bottom: 3rem;
}

.quickpay > .row > div > img {
    max-width: 64%;
    float: right;
}

.side-padding {
    padding-inline: 5rem;
}

.responsive-container {
    display: none;
}

.gif {
    height: 100vh;
    width: 500rem;
}

.runway-bg {
    background-image: url('../images/runway.gif');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.runway-bg .appie-download-3-box .content {
    padding-inline: 4rem;
}

.title-runway {
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 15px;
}

.bg-white {
    background-color: #FFF !important;
}

.bg-light-blue {
    background-color: #EEF8FE !important;
}

.bg-light-blue-2 {
    background: #EEF8FE !important;
}

.bg-grey-shade {
    background-color: rgb(241,241,241);
}

.bg-grey {
    position: relative;
    background-color: #F5F5F5 !important;
    opacity: 1;
    z-index: 1;
}

.bg-grey-absolute {
    position: absolute;
    background-color: #F5F5F5 !important;
    opacity: 1;
    z-index: 1;
}

.bg-light-blue-3 {
    position: relative;
    background-color: #EEF8FE !important;
    opacity: 1;
    z-index: 1;
}

.bg-light-blue-absolute {
    position: absolute;
    background-color: #EEF8FE !important;
    opacity: 1;
    z-index: 1;
}

.container {
    max-width: 1170px !important;
}

.dis-overflow-x {
    overflow-x: hidden;
}

.dis-overflow-y {
    overflow-y: hidden;
}

.grey-shadow {
    box-shadow: 0px 6px 10px 0px rgb(16 73 189 / 30%);
}

.item-1 {
    background: linear-gradient(
        0deg,
        rgba(39, 153, 246, 0.08) 100%,
        rgba(255, 255, 255, 0.08) 100%
    );
}

.traffic-btn a.main-btn {
    border: 1px solid #4275F0;
}

.bg-responsive {
    background-image: url('../images/background-servicios.png') !important;
    height: 100vh;
}

.bg-responsive-2 {
    background-image: url('../images/hero-compu-portada.png') !important;
    height: 100vh;
}

.banks-ecommerce {
    max-width: 45rem !important;
    top: 5rem !important;
}

.banks-ecommerce-text {
    margin-top: 2rem !important;
    padding-right: 2rem !important;
}

.banks-ecommerce-card {
    padding: 20px 20px 20px;
    margin-top: 0px;
    background-color: #fff;
    background: #fff !important;
}

.frinctionless-integration {
    padding-right: 3.25rem;
}

.frinctionless-integration .sub-elem {
    padding-top: 1rem;
}

.frinctionless-integration .sub-elem-2 {
    padding-top: 1rem;
}

.perfect-ally .appie-features-boxes .appie-features-box-item .title{
    color: #000;
}

.perfect-ally .appie-features-boxes .appie-features-box-item p{
    color: #000;
}

.friendly-thumb {
    margin-left: 0px !important;
    margin-right: 0px !important;
    float: right !important;
}

.friendly-panel {
    max-height: 34rem !important;
}

.no-padding {
    padding: 0px;
}

.no-p-right {
    padding-right: 0rem !important;
}

.left-padding {
    padding-left: 9rem;
}

.left-padding-header {
    padding-left: 1rem;
}

.pos-relative {
    position: relative !important;
}

.pt-150-important {
    padding-top: 150px !important;
}

.pb-100-imp {
    padding-bottom: 100px !important;
}

.pb-110-resp {
    padding-bottom: 110px !important;
}

.p-aboutus {
    padding-inline: 4.39rem !important;
    top: -73.7px !important;
}

.pi-home-solutions {
    padding-inline: 13rem !important;
}

.pi-home-sell {
    padding-right: 13rem !important;
}

.pt-aboutus {
    padding-top: 0px !important;
}

.m-aboutus {
    margin: 63px !important;
}

.blue-border:hover {
    border: #4275F0;
}

.btn-blue {
    border: 2px solid #4275F0 !important;
    color: #4275F0 !important;
}

.btn-blue:hover {
    background: #4275F0 !important;
    color: #fff !important;
}

.appie-hero-content.appie-hero-content-4 a.main-btn {
    border: 2px solid #4275F0 !important;
}

.color-pixel-blue {
    color: #4275F0 !important;
    border: #4275F0;
}

.hide {
    display: block;
}

.hide-2 {
    display: none;
}

.bg-pixel-blue {
    background-color: #4275F0 !important;
}

.font-color-primary {
    color: #4275F0 !important;
}

.color-white {
    color: #fff !important;
}

.appie-hero-content.appie-hero-content-4 > span {
    color: #4275F0;
}

.disable-anchor {
    pointer-events: none;
}

.side-padding-quickpay {
    padding-inline: 5rem;
}

.pci-image {
    max-height: 8rem;
}

.pci-hero {
    height: 100vh;
}

.pci-bg-resp {
    background-size: 577px 500px;
    background-position: right;
}

.pt-140-imp {
    padding-top: 140px !important;
}

.pt-190 {
    padding-top: 11.875rem !important;
}

.hero-font-size {
    font-size: 70px !important;
    line-height: 80px !important;
}

.justify-content-boxes-resp {
    justify-content: space-between !important;
    padding-inline: 14rem;
}

.box-2 {
    padding-inline: 20rem !important;
}

.platform-hero-2 {
    display: none;
}

.wlabel-hero-2 {
    display: none;
}

.card-solution {
    min-height: 21.875rem;
}

.mr-110-resp {
    margin-right: 110px;
}

.img-responsive-quickpay {
    max-width: 64%;
    float: right;
}

.img-responsive-3ds {
    max-width: 100%;
    float: right;
}

.title-resp-quickpay {
    padding-left: 9.438rem;
    padding-right: 4rem;
}

.title-resp-3ds {
    padding-left: 9.438rem;
    padding-right: 0rem;
}

.title-resp-white {
    padding-left: 9.438rem;
    padding-right: 2rem;
}

.top-padding-quickpay {
    padding-top: 16rem
}

.top-quickpay-text {
    padding-top: 16rem;
}

.no-bg-image {
    background-image: none !important;
}

.pi-2 {
    padding-inline: 2rem;
}

.pi-3 {
    padding-inline: 3rem;
}

.pt-7-resp {
    padding-top: 7.5rem !important;
}

.start-text {
    text-align: start;
}

.last-child-center button{
    text-align: center;
}

.contact-form-height {
    min-height: 45rem;
}

.pb-half {
    padding-bottom: 0.5rem;
}

.pr-instashop {
    padding-right: 170px !important;
}

.pt-insta-resp {
    padding-top: 90px !important;
}

.pb-insta-resp {
    padding-bottom: 110px !important;
}

.img-responsive-pci {
    display: none;
}

.team-slider-resp-2 {
    display: none !important;
}

.team-slider-resp-3 {
    display: none !important;
}

.bg-about-us {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.secure-3d-gradient {
    background: rgb(57,128,232);
    background: linear-gradient(90deg, rgba(57,128,232,1) 0%, rgba(57,128,232,1) 50%, rgba(235,242,252,1) 50%, rgba(235,242,252,1) 100%);
}

.principle {
    max-width: 35px;
    max-height: 35px;
}

.dispnon {
    display: none;
}

select :active {
    outline: none;
}

@media only screen and (max-width: 395px){
    .home-hero {
        background-image: url(../images/hero-home.png) !important;
        background-size: contain;
        background-position-y: bottom;
        height: 60vh !important;
    }
}

/* ======= Responsiveness ============*/
@media only screen and (min-width: 395px) and (max-width: 415px) {
    .home-hero {
        background-image: url(../images/hero-home.png) !important;
        background-size: contain;
        background-position-y: bottom;
        height: 60vh !important;
    }
}

@media (max-width: 576px) {
    .center-resp-button {
        text-align: center !important;
    }
}

@media (max-width: 938px) {
    .img-responsive-quickpay {
        max-width: 42% !important;
    }

    .img-responsive-3ds {
        max-width: 100% !important;
    }

    .title-resp-quickpay {
        top: 5rem !important;
    }

    .title-resp-white {
        top: 5rem !important;
    }
}

@media (max-width: 992px) {

    .p-aboutus {
        padding-inline: 2.39rem !important;
    }

    .mt-65-resp{
        margin-top: 10px !important;
    }

    .platform-hero {
        height: 100% !important;
        background-image: none !important;
    }

    .secure-3d-gradient {
        background: rgb(57,128,232, 1) !important;
    }

    .banks-hero {
        padding-top: 100px;
        height: 100% !important;
        background-image: none !important;
    }

    .platform-hero-2 {
        display: block;
    }

    .wlabel-hero-2 {
        display: block;
    }

    .m-aboutus {
        margin: 22px !important;
    }

    .secure-cta-color {
        color: #000 !important;
    }

    .no-p-right-resp {
        padding-right: 0rem !important;
    }

    .title-resp-3ds {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .team-slider-resp-1 {
        display: none !important;
    }

    .team-slider-resp-2 {
        display: block !important;
    }

    .btn-responsive {
        display: none !important;
    }

    .img-responsive-instashop {
        display: none !important;
    }

    .img-responsive-quickpay {
        display: none !important;
    }

    .version {
        justify-content: center;
    }

    .img-responsive-3ds {
        max-width: 100%;
        float: right;
    }

    .runway-bg .appie-download-3-box .content {
        padding-inline: 1.5rem;
        padding-top: 1rem !important;
    }

    .pt-10-resp-runway {
        padding-top: 3rem !important;
    }

    .vh-100-resp {
        height: auto;
    }

    .pci-hero {
        background-image: none !important;
    }

    .mp-1 {
        padding-inline: 1rem;
    }

    .mp-2 {
        padding-inline: 2rem;
    }

    .mp-3 {
        padding-inline: 2rem;
    }
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
    .home-hero {
        background-image: url(../images/hero-home.png) !important;
        background-size: contain;
        background-position-y: bottom;
        height: 75vh !important;
    }
}

@media (max-width: 767px){

    .bg-about-us {
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .pt-120-resp {
        padding-top: 120px !important;
    }

    .pb-40-resp {
        padding-bottom: 40px !important;
    }

    .bg-white-resp {
        background-color: #fff !important;
    }

    .pt-insta-resp {
        padding-top: 40px !important;
    }

    .pb-insta-resp {
        padding-bottom: 50px !important;
    }

    .pr-instashop {
        padding-right: 0px !important;
    }

    .hide {
        display: none;
    }

    .hide-2 {
        display: block;
    }

    .p-aboutus {
        padding-inline: 1.39rem !important;
    }

    .title-resp-white {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .pi-home-solutions {
        padding-inline: 1rem !important;
    }

    .pi-home-sell {
        padding-right: 4rem !important;
    }

    .pt-0-resp {
        padding-top: 0px;
    }

    .pb-0-resp {
        padding-bottom: 0px;
    }

    .pb-50-resp {
        padding-bottom: 50px;
    }

    .pb-70-resp {
        padding-bottom: 70px;
    }

    .pt-100-resp {
        padding-top: 100px !important;
    }

    .top-padding-quickpay {
        padding-top: 2rem
    }

    .top-quickpay-text {
        padding-top: 3rem !important;
    }

    .team-slider-resp-2 {
        display: none !important;
    }

    .team-slider-resp-3 {
        display: block !important;
    }

    .justify-content-boxes-resp {
        justify-content: center !important;
        padding-inline: 0rem !important;
    }

    .side-padding-resp {
        padding-inline: 2rem !important;
    }

    .no-pt-resp {
        padding-top: 0rem !important;
    }

    .no-padding-resp {
        padding: 0px;
    }

    .no-padding-l-resp {
        padding-left: 0rem !important;
    }

    .pt-10-resp {
        padding-top: 10px !important;
    }

    .pb-30-resp {
        padding-bottom: 30px !important;
    }

    .pt-30-resp {
        padding-top: 30px !important;
    }

    .pt-50-resp {
        padding-top: 50px;
    }

    .pr-50-resp {
        padding-right: 0px !important;
    }

    .gradient-section {
        left: 0px;
    }

    .cards-padding {
        padding: 15px;
    }

    .bg-circle {
        left: -561.51px;
        top: -305.7px;
    }

    .pci-image {
        max-height: 5rem;
    }

    .pci-hero {
        height: auto;
        background-image: none !important;
        padding-top: 120px !important;
    }

    .traffic-btn a.main-btn.index-btn {
        background: #4275F0;
        color: #fff;
        border: 2px solid #4275F0;
    }
    .traffic-btn a.main-btn.index-btn i {
        padding-left: 6px;
    }
    .traffic-btn a.main-btn.index-btn:hover {
        background: #fff;
        color: #0e1133;
        border: 2px solid #e7eaef;
    }

    .img-responsive {
        display: none;
    }

    .img-responsive-pci {
        display: block;
    }

    .side-padding {
        padding-inline: 0rem;
        padding-top: 8rem;
    }

    .side-padding-quickpay {
        padding-inline: 0rem;
        padding-top: 1rem;
    }

    .sp-1 {
        padding-inline: 1rem;
    }

    .sp-2 {
        padding-inline: 2rem;
    }

    .sp-3 {
        padding-inline: 3rem;
    }

    .sp-5 {
        padding-inline: 5rem;
    }

    .left-padding {
        padding-left: 0rem;
    }

    .left-padding-header {
        padding-left: 0rem;
    }

    .title-runway {
        font-size: 30px;
        line-height: 40px;
    }

    .quickpay {
        padding-inline: 2rem;
    }

    .quickpay > .row > .title-text {
        position: relative;
        margin-right: 0;
        margin-left: 0;
        top: 4rem;
    }

    .quickpay > .row > .title-text > p {
        text-align: center;
    }

    .responsive-container {
        display: block;
        padding-inline: 2rem;
    }

    .runway-bg .appie-download-3-box .content {
        padding-inline: 0rem;
    }

    .mobile-app > .side-padding {
        padding-top: 0rem;
        padding-inline: 1rem;
    }

    .mobile-app > .runway-bg {
        background-image: none;
        min-height: 0vh;
    }

    .mobile-app > .runway-bg > .appie-download-3-box .content {
        padding-inline: 2rem !important;
    }

    .mobile-app > .runway-bg > .side-padding {
        padding-inline: 0rem !important;
    }

    .pcidss-frame > .merge > div > div > .justify-logos {
        justify-content: center !important;
    }

    .pcidss-frame > .merge > div > div > .title {
        text-align: center;
    }

    .pcidss-frame > .merge > div > div > .traffic-btn-2 {
        text-align: center;
    }

    .pcidss-frame .sub-title {
        text-align: center;
    }

    .merge {
        display: flex;
        flex-direction: column;
    }

    .center-resp-text {
        text-align: center !important;
    }

    .center-resp-text-767 {
        text-align: center !important;
    }

    .justify-content-center-resp {
        justify-content: center !important;
    }

    .start-resp-text {
        text-align: start !important;
    }

    .bg-blog-pos {
        background-position: left !important;
    }

    .frinctionless-integration {
        padding-right: 0rem;
    }

    .frinctionless-integration .title {
        padding-top: 1rem;
    }

    .frinctionless-integration .sub-elem {
        padding-top: 1rem;
    }

    .frinctionless-integration .sub-elem .icon {
        padding-top: 1rem;
    }

    .frinctionless-integration .sub-elem-2 {
        padding-top: 1rem;
    }

    .frinctionless-integration .sub-elem-2 .icon {
        padding-top: 1rem;
    }

    .appie-about-8-box .first-thumb {
        max-width: 7.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .appie-about-8-box .second-thumb {
        max-width: 13rem;
        padding-right: 2.5rem;
        padding-bottom: 1.5rem;
    }

    .appie-about-8-box .third-thumb {
        max-width: 14rem;
        padding-right: 0.5rem;
        padding-bottom: 1.5rem;
    }

    .appie-about-8-box .fourth-thumb {
        max-width: 10rem;
        padding-right: 1.5rem;
        padding-bottom: 1.5rem;
    }


    .img-responsive-solutions {
        display: none;
    }

}

.img-solutions {
    max-width: 50% !important;
}

@media (max-width: 910px) {
    .img-solutions {
        display: none !important;
    }
}

@media only screen and (min-width: 910px) and (max-width: 992px) {
    .img-solutions {
        max-width: 40% !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
    .dev-title-resp {
        margin-right: 20rem;
    }

    .top-padding-quickpay {
        padding-top: 2rem
    }

    .justify-content-center-resp {
        justify-content: center !important;
    }

    .top-quickpay-text {
        padding-top: 3rem !important;
    }

    .center-resp-text {
        text-align: center !important;
    }

    .title-resp-white {
        padding-left: 4.375rem;
        padding-right: 4.375rem;
    }

    .img-responsive-solutions {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1070px) {
    .img-solutions {
        max-width: 45% !important;
    }

    .img-responsive-solutions {
        width: 35% !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .img-responsive-solutions {
        max-width: 45% !important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1260px) {
    .img-responsive-solutions {
        width: 42% !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
    .max-h {
        height: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1260px) {
    .lp-md-3 {
        padding-left: 3rem !important;
    }

    .mt-65-resp{
        margin-top: 40px !important;
    }

    .title-resp-quickpay {
        padding-left: 9.438rem;
        padding-right: 4rem;
    }

    .title-resp-white {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .top-padding-quickpay {
        padding-top: 12rem
    }

    .top-quickpay-text {
        padding-top: 10rem;
    }

    .pci-bg-resp {
        background-size: 438px 380px;
        background-position: right;
    }

    .frinctionless-integration .sub-elem-2 {
        padding-top: 4rem;
    }
}

@media only screen and (min-width: 1260px) and (max-width: 1300px) {
    .pci-bg-resp {
        background-size: 438px 380px;
        background-position: right;
    }

    .mt-65-resp{
        margin-top: 40px !important;
    }

    .frinctionless-integration .sub-elem-2 {
        padding-top: 4rem;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1440px) {
    .mt-65-resp{
        margin-top: 35px !important;
    }

    .frinctionless-integration .sub-elem-2 {
        padding-top: 4rem;
    }
}

@media (max-width: 1440px) {

    .appie-hero-area.appie-hero-3-area {
        padding-top: 110px;
    }

    .appie-hero-area.appie-hero-15-area {
        padding-top: 110px;
        background-size: cover;
    }

    .mt-platform-resp {
        margin-top: 10px !important;
    }

    .home-hero {
        background-image: url(../images/hero-home.png) !important;
    }

    .banks-hero {
        background-image: url(../images/hero-compu-portada.png);
    }

    .secure-3d-padding {
        padding-bottom: 0px !important;
    }

    .mr-110-resp {
        margin-right: 50px !important;
    }

    .top-quickpay-text {
        padding-top: 12rem;
    }

    .img-responsive-quickpay {
        max-width: 88%;
        float: right;
    }

    .img-responsive-3ds {
        max-width: 100%;
        float: right;
    }
}

@media (min-width: 1441px) {
    .home-hero-margin {
        margin-top: 160px;
    }

    .mt-65-resp{
        margin-top: 65px !important;
    }

    .mt-platform-resp {
        margin-top: 35px !important;
    }

    .frinctionless-integration .sub-elem-2 {
        padding-top: 6rem;
    }
}

.thumb-allies {
    max-width: 40rem !important;
}

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
    .top-padding-quickpay {
        padding-top: 20rem
    }

    .top-quickpay-text {
        padding-top: 18rem;
    }

    .img-responsive-quickpay {
        max-width: 88%;
    }

    .img-responsive-3ds {
        max-width: 100%;
    }

    .thumb-instashop {
        width: 38% !important;
    }

    .thumb-allies {
        max-width: 54rem !important;
    }

    .play-box-thumb {
        width: 42% !important;
    }

    .secure-3d-padding {
        padding-bottom: 0px !important;
    }
}

@media (min-width: 1921px) {
    .home-hero {
        padding-top: 180px;
        height: 100%;
        width: 100%;
        background-image: url(../images/hero-home.png);
    }
}

@media (display-mode: fullscreen) {
    .banks-hero {
        height: 100vh;
    }

    .appie-hero-area.appie-hero-3-area {
        padding-top: 180px;
    }

    .appie-hero-area.appie-hero-15-area {
        padding-top: 140px;
    }
}

.footer-about-widget .social ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1rem;
}

.footer-about-widget .social img {
    max-height: 5rem;
}

.footer-copyright > .apps-download-btn > .social > img {
    max-width: 5rem;
}

.footer-about-widget .social img:first-child {
    max-height: 2rem;
}

.a-disable {
    pointer-events: none;
}

.bg-blog-pos {
    background-position: right;
}

.gradient-text {
    background-image: linear-gradient(90deg, #CB2739, #4275F0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

.accent-shade-tinted {
    background: linear-gradient(135deg, #e3342f 0%, #eb716d 100%) !important;
}

.purple-shaded-tinted {
    background: linear-gradient(135deg, #68449e 0%, #b590eb 100%) !important;
}

.accent-grad {
    background: linear-gradient(135deg, #104f97 0%, #5d9ce4 100%) !important;
}

.primary-tinted {
    background: linear-gradient(135deg, #4275f2 0%, #7b9ef6 100%) !important;
}

.pink-shaded-tinted {
    background: linear-gradient(135deg, #7b374e 0%, #f66d9b 100%) !important;
}

.home-hero {
    padding-top: 100px;
    height: 100%;
    width: 100%;
    background-image: url(../images/hero-home.png);
}

.banks-hero {
    padding-top: 100px;
    background-image: url(../images/hero-compu-portada.png);
}

.appie-fun-fact-box .appie-fun-fact-play img{
    position: relative;
    right: none;
}

.override-padding-inside {
    padding: 90px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.override-padding {
    padding: 0px 0px !important;
}

.pr-120 {
    padding-right: 120px;
}

.square-size {
    min-width: 6.016rem;
}

.pr-50-resp {
    padding-right: 50px;
}

.quickpay-icon-size {
    max-height: 2.6rem;
}

.quickpay-card-height {
    height: 100%;
}

.no-border {
    border: none;
}

.no-bg-color {
    background-color: #fff;
}

.appie-header-main-menu ul > li > a i:not(.icon-dropdown){
    font-size: 1.2rem;
    margin-right: 0.25rem;
    line-height: 1rem;
}

.appie-header-main-menu ul li .pages-mega-menu ul li i {
    font-size: 1.2rem;
    margin-right: 0.5rem;
    line-height: 1rem;
}

.appie-header-main-menu ul > li .sub-menu > li a i {
    float: left;
    font-size: 1.25rem;
    margin-right: 0.5rem;
    line-height: 1rem;
}

.blog-post {
    transition: .5s;
}

.blog-post:hover {
    transform: translateY(-5px);
    cursor: pointer;
}

.blog-post .h5 {
    transition: .5s;
}

.blog-post:hover .h5 {
    color: var(--color-link);
}

.blog-post img {
    aspect-ratio: 32/9;
    object-fit: cover;
}

.red-bull {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #CB2739;
}

.blue-bull {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #4275F0;
}

.one-line-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.small-info {
    font-size: 0.8rem;
}

.recent-post{
    transition: all linear 0.3s;
}

.recent-post:hover {
    color: var(--color-link);
    cursor: pointer;
}

.recent-post img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 45px;
    height: 45px;
    float: left;
    border-radius: .4rem;
    margin-right: .5rem;
}

.blog-banner {
    overflow: hidden;
}

.blog-banner.card:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-black-rgb), 0.15);
    position: absolute;
    border-radius: 0.5rem;
}

.cursor-pointer {
    cursor: pointer;
}

.social-sidebar {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1200;
}

.social-sidebar a {
    line-height: 0;
}

.social-sidebar i {
    border-radius: 6px 0 0 6px;
    color: #eef1f6;
    font-size: 1.5rem;
    line-height: 1rem;
    padding: 4px 8px 4px 2px;
    text-decoration: none;
    transform: translateX(8px);
}

.social-sidebar i.social-facebook {
    background-color: #1877f2;
}
.social-sidebar i.social-instagram {
    background: linear-gradient(45deg, #405de6, #9f44dc);
}
.social-sidebar i.social-twitter {
    background-color: #1da1f2;
}
.social-sidebar i.social-linkedin {
    background-color: #0077b5;
}
.social-sidebar i.social-youtube {
    background-color: #ff0000;
}

.social-sidebar i:hover {
    transform: translateX(0px);
}

.policies {
    padding-top: 120px;
}

.policies p,
.policies li {
    font-size: 1rem;
}

.policies ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 16px;
    unicode-bidi: isolate;
}

.policies li {
    display: list-item;
    unicode-bidi: isolate;
    line-height: 24px;
}

@media (min-width: 992px) {
    .sticky-aside-blog {
        position: sticky;
        top: 100px;
    }

    .sticky-aside-blog .field-selection-container {
        position: fixed;
    }
}
