body{
    font-family:Roboto,sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.6;
    color:#777;
    font-style:normal 
}
.img,img{
    max-width:100%;
    transition:all .3s ease-out 0s 
}
.f-right{
    float:right 
}
.fix{
    overflow:hidden 
}
a,button{
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
    text-decoration:none 
}
.btn:focus,a:focus,button:focus{
    text-decoration:none;
    outline:0;
    box-shadow:none 
}
.footer -menu li a:hover,a:hover{
    color:#000;
    text-decoration:none 
}
a,button{
    color:#3da29a;
    outline:medium none;
    text-decoration:none 
}
.btn:focus,button:focus{
    outline:0 
}
h1,h2,h3,h4,h5,h6{
    font-family:Oswald,sans-serif;
    color:#222;
    margin-top:0;
    font-style:normal;
    margin-bottom:1rem;
    font-weight:500;
    text-transform:uppercase 
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit 
}
h1{
    font-size:40px 
}
h2{
    font-size:35px 
}
h3{
    font-size:28px 
}
h4{
    font-size:22px 
}
h5{
    font-size:18px 
}
h6{
    font-size:16px 
}
.list-wrap{
    margin:0;
    padding:0 
}
.list-wrap li{
    list-style:none 
}
p{
    font-size:16px;
    font-weight:400;
    line-height:1.6;
    color:#777;
    margin-bottom:15px 
}
::-moz-selection{
    background:#d6b161;
    color:#fff;
    text-shadow:none 
}
::-moz-selection{
    background:#777;
    color:#fff;
    text-shadow:none 
}
::selection{
    background:#777;
    color:#fff;
    text-shadow:none 
}
::-moz-placeholder{
    color:#777;
    font-size:16px;
    opacity:1 
}
::placeholder{
    color:#777;
    font-size:16px;
    opacity:1 
}
.nav-link:focus{
    color:inherit 
}
.container{
    padding-left:15px;
    padding-right:15px 
}
.row{
    --bs-gutter-x:30px 
}
.row.g-0{
    --bs-gutter-x:0 
}
:root{
    scroll-behavior:auto 
}
html{
    scroll-behavior:smooth 
}
.btn{
    user-select:none;
    -moz-user-select:none;
    background:#3da29a none repeat scroll 0 0;
    border:medium none;
    border-radius:50px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:16px;
    font-weight:700;
    letter-spacing:0;
    line-height:1.4;
    margin-bottom:0;
    padding:19px 50px;
    text-align:center;
    text-transform:capitalize;
    touch-action:manipulation;
    transition:all .3s ease 0s;
    vertical-align:middle;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
    z-index:1 
}
.btn::before{
    content:"";
    position:absolute;
    -webkit-transition-duration:.8s;
    transition-duration:.8s;
    width:200%;
    height:200%;
    top:110%;
    left:50%;
    background:#5cc8bd;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    border-radius:50%;
    z-index:-1 
}
.btn:hover{
    color:#fff 
}
.btn-two{
    background:#fff none repeat scroll 0 0;
    color:#363e45 
}
.btn-two::before{
    background:#5cc8bd 
}
.btn:hover:before{
    top:-40% 
}
.scroll-top{
    width:50px;
    height:50px;
    line-height:50px;
    position:fixed;
    bottom:-10%;
    right:30px;
    font-size:16px;
    border-radius:50%;
    z-index:99;
    color:#fff;
    text-align:center;
    cursor:pointer;
    background:#3da29a;
    transition:1s ease;
    border:none;
    opacity:0 
}
.scroll-top::after{
    position:absolute;
    z-index:-1;
    content:'';
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:1;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%) 
}
.scroll-top:hover{
    background:#222;
    opacity:1 
}
.custom-container{
    max-width:1650px 
}
.menu-area{
    padding:10px 0 
}
.menu-nav{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-start 
}
.logo img{
    max-width:120px 
}
.navbar-wrap{
    display:flex;
    flex-grow:1 
}
.navbar-wrap ul{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    margin:0 auto 0;
    padding:0 
}
.navbar-wrap ul li{
    list-style:none;
    display:block;
    position:relative 
}
.navbar-wrap ul li a{
    font-size:16px;
    font-weight:600;
    text-transform:capitalize;
    color:#777;
    padding:38px 30px;
    display:block;
    line-height:1;
    position:relative;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
    text-decoration:none;
    z-index:1 
}
.navbar-wrap ul li:hover>.sub-menu{
    opacity:1;
    visibility:visible;
    transform:scale(1) 
}
.header-action>ul{
    display:flex;
    align-items:center;
    margin:0;
    padding:0 
}
.header-action>ul li{
    position:relative;
    list-style:none;
    margin-left:40px 
}
.header-action>ul>li:first-child{
    margin-left:0 
}
.header-action>ul>li>a{
    display:block;
    color:#222;
    font-size:28px 
}
.header-action>ul>li:hover>a{
    color:#3da29a 
}
.header-action>ul li.offCanvas-btn a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
    text-align:center;
    background:#3da29a;
    color:#fff!important;
    border-radius:50%;
    font-size:18px 
}
.sticky-menu{
    position:fixed;
    left:0;
    margin:auto;
    top:0;
    width:100%;
    z-index:99;
    background:#fff;
    -webkit-animation:1s ease-in-out 0s normal none 1 running fadeInDown;
    animation:1s ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow:0 10px 15px rgba(25,25,25,.1);
    box-shadow:0 10px 15px rgba(25,25,25,.1);
    border-radius:0;
    padding:0 0 
}
.navbar-wrap>ul>li:hover>a{
    color:#3da29a 
}
.nav-outer .mobile-nav-toggler{
    position:relative;
    float:right;
    font-size:40px;
    line-height:50px;
    cursor:pointer;
    display:none;
    color:#fff;
    margin-right:30px;
    top:15px 
}
.nav-logo img{
    width:160px 
}
.mobile-menu{
    position:fixed;
    right:0;
    top:0;
    width:300px;
    padding-right:30px;
    max-width:100%;
    height:100%;
    z-index:99;
    border-radius:0;
    -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all .3s cubic-bezier(.785,.135,.15,.86);
    transition:all .3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transform:translateX(101%);
    -ms-transform:translateX(101%);
    transform:translateX(101%) 
}
.mobile-menu .nav-logo{
    position:relative;
    padding:30px 25px;
    text-align:left 
}
.mobile-menu-visible{
    overflow:hidden 
}
.mobile-menu-visible .mobile-menu{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0) 
}
.mobile-menu .navigation li.current>a:before{
    height:100% 
}
.menu-backdrop{
    position:fixed;
    right:0;
    top:0;
    width:100%;
    height:100%;
    z-index:4;
    transition:all .3s linear;
    -moz-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    opacity:0;
    visibility:hidden;
    background:#000 
}
.mobile-menu-visible .menu-backdrop{
    opacity:.65;
    visibility:visible 
}
.mobile-menu .menu-box{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    max-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    background:#fff;
    padding:0 0;
    z-index:5;
    box-shadow:-9px 0 14px 0 rgb(0 0 0 / 6%) 
}
.mobile-menu-visible .mobile-menu .menu-box{
    opacity:1;
    visibility:visible 
}
.mobile-menu .close-btn{
    position:absolute;
    right:15px;
    top:28px;
    line-height:30px;
    width:35px;
    text-align:center;
    font-size:20px;
    color:#3da29a;
    cursor:pointer;
    z-index:10;
    -webkit-transition:all .9s ease;
    -o-transition:all .9s ease;
    transition:all .9s ease 
}
.mobile-menu-visible .mobile-menu .close-btn{
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg) 
}
.mobile-menu .navigation{
    position:relative;
    display:block;
    width:100%;
    float:none;
    margin:0;
    padding:0 
}
.mobile-menu .navigation li{
    position:relative;
    list-style:none;
    display:block;
    border-top:1px solid rgb(0 0 0 / 10%) 
}
.mobile-menu .navigation:last-child{
    border-bottom:1px solid rgb(0 0 0 / 10%) 
}
.mobile-menu .navigation li>ul>li:first-child{
    border-top:1px solid rgb(0 0 0 / 10%) 
}
.mobile-menu .navigation li>a{
    position:relative;
    display:block;
    line-height:24px;
    padding:10px 60px 10px 25px;
    font-size:15px;
    font-weight:500;
    color:#222;
    text-transform:capitalize;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    border:none 
}
.mobile-menu .navigation li ul{
    margin:0;
    padding:0 
}
.mobile-menu .navigation li ul li{
    list-style:none 
}
.mobile-menu .navigation li ul li>a{
    font-size:15px;
    margin-left:20px;
    text-transform:capitalize 
}
.mobile-menu .navigation li ul li ul li a{
    margin-left:40px 
}
.mobile-menu .navigation li ul li ul li ul li a{
    margin-left:60px 
}
.mobile-menu .navigation li>a:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:0;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease 
}
.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul{
    display:none 
}
.mobile-menu .social-links ul{
    display:flex;
    position:relative;
    text-align:center;
    padding:30px 20px 20px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap 
}
.mobile-menu .social-links li{
    position:relative;
    display:inline-block;
    margin:0 6px 10px 
}
.mobile-menu .social-links li a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    position:relative;
    line-height:32px;
    font-size:16px;
    color:#222;
    -webkit-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    border:1px solid #efefef;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px 
}
.mobile-menu .social-links li a:hover{
    border-color:#3da29a;
    background:#3da29a;
    color:#fff 
}
.menu-area .mobile-nav-toggler{
    position:relative;
    float:right;
    display:none;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    text-align:center;
    background:#3da29a;
    color:#fff;
    border-radius:50%;
    font-size:25px;
    cursor:pointer;
    margin-top:-2px 
}
.offCanvas-wrap{
    position:fixed;
    overflow-y:auto;
    top:0;
    right:0;
    width:582px;
    padding:35px 80px 55px;
    transform:translateX(100%);
    height:100%;
    display:block;
    background-color:#fff;
    z-index:1020;
    -webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all .6s cubic-bezier(.785,.135,.15,.86);
    transition:all .6s cubic-bezier(.785,.135,.15,.86);
    display:flex;
    flex-direction:column 
}
.offCanvas-toggle{
    width:45px;
    height:45px;
    flex:0 0 45px;
    background:#3ebfb757;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin:0 -40px 30px auto;
    cursor:pointer 
}
.offCanvas-toggle img{
    width:18px 
}
.offCanvas-content{
    margin-bottom:40px 
}
.offCanvas-content .title{
    font-size:40px;
    line-height:1.17;
    margin-bottom:28px 
}
.offCanvas-content .title span{
    color:#3da29a 
}
.offCanvas-content p{
    margin-bottom:0 
}
.offCanvas-body{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex:1 
}
.offCanvas-wrap::-webkit-scrollbar{
    width:0 
}
.offcanvas-menu-visible .offCanvas-wrap{
    transform:translateX(0) 
}
.offcanvas-contact .number{
    font-size:30px;
    margin:0 0 5px 
}
.offcanvas-contact .email{
    font-size:30px;
    margin:0 0 18px 
}
.offcanvas-contact p{
    margin:0 0 0 
}
.offcanvas-contact .offcanvas-social{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:35px 
}
.offcanvas-contact .offcanvas-social li{
    margin:0 
}
.offcanvas-contact .offcanvas-social li a{
    display:flex;
    font-size:14px;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    background:#3ebfb757;
    border-radius:50%;
    color:#222 
}
.offcanvas-contact .offcanvas-social li a:hover{
    background:#3da29a;
    color:#fff 
}
.banner-area{
    padding:41px 0 15px;
    position:relative;
}
.banner-content .banner-caption{
    text-transform:uppercase;
    font-size:24px;
    font-weight:700;
    color:#3da29a;
    letter-spacing:.095em;
    margin:0 0 28px 
}
.banner-content .title{
    font-size:72px;
    line-height:1.13;
    margin:0 0 61px 
}
.banner-content .btn{
    border:3px solid #fff;
    padding:17px 52px 
}
.banner-images{
    position:relative 
}
.banner-images::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-18px;
    width:516px;
    height:46px;
    background:#464646;
    filter:blur(30px);
    border-radius:99px;
    z-index:-1 
}
.banner-images .main-img{
    position:absolute;
    left:0;
    right:0;
    bottom:-15px;
    max-width:800px;
    display:block;
    margin:0 auto 
}
.banner-images img.bg-shape{
    max-height:560px 
}
.banner-content{
    position:relative;
    z-index:2;
    margin:0 0 -31px 
}
.banner-shape{
    position:absolute;
    z-index:1 
}
.banner-shape.one{
    left:-18px;
    top:14%;
    max-width:300px 
}
.banner-shape.two{
    right:0;
    top:8%;
    max-width:300px 
}
.banner-shape.three{
    bottom:-15px;
    left:-8px;
    max-width:300px;
    z-index:-1 
}
.banner-shape.four{
    bottom:0;
    right:-8px;
    max-width:400px;
    z-index:-1 
}
.features-bg{
    background-position:center;
    background-size:cover;
    padding:97px 0;
    position:relative;
    margin:37px 0 44px 
}
.features-bg::before{
    content:"";
    position:absolute;
    left:0;
    top:-41px;
    width:100%;
    height:41px;
    background-image:url(../assets/img/features_shape01.png);
    background-repeat:repeat-x;
    background-position:center 
}
.features-bg::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-50px;
    width:100%;
    height:50px;
    background-image:url(../assets/img/features_shape02.png);
    background-repeat:repeat-x;
    background-position:center 
}
.features-img{
    text-align:right;
    margin-right:-30px 
}
.features-item{
    margin:0 0 50px 
}
.features-icon{
    font-size:50px;
    color:#fee431;
    position:relative;
    z-index:1;
    margin:0 0 27px 
}
.features-item .features-icon img{
    max-width:50px;
    display:block 
}
.features-icon::after{
    content:"";
    position:absolute;
    left:20px;
    top:5px;
    width:40px;
    height:40px;
    background:#3ebfb7;
    border-radius:50%;
    z-index:-1;
    transition:.4s linear 
}
.features-content .title{
    font-size:20px;
    color:#fff;
    letter-spacing:.02em;
    margin-bottom:14px 
}
.features-content p{
    margin:0 0;
    color:#fff 
}
.features-item:hover .features-icon::after{
    left:5px 
}
.features-items-wrap .row>:nth-last-child(-n+2) .features-item{
    margin:0 0 
}
.features-items-wrap .row>:nth-child(4n+1) .features-item,.features-items-wrap .row>:nth-child(4n+3) .features-item{
    margin-right:50px 
}
.features-items-wrap .row>:nth-child(4n) .features-item,.features-items-wrap .row>:nth-child(4n+2) .features-item{
    margin-left:50px 
}
.features-products{
    padding:150px 0 150px;
    position:relative 
}
.features-products-wrap{
    margin-bottom:180px 
}
.features-products-wrap:last-child{
    margin:0 0 
}
.features-products-thumb{
    position:relative;
    text-align:center;
    margin:0 80px 0 168px 
}
.features-products-thumb::before{
    content:"";
    position:absolute;
    left:38%;
    top:50%;
    background-image:url(../assets/img/product-bg.png);
    width:706px;
    height:706px;
    z-index:-1;
    background-repeat:no-repeat;
    background-size:contain;
    transform:translate(-50%,-50%) 
}
.features-products-thumb .shape-img{
    position:absolute;
    bottom:0;
    left:-120px;
    z-index:-1;
    transition:.35s linear;
}
.features-product-content{
    width:81% 
}
.features-product-content .blue-color{
    color:#3da29a 
}
.features-product-content .orange-color{
    color:#d74600 
}
.features-product-content .green-color{
    color:#056e21 
}
.features-product-content .yellow-color{
    color:#ffc90d 
}
.justify{
    text-align:justify 
}
.features-product-content .title{
    font-size:26px;
    margin-bottom:0 
}
.features-product-content .title-company{
    font-size:26px;
    margin-bottom:20px 
}
.features-product-content .title::after{
    content:"";
    display:block;
    background-image:url(../assets/img/separador-rama.svg);
    width:79px;
    height:14px;
    background-repeat:no-repeat;
    margin:18px 0 33px 
}
.features-product-quantity{
    font-size:16px;
    text-transform:inherit;
    font-family:Roboto,sans-serif;
    font-weight:500;
    margin:0 0 24px 
}
.features-product-bottom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:20px 0 0 
}
.features-products-thumb .main-img{
    display:inline-block;
    position:relative 
}
.features-products-thumb .main-img::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:7px;
    width:230px;
    height:46px;
    background:#464646;
    filter:blur(30px);
    border-radius:99px;
    z-index:-1 
}
.features-products-wrap:nth-child(even) .row{
    flex-direction:row-reverse 
}
.features-products-wrap:nth-child(even) .features-product-content{
    margin-left:auto 
}
.features-products-wrap:nth-child(even) .features-products-thumb{
    margin:0 168px 0 80px 
}
.features-products-wrap:nth-child(even) .features-products-thumb .shape-img{
    bottom:0;
    left:auto;
    right:-180px 
}
.features-products-wrap:nth-child(even) .features-products-thumb::before{
    left:74%;
    top:40%;
    transform:translate(-50%,-50%) 
}
.features-products-wrap .features-products-thumb:hover .shape-img{
    transform:translateX(15px);    
}
.features-products-wrap:nth-child(even) .features-products-thumb:hover .shape-img{
    transform:translateX(-15px) 
}
.features-products-wrap:nth-child(4n+3) .features-products-thumb{
    margin:0 80px 0 168px 
}
.features-products-wrap:nth-child(4n+3) .features-products-thumb .shape-img{
    left:-122px 
}
.fp-circle{
    position:absolute;
    background:#f9f9f9;
    z-index:-2;
    border-radius:50% 
}
.fp-circle.one{
    width:697px;
    height:697px;
    left:-155px;
    top:-95px 
}
.fp-circle.two{
    width:686px;
    height:686px;
    right:-70px;
    bottom:21% 
}
.fp-circle.three{
    width:626px;
    height:626px;
    left:-85px;
    bottom:-4% 
}
.fp-circle.four{
    width:100px;
    height:100px;
    background:#e6f5ee;
    left:50%;
    transform:translateX(-50%);
    top:33% 
}
.product_list_widget li{
    display:flex;
    align-items:center;
    margin-bottom:30px 
}
@-webkit-keyframes ripple-white{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(13,155,77,.3),0 0 0 10px rgba(13,155,77,.3),0 0 0 20px rgba(13,155,77,.3);
        box-shadow:0 0 0 0 rgba(13,155,77,.3),0 0 0 10px rgba(13,155,77,.3),0 0 0 20px rgba(13,155,77,.3) 
   }
    100%{
        -webkit-box-shadow:0 0 0 10px rgba(13,155,77,.3),0 0 0 20px rgba(13,155,77,.3),0 0 0 30px rgba(255,255,255,0);
        box-shadow:0 0 0 10px rgba(13,155,77,.3),0 0 0 20px rgba(13,155,77,.3),0 0 0 30px rgba(255,255,255,0) 
   }
}
@keyframes ripple-white{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(13,155,77,.3),0 0 0 10px rgba(13,155,77,.3),0 0 0 20px rgba(13,155,77,.3);
        box-shadow:0 0 0 0 rgba(13,155,77,.3),0 0 0 10px rgba(13,155,77,.3),0 0 0 20px rgba(13,155,77,.3) 
   }
    100%{
        -webkit-box-shadow:0 0 0 10px rgba(13,155,77,.3),0 0 0 20px rgba(13,155,77,.3),0 0 0 30px rgba(255,255,255,0);
        box-shadow:0 0 0 10px rgba(13,155,77,.3),0 0 0 20px rgba(13,155,77,.3),0 0 0 30px rgba(255,255,255,0) 
   }
}
.section-title .title{
    font-size:40px;
    letter-spacing:-.025em;
    margin-bottom:20px 
}
.section-btn{
    margin:30px 0 0 
}
.formula-bg{
    padding:145px 0 150px;
    position:relative;
    background-position:center;
    background-size:cover 
}
.formula-bg::before{
    content:"";
    position:absolute;
    left:0;
    top:-15px;
    background-image:url(../assets/img/formula_shape01.png);
    width:100%;
    height:44px;
    background-repeat:repeat;
    background-position:center 
}
.formula-bg::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-17px;
    background-image:url(../assets/img/formula_shape02.png);
    width:100%;
    height:47px;
    background-repeat:repeat;
    background-position:center 
}
.formula-img{
    text-align:right;
    margin-right:-100px 
}
.white-title .title{
    color:#fff 
}
.formula-list{
    margin:0 0 50px 
}
.formula-list li{
    font-weight:500;
    font-size:20px;
    color:#fff;
    letter-spacing:.02em;
    display:flex;
    margin:0 0 20px;
    line-height:1.5 
}
.formula-list li::before{
    content:"";
    display:block;
    background-image:url(../img/icons/right_arrow.svg);
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    flex:0 0 20px;
    margin-right:10px;
    margin-top:6px 
}
.formula-list li:last-child{
    margin-bottom:0 
}
.formula-content .btn-two:hover{
    color:#403f3f 
}
.formula-content .btn-two::before{
    background:#fff 
}
.certification-area{
    padding:60px 0 150px 
}
.certification-img{
    margin-right:80px;
    position:relative 
}
.section-title .title{
    font-size:42px;
    letter-spacing:-.025em;
    margin-bottom:14px 
}
.certification-items-wrap{
    margin:0 0 0 25px 
}
.certification-item{
    margin:0 0 55px 
}
.certification-thumb{
    margin:0 0 30px;
    transform:translateY(0);
    transition:.3s linear 
}
.certification-thumb img{
    clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
    display:block 
}
.certification-content .title{
    font-size:20px;
    padding-left:11px;
    margin:0 0 15px;
    position:relative 
}
.certification-content .title::before{
    content:"";
    position:absolute;
    left:0;
    top:5px;
    width:3px;
    height:16px 
}
.certification-content p{
    margin:0 0 
}
.certification-items-wrap .row>:nth-child(4n) .certification-item,.certification-items-wrap .row>:nth-child(4n+2) .certification-item{
    margin:0 0 55px 50px 
}
.certification-items-wrap .row>:nth-last-child(-n+2) .certification-item{
    margin-bottom:0 
}
.certification-img .shape{
    position:absolute;
    left:-125px;
    bottom:20px;
    z-index:-1 
}
.certification-img::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:5px;
    width:350px;
    height:27px;
    background:#000;
    filter:blur(30px);
    border-radius:99px;
    z-index:-1 
}
.certification-item:hover .certification-thumb{
    transform:translateY(10px) 
}
.content-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 22px 
}
.content-bottom ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:30px 0 0 
}
.contact-area{
    padding:120px 0 90px 
}
.contact-box{
    box-shadow:0 8px 16px rgba(102,102,102,.07);
    padding:60px;
    background:#fff;
    position:relative;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin:0 0 30px;
    text-align:center 
}
.contact-box::after,.contact-box::before{
    position:absolute;
    content:"";
    border-left:4px solid #3da29a;
    left:0;
    top:50%;
    transform:translateY(-50%);
    height:160px;
    width:5px;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:0 
}
.contact-box::after{
    left:auto;
    right:0 
}
.contact-icon{
    font-size:100px;
    color:#3da29a;
    line-height:1;
    position:relative;
    display:inline-flex;
    margin:0 0 25px 
}
.contact-box .contact-icon img{
    max-height:100px 
}
.contact-content .title{
    font-size:30px;
    margin:0 0 15px 
}
.contact-box:hover::after,.contact-box:hover::before{
    opacity:1 
}
.footer-instagram{
    position:relative;
    z-index:3;
    margin:0 0 -95px 
}
.footer-top-wrap{
    background:#0a0a0a;
    position:relative;
    padding:195px 0 30px;
    overflow-x:hidden;
    z-index:1 
}
.not-show-instagram .footer-top-wrap{
    padding:120px 0 30px 
}
.footer-top-wrap::before{
    content:"";
    position:absolute;
    left:0;
    top:-22px;
    width:100%;
    height:53px;
    background-image:url(../assets/img/footer_bg_shape.png);
    background-repeat:repeat;
    background-position:center;
    z-index:-1 
}
.footer-top-wrap::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#0a0a0a;
    opacity:.9;
    z-index:-2 
}
.footer-shape{
    position:absolute;
    z-index:-1 
}
.footer-shape.one{
    left:0;
    bottom:100px 
}
.footer-shape.two{
    right:0;
    bottom:170px 
}
.footer-widget{
    margin:0 0 50px 
}
.footer-logo{
    margin:0 0 30px 
}
.footer-widget .footer-text{
    width:75% 
}
.footer-widget .footer-text p{
    margin:0 0;
    color:#fff;
    opacity:.7 
}
.footer-social{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:30px 
}
.footer-social a{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#1b1b1b;
    border-radius:50%;
    color:#fff 
}
.footer-social a:hover{
    background:#3da29a 
}
.footer-widget .fw-title{
    font-size:20px;
    color:#fff;
    letter-spacing:.02em;
    margin:0 0 30px 
}
.footer-widget ul li{
    margin:0 0 12px 
}
.footer-widget ul li:last-child{
    margin:0 0 
}
.footer-widget ul li a{
    color:#fff;
    opacity:.7 
}
.footer-widget ul li a:hover{
    color:#3da29a;
    opacity:1 
}
.footer-contact-wrap p{
    color:#fff;
    opacity:.7 
}
.footer-contact-wrap .list-wrap{
    margin:30px 0 0 
}
.footer-contact-wrap .list-wrap li{
    color:#fff;
    display:flex;
    align-items:center;
    margin:0 0 15px 
}
.footer-contact-wrap .list-wrap li i{
    color:#3da29a;
    font-size:18px;
    margin-right:10px 
}
.footer-widgets-wrap .row [class*=col-]:nth-child(4n+2) .footer-widget{
    padding-left:30px 
}
.footer-widgets-wrap .row [class*=col-]:nth-child(4n+4) .footer-widget{
    padding-left:70px 
}
.copyright-wrap{
    background:#0a0a0a;
    border-top:1px solid #262626;
    padding:25px 0 
}
.copyright-text p{
    margin:0 0;
    color:#fff;
    opacity:.9 
}
.distribuidor-text{
    font-weight:500;
    font-size:20px;
    color:#fff;
    letter-spacing:.02em;
    display:flex;
    margin:0 0 20px;
    line-height:1.5 
}
.offcanvas-menu-visible .offCanvas-overlay{
    opacity:.6;
    visibility:visible 
}
.offCanvas-overlay{
    position:fixed;
    right:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99;
    transition:all .7s ease;
    -moz-transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    opacity:0;
    visibility:hidden;
    background:#000 
}
.img-product-container{
    display:flex;
    align-items:center 
}
.img-logo-container{
    text-align:center;
    height:100px 
}
.floating-wpp{
    position:fixed;
    bottom:15px;
    left:15px;
    font-size:14px;
    transition:bottom .2s;
    z-index:100 
}
.floating-wpp .floating-wpp-button{
    position:relative;
    border-radius:50%;
    box-shadow:1px 1px 4px rgba(60,60,60,.4);
    transition:box-shadow .2s;
    cursor:pointer;
    overflow:hidden 
}
.floating-wpp .floating-wpp-button img{
    position:absolute;
    width:80%;
    height:auto;
    object-fit:cover;
    top:50%;
    left:50%;
    transform:translate3d(-50%,-50%,0) 
}
.floating-wpp:hover{
    bottom:17px 
}
.floating-wpp:hover .floating-wpp-button{
    box-shadow:1px 2px 8px rgba(60,60,60,.4) 
}
.small{
    max-width:80%!important 
}
.store-container{
    display:flex;
    justify-content:flex-end 
}
.store-container img{
    margin:5px;
    border-radius:20px;
    width:80px 
}
.nosotros-area{
    padding:115px 0 120px;
    background:#f5f5f5;
    position:relative;
    background-position:center;
    background-size:cover 
}
.img-company{
    width:80% 
}
.img-unete{
    width:70% 
}
.cofepris-logo{
    max-width:80%!important 
}
.floating-wpp{
    position:fixed;
    bottom:15px;
    left:15px;
    font-size:14px;
    transition:bottom .2s;
    z-index:100;
}
.floating-wpp .floating-wpp-button{
    position:relative;
    border-radius:50%;
    box-shadow:1px 1px 4px rgba(60,60,60,.4);
    transition:box-shadow .2s;
    cursor:pointer;
    overflow:hidden 
}
.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg{
    position:absolute;
    width:80%;
    height:auto;
    object-fit:cover;
    top:50%;
    left:50%;
    transform:translate3d(-50%,-50%,0) 
}
.floating-wpp:hover{
    bottom:17px 
}
.floating-wpp:hover .floating-wpp-button{
    box-shadow:1px 2px 8px rgba(60,60,60,.4) 
}
.floating-wpp .floating-wpp-popup{
    border-radius:6px;
    background-color:#E5DDD5;
    position:absolute;
    overflow:hidden;
    padding:0;
    box-shadow:1px 2px 8px rgba(60,60,60,.25);
    width:0;
    height:0;
    bottom:0;
    opacity:0;
    transition:bottom .1s ease-out,opacity .2s ease-out;
    transform-origin:bottom 
}
.floating-wpp .floating-wpp-popup.active{
    padding:0 12px 12px;
    width:340px;
    height:auto;
    bottom:82px;
    opacity:1 
}
.floating-wpp .floating-wpp-popup .floating-wpp-message{
    background-color:#fff;
    padding:8px;
    border-radius:0 5px 5px;
    box-shadow:1px 1px 1px rgba(0,0,0,.15);
    opacity:0;
    transition:opacity .2s 
}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message{
    opacity:1;
    transition-delay:.2s 
}
.floating-wpp .floating-wpp-popup .floating-wpp-head{
    text-align:right;
    color:#fff;
    margin:0 -15px 10px;
    padding:4px 12px;
    display:flex;
    justify-content:space-between;
    cursor:pointer;
    align-items: center;
}
.floating-wpp .floating-wpp-popup .floating-wpp-head strong{
    font-size: 20px;
}
.floating-wpp .floating-wpp-input-message{
    background-color:#fff;
    margin:10px -15px -15px;
    padding:0 15px;
    display:flex;
    align-items:center 
}
.floating-wpp .floating-wpp-input-message textarea{
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:none;
    padding:8px;
    margin:10px 0;
    width:100%;
    max-width:100%;
    font-family:inherit;
    font-size:inherit;
    resize:none 
}
.floating-wpp .floating-wpp-btn-send{
    margin-left:12px;
    font-size:0;
    cursor:pointer 
}
/* 7. Brand */
.brand-area {
	padding: 145px 0 150px;
}
.brand-title .title {
	margin: 0 0 10px;
	font-size: 20px;
	padding: 0 80px;
	display: inline-flex;
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
	color: #222222;
	letter-spacing: 0.095em;
}
.brand-title .subtitle {
    font-size: 1rem;
    line-height: 2;
    font-weight: 300;
}
.brand-title .title::before,
.brand-title .title::after {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 2px;
	background: #349f99;
}
.brand-title .title::after {
	left: auto;
	right: 0;
}
.brand-item {
	display: flex;
	min-height: 48px;
	max-height: 48px;
	align-items: center;
	justify-content: center;
}
@-webkit-keyframes scroll {  
    0% {  
     transform: translateX(0);  
    }  
    100% {  
     transform: translateX(calc(-250px * 7));  
    }  
   }  
   @keyframes scroll {  
    0% {  
     transform: translateX(0);  
    }  
    100% {  
     transform: translateX(calc(-250px * 7));  
    }  
   }  
.slider {  
    height: 100px;  
    margin: auto;  
    overflow: hidden;  
    position: relative;
   }  
   .slider::before, .slider::after {  
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);  
    content: "";  
    height: 100px;  
    position: absolute;  
    width: 200px;  
    z-index: 2;  
   }  
   .slider::after {  
    right: 0;  
    top: 0;  
    transform: rotateZ(180deg);  
   }  
   .slider::before {  
    left: 0;  
    top: 0;  
   }  
   .slider .slide-track {  
    -webkit-animation: scroll 40s linear infinite;  
        animation: scroll 40s linear infinite;  
    display: flex;  
    width: calc(250px * 14);  
   }