/* FONT */
@font-face {
    font-family: 'poppins-100';
    src: url('../font/Poppins/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-200';
    src: url('../font/Poppins/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-300';
    src: url('../font/Poppins/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-400';
    src: url('../font/Poppins/Poppins-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-500';
    src: url('../font/Poppins/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-600';
    src: url('../font/Poppins/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'poppins-700';
    src: url('../font/Poppins/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'openSans-300';
    src: url('../font/OpenSans/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'openSans-400';
    src: url('../font/OpenSans/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'openSans-500';
    src: url('../font/OpenSans/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'openSans-700';
    src: url('../font/OpenSans/OpenSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

p {line-height: normal;}

/* COLORS */
.bg-light {background-color: #F8F8F8;}
.bg-gray-dark {background-color: #262626;}
.text-gray-dark {color: #262626;}
.bg-green { background-color: #7DCC15; }
.text-green { color: #6BAB14; }

/* FONTS */
.font-poppins-100 {font-family: 'poppins-100', sans-serif;font-weight: 100;}
.font-poppins-200 {font-family: 'poppins-200', sans-serif;font-weight: 200;}
.font-poppins-300 {font-family: 'poppins-300', sans-serif;font-weight: 300;}
.font-poppins-400 {font-family: 'poppins-400', sans-serif;font-weight: 400;}
.font-poppins-500 {font-family: 'poppins-500', sans-serif;font-weight: 500;}
.font-poppins-600 {font-family: 'poppins-600', sans-serif;font-weight: 600;}
.font-poppins-700 {font-family: 'poppins-700', sans-serif;font-weight: 700;}

.font-openSans-300 {font-family: 'openSans-300', sans-serif;font-weight: 300;}
.font-openSans-400 {font-family: 'openSans-400', sans-serif;font-weight: 400;}
.font-openSans-500 {font-family: 'openSans-500', sans-serif;font-weight: 500;}
.font-openSans-700 {font-family: 'openSans-700', sans-serif;font-weight: 700;}

/* BUTTONS */
.btn-privacy-patrol {padding: 15px 30px;border-radius: 50px;font-size: 16px;border: 0;width: 200px;transition: all 0.4s; transform: scale(1);}
.btn-privacy-patrol:hover {transform: scale(1.1)}
.btn-green {background-color: #7DCC15;border: 1px solid transparent;}
.btn-green:hover { background-color: #FFF;box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 20%);}
.btn-white {background-color: #FFF;}
.btn-white:hover {box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 20%);}

/* MAIN MENU */
#main-menu {transition: all 0.4s;padding: 0 36px;}
#main-menu .navbar-nav {gap: 15px;justify-content: space-between;}
#main-menu .navbar-nav a {padding: 0;}
#main-menu .navbar-nav a, #navbarToggle a {color: #FFF;}
#menu-responsive .navbar-toggler {
    position: absolute; 
    top: 50%; 
    right: 7px;
    height: 36px;
    width: 36px;
    border-radius: 4px;
    background-color: #E3E3E3;
    transform: translate(-50%, -50%);
}

#main-menu .item-nav-link {min-height: 50px;display: grid; place-items: center;}
#main-menu .item-nav-link.hvr-underline-from-center:before {background: #7DCC15;}
#main-menu .nav-link:hover,
#main-menu .nav-link.active {color: #7DCC15;}
#main-menu.menu-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    font-size: 14px;
}

/* SOCIAL NETWORKS */
.wrapper-social-networks a,
.wrapper-social-networks-mobile {margin-bottom: 22px;}
.wrapper-social-networks a, .wrapper-social-networks-mobile a  { height: 33px; width: 33px; }
.wrapper-social-networks a:hover { background-color: #acea59; }
.wrapper-social-networks a:hover svg path { fill: #262626; }



/* BODY */
body {color: #404040;}
.title {font-size: 30px;line-height: 30px;}
.subtitle {font-size: 12px;letter-spacing: 2px;}
.title-anim, .subtitle-anim {opacity: 0;}
.sections {padding: 100px 0;}
.btn-phone {border-bottom: 2px solid #7DCC15;padding-bottom: 5px;transition: all 0.5s ease-out; transform: scale(1);cursor: pointer;}
.btn-phone:hover {transform: scale(1.1);}
.box-anim {opacity: 0;}
.title-content-simple {font-size: 18px;text-transform: uppercase;line-height: 22px;margin-bottom: 20px;}
.page-simple p {font-family: 'openSans-400', sans-serif;font-weight: 400;margin-bottom: 20px;}
.container-simple {width: 960px;margin: auto;}

/* HEADER */
#header { box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); padding: 15px 36px;}
#header .container-fluid {padding: 0 24px;}

/* HERO */
#hero { 
    background-image: url('../img/bg-hero-mobile.jpg'); 
    background-size: 100%; 
    background-position: bottom center; 
    background-repeat: no-repeat;
    min-height: 915px 
}
#hero .wrapper-hero {padding: 42px 30px 0 30px;position: relative;}
#hero .overlay-hero {background-image: linear-gradient(180deg, #FFF 54%, rgba(255, 255, 256, 0.70) 60%, rgba(255, 255, 255, 0.00) 70%); width: 100%; height: 945px; position: absolute;}
#hero .title-hero {font-size: 60px;color: #1A1A1A;line-height: 60px;margin-bottom: 28px;}
#hero .sub-title-hero {font-size: 28px; color: #5F5F5F;}
#hero .intro-hero {font-size: 18px;}
#hero .divider {background-color: #262626;width: 115px; height: 2px;margin: 35px auto;}
#hero .btn-privacy-patrol {margin-top: 40px;}


#hero-legal {min-height: 305px;background-attachment: fixed;position: relative;background-size: cover;}

/* SERVICES */
#services .container-fluid {width: 85%;}
#services .wrapper-item-service {margin-top: 80px;grid-template-columns: repeat(2, 1fr);grid-gap: 1em;}
#services .item-service {
    border-radius: 16px; 
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 30px;
}
#services .item-service h4, #services .item-service p {font-size: 16px;}
#services .services-slider {margin-top: 46px;}

/* PLANS */
#plans {background-color: #F8F8F8;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);}
#plans .container-fluid {width: 100%;}
#plans .wrapper-plans {width: 80%;margin: auto;}
#plans .wrapper-plans h4 {margin: 36px auto 30px auto;font-size: 25px;}
#plans .box-plans {border-radius: 16px;}
#plans .box-plans h5 {font-size: 16px;}
#plans .wrapper-price-plan {background-color: #262626;padding: 25px;width: 224px;border-radius: 0 0 16px 16px;margin: auto;} 
#plans .divider {width: 55px; height: 2px;background-color: #FFF; margin: 10px auto 30px auto;}
#plans .price {font-size: 34px;} 
#plans .time {font-size: 16px;}
#plans .title {padding: 12px 0 0 0;font-size: 30px;}
#plans .subtitle {font-size: 12px;line-height: 16px;margin-bottom: 0;}
#plans .box-plans span {font-size: 14px;color: #757575;width: 100%;padding-left: 5px;}
#plans .feature-plans {width: 35%; margin: 13px auto 0 auto;}
#plans .feature-plans .item-feature-plans {text-align: left;margin: 9px 0;display: flex; align-items: center;}
#plans .feature-plans .item-feature-plans:first-child {margin-top: 0;}
#plans .feature-plans .item-feature-plans:last-child {margin-bottom: 0;}
#plans .feature-plans .item-feature-plans svg {width: 30px;}
#plans .btn-privacy-patrol {width: 70%;text-decoration: none;font-size: 12px;margin: 24px auto;}
#plans .footer-plans {background-color: #E3E3E3;padding: 25px; border-radius: 0 0 16px 16px;}
#plans .footer-plans p {font-size: 12px;line-height: 14px;}
#plans .wrapper-img-family {max-width: 700px;height: 87.5%;overflow: hidden;background-repeat: no-repeat; background-size: cover;}

/* FACTS */
#facts.sections {padding: 70px 0 100px 0; margin-top: 30px;}
#facts .container-fluid {width: 100%;}
#facts .facts-title {margin-bottom: 70px;}
#facts .wrapper-items-facts { width: 85%;margin: 0 auto 120px auto; gap: 5%;}
#facts .item-facts {margin-bottom: 15px;}
#facts .item-facts h4 {font-size: 22px;}
#facts .wrapper-items-statistics {width: 80%; margin: 70px auto 0 auto;}
#facts .item-statistics {background-color: #E3E3E3;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);border-radius: 50px;height:76px;margin-bottom: 27px;}
#facts .item-statistics .container-item-statistics {
    background-color: #262626;
    border-radius: 50px;
    width: auto;
    transition: all 1s;
}
#facts .item-statistics .intro-statistics {font-size: 12px;width: 71%;}
#facts .item-statistics .divider-statistics {padding: 0; margin: 0 10px; width: 2px; height: 25px; background-color: #FFF;}
#facts .item-statistics .data-statistics {font-size: 18px; width: 35px;}

/* FAMILY */
#family {position: relative;}
#family .column-left {padding: 50px 48px; width: 100%;}
#family .column-right {width: 100%;} 
#family .column-right .img-family { 
    background-image: url('../img/img-family-mobile.jpg');
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center;
    height: 700px;
    width: 100%;
    position: relative;
}


/* WORKS */
#works .container-fluid {width: 80%;}
#works .works-subtitle {font-size: 30px;letter-spacing: normal;}
#works .works-title {font-size: 16px;line-height: 20px; margin-top: 50px;}
#works .wrapper-item-works {margin-top: 60px;}
#works .item-works h4 {font-size: 16px;}

/* SERVICES FULL */
#services-full {background-color: #F8F8F8;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);}
#services-full .container-fluid {width: 90%;}
#services-full .wrapper-services-full {margin-top: 80px;}
#services-full .item-service-full {box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); padding: 25px;border-radius: 16px;}
#services-full .item-service-full h4 {font-size: 18px;}

/* QUESTIONS */
#questions .box-questions {margin-top: 60px;}
#questions .column-left {width: 100%;}
#questions .column-left .img-questions {background-size: cover;background-repeat: no-repeat; background-position: 0 25%;}
#questions .column-right {width: 100%;padding-right: 24px; padding-left: 24px;}
#accordion-questions .accordion-button {padding: 26px 0 26px 45px;font-size: 16px;text-transform: uppercase;}
#accordion-questions .accordion-button:not(.collapsed) {background-color: transparent;color: #262626;border:0;}
#accordion-questions .accordion-button:focus {box-shadow: none;}
#accordion-questions .accordion-item .collapsed {border-bottom: 1px solid #6BAB14;}
#accordion-questions .accordion-collapse {border-bottom: 1px solid #262626;}
#accordion-questions .accordion-button::after {
    position: absolute; 
    left: 0;    
    transform: rotate(-90deg);
    background-color: #7DCC15;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-size: 16px;
    background-position: 7px 11px;
    background-image: url('../img/arrow_black.png');
}
#accordion-questions .accordion-button:not(.collapsed)::after {
    background-color: #E3E3E3;
    transform: rotate(0deg);
    background-image: url('../img/arrow.png');
}
#accordion-questions .accordion-body {padding: 8px 0 24px 45px;}
#accordion-questions .accordion-body p {font-size: 14px;line-height: 1.4;}

/* FOOTER */
#footer .cta {padding: 80px 0;}
#footer .sub-footer {padding: 50px 40px;}
#footer small {font-size: 13px;}
#footer .sub-footer .divider { height: 2px; width: 50px; background-color: #FFF; }
#footer .sub-footer p {line-height: 1.5;}
#footer .sub-footer p.lh-8 {line-height: 1.8;}
#footer .sub-footer img {width: 180px;}
#footer .sub-footer h5 {font-size: 18px;}
#footer .quick-links .item-quick-links {margin-bottom: 12px;}
#footer .quick-links .item-quick-links a:hover {color: #7DCC15;}
#footer .quick-links a {color: #FFF; text-decoration: none;font-size: 14px;font-family: 'poppins-400', sans-serif;font-weight: 400;}
#footer .btn-mail {font-size: 16px; line-height: 20px; text-decoration: none;}
#footer .sub-footer .column-subfooter-2 {padding-top: 60px;}
#footer .btn-privacy-patrol {margin: 28px auto 0 auto;}
#footer .cta-footer-legal {margin: 35px auto 0 auto;}

/* SLIDE */
.services-slider .splide__slide { display: inline-flex; vertical-align: middle; }
.services-slider .splide__slide .item-service{ transform: scale(0.9, 0.9); transition: all 0.2s; }
.services-slider .splide__slide.is-active .item-service{ transform: scale(1, 1); }
.services-slider .splide__slide.is-prev .item-service, 
.services-slider .splide__slide.is-next .item-service {opacity: 0.4;}

.services-full-slider {transition: all 0.9s;}
.services-full-slider .splide__slide .item-service-full {transition: all 0.5s;transform: scale(0.9, 0.9);}
.services-full-slider .splide__slide.is-active .item-service-full{ transform: scale(1, 1); }
.services-full-slider .splide__slide.is-prev .item-service-full, 
.services-full-slider .splide__slide.is-next .item-service-full {opacity: 0.8;}
.services-full-slider .splide__track {height: 100%;}

/* PAGE CLAIM-REWARD  */

#giftcard .btn-privacy-patrol {width: auto; margin: auto; background-color: transparent; border: 2px solid #7DCC15;color: #7DCC15;text-decoration: none;}
#giftcard .btn-privacy-patrol:hover {background-color: #7DCC15;color: #000;}
.title-giftcard {font-size: 36px;}
.sub-title-giftcard {font-size: 24px;}
.text-giftcard {font-size: 18px;}
.notice-giftcard {font-size: 14px;}
.giftcard-image {width: 50%;}

#benefits-giftcard svg { fill: #7DCC15; width: 75px; height: 80px; }
#benefits-giftcard .benefit-shop svg { width: 90px; }
#benefits-giftcard .benefit-dine svg { width: 60px; }
#benefits-giftcard p {text-align: center;font-size: 16px;}

#footer-giftcard .sub-footer { border-top: 3px solid #7DCC15;}
#footer-giftcard .legal { font-size: 11px; }
#footer-giftcard .legal button { color: #7DCC15; font-size: 11px;}
#footer-giftcard .copyrights { font-size: 12px; }

.topbar-claim-reward { padding: 9px 0px;}
.topbar-claim-reward svg { fill:#FFF; width: 18px; }
.icon-phone-giftcard svg {width: 45%;}
#popuplegal .btn-close {filter: invert(1) brightness(1); opacity: 1;}

.btn-giftcard {font-size: 16px;}
.link-phone-giftcard {font-size: 20px;}

.banner-mobile {
    height: 135px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
}

/* SCREEN MEDIUM */
@media (min-width: 1280px) and (max-width: 1919.98px) {
    
    /* BODY */
    .sections {padding: 160px 0;}
    .title {font-size: 36px;}
    .subtitle {font-size: 13px; margin-bottom: 10px;}
    .logo img {max-width: auto;height: 110px;}

    /* HEADER */
    #header .container-fluid {width: 1151px;}

    /* MAIN MENU */
    #main-menu {justify-content: space-between;}
    #main-menu .container-fluid {width: 1151px;}

    /* HERO */
    #hero { 
        background-image: url('../img/bg-hero.jpg'); 
        background-size: 100%; 
        background-position: bottom center; 
        background-repeat: no-repeat;
        min-height: 1024px; 
    }
    #hero .title-hero {font-size: 88px;line-height: 0.8;}
    #hero .sub-title-hero {font-size: 32px;}
    #hero .intro-hero {font-size: 18px;}
    #hero .overlay-hero {background-image: linear-gradient(180deg, #FFF 26.41%, rgba(255, 255, 255, 0.70) 50%, rgba(255, 255, 255, 0.00) 76.6%); width: 100%; height: 890px; position: absolute;}
    #hero .divider {margin: 30px auto; height: 4px;}
    #hero .wrapper-hero {padding-top: 110px;}
    #hero-legal .title-hero-legal {font-size: 64px;}

    /* SERVICES */ 
    #services .container-fluid {width: 65%;}
    #services .item-service {height: auto;}
    #services .item-service h4 {font-size: 18px;}
    #services .item-service svg {width: 60px; height: 60px;}

    /* PLANS */ 
    #plans.sections {padding: 100px 0;}
    #plans .container-fluid {width: 1151px;}
    #plans .price {font-size: 50px;}
    #plans .wrapper-plans {width: 100%;}
    #plans .wrapper-plans h4 {margin: 48px auto 32px auto;font-size: 32px;}
    #plans .wrapper-price-plan {opacity: 0; margin: 0 auto;box-shadow: 0px 3.65219px 10.95656px 0px rgba(0, 0, 0, 0.15); }
    #plans .feature-plans {width: 57%;margin-top: 18px;}
    #plans .feature-plans .item-feature-plans {margin: 12px 0;}
    #plans .btn-privacy-patrol { width: 250px; font-size: 16px; margin: 32px auto;}
    #plans .footer-plans p {font-size: 14px;line-height: 18px;}
    #plans .wrapper-img-family {
        max-width: 700px;
        height: 664px;
        overflow: hidden;
        background-repeat: no-repeat; 
        background-size: 110%;
        transition: all 0.5s;
        background-position: center;
    }
    #plans .wrapper-img-family:hover {background-size: 120%;}
    #plans .wrapper-img-family img {transition: all 0.5s;transform: scale(1);}
    #plans .wrapper-img-family img:hover {transform: scale(1.2);}
    #plans .title {font-size: 36px;padding: 0;margin-bottom: 30px;} 
    #plans .subtitle {font-size: 13px;padding-bottom: 10px;}
    #plans .box-plans span {font-size: 16px;}

    /* FACTS */
    #facts.sections {padding: 130px 0 160px 0; margin-top: 30px;}
    #facts .container-fluid {width: 1151px;}
    #facts .facts-title {margin-bottom: 95px;}
    #facts .item-facts {margin-bottom: 0;}
    #facts .item-facts h4 {font-size: 28px;}
    #facts .wrapper-items-facts {width: 100%; margin-bottom: 160px; gap: 4%;}
    #facts .item-statistics {background-color: #E3E3E3;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);border-radius: 50px;height:73px;margin-bottom: 27px;}
    #facts .wrapper-items-statistics {margin: 95px auto 0 auto;}
    #facts .item-statistics .intro-statistics {font-size: 18px;}
    #facts .item-statistics .data-statistics {font-size: 40px; width: 95px;}
    #facts .item-statistics .divider-statistics {margin: 0 20px; height: 35px;}
    #facts .item-statistics .container-item-statistics { width: 78%; }
    

    /* FAMILY */
    #family .container-fluid {width: 1151px;}
    #family .column-left {margin: 77px 0; width: 55%; padding: 0 64px 0 0;}
    #family .column-right {width: 45%;}
    #family .column-right .img-family {
        background-image: url('../img/img-family.jpg');
        background-size: 135%;
        background-repeat: no-repeat; 
        background-position: center;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 45%;
    }
    #family .column-right .img-family:hover { background-size: 145%; } 
    #family .family-title {line-height: 45px;}

    /* WORKS */
    #works .container-fluid {width: 1151px;}
    #works .works-subtitle {font-size: 36px;}
    #works .works-title {font-size: 16px;margin-top: 28px;}
    #works .item-works h4 {font-size: 18px;line-height: 24px;}
    #works .item-works svg {width: 60px; height: 60px;}
    #works .wrapper-item-works {margin-top: 80px;}

    /* SERVICES FULL */
    #services-full.sections {padding: 75px 75px 90px 75px;}
    #services-full .container-fluid {width: 1060px;}
    #services-full .item-service-full {padding: 50px;}
    #services-full .item-service-full svg {width: 60px; height: 60px;}
    #services-full .wrapper-services-full {margin-top: 65px;}

    /* QUESTIONS */
    #questions .container-fluid {width: 1151px;}
    #questions .box-questions {margin-top: 90px;}
    #questions .column-left {width: 45%;}
    #questions .column-left .img-questions {background-position: center right; width: 100%; height: 100%;}
    #questions .column-right {width: 55%;padding-right: 0;padding-left: 36px;}
    #accordion-questions .accordion-body p {font-size: 16px;}


    /* FOOTER */
    #footer h2 {line-height: 55px;height: 88px;overflow: hidden;}
    #footer .sub-footer {padding: 80px 0;}
    #footer .sub-footer .wrapper-subfooter {width: 1151px; margin: auto;}
    #footer .sub-footer img {width: 170px;}
    #footer .sub-footer p, #footer .sub-footer a {font-size: 14px;}
    #footer .sub-footer .column-subfooter-1, #footer .sub-footer .column-subfooter-3 {padding: 40px 0;}
    #footer .sub-footer .column-subfooter-2 {padding-top: 60px;}
    #footer .sub-footer .column-subfooter-3 {width: 25%;}
    #footer .btn-mail {font-size: 36px;text-decoration: underline;}
    #footer .cta {padding: 70px 0;}
    #footer .btn-privacy-patrol {margin: 28px auto 0 auto;}

    /* PAGE CLAIM-REWARD  */
    #giftcard .btn-privacy-patrol {width: 390px;}
    #giftcard .container-fluid {width: 1151px;}
    .title-giftcard {font-size: 80px;}
    .sub-title-giftcard {font-size: 40px;}
    .text-giftcard {font-size: 30px;}
    .notice-giftcard {font-size: 18px;}
    .giftcard-image {width: auto;}
    .icon-phone-giftcard svg {width: 25%;}
    #benefits-giftcard svg { fill: #7DCC15; width: 100px; height: 110px; }
    #benefits-giftcard .benefit-shop svg { width: 120px; }
    #benefits-giftcard .benefit-dine svg { width: 80px; }
    #benefits-giftcard p {text-align: center;font-size: 16px;}
    .btn-giftcard {font-size: 20px;}

}
/* SCREEN LARGE */ 
@media (min-width: 1920px) {

    /* BUTTONS */ 
    .btn-privacy-patrol {font-size: 18px;}

    /* BODY */
    .sections {padding: 200px 0;}
    .title {font-size: 40px;}
    .subtitle {margin-bottom: 13px;}
    .logo img {max-width: auto;height: 110px;}
    .container-simple {width: 1260px;}

    /* HEADER */
    #header .container-fluid {width: 1480px;}

    /* MAIN MENU */
    #main-menu .container-fluid {width: 920px}
    #main-menu .navbar-nav {justify-content: space-between;gap: 80px;}

    /* HERO */
    #hero { 
        background-image: url('../img/bg-hero.jpg'); 
        background-size: cover; 
        background-position: bottom center; 
        background-repeat: no-repeat; 
        min-height: 1250px; 
    }
    #hero .overlay-hero {background-image: linear-gradient(180deg, #FFF 20.41%, rgba(255, 255, 255, 0.70) 50%, rgba(255, 255, 255, 0.00) 76.6%); width: 100%; height: 890px; position: absolute;}
    #hero .title-hero {line-height: 0.8;font-size: 100px;}
    #hero .sub-title-hero {font-size: 40px;}
    #hero .wrapper-hero {padding-top: 110px;}
    #hero .divider {margin: 30px auto; height: 4px;}
    #hero .intro-hero {font-size: 24px;}
    #hero-legal .title-hero-legal {font-size: 88px;}

    /* SERVICES */ 
    #services .container-fluid {width: 1480px;}
    #services .item-service {height: auto;}
    #services .wrapper-item-service {grid-template-columns: repeat(4, 1fr);grid-gap: 1em;}
    #services .item-service h4 {font-size: 18px;}
    
    /* PLANS */
    #plans .container-fluid {width: 1260px;}
    #plans .wrapper-plans {width: 100%;}
    #plans .wrapper-plans h4 {font-size: 40px;}
    #plans .wrapper-price-plan {opacity: 0; margin: 0 auto;box-shadow: 0px 3.65219px 10.95656px 0px rgba(0, 0, 0, 0.15); }
    #plans .price {font-size: 50px;}
    #plans .feature-plans {width: 50%;}
    #plans .feature-plans .item-feature-plans {margin: 14px 0;}
    #plans .btn-privacy-patrol { width: 250px; font-size: 16px;margin: 35px auto;}
    #plans .footer-plans p {font-size: 14px;line-height: 18px;}  
    #plans .wrapper-img-family {
        max-width: 700px;
        height: 87%;
        overflow: hidden;
        background-repeat: no-repeat; 
        background-position: center; 
        background-size: 125%;
        transition: all 0.5s;
        background-position: center;
    }
    #plans .wrapper-img-family:hover {background-size: 135%;}
    #plans .wrapper-img-family img {transition: all 0.5s;transform: scale(1);}
    #plans .wrapper-img-family img:hover {transform: scale(1.2);}
    #plans .title {font-size: 40px;margin-bottom: 40px;}
    #plans .subtitle {font-size: 13px;}
    #plans .box-plans h5 {font-size: 18px;}
    #plans .box-plans span {font-size: 16px;}

    /* FACTS */
    #facts.sections {padding: 170px 0 200px 0; margin-top: 30px;}
    #facts .container-fluid {width: 1260px;}
    #facts .facts-title {margin-bottom: 95px;}
    #facts .wrapper-items-facts {width: 100%; margin-bottom: 200px; margin-left: auto; margin-right: auto; gap: 4%;}
    #facts .item-facts {margin-bottom: 0;}
    #facts .item-facts h4 {font-size: 30px;}
    #facts .item-statistics {background-color: #E3E3E3;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);border-radius: 50px;height:73px;margin-bottom: 27px;}
    #facts .wrapper-items-statistics {margin: 95px auto 0 auto;width: 70%;}
    #facts .item-statistics .intro-statistics {font-size: 18px;}
    #facts .item-statistics .data-statistics {font-size: 40px; width: 95px;}
    #facts .item-statistics .divider-statistics {margin: 0 20px;height: 35px;}
    #facts .item-statistics .container-item-statistics { width: 78%; }


    /* FAMILY */
    #family .container-fluid {width: 1260px;min-height: 700px;}
    #family .column-left {padding: 0; width: 60%;}
    #family .column-right { width: 40%;}
    #family .column-right .img-family {
        background-image: url('../img/img-family.jpg');
        background-size: 100%;
        background-repeat: no-repeat; 
        background-position: center;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 40%;
    }
    #family .column-right .img-family:hover { background-size: 110%; }
    #family .family-title {line-height: 45px;margin-top: 110px;}
    #family .intro-family {margin-bottom: 110px;}

    /* WORKS */ 
    #works .container-fluid {width: 1260px;}
    #works .works-title {font-size: 18px;margin-top: 30px;}
    #works .works-subtitle {font-size: 40px;}
    #works .item-works h4 {font-size: 18px;line-height: 24px;}
    #works .wrapper-item-works {margin-top: 88px;}

    /* SERVICES FULL */
    #services-full .container-fluid {width: 1151px;}
    #services-full .item-service-full {padding: 50px;}

    /* QUESTIONS */
    #questions .box-questions {margin-top: 160px;} 
    #questions .column-left {width: 40%;position: relative;}
    #questions .column-left .img-questions {position: absolute; width: 100%; height: 100%; left: 0; top: 0;} 
    #questions .column-right {width: 60%;padding-right: 390px;padding-left: 2.5%;}
    #accordion-questions .accordion-button {font-size: 18px;}

    /* FOOTER */
    #footer h2 {line-height: 55px;}
    #footer .sub-footer {padding: 80px 135px;}
    #footer .btn-mail {font-size: 40px;text-decoration: underline;}
    #footer .sub-footer img {width: 220px;height: 300px;}
    #footer .box-quick-links {margin-bottom: 8px;}

    /* PAGE CLAIM-REWARD  */
    #giftcard .btn-privacy-patrol {width: 390px;}
    #giftcard .container-fluid {width: 1480px;}
    .title-giftcard {font-size: 80px;}
    .sub-title-giftcard {font-size: 40px;}
    .text-giftcard {font-size: 30px;}
    .notice-giftcard {font-size: 18px;}
    .giftcard-image {width: auto;}
    .icon-phone-giftcard svg {width: 25%;}
    #benefits-giftcard svg { fill: #7DCC15; width: 100px; height: 110px; }
    #benefits-giftcard .benefit-shop svg { width: 120px; }
    #benefits-giftcard .benefit-dine svg { width: 80px; }
    #benefits-giftcard p {text-align: center;font-size: 16px;}
    .btn-giftcard {font-size: 20px;}
}

@media (max-width: 1279.98px) {
    #facts .item-statistics .container-item-statistics { width: auto !important; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    #plans .feature-plans {width: 80%;}
    #plans .btn-privacy-patrol {width: 80%;}
    .page-simple .sections {padding-left: 24px; padding-right: 24px;}
    .container-simple {width: auto;}
}

@media (max-width: 767.98px) {
    #facts .wrapper-items-facts {width: 70%;}
    #header {padding: 0  0 22px 0;}
    .page-simple .sections {padding-left: 24px; padding-right: 24px;}
    .container-simple {width: auto;}
    .banner-mobile { background-position: left center; }
}

@media (max-width: 575.98px) {
    #plans .feature-plans {width: 65%;}
    .page-simple .sections {padding-left: 24px; padding-right: 24px;}
    .banner-mobile { background-position: -15px center; }
}