/*@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;500;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;900&display=swap');

* {
    font-family: 'Montserrat', sans-serif;
}

:root {
    --color-blue: #0c4a6e;
    --color-blue-hover: #0ea5e9;
    --color-red: #e3003e;
    --color-red-hover: #e83f5b;
    /*--color-green: #2BDD9B;*/
    --color-green: #00ffa0;
    --color-green-hover: #1fffa8;
    --color-orange: #fd951f;
    --color-yellow: #f7df1e;
    --color-primary: #8257e6;
    --color-primary-hover: #9466ff;
    --color-info: #001d28;
    --color-info-hover: #06b6d4;
    --color-background-black: #121214;
    --color-secondary: #e1e1e6;
    --color-text: #a8a8b3;
    --color-support: #737380;
    --color-shape: #202024;
    --color-shape-hover: #29292e;
    --color-icons: #41414d;
    --color-borders: #323238;
    --color-black: #0d0d0f;
    --color-white: #fff;
}

.zoom:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.bg-web {
    background-color: var(--color-background-black);
}

.btn-web {
    background: var(--color-green);
    color: var(--color-blue);
    transition: all .5s;
}

.btn-web:hover,
.btn-web:active,
.btn-web:focus,
.btn-web:first-child:active{
    background: var(--color-green-hover) !important;
    color: var(--color-shape) !important;
}

.text-blue {
    color: var(--color-blue);
}

.text-green {
    color: var(--color-green);
}

.section-lp-banner {
    background-image: url("/assets/img/landing-page-bg.jpg");
    background-size: cover;
}

.section-lp-banner-header h1 {
    font-weight: 700;
}

.section-lp-banner-header h1>span {
    color: var(--color-green);
    font-weight: 900;
}

.embed-container{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-benefit {
    background-image: url("/assets/img/benefit.jpg");
    background-size: cover;
}

.section_home_warranty {
    border-top: 2px solid var(--color-green);
}

.sn_article_catch {
    border: 4px solid #3b8cc1;
    border-radius: 10px;
}

    /*Accordion style*/
.accordion-button:focus {
    box-shadow: 0px 0px 0px !important;
}

.accordion-button:not(.collapsed) {
    color: var(--color-green) !important;
    background-color: var(--color-blue) !important;
    box-shadow: none !important;
}

.accordion-button::after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    background-image: none !important;
}

.accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    background-image: none !important;
}

.accordion-collapse {
    border-left: 5px solid var(--color-blue);
}

.accordion-body {
    font-weight: 700;
}

.accordion-body b {
    color: var(--color-blue);
}

.price-shadow {
    text-shadow: 0px 1px 3px #031d2d;
}

.price-plan {
    font-size: 75px !important;
    font-weight: 900;
    color: var(--color-green);
}

.price-plan-quantity {
    font-size: 55px !important;
    font-weight: 900;
    color: var(--color-green);
}

.section-lp-called {
    background-image: url("/assets/img/background-called.jpg");
    background-size: cover;
    background-position: center;
}

.section-lp-called-price-original > span {
    font-size: 30px;
}

.section-lp-called-price-promotional > span {
    font-size: 64px;
}

.section-lp-about .content {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.section-lp-about span {
    color: var(--color-green);
}

.section-faq {
    background-image: url("/assets/img/faq.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.section-price {
    background-image: url("/assets/img/price.jpg");
    background-size: cover;
    background-position: center;
}