#pat .benefits, #pat .benefits .container {position:relative;overflow:hidden;}
#pat .benefits .container {position:relative;z-index:997;}

#pat .top-img {height:100%;transform:translate(50%, 72%);}
#pat .faq .bg-shape {top:0px;transform:translate(0, -41%);}
#pat #top {background: #5334C4;background:linear-gradient(309deg,rgba(83, 52, 196, 1) 0%, rgba(83, 52, 196, 1) 38%, rgba(9, 6, 20, 1) 92%, rgba(9, 6, 20, 1) 100%);padding-bottom:145px;}
#pat h2 span {color:var(--bw-green);}
#pat .simulator-container h3 {color:var(--bw-purple);margin-top:50px;margin-bottom:20px;}
#pat .needs {background-color: var(--bw-purple);padding-top:100px;padding-bottom:100px;}
#pat .needs h2 {text-align:center;color:var(--bw-white);margin-bottom:55px;}
#pat .mosaic {height:600px;}
#pat .mosaic h3 {font-size:26px;line-height:30px;margin-bottom:20px;}
#pat .mosaic .mos-col:first-of-type {width:34%;padding-right:12px;}
#pat .mosaic .mos-col:first-of-type .mos-containt:first-of-type{background-color: var(--bw-purple-light);color:var(--bw-white);height:auto;margin-bottom:18px;padding:37px 31px;flex-grow:1;}
#pat .mosaic .mos-col:first-of-type .mos-containt:last-of-type {height:307px;}
#pat .mosaic .mos-col:nth-of-type(2) {width:38%;padding-left:6px;padding-right:6px;}
#pat .mosaic .mos-col:nth-of-type(2) .mos-containt:first-of-type {background-color:var(--bw-white);height:323px;margin-bottom:18px;}
#pat .mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type {background-color: var(--bw-green);height:auto;padding:37px 31px;flex-grow:1;}
#pat .mosaic .mos-col:last-of-type {width:28%;padding-left:12px;}
#pat .mosaic .mos-col:last-of-type .mos-containt {background-color: var(--bw-white);height:100%;padding:37px 31px;}
#pat .mosaic .gob, #pat .mosaic .moc {width:100%;height:100%;object-fit:cover;object-position:center;}
#pat .mosaic .gwc {bottom:-2px;right:-90px;width:330px;}
#pat .benefits .row .col:first-of-type {padding-right:12px;}
#pat .benefits .row .col:last-of-type {padding-left:12px;}
#pat .benefits .row:first-of-type .col:first-of-type .benefit div:first-of-type {background-color:var(--bw-green);}
#pat .benefits .row:first-of-type .col:last-of-type .benefit div:first-of-type {background-color:var(--bw-purple);}
#pat .benefits .row:last-of-type .col:first-of-type .benefit div:first-of-type {background-color:var(--bw-purple-light);}
#pat .benefits .row:last-of-type .col:last-of-type .benefit div:first-of-type {background-color:black;}
#pat .benefits .bg-shape{width:1700px;left:10%;top:auto;bottom:0px;transform:translate(0, 59%);}
#pat-form-cta {margin-top:5px;}
#pat-form-amount {padding-right:20px;}
#pat-form-duration, #pat-form-rate-b, #pat-form-rate {margin-top:50px;}
#pat-form-duration, #pat-form-rate-b {padding-left:20px;}
#pat-form-rate {padding-left:10px;padding-right:10px;}
#pat-page-success .section {height:725px;position:relative;background: url("../images/bg/gradient-bg-contact-success-b.webp");}

/* Surcharge theme PAT */
#pat #top {background-color: var(--bw-purple);background-image: none;}
#pat #top .top-wrapper {z-index:996;position: relative;max-width:55%;}
#pat #top img.top-bg {position:absolute;top:140px;left:56%;height:84%;z-index:994;}

@media screen and (max-width: 1760px) {
     #pat .top-img, #pay .top-img {right:19%;}
}

@media screen and (max-width: 1500px) {
    #pat #top {background-position: 95% 65%;}
}

@media only screen and (max-width: 1320px) {
    #pat #top {background-size: auto 70%;}
}

@media only screen and (max-width: 1220px) {
    #pat #top .top-wrapper {max-width:50%;}
    #pat #top img.top-bg {left:50%;height:80%;top:200px;margin-left:40px;}
}

@media only screen and (max-width: 1140px) {
    #pat .top-img {height:460px;right:45%;transform: translate(50%, 0%);bottom:-100px;}
    #pat .mosaic .gwc {width:310px;}
    #pat #top {background-image:none;}
}

@media only screen and (max-width: 1000px) {
    #pat #top .top-wrapper {max-width:1000%;}
    #pat #top img.top-bg {display:none;}
}

@media only screen and (max-width: 992px) {
    #pat .row .col {padding-left:0px !important;padding-right:0px !important;}
    #pat-form-duration {padding-left:0px;}
    #pat-form-rate-b {padding-bottom:30px;}
    #pat #pat-form-cta {margin-top:50px;}
    #pat #top .top-wrapper {max-width:100%;}
}

@media only screen and (max-width: 950px) {
    #pat .mosaic .mos-col, #security .victim .wrapper {width:100% !important;padding-left:0 !important;padding-right:0 !important;}
    #pat .mosaic {flex-direction: column;height:auto;}
    #pat .mosaic .mos-col .mos-containt {width:100% !important;height:auto !important;max-width:600px;margin:0 auto;margin-bottom:18px !important;}
    #pat .mosaic .gob, #pat .mosaic .moc {position: relative;display:block;}
    #pat .mosaic .mos-col:last-of-type .mos-containt {padding-bottom:380px;}
    #pat .mosaic .gwp {width:350px;right:50%;margin-right:-200px;}
    #pat .mosaic .gwc {bottom:-2px;right:50%;width:330px;margin-right:-200px;}
    #pat .mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type {order:1;}
    #pat .mosaic .mos-col:nth-of-type(2) .mos-containt:first-of-type {order:2;}
}

@media only screen and (max-width: 600px) {
    #pat-form-rate, #pat-form-rate-b {padding-left:0px;margin-top:20px;}
}

@media only screen and (max-width: 530px) {
    #pat #top h2 {font-size:40px !important;line-height:40px !important;}
}

@media only screen and (max-width: 450px) {
    #pat #top h2 {font-size:32px !important;line-height:32px !important;}
}