/* ---------------------------- BASE --------------------------------- */


.logo-footer {
    height:55px
}

.logo-nav {
    height:55px
}

.logo-canvas {
    height:70px
}

.navbar {
    background-color: #f0faff;
}

a {
    text-decoration: none !important;
}

.footer {
    background-color: #f0faff !important;
    border-radius:18px;
    margin-top:25px;
    padding-bottom:30px !important;
    margin-bottom:25px
}

.offcanvas {
    background-color: #f0faff !important;
}

.icon-footer {
    font-size:18px;
} 

.cartoes {
    width:100%;
}

.box-link-mobile {
    background-color: transparent;
    border-radius:15px;
    padding:10px 0px
}

.nav-link {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae !important;
    font-weight:700;
    font-size:16px;
}
 
.title-footer {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:700;
    font-size:17px;
}

.text-footer {
    font-family: 'Nunito Sans', sans-serif;
    color:gray !important;
    font-size:14px;
    line-height:24px
}

.btn-primary {
    font-family: 'Ubuntu', sans-serif;
    background-color:#0e9ded !important;
    font-weight:500;
    padding:11px;
    font-size:14px;
    color:white !important;
    padding-left:30px;
    padding-right:30px;
    border-radius:50px;
    border:1px solid #0e9ded !important
}

.btn-register-canvas {

    font-family: 'Ubuntu', sans-serif;
    background-color:#0e9ded !important;
    font-weight:700;
    padding:11px;
    font-size:15px;
    color:white !important;
    border-radius:50px;
    border:1px solid #0e9ded !important;
    width:100%;
    margin-top:20px
}

.btn-login-canvas {
    font-family: 'Ubuntu', sans-serif;
    background-color:transparent !important;
    font-weight:700;
    padding:5px;
    font-size:15px;
    color:#0e9ded !important;
    border-radius:50px;
    border:none !important;
    width:100%;
    margin-top:-8px
}

.btn-nav-menu {
    color:#0e9ded;
    background-color: white;
    border:none;
    padding:8px 13px;
    border-radius:12px
}

.btn-nav-menu-2 {
    color:white !important;
    background-color: #0e9ded !important;
    border:none;
    padding:8px 12px;
    border-radius:12px
}

.btn-close-canvas {
    color:#0e9ded;
    background-color: white;
    border:none;
    font-size:16px;
    padding:8px 14px;
    border-radius:12px;
    position:absolute;
    right:20px;
}


.offcanvas-body {
    padding-left:25px;
    padding-right:25px
}

.link-blue {
    color:#0e9ded !important;
}


.link-mobile {
    font-family: 'Ubuntu', sans-serif;
    font-weight:600;
    font-size:15px;
    padding-bottom:0px;
    margin-bottom:0px !important;
    padding-left:15px
}

.hr-mobile {
    margin-top:10px !important;
    margin-bottom:10px !important;
    color:white !important
}


