:root{--color-white:#fff;--color-orange:#f60;--color-lightgray:#b6b6b6;--color-black:#333}.v-bannerWebsiteUniversal{display:flex;position:relative;width:100%;padding:2.4rem 0;overflow:hidden;border:1px solid #eaeaea;border-radius:24px;min-height:13.6rem}@media screen and (max-width:992px){.v-bannerWebsiteUniversal{padding:2.4rem 0}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal{padding:1.6rem 2.4rem;border-radius:20px}.v-bannerWebsiteUniversal.alternativeMode{min-height:13.4rem;padding-bottom:2rem}.v-bannerWebsiteUniversal.alternativeMode .v-bannerWebsiteUniversal__description{max-width:none}}.v-bannerWebsiteUniversal.cursorPointer{cursor:pointer}.v-bannerWebsiteUniversal.hoverOnButton:hover .v-btn.accent.orange{background:#f25800;border-color:#f25800}.v-bannerWebsiteUniversal.hoverOnButton:hover .v-btn.accent.green{background:#218700;border-color:#218700}.v-bannerWebsiteUniversal.hoverOnButton:hover .v-btn.accent.white{background:#eaeaea;border-color:#eaeaea}.v-bannerWebsiteUniversal.hoverOnButton:hover .v-btn.ghost.orange,.v-bannerWebsiteUniversal.hoverOnButton:hover .v-btn.ghost.orange .v-icon{color:#f25800}.v-bannerWebsiteUniversal.hoverOnButton:hover .v-btn.ghost.fullWhite{color:#eaeaea}@media screen and (max-width:640px){.v-bannerWebsiteUniversal.withImageBackground:after,.v-bannerWebsiteUniversal.withImageBackground:before{content:"";position:absolute;width:31.9rem;height:31.9rem;border-radius:50%;opacity:.5;transform:translateY(35%)}.v-bannerWebsiteUniversal.withImageBackground:before{bottom:-33%;right:-17.7rem}.v-bannerWebsiteUniversal.withImageBackground:after{bottom:-38%;right:-18.7rem}}.v-bannerWebsiteUniversal.backgroundGradientGreen{background:linear-gradient(90.48deg,#079438 .17%,#48c448 99.35%)}.v-bannerWebsiteUniversal.backgroundGradientOrange{background:linear-gradient(90deg,#f60,#fccc22)}.v-bannerWebsiteUniversal.backgroundGradientYellow{background:linear-gradient(90.48deg,#fff9c1 37.67%,bisque 99.35%)}.v-bannerWebsiteUniversal.backgroundColorLimeGreen{background:#f0f4c1}.v-bannerWebsiteUniversal.backgroundColorGreen{background:#d3ecc4}.v-bannerWebsiteUniversal.backgroundColorYellow{background:#fef0bd}.v-bannerWebsiteUniversal.backgroundColorOrange{background:#fde2c1}.v-bannerWebsiteUniversal.backgroundColorBlue{background:#eaf5fd}.v-bannerWebsiteUniversal.backgroundColorBlack{background:#333}.v-bannerWebsiteUniversal.backgroundColorCream{background:#f7f0d9}.v-bannerWebsiteUniversal.imageBackgroundColorGreenGradient:before{background:#dfe883;opacity:.2}.v-bannerWebsiteUniversal.imageBackgroundColorGreenGradient:after{background:#dfe883;opacity:.3}.v-bannerWebsiteUniversal.imageBackgroundColorOrangeGradient:before,.v-bannerWebsiteUniversal.imageBackgroundColorYellowGradient:before{background:#ffce54;opacity:.3}.v-bannerWebsiteUniversal.imageBackgroundColorOrangeGradient:after,.v-bannerWebsiteUniversal.imageBackgroundColorYellowGradient:after{background:#ffce54;opacity:.4}.v-bannerWebsiteUniversal.imageBackgroundColorYellow:before{background:#fee691}.v-bannerWebsiteUniversal.imageBackgroundColorYellow:after{background:#ffe179}.v-bannerWebsiteUniversal.imageBackgroundColorOrange:before{background:#fccf98}.v-bannerWebsiteUniversal.imageBackgroundColorOrange:after{background:#fdc47e}.v-bannerWebsiteUniversal.imageBackgroundColorGreen:before{background:#b6e09d}.v-bannerWebsiteUniversal.imageBackgroundColorGreen:after{background:#a0d97e}.v-bannerWebsiteUniversal.imageBackgroundColorLimeGreen:before{background:#e6ed97}.v-bannerWebsiteUniversal.imageBackgroundColorLimeGreen:after{background:#dfe883}.v-bannerWebsiteUniversal.imageBackgroundColorBlue:before{background:#d4edff;opacity:.8}.v-bannerWebsiteUniversal.imageBackgroundColorBlue:after{background:#98cdf5;opacity:.8}.v-bannerWebsiteUniversal.imageBackgroundColorCream:before{background:#f9ecbf}.v-bannerWebsiteUniversal.imageBackgroundColorCream:after{background:#fbe7a3}.v-bannerWebsiteUniversal .contentColorWhite{color:#fff}.v-bannerWebsiteUniversal .contentColorBlack{color:#333}.v-bannerWebsiteUniversal .v-bannerWebsiteUniversal__title{font-size:2.2rem;line-height:3rem;margin-bottom:1.2rem}@media screen and (max-width:992px){.v-bannerWebsiteUniversal .v-bannerWebsiteUniversal__title{font-size:2rem;line-height:2.8rem;margin-bottom:.8rem}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal .v-bannerWebsiteUniversal__title{font-size:1.6rem;line-height:2.4rem}}.v-bannerWebsiteUniversal .v-bannerWebsiteUniversal__description{font-size:1.6rem;line-height:2.4rem}@media screen and (max-width:992px){.v-bannerWebsiteUniversal .v-bannerWebsiteUniversal__description{max-width:40.6rem}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal .v-bannerWebsiteUniversal__description{font-size:1.4rem;line-height:2.4rem}}.v-bannerWebsiteUniversal .v-bannerWebsiteUniversal__description span{color:#f60;font-weight:600}.v-bannerWebsiteUniversal .v-bannerWebsiteUniversal__description .textContent{font-weight:400}.v-bannerWebsiteUniversal__wrapper{position:relative;display:flex;align-items:center;width:100%}.v-bannerWebsiteUniversal__contentWrapper{display:grid;width:100%;margin-left:3.2rem;margin-right:25rem;justify-content:space-between;align-items:center;column-gap:6.4rem;z-index:2;grid-template-areas:"Content MainButton" "AdditionalButton MainButton"}@media screen and (max-width:1220px){.v-bannerWebsiteUniversal__contentWrapper{margin-right:8.3rem;column-gap:4.8rem}}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__contentWrapper{margin-right:17rem;grid-template-areas:"Content Content" "MainButton AdditionalButton";grid-template-columns:min-content;justify-content:start;gap:0 3.2rem;padding:0}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__contentWrapper{margin:0;gap:0 2.4rem;grid-template-areas:"Content MainButton" "AdditionalButton MainButton";grid-template-columns:auto;justify-content:space-between}}.v-bannerWebsiteUniversal__contentWrapper.noButtons{grid-template-areas:"Content"}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__contentWrapper.noButtons{grid-template-areas:"Content Content" "MainButton AdditionalButton"}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__contentWrapper.noButtons{margin:0}.v-bannerWebsiteUniversal__contentWrapper.alternativeMode{grid-template-columns:100%;grid-template-areas:"Content" "MainButton" "AdditionalButton";margin:0}.v-bannerWebsiteUniversal__contentWrapper.alternativeMode .v-bannerWebsiteUniversal__mainButton{width:100%;margin-top:1.6rem}.v-bannerWebsiteUniversal__contentWrapper.alternativeMode .v-bannerWebsiteUniversal__mainButton .v-btn__text{display:block}.v-bannerWebsiteUniversal__contentWrapper.alternativeMode .v-bannerWebsiteUniversal__mainButton .v-icon{display:none}.v-bannerWebsiteUniversal__contentWrapper.alternativeMode .v-bannerWebsiteUniversal__additionalButton{margin:1.6rem auto 0}}.v-bannerWebsiteUniversal__contentWrapper.wideContent{justify-content:space-between;margin-right:8rem}@media screen and (max-width:1220px){.v-bannerWebsiteUniversal__contentWrapper.wideContent{margin-right:9.8rem}}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__contentWrapper.wideContent{margin-right:6.4rem}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__contentWrapper.wideContent{margin-right:0}}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__contentWrapper .v-btn{margin-top:2.4rem}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__contentWrapper .v-btn{margin-top:1.6rem}.v-bannerWebsiteUniversal__contentWrapper:not(.alternativeMode) .v-btn{border-radius:50%;padding:.8rem}}.v-bannerWebsiteUniversal__textContent{grid-area:Content;width:100%}.v-bannerWebsiteUniversal__label{background-color:#fff;color:#333;padding:2.4rem .6rem;border-radius:0 15px 15px 0;font-size:1.1rem;line-height:2rem;writing-mode:vertical-rl;height:fit-content;align-self:center}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__label{align-self:flex-start}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__label{display:none}}.v-bannerWebsiteUniversal__mainButton.v-btn{grid-area:MainButton;align-self:center;width:max-content}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__mainButton.v-btn{height:auto;margin-top:2.4rem}}.v-bannerWebsiteUniversal__mainButton.v-btn .v-icon{display:none}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__mainButton.v-btn{margin-top:0}.v-bannerWebsiteUniversal__mainButton.v-btn .v-btn__text{display:none}.v-bannerWebsiteUniversal__mainButton.v-btn .v-icon{display:block}}.v-bannerWebsiteUniversal__additionalButton{grid-area:AdditionalButton;align-items:center;margin-top:2.4rem}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__additionalButton{grid-column:span 1}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__additionalButton{margin-top:1.6rem;justify-content:flex-start}}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__oneButton{grid-column:span 1}}.v-bannerWebsiteUniversal__picture{width:24.2rem;position:absolute;right:0;z-index:1;top:50%;transform:translateY(-37%)}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__picture{width:24.7rem;top:unset;transform:unset;bottom:-13.6rem}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__picture{display:none}}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__picture.noButtons{top:65%;transform:translateY(-44%);width:21.6rem}.v-bannerWebsiteUniversal__picture.imageForSale{bottom:-14rem}}.v-bannerWebsiteUniversal__picture.imageForBlackBanner{width:unset;transform:translateY(-55%);top:50%}@media screen and (max-width:1220px){.v-bannerWebsiteUniversal__picture.imageForBlackBanner{right:-4rem}}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__picture.imageForBlackBanner{width:47rem;top:unset;bottom:-.7rem;right:-10rem;transform:unset}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__picture.imageForBlackBanner{width:44.2rem;display:block;bottom:-3.1rem;right:-10.6rem}}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__picture.imageForBlackBanner.noButtons{top:25%;transform:translateY(-44%)}}@media screen and (max-width:640px){.v-bannerWebsiteUniversal__picture.imageForBlackBanner.noButtons{top:40%}}.v-bannerWebsiteUniversal__picture.questionOrange{top:35%}@media screen and (max-width:992px){.v-bannerWebsiteUniversal__picture.questionOrange{top:unset}}.v-bannerWebsiteUniversal__backgroundImagePattern{position:absolute;width:100%;height:100%;background:url(../images/components/Banners/BannerWebsiteUniversal/bannerPattern.webp);top:0}