@media (min-width: 1400px) and (max-width: 3840px) {
    
    .social-footer {
        text-align: right;
    }

    .vertical-links {
        margin-top:18px;
    }

    .navbar {
        height:100px
    }

    .btn-nav-menu, .btn-nav-menu-2 {
        display: none;
    }

    .footer {
        margin-top:60px
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    .social-footer {
        text-align: right;
    }

    .vertical-links {
        margin-top:18px;
    }

    .navbar {
        height:100px
    }

    .btn-nav-menu, .btn-nav-menu-2 {
        display: none;
    }

    .footer {
        margin-top:60px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .social-footer {
        text-align: right;
    }

    .top-footer {
        text-align: center;
        margin-bottom:20px;
    }

    .nav-link {
        font-size:15px;
    }

    .vertical-links {
        margin-top:18px;
    }

    .navbar {
        height:100px
    }

    .btn-nav-menu, .btn-nav-menu-2 {
        display: none;
    }

    .footer {
        margin-top:60px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cartoes {
        width:40%
    }

    .logo-nav {
        height:50px
    }

    .footer {
        margin-top:60px
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .cartoes {
        width:50%
    }

    .logo-nav {
        height:50px
    }

    .footer {
        margin-top:60px
    }
}

@media (max-width: 575px) {

    .cartoes {
        width:60%
    }

    .logo-nav {
        height:45px
    }

    .footer {
        border-radius:0px !important;
        margin-bottom:0px !important
    }

    .offcanvas { 
        width:100% !important
    }

    .footer {
        margin-top:45px
    }
}


/* ---------------------------- GERAL --------------------------------- */

html, body {
    max-width: 100vw;
    overflow-x: hidden;
}


.text-1 {
    font-family: 'Nunito Sans', sans-serif;
    color:gray !important;
    font-size:15px;
    line-height:24px
}

.text-2 {
    font-family: 'Nunito Sans', sans-serif;
    color:gray !important;
    font-size:14px;
    line-height:24px;
    line-height:22px
}

.title-1 {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:700;
    font-size:17px;
    margin-bottom:5px;

}


.title-faq {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae !important;
    font-weight:700;
    font-size:17px;
    border:none !important

}

.title-4 {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:700;
    font-size:17px;

}

.accordion-button {
    box-shadow:none !important;
    background-color: white !important;
}

.accordion-body {
    padding-bottom:15px !important
}

.icon-1 {
    color: #a93893;
    background-color: #fcedf9;
    height: 65px;
    width: 65px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:10px;
    font-size:16px;
    margin-top:5px
}

.icon-2 {
    color: #a93893;
    background-color: #fcedf9;
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:10px;
    font-size:16px;
    margin-top:5px
}

.icon-3 {
    color: #a93893;
    background-color: #fcedf9;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:10px;
    font-size:16px;
    margin-top:5px
}

.box-help {
    background-color: #f0faff !important;
    border-radius:15px;
    margin-top:20px;
    padding:20px;
    width: 100%;
    text-align: left;
    border: none !important;
}

/* ---------------------------- INDEX --------------------------------- */



.img-parc {
    width:43px; 
    height:43px;
    border-radius:50%;
    border:3px solid #f0faff
  }
  
  .img-parc2 {
    width:43px; 
    height:43px;
    border-radius:50%;
    border:3px solid #f0faff;
    margin-left:-17px
  }
  
  .img-parc3 {
    width:43px; 
    height:43px;
    border-radius:50%;
    border:3px solid #f0faff;
    margin-left:-19px;
    background-color:#2b3b49;
    color:white;
    font-size:11px;
    padding:11px 5px 12px 5px;
    font-weight:500
}

.box-1 {
    background-color:white;
    padding:50px;
    padding-top:35px;
    border-radius:30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    position:relative;
    z-index:2
}

.box-2 {
    background-color:#0e9ded;
    padding:50px;
    border-radius:30px;
  }

  .btn-light {
    font-family: 'Ubuntu', sans-serif;
    background-color:white !important;
    font-weight:500;
    padding:11px;
    font-size:14px;
    color:#0e9ded !important;
    padding-left:30px;
    padding-right:30px;
    border-radius:50px;
    border:1px solid white !important
}

.img-testimonial {
    width:45px; 
    height:45px;
    border-radius:50%;
}

.title-3 {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:700;
    font-size:14px;
}

.star {
    color:#e787d4;
    font-size:11px
}

.apostrophe {
    position:absolute;
    top:-25px
}

.apostrophe-icon {
    font-size:45px;
    color:#0e9ded !important;

}

.box-3 {
    padding:50px 30px;
    padding-bottom:40px;
    background-color: white;
    border-radius:16px;
    text-align:left;
    position:relative
}

.box-4 {
    background-color:#0e9ded;
    padding:50px;
    border-radius:30px;
  }

.title-faq {
    line-height:25px
}

@media (min-width: 1400px) and (max-width: 3840px) {

    .content-7 {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .title-banner {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:45px;
        line-height:60px;
        letter-spacing:-1.5px
    }

    .img-banner {
        width:80%;
        margin-top:20px
    }

    .content-1-1 {
        margin-top:70px;
        padding-right:8%
    }

    .content-1-2 {
        text-align:right;
        margin-top:20px;
        margin-bottom:160px
    }

    .content-1-3 {
        display:none
    }

    .content-2-1 {
        margin-top:15px
    }

    .content-2-2 {
        margin-top:15px
    }

    .content-2-3 {
        margin-top:15px
    }

    .content-2-1-2 {
        margin-left:15px;
        margin-top:15px
    }

    .content-2-2-2 {
        margin-left:15px;
        margin-top:15px
    }

    .content-2-3-2 {
        margin-left:15px;
        margin-top:15px
    }

    .content-3-2 {
        padding-left:5%;
        margin-top:70px
    }

    .img-2 {
        width:100%
    }

    .title-2 {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:28px;
        letter-spacing:-1px
    }

    .box-1 {
        margin-top:-90px;
        margin-bottom:90px
    }

    .content-4-2 {
        text-align:right;
        padding-top:40px
    }

    .padding-del {
        margin-top:60px;
        margin-bottom:70px
    }



    .content-5-1 {
        margin-top:50px
    }

    .content-5-2 {
        text-align:right
    }

    .content-5-1-1, .content-5-1-2, .content-5-1-3, .content-5-1-4 {
        margin-top:50px
    }

    .img-3 {
        width:85%
    }

    .content-6 {
        background-color:#f0faff;
        margin-top:70px;
        padding-top:60px;
        padding-bottom:170px
    }

    .padding-del-2 {
        margin-top:-90px;
        margin-bottom:70px
    }

    .content-6-1, .content-6-2, .content-6-3 {
        margin-top:50px
    }

    .light-height {
        margin-top:-12px
    }
  
}

@media (min-width: 1200px) and (max-width: 1399px) {

    .title-banner {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:40px;
        line-height:60px;
        letter-spacing:-2px;
        line-height:54px;
        letter-spacing: -1px;

    }

    .content-1-1 {
        margin-top:55px;
        padding-right:5%
    }

    .content-1-2 {
        text-align:right;
        margin-top:20px;
        margin-bottom:160px
    }

    .img-banner {
        width:90%;
        margin-top:20px
    }

    .content-1-3 {
        display:none
    }

    .content-2-1 {
        margin-top:15px
    }

    .content-2-2 {
        margin-top:15px
    }

    .content-2-3 {
        margin-top:15px
    }

    .content-2-1-2 {
        margin-left:20px;
        margin-top:15px
    }

    .content-2-2-2 {
        margin-left:20px;
        margin-top:15px
    }

    .content-2-3-2 {
        margin-left:20px;
        margin-top:15px
    }

    .box-1 {
        margin-top:-100px;
        margin-bottom:80px
    }

    .content-3-2 {
        padding-left:5%;
        margin-top:30px
    }


    .img-2 {
        width:100%
    }

    .title-2 {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:28px;
        line-height: 38px;
        letter-spacing:-1px
    }

    .content-4-1{
        padding-right:6%;
    }

    .content-4-2 {
        text-align:right;
        padding-top:50px
    }

    .padding-del {
        margin-top:60px !important;
        margin-bottom:85px;
    }

    .content-5-1 {
        margin-top:0px;
        padding-right:5%
    }

    .content-5-2 {
        text-align:right
    }

    .content-5-1-1, .content-5-1-2, .content-5-1-3, .content-5-1-4 {
        margin-top:40px
    }

    .img-3 {
        width:100%
    }

    .content-6 {
        background-color:#f0faff;
        margin-top:70px;
        padding-top:60px;
        padding-bottom:180px
    }

    .padding-del-2 {
        margin-top:-105px;
        margin-bottom:70px
    }

    .content-6-1, .content-6-2, .content-6-3 {
        margin-top:50px
    }

    .light-height {
        margin-top:-12px
    }

    .content-7 {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }


}

@media (min-width: 992px) and (max-width: 1199px) {

    .title-banner {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:35px;
        line-height:60px;
        letter-spacing:-2px;
        line-height:50px;
        letter-spacing: -1px;

    }

    .box-1 {
        padding:35px;
        margin-top:-110px;
        margin-bottom:60px
    }

    .content-1-1 {
        margin-top:45px;
        padding-right:5%
    }

    .content-1-2 {
        text-align:right;
        margin-top:20px;
        margin-bottom:150px
    }

    .img-banner {
        width:100%;
        margin-top:20px
    }

    .content-1-3 {
        display:none
    }
    
    .icon-1 {
        margin-bottom:10px
    }

    .content-3-1 {
        margin-top:50px
    }

    .content-3-2 {
        padding-left:5%;
    }

    .content-4-2 {
        margin-top:25px
    }

    .img-2 {
        width:100%
    }

    .title-2 {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:28px;
        line-height: 38px;
        letter-spacing:-1px
    }

    .padding-del {
        margin-top:40px !important;
        padding-bottom:60px
    }

    .content-5-1 {
        margin-top:0px;
        padding-right:5%
    }

    .content-5-2 {
        text-align:right;
        margin-top:110px
    }

    .content-5-1-1, .content-5-1-2, .content-5-1-3, .content-5-1-4 {
        margin-top:20px
    }

    .img-3 {
        width:106%;
        margin-left:-6%
    }

    .content-6 {
        background-color:#f0faff;
        margin-top:50px
    }

    .content-6 {
        background-color:#f0faff;
        margin-top:70px;
        padding-top:60px;
        padding-bottom:200px
    }

    .padding-del-2 {
        margin-top:-125px;
        margin-bottom:70px
    }

    .content-6-1, .content-6-2, .content-6-3 {
        margin-top:50px
    }

    .content-7 {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }


}

@media (min-width: 768px) and (max-width: 991px) {

    .title-banner {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:35px;
        line-height:60px;
        letter-spacing:-2px;
        line-height:50px;
        text-align:center;
        letter-spacing: -1px;

    }

    .content-1-1 {
        margin-top:25px;
        padding-right:5%;
        order:2;
        text-align: center;
        margin-bottom:300px
    }

    .content-1-2 {
        display:none
    }

    .content-1-3 {
        text-align:center;
        margin-top:30px;
        margin-bottom:40px;
    }

    .img-banner {
        width:80%;
    }

    .mobile-width {
        width:60%
    }

    .content-2-1 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-2 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-3 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-1-2 {
        text-align:center !important;
    }

    .content-2-2-2 {
        text-align:center !important;
    }

    .content-2-3-2 {
        text-align:center !important;
    }

    .icon-1 {
        margin-bottom:10px;
        margin-top:25px
    }

    .box-1 {
        padding-top:20px;
        margin-top:-260px;
        margin-bottom:80px
    }

    .content-3-1 {
        text-align:center
    }

    .content-3-2 {
        margin-top:30px;
        text-align:center
    }

    .content-4-1 {
        text-align:center
    }

    .content-4-2 {
        margin-top:35px;
        text-align:center
    }

    .box-2 {
        padding:40px
    }

    .img-2 {
        width:80%
    }

    .title-2 {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:28px;
        line-height: 38px;
        letter-spacing:-1px
    }

    .padding-del {
        margin-top:40px !important;
        margin-bottom:50px;
    }

    .content-5-1 {
        margin-top:0px;
        text-align:center;
        order:2;
        margin-top:40px
    }

    .content-5-2 {
        text-align:center;
        margin-top:10px;
        order:1
    }

    .content-5-1-1, .content-5-1-2, .content-5-1-3, .content-5-1-4 {
        margin-top:20px
    }

    .img-3 {
        width:80%;
    }

    .content-6 {
        background-color:#f0faff;
        margin-top:50px
    }

    .icon-2 {
        margin-left:calc(50% - 35px);
        margin-bottom:15px
    }

    .content-6 {
        background-color:#f0faff;
        margin-top:70px;
        padding-top:60px;
        padding-bottom:240px
    }

    .padding-del-2 {
        margin-top:-160px;
        margin-bottom:70px
    }

    .content-6-1, .content-6-2, .content-6-3 {
        margin-top:50px;
    }

    .box-3 {
        text-align: center;
    }

    .img-testimonial {
        width:80px;
        height:80px
    }

    .title-3 {
        font-size:16px;
        margin-top:5px
    }

    .content-7 {
        text-align: center;
        margin-bottom:30px
    }
  
}

@media (min-width: 576px) and (max-width: 767px) {

    .title-banner {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:34px;
        line-height:60px;
        letter-spacing:-2px;
        line-height:45px;
        text-align:center;
        letter-spacing: -1px;
    }

    .content-1-1 {
        margin-top:25px;
        padding-right:5%;
        order:2;
        text-align: center;
        margin-bottom:300px
    }

    .content-1-2 {
        display:none
    }

    .content-1-3 {
        text-align:center;
        margin-top:30px;
        margin-bottom:30px;
    }

    .img-banner {
        width:90%;
    }

    .mobile-width {
        width:70%
    }

    .content-2-1 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-2 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-3 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-1-2 {
        text-align:center !important;
    }

    .content-2-2-2 {
        text-align:center !important;
    }

    .content-2-3-2 {
        text-align:center !important;
    }

    .icon-1 {
        margin-bottom:10px;
        margin-top:25px
    }

    .box-1 {
        padding-top:20px;
        margin-top:-275px;
        margin-bottom:60px
    }

    .content-3-1 {
        text-align:center
    }

    .content-3-2 {
        margin-top:30px;
        text-align:center
    }

    .img-2 {
        width:90%
    }

    .title-2 {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:28px;
        line-height: 38px;
        letter-spacing:-1px
    }

    .content-4-1 {
        text-align:center
    }

    .content-4-2 {
        margin-top:35px;
        text-align:center
    }

    .box-2 {
        padding:40px
    }

    .padding-del {
        margin-top:40px !important;
        margin-bottom:60px
    }

    .content-5-1 {
        margin-top:0px;
        text-align:center;
        order:2;
        margin-top:40px
    }

    .content-5-2 {
        text-align:center;
        margin-top:10px;
        order:1
    }

    .content-5-1-1, .content-5-1-2, .content-5-1-3, .content-5-1-4 {
        margin-top:20px
    }

    .img-3 {
        width:90%;
    }

    .icon-2 {
        margin-left:calc(50% - 35px);
        margin-bottom:15px
    }

    .content-6 {
        background-color:#f0faff;
        margin-top:70px;
        padding-top:50px;
        padding-bottom:250px
    }

    .padding-del-2 {
        margin-top:-180px;
        margin-bottom:70px
    }

    .content-6-1, .content-6-2, .content-6-3 {
        margin-top:40px;
    }

    .box-3 {
        text-align: center;
    }

    .img-testimonial {
        width:80px;
        height:80px
    }

    .title-3 {
        font-size:16px;
        margin-top:5px
    }

    .title-faq {
        font-weight:700;
        font-size:16px !important;
        line-height:23px
    }

    .content-7 {
        text-align: center;
        margin-bottom:20px
    }
  
}

@media (max-width: 575px) {

    .title-banner {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:26px;
        line-height:60px;
        letter-spacing:-2px;
        line-height:35px;
        text-align:center;
        letter-spacing: -1px;
    }

    .content-1-1 {
        margin-top:25px;
        padding-right:5%;
        order:2;
        text-align: center;
        margin-bottom:20px
    }

    .content-1-2 {
        display:none
    }

    .content-1-3 {
        text-align:center;
        margin-top:30px;
        margin-bottom:30px;
    }

    .img-banner {
        width:100%;
    }

    .mobile-width {
        width:80%
    }

    .box-1 {
        padding:25px;
        border-radius:0px;
        position:relative;
        z-index:2;
        padding-top:15px;
        padding-bottom:35px;
        box-shadow:none !important;
        margin-bottom:30px
    }

    .title-1 {
        font-size: 16px;
    }

    .content-2-1 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-2 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-3 {
        text-align:center !important;
        margin-left:calc(50% - 50px)
    }

    .content-2-1-2 {
        text-align:center !important;
    }

    .content-2-2-2 {
        text-align:center !important;
    }

    .content-2-3-2 {
        text-align:center !important;
    }

    .icon-1 {
        margin-bottom:10px;
        margin-top:25px
    }

    .content-3-1 {
        text-align:center
    }

    .content-3-2 {
        margin-top:30px;
        text-align:center;
        padding-left:25px;
        padding-right:25px;
    }

    .img-2 {
        width:95%
    }

    .title-2 {
        font-family: 'Ubuntu', sans-serif;
        color:#0973ae;
        font-weight:700;
        font-size:24px;
        line-height: 35px;
        letter-spacing:-1px
    }

    .content-4-1 {
        text-align:center
    }

    .content-4-2 {
        margin-top:30px;
        text-align:center;
    }

    .box-2 {
        padding:20px;
        border-radius: 0px;
        padding-top:40px;
        padding-bottom:40px;
    }

    .padding-del {
        margin: -15px !important;
        margin-top:30px !important;
        margin-bottom:40px !important
    }

    .content-5-1 {
        margin-top:0px;
        text-align:center;
        order:2;
        margin-top:30px
    }

    .content-5-2 {
        text-align:center;
        margin-top:10px;
        order:1
    }

    .content-5-1-1, .content-5-1-2, .content-5-1-3, .content-5-1-4 {
        margin-top:20px
    }

    .img-3 {
        width:95%;
    }


    .icon-2 {
        margin-left:calc(50% - 35px);
        margin-bottom:15px
    }

    .content-6 {
        background-color:#f0faff;
        margin-top:50px;
        padding-top:40px;
        padding-bottom:80px
    }

    .content-6-1, .content-6-2, .content-6-3 {
        margin-top:35px;
    }

    .box-3 {
        text-align: center;
    }

    .img-testimonial {
        width:80px;
        height:80px
    }

    .title-3 {
        font-size:16px;
        margin-top:5px
    }

    .padding-del-2 {
        margin: -15px !important;
        margin-top:-25px !important;
        margin-bottom:40px !important
    }

    .box-4 {
        padding:20px;
        border-radius: 0px;
        padding-top:40px;
        padding-bottom:40px;
    }

    .title-faq {
        font-weight:500;
        font-size:15px !important;
        line-height:22px
    }

    .content-7 {
        text-align: center;
        margin-bottom:20px
    }

}


/* ----------------------------- CONTATO ----------------------------------- */


@media (min-width: 1400px) and (max-width: 3840px) {

    .img-contact {
        width:80%
    }

    .img-showroom {
        width:80%;
        border-radius:20px
    }

    .content-8-1 {
        margin-top:80px
    }

    .content-8-2 {
        text-align:right;
        margin-top:50px;
        margin-bottom:60px;
    }

    .content-9-1 {
        margin-top:70px;
        margin-bottom:30px
    }

    .content-9-2 {
        margin-top:100px
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    .img-contact {
        width:80%
    }

    .img-showroom {
        width:80%;
        border-radius:20px
    }

    .content-8-1 {
        margin-top:60px
    }

    .content-8-2 {
        text-align:right;
        margin-top:50px;
        margin-bottom:60px;
    }

    .content-9-1 {
        margin-top:70px;
        margin-bottom:30px
    }

    .content-9-2 {
        margin-top:80px
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .img-contact {
        width:95%
    }

    .img-showroom {
        width:95%;
        border-radius:20px
    }

    .content-8-1 {
        margin-top:40px
    }

    .content-8-2 {
        text-align:right;
        margin-top:50px;
        margin-bottom:60px;
    }

    .content-9-1 {
        margin-top:100px;
        margin-bottom:30px
    }

    .content-9-2 {
        margin-top:70px
    }
    .ocult-lg {
        display:none
    }

}


@media (min-width: 768px) and (max-width: 991px) {

    .img-contact {
        width:80%
    }

    .img-showroom {
        width:80%;
        border-radius:20px
    }

    .content-8-1 {
        text-align:center;
        margin-top:40px
    }

    .content-8-2 {
        text-align:center;
        margin-top:50px;
        margin-bottom:60px;
    }

    .content-9-1 {
        text-align:center;
        margin-top:60px;
        margin-bottom:30px;
        order:2
    }

    .content-9-2 {
        text-align:center;
        margin-top:70px;
        order:1
    }



}


@media (min-width: 576px) and (max-width: 767px) {

    .img-contact {
        width:80%
    }

    .img-showroom {
        width:80%;
        border-radius:20px
    }

    .content-8-1 {
        text-align:center;
        margin-top:40px
    }

    .content-8-2 {
        text-align:center;
        margin-top:50px;
        margin-bottom:40px;
    }

    .content-9-1 {
        text-align:center;
        margin-top:50px;
        margin-bottom:10px;
        order:2
    }

    .content-9-2 {
        text-align:center;
        margin-top:40px;
        order:1
    }

}

@media (max-width: 575px) {

    .img-contact {
        width:80%
    }

    .img-showroom {
        width:80%;
        border-radius:20px
    }

    .content-8-1 {
        text-align:center;
        margin-top:20px
    }

    .content-8-2 {
        text-align:center;
        margin-top:35px;
        margin-bottom:40px;
    }

    .content-9-1 {
        text-align:center;
        margin-top:30px;
        margin-bottom:10px;
        order:2
    }

    .content-9-2 {
        text-align:center;
        margin-top:40px;
        order:1
    }

}

/* ----------------------------- PLANOS ----------------------------------- */

/* .box-plan {
    background-color: #f5f5f5;
    border-radius:20px;
    padding:30px;
    margin-top:20px;
    padding-top:50px;
    padding-bottom:50px
} */


.plan-title-1 {
    font-family: 'Ubuntu', sans-serif;
    color:gray;
    font-size:14px;
}

.box-plan {
    border:1px solid #e1e1e1;
    border-radius:20px;
    padding:20px;
    margin-top:20px;
    position:relative;
    padding-bottom:75px;
}

.p-btn-plan {
    position:absolute;
    bottom:0;
    width:calc(100% - 40px)
}

.name-plan {
    font-family: 'Ubuntu', sans-serif;
    font-weight:500;
    font-size:14px;
    padding:7px 20px;
    border-radius:100px;
}

.plan-text-1 {
    font-size:13px;
    font-family: 'Nunito Sans', sans-serif;
    margin-top:-7px;
    color:gray

}

.icon-box-plan {
    color:green;
    margin-right:5px
}

.bp-bluelight {
    background-color:#0e9ded; 
    color:white
}

.bp-blue {
    background-color:#00446b; 
    color:white
}

.bp-green {
    background-color:green; 
    color:white
}

.bp-purple {
    background-color:rgb(104, 0, 189); 
    color:white
}

.bp-black {
    background-color:rgb(0, 0, 0); 
    color:white
}


.title-price {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:700;
    font-size:18px;
}

.price-1 {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:700;
    font-size:17px;
    position:absolute;
    margin-top:5px
}

.price-2 {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:700;
    font-size:27px;
    margin-left:25px
}

.price-3 {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:500;
    font-size:17px;
}

.color-difuse {
    background-color: white !important;
    color: #0e9ded !important;
    border-color: #0e9ded !important;
}


@media (min-width: 1200px) and (max-width: 1399px) {
    .color-difuse {
        width:30% !important
    }

    .align-box {
        text-align:center
    }

    .price-size {
        font-size:27px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {



}


@media (min-width: 768px) and (max-width: 991px) {

}


@media (min-width: 576px) and (max-width: 767px) {

}

@media (max-width: 575px) {

}


/* ----------------------------- COMO FUNCIONA ----------------------------------- */

.content-10, .content-11 {
    background-color:#f0faff ;
    padding-top:50px;
    padding-bottom:50px;
    margin-bottom:70px
}

.content-11 {
    margin-top:60px
}

.content-10-2 {
    margin-top:40px
}

.content-10-2-1, .content-10-2-3, .content-10-2-5 {
    margin-top:25px
}

.content-10-2-2, .content-10-2-4, .content-10-2-6 {
    margin-top:35px
}

.img-works-2 {
    width:80px;
    height:80px
}

.text-box-works {
    font-family: 'Nunito Sans', sans-serif;
    color:gray;
    font-size:13px;
    margin-top:3px;
    margin-bottom:10px
}

.box-works {
    background-color: #f0faff;
    padding:20px 40px;
    border-radius:18px;
    width:80%;
    margin-top:30px
}

@media (min-width: 1400px) and (max-width: 3840px) {

    .img-works-1 {
        width:90%
    }

    .content-10-3 {
        padding-right:5%
    }

    .content-10-4 {
        margin-top:50px
    }

    .img-works-4 {
        width:80%
    }

    .content-11-2 {
        margin-top:20px
    }

    #reputation-ra {
        display:flex !important; 
        justify-content:end !important
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    #reputation-ra {
        display:flex !important; 
        justify-content:end !important
    }

    .img-works-1 {
        width:90%
    }

    .content-10-2 {
        margin-top:15px
    }

    .content-10-3 {
        padding-right:5%
    }

    .box-works {
        width:100%;
    }

    .content-10-4 {
        margin-top:60px
    }

    .img-works-4 {
        width:90%
    }

    .content-11-2 {
        margin-top:20px
    }

    .img-works-5 {
        width:65%;
        margin-top:30px;
        margin-bottom:30px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #reputation-ra {
        display:flex !important; 
        justify-content:end !important
    }

    .img-works-1 {
        width:95%
    }

    .content-10-2 {
        margin-top:-5px
    }

    .content-10-2-1, .content-10-2-3, .content-10-2-5 {
        margin-top:15px
    }
    
    .content-10-2-2, .content-10-2-4, .content-10-2-6 {
        margin-top:15px
    }

    .content-10-3 {
        padding-right:5%
    }

    .box-works {
        width:100%;
    }

    .content-10-4 {
        margin-top:90px
    }

    .img-works-3 {
        width:100%
    }

    .img-works-4 {
        width:85%;
        margin-top:10px
    }

    .content-11-2 {
        margin-top:0px
    }

    .content-11 {
        padding-bottom:40px
    }

    .img-works-5 {
        width:65%;
        margin-top:30px;
        margin-bottom:30px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    

    #reputation-ra {
        display:flex !important; 
        justify-content:center !important;
        margin-bottom:30px;
        margin-top:10px
    }


    .content-10 {
        text-align:center;
        margin-bottom:60px
    }

    .content-10-1 {
        order:2;
        margin-top:60px
    }

    .content-10-2 {
        order:1;
        margin-top:-20px

    }

    .content-10-2-1, .content-10-2-3, .content-10-2-5 {
        width:100% !important;
        margin-left:calc(50% - 50px);
        margin-top:0px
    }

    .content-10-2-2, .content-10-2-4, .content-10-2-6 {
        margin-top: 0px
    }

    .img-works-1 {
        width:75%
    }

    .content-10-3 {
        text-align:center
    }

    .content-10-4 {
        text-align:center
    }

    .box-works {
        text-align:left;
        width:66%;
        margin-left:17%
    }

    .img-works-3 {
        width:60%;
        margin-top:40px
    }

    .content-11 {
        margin-top:40px;
        margin-bottom:60px
    }

    .content-11-1 {
        order:2;
        text-align: center;
    }

    .content-11-2 {
        order:1;
        text-align: center;
    }

    .img-works-4 {
        width:65%;
        margin-top:30px
    }

    .img-works-5 {
        width:95%;
        margin-top:30px;
        margin-bottom:30px
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    #reputation-ra {
        display:flex !important; 
        justify-content:center !important;
        margin-bottom:30px;
        margin-top:10px
    }

    .content-10 {
        text-align:center;
        margin-bottom:60px
    }

    .content-10-1 {
        order:2;
        margin-top:60px
    }

    .content-10-2 {
        order:1;
        margin-top:-20px

    }

    .content-10-2-1, .content-10-2-3, .content-10-2-5 {
        width:100% !important;
        margin-left:calc(50% - 50px);
        margin-top:0px
    }

    .content-10-2-2, .content-10-2-4, .content-10-2-6 {
        margin-top: 0px
    }

    .img-works-1 {
        width:80%
    }

    .content-10-3 {
        text-align:center
    }

    .content-10-4 {
        text-align:center
    }

    .box-works {
        text-align:left;
        width:90%;
        margin-left:5%
    }

    .img-works-3 {
        width:75%;
        margin-top:40px
    }

    .content-11 {
        margin-top:40px;
        margin-bottom:50px
    }

    .content-11-1 {
        order:2;
        text-align: center;
    }

    .content-11-2 {
        order:1;
        text-align: center;
    }

    .img-works-4 {
        width:75%;
        margin-top:30px
    }

    .img-works-5 {
        width:95%;
        margin-top:30px;
        margin-bottom:30px
    }
}

@media (max-width: 575px) {

    .content-10 {
        text-align:center;
        margin-bottom:40px
    }

    .content-10-1 {
        order:2;
        margin-top:60px
    }

    .content-10-2 {
        order:1;
        margin-top:-20px

    }

    .content-10-2-1, .content-10-2-3, .content-10-2-5 {
        width:100% !important;
        margin-left:calc(50% - 50px);
        margin-top:0px
    }

    .content-10-2-2, .content-10-2-4, .content-10-2-6 {
        margin-top: 0px
    }

    .img-works-1 {
        width:90%
    }

    .content-10-3 {
        text-align:center
    }

    .content-10-4 {
        text-align:center
    }

    .box-works {
        text-align:left;
        width:100%;
        padding-left:20px;
        padding-right:20px
    }

    .img-works-3 {
        width:80%;
        margin-top:40px;

    }

    .content-11 {
        margin-top:40px;
        margin-bottom:40px
    }

    .content-11-1 {
        order:2;
        text-align: center;
    }

    .content-11-2 {
        order:1;
        text-align: center;
    }

    .img-works-4 {
        width:80%;
        margin-top:30px
    }

    .img-works-5 {
        width:95%;
        margin-top:30px;
        margin-bottom:30px
    }

    #reputation-ra {
        display:flex !important; 
        justify-content:center !important;
        margin-bottom:30px;
        margin-top:10px
    }
    
}


/* ----------------------------- ESTAMPAS ----------------------------------- */


.content-12, .content-13 {
    background-color:#f0faff;
}

.content-12 {
    margin-bottom:60px;
    padding-top:50px;
    padding-bottom:50px;
}

.content-13 {
    margin-top:60px;
    padding-top:60px;
    padding-bottom:50px;
}

.box-stamps {
    background-color: white;
    border-radius:18px;
    padding:20px;
    margin-top:20px
}



@media (min-width: 1400px) and (max-width: 3840px) {


    .content-12 {
        padding-top:70px;
        padding-bottom:70px
    }

    .content-12-1 {
        margin-top:20px
    }

    .content-12-1-1 {
        text-align:right
    }

    .content-12-1-2 {
        text-align:left;
        margin-top:45px
    }

    .content-12-2 {
        margin-top:20px;
    }

    .content-13-1 {
        margin-top:30px
    }

    .content-13-2 {
        text-align:right;
        margin-top:50px
    }

    .content-13-3 {
        margin-top:160px
    }

    .content-13-4 {
        margin-top:140px;
        margin-bottom:40px
    }

    .content-20 {
        margin-top:90px
    }

    .content-20-1 {
        margin-top:20px
    }

    .content-20-2 {
        text-align:right !important
    }

    .content-20-3 {
        margin-top:170px
    }

    .content-20-4 {
        margin-top:100px;
        margin-bottom:40px
    }

    .img-stamps-1 {
        width:90%
    }

    .img-stamps-2 {
        width:90%
    }

    .img-stamps-3 {
        width:80%
    }

    .img-stamps-4 {
        width:80%
    }

    .img-stamps-20 {
        width:70%
    }

    .img-stamps-21 {
        width:85%
    }

}


@media (min-width: 1200px) and (max-width: 1399px) {

    .content-12 {
        padding-top:70px;
        padding-bottom:70px
    }

    .content-12-1 {
        margin-top:0px
    }

    .content-12-1-1 {
        text-align:right;
        margin-top:10px
    }

    .content-12-1-2 {
        text-align:left;
        margin-top:65px
    }

    .content-12-2 {
        margin-top:10px;
    }

    .content-13-1 {
        margin-top:30px
    }

    .content-13-2 {
        text-align:right;
        margin-top:50px
    }

    .content-13-3 {
        margin-top:160px
    }

    .content-13-4 {
        margin-top:140px;
        margin-bottom:40px
    }



    .img-stamps-1 {
        width:90%
    }

    .img-stamps-2 {
        width:90%
    }

    .img-stamps-3 {
        width:80%
    }

    .img-stamps-4 {
        width:80%
    }

    .img-stamps-20 {
        width:70%
    }

    .img-stamps-21 {
        width:85%
    }


    .content-20 {
        margin-top:90px
    }

    .content-20-1 {
        margin-top:20px
    }

    .content-20-2 {
        text-align:right !important
    }

    .content-20-3 {
        margin-top:170px
    }

    .content-20-4 {
        margin-top:100px;
        margin-bottom:40px
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .content-12 {
        padding-top:70px;
        padding-bottom:70px
    }

    .content-12-1 {
        margin-top:-20px
    }

    .content-12-1-1 {
        text-align:right;
        margin-top:10px
    }

    .content-12-1-2 {
        text-align:left;
        margin-top:35px
    }

    .content-12-2 {
        margin-top:10px;
    }


    .content-13-1 {
        margin-top:15px
    }

    .content-13-2 {
        text-align:right;
        margin-top:80px
    }

    .content-13-3 {
        margin-top:150px
    }

    .content-13-4 {
        margin-top:130px
    }

    .img-stamps-1 {
        width:100%
    }

    .img-stamps-2 {
        width:95%;
        margin-top:40px
    }

    .img-stamps-3 {
        width:85%;
        margin-top:-25px
    }

    .img-stamps-4 {
        width:90%
    }


    .img-stamps-20 {
        width:70%
    }

    .img-stamps-21 {
        width:85%
    }


    .content-20 {
        margin-top:90px
    }

    .content-20-1 {
        margin-top:-20px
    }

    .content-20-2 {
        text-align:right !important
    }

    .content-20-3 {
        margin-top:170px
    }

    .content-20-4 {
        margin-top:100px;
        margin-bottom:40px
    }

}


@media (min-width: 768px) and (max-width: 991px) {

    .content-13-1-1 {
        width:100% !important;
        text-align:center
        
    }

    .content-13-1-2 {
        width:100%;
        text-align:center
    }

    .content-12-1 {
        margin-top:-30px;
        text-align:center
    }

    .content-12-1-1 {
        text-align:center
    }

    .content-12-1-2 {
        text-align:center;
        order:2
    }

    .content-12-2 {
        margin-top:0px;
        order:1;
        text-align:center
    }

    .content-13-1 {
        margin-top:0px;
        text-align:center
    }

    .content-13-2 {
        margin-top:60px;
        text-align:center
    }

    .content-13-3 {
        margin-top:80px;
        order:2;
        text-align:center
    }

    .content-13-4 {
        margin-top:50px;
        order:1;
        text-align:center
    }

    .img-stamps-1 {
        width:80%;
        margin-top:30px
    }

    .img-stamps-2 {
        width:75%;
        margin-top:20px
    }

    .img-stamps-3 {
        width:60%
    }

    .img-stamps-4 {
        width:60%
    }



    .img-stamps-20 {
        width:55%
    }

    .img-stamps-21 {
        width:70%
    }

    .content-20-1 {
        margin-top:70px;
        text-align:center
    }

    .content-20-2 {
        text-align:center !important;
        margin-top:50px
    }

    .content-20-3 {
        margin-top:40px;
        text-align:center;
        order:2;
        margin-bottom:30px

    }

    .content-20-4 {
        margin-top:70px;
        margin-bottom:40px;
        text-align:center;
        order:1

    }
    

}


@media (min-width: 576px) and (max-width: 767px) {

    .content-13-1-1 {
        width:100% !important;
        text-align:center
        
    }

    .content-13-1-2 {
        width:100%;
        text-align:center
    }

    .content-12-1 {
        margin-top:-30px;
        text-align:center
    }

    .content-12-1-1 {
        text-align:center
    }

    .content-12-1-2 {
        text-align:center;
        order:2
    }

    .content-12-2 {
        margin-top:0px;
        order:1;
        text-align:center
    }

    .content-13-1 {
        margin-top:0px;
        text-align:center
    }

    .content-13-2 {
        margin-top:60px;
        text-align:center
    }

    .content-13-3 {
        margin-top:50px;
        order:2;
        text-align:center
    }

    .content-13-4 {
        margin-top:50px;
        order:1;
        text-align:center
    }

    .img-stamps-1 {
        width:90%;
        margin-top:20px
    }

    .img-stamps-2 {
        width:90%;
        margin-top:20px
    }

    .img-stamps-3 {
        width:75%
    }

    .img-stamps-4 {
        width:75%
    }


    .img-stamps-20 {
        width:60%
    }

    .img-stamps-21 {
        width:75%
    }

    .content-20-1 {
        margin-top:60px;
        text-align:center
    }

    .content-20-2 {
        text-align:center !important;
        margin-top:50px
    }

    .content-20-3 {
        margin-top:40px;
        text-align:center;
        order:2;
        margin-bottom:30px

    }

    .content-20-4 {
        margin-top:70px;
        margin-bottom:40px;
        text-align:center;
        order:1

    }

}


@media (max-width: 575px) {
    
    .content-13-1-1 {
        width:100% !important;
        text-align:center
        
    }

    .content-13-1-2 {
        width:100%;
        text-align:center
    }

    .content-12-1 {
        margin-top:-30px;
        text-align:center
    }

    .content-12-1-1 {
        text-align:center
    }

    .content-12-1-2 {
        text-align:center;
        order:2
    }

    .content-12-2 {
        margin-top:-10px;
        order:1;
        text-align:center
    }

    .content-13-1 {
        margin-top:-10px;
        text-align:center
    }

    .content-13-2 {
        margin-top:60px;
        text-align:center
    }

    .content-13-3 {
        margin-top:50px;
        order:2;
        text-align:center
    }

    .content-13-4 {
        margin-top:50px;
        order:1;
        text-align:center
    }

    .img-stamps-1 {
        width:90%;
        margin-top:20px
    }

    .img-stamps-2 {
        width:85%;
        margin-top:20px
    }

    .img-stamps-3 {
        width:80%
    }

    .img-stamps-4 {
        width:80%
    }

    .img-stamps-20 {
        width:60%
    }

    .img-stamps-21 {
        width:75%
    }

    .content-20-1 {
        margin-top:60px;
        text-align:center
    }

    .content-20-2 {
        text-align:center !important;
        margin-top:50px
    }

    .content-20-3 {
        margin-top:25px;
        text-align:center;
        order:2;
        margin-bottom:10px

    }

    .content-20-4 {
        margin-top:50px;
        margin-bottom:40px;
        text-align:center;
        order:1

    }

}


/* ----------------------------- PRODUTOS ----------------------------------- */

.content-14, .content-15 {
    background-color:#f0faff;
}

.content-14 {
    margin-bottom:60px;
    padding-top:50px;
    padding-bottom:50px;
}

.content-15 {
    margin-top:60px;
    padding-top:60px;
    padding-bottom:50px;
}

.box-products {
    background-color: #f0faff;
    border-radius:18px;
    padding:20px;
    padding-top:35px;
    margin-top:30px
}

.img-products-page {
    width:80%
}

.content-14-2 {
    margin-top:200px
}

.swiper {
    width: 100%;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
}

.box-product-white {
    background-color: white;
    padding:20px;
    margin-top:160px;
    border-radius: 70px 70px 20px 20px;
    position: relative;
    padding-bottom:40px;
    margin-bottom:20px
}

.img-box-product {
    width:75%;
    margin-top:-110px
}

.price-product {
    background-color: #3673b2;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:60px;
    position: absolute;
    top:0px;
    right:0px;
    margin-right:15%;
}

.price-product-value {
    font-family: 'Ubuntu', sans-serif;
    color:white !important;
    font-weight:500;
    font-size:17px;
    margin-bottom:0px;
    letter-spacing:-0.3px
}

.price-product-text {
    margin-bottom:0px;
    font-size:15px;
    font-family: 'Ubuntu', sans-serif;

}

.title-box-product {
    font-family: 'Ubuntu', sans-serif;
    color:#0973ae;
    font-weight:700;
    font-size:18px;
    margin-top:30px;
    letter-spacing:-0.3px

}

.btn-size-product {
    font-family: 'Nunito Sans', sans-serif;
    color:gray !important;
    background-color: transparent !important;
    border:none !important;
    padding:0px !important;
    font-size:14px;
    margin-bottom:25px;
    margin-top:5px
}

.btn-close-modal {
    position: absolute;
    right:10px;
    top:10px;
    padding:0px 8px !important;
    font-size:17px;
    color:#0973ae !important;
    background-color: white !important;
    border:2px solid #0973ae !important;
    border-radius:12px
}

.content-16-1 {
    width:100%;
    height:100%;
    border-radius:15px;
    text-align:center

}

.modal-content {
    border-radius:20px !important;
    padding:10px !important
}

.table {
    border:none !important
}

.table td {
    white-space: nowrap;
    padding-right:30px;
    font-family: 'Ubuntu', sans-serif;
    color:gray !important; 
    font-size:14px;
    border:none !important
  }
  
  .table th {
    padding-right:30px;
    white-space: nowrap;
    font-family: 'Ubuntu', sans-serif;
    color:gray !important; 
    font-size:14px;
    font-weight:500 !important;
    border:none !important
  }

  .modal-body {
    overflow-x: visible; 
    white-space: normal; 
  }

  ::-webkit-scrollbar {
    height: 3px;
    background: transparent; 
  }
  
  body:hover ::-webkit-scrollbar {
    height: 3px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #c9c9c9;
  }
  
  ::-webkit-scrollbar-track {
    background: transparent;
  }

  .img-product-detail-modal {
    width:90%
  }

.title-2-box-product {
    font-family: 'Ubuntu', sans-serif;
    color:gray;
    font-weight:700;
    font-size:15px;
    margin-bottom:5px
}

.color-product {
    width:27px;
    min-width:27px;
    height:27px;
    border-radius:30px;
    border:1px solid #e1e1e1;
    margin-right:7px;
    margin-top:7px
}

.size-product {
    background-color: #f1f1f1;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size:15px;
    border-radius:10px;
    padding:8px 12px;
    margin-right:7px;
    margin-top:7px;
    color:gray;
    min-width:40px;
    text-align: center;
}

.content-colors {
    display:flex; 
    flex-wrap: wrap;
}

.content-size {
    display:flex; 
    flex-wrap: wrap;
}

.img_oculos_site {
    background-color:#f5f5f5;
    object-fit:cover;
    padding:20px;
    width:100%;
    height:220px;
    border-radius:10px
}


@media (min-width: 1400px) and (max-width: 3840px) {

    .price-product {
        margin-top:130px
    }

    .img-product-modal {
        width:70%;
        padding:5%
    }

}

@media (min-width: 1200px) and (max-width: 1399px) {

    .img-products-page {
        width:90%
    }

    .price-product {
        margin-top:80px
    }

    .img-product-modal {
        width:70%;
        padding:5%
    }

 

}

@media (min-width: 992px) and (max-width: 1199px) {

    .img-products-page {
        width:100%
    }

    .content-14-2 {
        margin-top:160px
    }

    .price-product {
        margin-top:165px
    }

    .box-product-white {
        margin-top:160px
    }

    .content-16 {
        order:2;
        margin-top:10px
    }

    .content-17 {
        order:1
    }

    .img-product-modal {
        width:40%;
        padding:0%
    }

    .img-product-detail-modal {
        width:50%;
        margin-bottom:15px
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .content-14-1 {
        order:2;
        text-align: center;
        margin-bottom:20px
    }

    .content-14-2 {
        order:1;
        text-align: center;
        margin-bottom:30px;
        margin-top:-30px

    }

    .price-product {
        margin-top:60px
    }

    .box-product-white {
        margin-top:130px
    }

    .content-16 {
        order:2;
        margin-top:10px
    }

    .content-17 {
        order:1
    }

    .img-product-modal {
        width:65%;
        padding:5%
    }

    .img-product-detail-modal {
        width:80%;
        margin-bottom:15px
    }



}

@media (min-width: 576px) and (max-width: 767px) {

    .content-14-1 {
        order:2;
        text-align: center;
        margin-bottom:20px
    }

    .content-14-2 {
        order:1;
        text-align: center;
        margin-bottom:30px;
        margin-top:-30px

    }

    .img-products-page {
        width:85%
    }

    .price-product {
        margin-top:125px
    }

    .box-product-white {
        width:80%
    }

    .box-product-white {
        margin-top:130px
    }

    .content-16 {
        order:2;
        margin-top:10px
    }

    .content-17 {
        order:1
    }



    .img-product-modal {
        width:75%;
        padding:5%
    }

    .img-product-detail-modal {
        width:80%;
        margin-bottom:15px
    }

}

@media (max-width: 575px) {

    .content-14-1 {
        order:2;
        text-align: center;
        margin-bottom:00px
    }

    .content-14-2 {
        order:1;
        text-align: center;
        margin-bottom:20px;
        margin-top:-30px

    }

    .img-products-page {
        width:95%
    }

    .content-14 {
        margin-bottom:40px
    }

    .price-product {
        margin-top:60px
    }

    .box-product-white {
        width:90%
    }

    .box-product-white {
        margin-top:110px
    }

    .content-16 {
        order:2;
        margin-top:10px
    }

    .content-17 {
        order:1
    }

    .img-product-modal {
        width:75%;
        padding:5%
    }

    .img-product-detail-modal {
        width:80%;
        margin-bottom:15px
    }

}