@charset "UTF-8";

/* CSS Document */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
ul,
li {
    list-style-type: none;
}
a, button, input[type=submit]{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
a,
img,
a:hover, button {
    text-decoration: none;
    outline: none !important;
}
h1, h2, h3, h4{
    font-weight: normal;
}
p{
    font-family: 'Intro Book';
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #025446;
}
img{
    max-width: 100%;
    height: auto;
}
:focus, :hover, :active{
    outline: none !important;
}

/* --- FONTS --- */

@font-face {
    font-family: 'Intro Bold';
    src: url('../woff2/intro-bold.woff2') format('woff2'),
        url('../woff/intro-bold.woff') format('woff'),
        url('../svg/intro-bold.svg#Intro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Intro Black';
    src: url('../woff2/intro-black.woff2') format('woff2'),
        url('../woff/intro-black.woff') format('woff'),
        url('../svg/intro-black.svg#Intro-Black') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Intro Black Caps';
    src: url('../woff2/intro-black-caps.woff2') format('woff2'),
        url('../woff/intro-black-caps.woff') format('woff'),
        url('../svg/intro-black-caps.svg#Intro-Black-Caps') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Intro Book';
    src: url('../woff2/intro-book.woff2') format('woff2'),
        url('../woff/intro-book.woff') format('woff'),
        url('../svg/intro-book.svg#Intro-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* --- END FONTS --- */

/* --- CONTAINER --- */

.container-fluid{
    max-width: 1380px;
    margin: auto;
}

/* --- END CONTAINER --- */

/* --- MAIN --- */

main::before{
    content: '';
    width: 100%;
    height: 230px;
    background-image: url(../png/shadow-header.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
 }

/* --- END MAIN --- */

/* --- HEADER --- */

.header{
    width: 100%;
    height: auto; 
    background: transparent;
    position: sticky;
    top: 0;
    z-index: 999999;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.header.active{
    background: linear-gradient(0deg, rgba(108,175,129,0.75) 0%, rgba(31,62,40,0.9) 100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

/* --- END HEADER --- */

/* --- LOGO --- */

.logo{
    width: 14%;
    margin-right: 3%;
}
.logo a{
    display: flex;
    width: 100%;
    max-width: 165px;
}
.logo a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- END LOGO --- */

/* --- MENU --- */

.navbar-collapse{
    width: 83%;
}
.navbar{
    height: 120px;
}
.navbar .menu{
    width: auto;
    padding: 12px 30px 10px;
    border: 1px solid #f0f5e7;
    border-radius: 50px;
}
.navbar li{
    margin-right: 20px;
}
.navbar li:last-of-type{
    margin-right: 0;
}
.navbar li a{
    font-family: 'Intro Book';
    font-size: 12px;
    text-transform: uppercase;
    line-height: 100%;
    color: #fff;
}
.navbar li.active > a,
.navbar .dropdown-menu li.active > a{
    font-family: 'Intro Bold';
    color: #93c847;
}
.navbar li.active a,
.navbar .dropdown-menu li.active > a,
.navbar li a:hover,
.navbar li a:active,
.navbar li a:focus{
    color: #93c847;
}
.navbar li.dropdown {
    padding-right: 13px;
}
.navbar li.dropdown > a{
    position: relative;
}
.navbar li.dropdown > a::after{
    content: '';
    width: 12px;
    height: 12px;
    background-image: url(../svg/icon-arrow-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    position: absolute;
    right: -9px;
    top: 7px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.navbar li.dropdown > a:active::after,
.navbar li.dropdown > a:focus::after,
.navbar li.dropdown > a:hover::after{
    background-image: url(../svg/icon-arrow-down-green.svg);
}

.navbar .nav-item > .dropdown-menu{
    width: 100%;
    min-width: 220px;
    background-color: transparent;
    border: 0;
}
.navbar .nav-item > .dropdown-menu::before{
    content: '';
    width: 100%;
    min-width: 220px;
    height: calc(100% + 15px);
    background-color: rgb(255 255 255 / 80%);
    border-radius: 15px;
    padding: 17px 0;
    border: 0;
    top: 25px;
    position: absolute;
}
.navbar .nav-item > .dropdown-menu > li{
    top: 35px;
}
.navbar .dropdown-menu li {
    position: relative;
    margin: 0 0 12px 0;
    padding: 0 17px;
}
.navbar .dropdown-menu li:last-child{
    margin: 0;
}
.navbar .nav-item .dropdown-menu > li:last-child > a{
    border: 0;
    padding: 0;
}
.navbar .dropdown-menu li a{
    color: #025446;
    font-family: 'Intro Bold';
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    padding: 0 0 10px;
}
.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu li a:active,
.navbar .dropdown-menu li a:focus{
    color: #589617;
    background-color: transparent;
}
.navbar .dropdown-menu .submenu{ 
    display: none;
    position: absolute;
    left: 100%;
    top: -17px;
    border: 0;
    background-color: transparent;
}
.navbar .submenu.dropdown-menu::before {
    content: '';
    width: calc(100% - 15px);
    min-width: 220px;
    height: 100%;
    background-color: rgb(255 255 255 / 80%);
    border-radius: 15px;
    padding: 17px 0;
    border: 0;
    top: 0;
    left: 15px;
    position: absolute;
}
.navbar .submenu.dropdown-menu li {
    padding-left: 30px;
    margin: 10px 0 5px;
}
.navbar .dropdown-menu .submenu-left{ 
    right:100%; left:auto;
}
.navbar .dropdown-menu > li:hover > .submenu{
    display: block;
}
.navbar .dropdown-menu .dropdown-item.dropdown{
    position: relative;
}
.navbar .dropdown-menu .dropdown-item.dropdown::after{
    content: '';
    width: 12px;
    height: 12px;
    background-image: url(../svg/icon-arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: -1px;
}

.navbar .menu-contact-us{
    width: auto;
}
.navbar .navbar-nav.menu-contact-us li a{
    width: 100%;
    display: block;
    font-family: 'Intro Bold';
    color: #243b34;
    border: 1px solid #bde277;
    background-color: #bde277;
    border-radius: 50px;
    padding: 20px 25px 18px !important;
}
.navbar .menu-contact-us li a:hover{
    color: #bde277;
    border: 1px solid #243b34;
    background-color: #243b34;
}

/* --- END MENU --- */

/* --- SEARCH --- */

.search{
    width: 34px;
}
.search a{
    display: block;
    width: 26px;
    height: 26px;
}
.search a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.search a:hover img{
    filter: brightness(10);
}

/* --- END SEARCH --- */


/* --- BANNER --- */

.banner{
    width: 100%;
    height: 1000px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    left: 0;
    top: -120px;
    z-index: 0;
    margin-bottom: -120px;
}
.banner.internal{
    overflow: hidden;
    position: relative;
    height: 800px;
    margin-bottom: -350px;
}
.banner.internal .container{
    height: 55%;
}
.banner.internal .content {
    width: 100%;
    height: 100%;
    padding-left: 80px;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.banner.internal .content .title{
    display: flex;
    align-items: center;
    filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 30%));
}
.banner.internal .content .title img{
    width: 120px;
    height: 120px;
    margin-right: 50px;
}
.banner.internal .content .title h1{
    font-family: 'Intro Black Caps';
    font-size: 72px;
    line-height: 110%;
    color: #FFF;
}

/* BANNER - HOME */

.banner.home{
    background-image: url(../jpg/home-banner.jpg);
    overflow: hidden;
}
.banner.home > .container{
    height: 65%;
    position: relative;
}
.banner.home > .container::before{
    content: '';
    width: 115px;
    height: 346px;
    background-image: url(../png/object-type-one-left-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 110px);
    left: 10px;
}
.banner.home .content {
    width: 100%;
    max-width: 980px;
    height: 100%;
    display: flex;
    align-items: center;
    margin: auto;
    position: relative;
}
.banner.home .content .title{
    width: 50%;
    margin-right: 10%;
    padding: 14% 0 0 60px;
}
.banner.home .content .title h1{
    font-family: 'Intro Black Caps';
    font-size: 48px;
    line-height: 110%;
    color: #FFF;
}
.banner.home .content .title h1 span{
    color: #a0c949;
}
.banner.home .content .image {
    width: auto;
    height: 400px;
    position: absolute;
    right: -100px;
    bottom: calc(50% - 250px);
}

/* --- END BANNER --- */


/* --- TEXT --- */

.text{
    position: relative;
    z-index: 1;
}
.text, .text p, .text span{
    font-family: 'Intro Book';
    font-size: 18px;
    line-height: 150%;
    color: #025446;
}
.text p:last-child{
    margin-bottom: 0;
}
.text strong{
    font-family: 'Intro Bold';
}
.text ul{
    padding: 0;
}
.text ul li{
    margin-bottom: 10px;
}
.text ul li.strong{
    font-family: 'Intro Bold';
}
.text ul li.strong strong{
    font-family: 'Intro Black';
}
.text ul li:last-child{
    margin-bottom: 0;
}
.text ul li::before{
    content: '';
    min-width: 8px;
    min-height: 8px;
    width: 8px;
    height: 8px;
    background-color: #025446;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.text .icon{
    width: 70px;
    height: 70px;
    object-fit: contain;
}

/* TITLES */

.section-title{
    font-family: 'Intro Black Caps';
    font-size: 40px;
    line-height: 120%;
    color: #025446;
    text-transform: uppercase;
}

/* --- END TEXT --- */


/* --- TABS --- */

.tabs{
    position: relative;
    margin-bottom: 100px;
}
.tabs .title{
    margin-bottom: 50px;
    text-align: center;
}
.tabs .title h2{
    font-family: 'Intro Black';
    font-size: 32px;
    text-transform: uppercase;
    line-height: 110%;
    color: #025446;
}
.tabs .nav-pills{
    display: flex;
    background-color: #ededed;
    border-radius: 30px 30px 0 0px;
    margin-bottom: 0;
}
.tabs .nav-pills .nav-link{
    padding: 25px;
    display: flex;
    align-items: center;
    color: #025446;
    font-family: 'Intro Bold';
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 30px 30px 0 0 ;
}
.tabs .nav-pills .nav-link.active{ 
    background-color: #ffffff ;
}
.tabs .nav-pills .nav-link img{
    width: 70px;
    height: 70px;
    object-fit: contain;
}
.tabs .tab-content{
    background-color: #FFF;
    border-radius: 0 0 30px 30px;
    padding: 30px;
    margin-bottom: 80px;
}

/* --- END TABS --- */


/* --- CTAS --- */

.ctas {
    margin: -190px 0 50px;
    position: relative;
}
.ctas > div > div{
    background-color: #f2f3f3;
    border-radius: 20px;
    padding: 30px;
}
.ctas .cta{
    width: auto;
    border-right: 2px solid #a6b5b0;
    margin-right: 60px;
    padding-right: 60px;
}
.ctas .cta:last-child{
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}
.ctas .cta a{
    font-family: 'Intro Black Caps';
    font-size: 16px;
    color: #305448;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.ctas .cta a:hover{
    color: #589617;
}
.ctas .cta a img{
    width: 82px;
    height: 82px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.ctas .cta a:hover img{
    transform: scale(1.05);
}

/* CTAS BANNER */

.ctas-banner .container > div{
    width: fit-content;
    max-width: 1060px;
    margin: auto;
    background: linear-gradient(0deg, rgba(241, 255, 218, 0.8) 50%, rgba(241, 255, 218, 0.2) 100%);
    padding: 30px 100px;
    border-radius: 30px;
}
.ctas-banner .container > div .cta{
    width: auto;
    border-right: 2px solid rgb(2 84 70 / 20%);
    margin-right: 60px;
    padding-right: 70px;
}
.ctas-banner .container > div .cta:last-child{
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}
.ctas-banner .container > div .cta a{
    font-family: 'Intro Black Caps';
    font-size: 22px;
    line-height: 114%;
    color: #025446;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ctas-banner .container > div .cta a:hover{
    color: #599618;
}
.ctas-banner .container > div .cta a img{
    width: 72px;
    height: 72px;
    object-fit: cover;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.ctas-banner .container > div .cta a:hover img{
    transform: scale(1.05);
}

/* --- END CTAS --- */


/* --- NEWS --- */

.news{
    padding: 4em 0 6em;
    position: relative;
}
.news::before{
    content: '';
    width: 252px;
    height: 422px;
    background-image: url(../png/object-type-two-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 2%;
    top: 0;
    z-index: -1;
}
.news::after{
    content: '';
    width: 339px;
    height: 426px;
    background-image: url(../png/object-type-two-right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 2%;
    bottom: 3%;
    z-index: -1;
}
.news .title{
    text-align: center;
}
.news .title h2{
    font-family: 'Intro Black Caps';
    font-size: 42px;
    line-height: 120%;
    color: #243b34;
    margin-bottom: 0;
}
.news .content-news {
    max-width: 85%;
    margin: auto;
}
.news .content-news .new {
    text-align: center;
}
.news .content-news .new.left,
.news .content-news .new.right {
    transform: scale(0.85);
}
.news .content-news .new > div {
    background-color: #FFF;
    box-shadow: 0px 32px 80px -10px rgb(76 184 219 / 40%);
    border-radius: 20px;
    margin: 0 10px;
    padding-bottom: 25px;
}
.news .content-news .new.center > div {
    border-radius: 130px 130px 20px 20px;
    overflow: hidden;
}
.news .content-news .new.left > div {
    border-radius: 200px 0 20px 20px;
    overflow: hidden;
}
.news .content-news .new.right > div {
    border-radius: 0 200px 20px 20px;
    overflow: hidden;
}
.news .content-news .new > div figure{
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
.news .content-news .new > div figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news .content-news .new > div .content {
    padding: 10px 30px 0;
}
.news .content-news .new .content h3{
    font-family: 'Intro Black Caps';
    font-size: 18px;
    line-height: 120%;
    color: #025446;
}
.news .content-news .new .content p{
    font-family: 'Intro Book';
    font-size: 16px;
    line-height: 140%;
    color: #60876f;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 4; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.news .content-news .new > div .action a{
    font-family: 'Intro Bold';
    font-size: 16px;
    color: #025446;
    position: relative;
    padding-right: 30px;
    border: 0;
}
.news .content-news .new > div .action a:active,
.news .content-news .new > div .action a:focus{
    border: 0;
    box-shadow: none;
}
.news .content-news .new > div .action a:hover{
    color: #2c8eae;
}
.news .content-news .new.center > div .action a:hover{
    color: #025446;
}
.news .content-news .new > div .action a:hover::before{
    background-image: url(../svg/btn-plus-light-blue.svg);
}
.news .content-news .new > div .action a::before{
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../svg/btn-plus-green.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.news .content-news .new.center > div .action a::before{
    background-image: url(../svg/btn-plus-light-blue.svg);
}
.news .content-news .new.center > div .action a:hover::before{
    background-image: url(../svg/btn-plus-green.svg);
}
.news .actions {
    margin: 70px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news .actions .btn{
    font-family: 'Intro Bold';
    font-size: 22px;
    color: #FFF;
    background-color: #f0a14d;
    border-radius: 25px 0;
    padding: 10px 30px;
}
.news .actions .btn:hover{
    background-color: #3fd492;
}

/* --- END NEWS --- */


/* --- SOCIAL MEDIA --- */

.social-media{
    width: 100%;
    overflow: hidden;
}
.social-media .container-social{
    display: flex;
    justify-content: space-between;
}
.social-media .container-social .social{
    width: 49%;
    position: relative;
    padding: 50px;
}
.social-media .container-social .social::before{
    content: '';
    background-color: #e6f4d3;
    border-radius: 50px;
    width: calc(100% + 80px);
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.social-media .container-social .social.left::before{
    left: -100px;
}
.social-media .container-social .social.right::before{
    right: -100px;
}
.social-media .container-social .social .content {
    width: 100%;
    height: 100%;
    max-width: 550px;
    background-color: #FFF;
    padding: 50px;
    border-radius: 50px;
    overflow: hidden;
}
.social-media .container-social .social .yottie-container,
.social-media .container-social .social .content .eapps-instagram-feed{
    position: relative;
}
.social-media .container-social .social .yottie-container{
    margin-top: 20px;
    margin-bottom: -20px;
}
/* .social-media .container-social .social .content .eapps-instagram-feed::after,
.social-media .container-social .social .yottie-container::after {
    content: '';
    width: 100%;
    height: 50px;
    background-color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999;
    pointer-events: none;
} */
.social-media .container-social .social .content .eapps-instagram-feed::after{
    bottom: -50px;
}
.social-media .container-social .social .content .eapps-instagram-feed > a,
.social-media .container-social .social .yottie-container > a{
    pointer-events: none !important;
}
.social-media .container-social .social.left .content {
    margin-right: 15px;
    margin-left: auto;
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.social-media .container-social .social.right .content {
    margin-left: 15px;
}
.social-media .container-social .social.right #eapps-instagram-feed-1 {
    width: 100%;
    max-width: 450px;
    overflow: hidden;
    height: 100%;
}
.social-media .container-social .social.right #eapps-instagram-feed-1 .eapps-instagram-feed-posts-container {
    border-radius: 30px;
    overflow: hidden;
}
.social-media .container-social .social.left .yottie-widget{
    height: 90%;
    overflow: hidden;
}
.social-media .container-social .social.left .yottie-widget .yottie-widget-video {
    border-radius: 30px;
}
.social-media .youtube .yottie-widget a:last-child,
.social-media .instagram > div > a{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* --- END SOCIAL MEDIA --- */


/* --- ADS --- */

.ads{
    width: 100%;
    height: auto;
    position: relative;
    padding: 6.5em 0;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(224,229,215,1) 0%, rgba(255,255,255,1) 100%);
}
.ads::before{
    content: '';
    width: 240px;
    height: 340px;
    background-image: url(../svg/line-green-left.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -30px;
    bottom: calc(50% - 80px);
    z-index: 0;
}
.ads::after{
    content: '';
    width: 240px;
    height: 340px;
    background-image: url(../svg/line-green-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -30px;
    bottom: calc(50% - 280px);
    z-index: 0;
}
.ads .ad{
    width: 100%;
    position: relative;
    z-index: 1;
}
.ads .ad a{
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    border-radius: 55px;
}
.ads .ad a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- END ADS --- */


/* --- COLLAPSE --- */

.collapse-items{
    margin-bottom: 30px;
}
.collapse-items:last-child{
    margin-bottom: 0;
}
.collapse-items .item a.btn {
    width: 100%;
    background-color: #eaf6db;
    font-family: 'Intro Bold';
    font-size: 20px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 0;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 30px 80px;
    box-shadow: none;
    border: 0;
    background-image: url(../svg/collapse-down.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 40px) center;
    position: relative;
    z-index: 1;
}
.collapse-items .item a.btn[aria-expanded="true"]{
    background-image: url(../svg/collapse-up.svg);
    background-color: #dfebce;
}
.collapse-items .item a.btn:hover{
    background-color: #dfebce;
    box-shadow: none;
    border: 0;
}
.collapse-items > .item > div,
.collapse-items > .item > div .card{
    background-color: #eaf6db;
}
.collapse-items.blue .item a.btn {
    background-color: #f0f7f9;
    background-image: url(../svg/collapse-down-blue.svg);
}
.collapse-items.blue .item a.btn[aria-expanded="true"]{
    background-image: url(../svg/collapse-up-blue.svg);
    background-color: #d7e9f1;
}
.collapse-items.blue .item a.btn:hover{
    background-color: #d7e9f1 !important;
}
.collapse-items.blue > .item > div,
.collapse-items.blue > .item > div .card{
    background-color: #f0f7f9;
}

.collapse-items.orange .item a.btn {
    background-color: #fdf5ed;
    background-image: url(../svg/collapse-down-orange.svg);
}
.collapse-items.orange .item a.btn[aria-expanded="true"]{
    background-image: url(../svg/collapse-up-orange.svg);
    background-color: #f0e8df;
}
.collapse-items.orange .item a.btn:hover{
    background-color: #f0e8df !important;
}
.collapse-items.orange > .item > div,
.collapse-items.orange > .item > div .card{
    background-color: #fdf5ed;
}
.collapse-items.red .item a.btn {
    background-color: #ffedf1;
    background-image: url(../svg/collapse-down-pink.svg);
}
.collapse-items.red .item a.btn[aria-expanded="true"]{
    background-image: url(../svg/collapse-up-pink.svg);
    background-color: #ffe1e8;
}
.collapse-items.red .item a.btn:hover{
    background-color: #ffe1e8 !important;
}
.collapse-items.red > .item > div,
.collapse-items.red > .item > div .card{
    background-color: #ffedf1;
}

.collapse-items.light-green .item a.btn {
    background-color: #f5fcfb;
    background-image: url(../svg/collapse-down-dark-green.svg);
}
.collapse-items.light-green .item a.btn[aria-expanded="true"]{
    background-image: url(../svg/collapse-up-dark-green.svg);
    background-color: #e5f8f5;
}
.collapse-items.light-green .item a.btn:hover{
    background-color: #e5f8f5 !important;
}
.collapse-items.light-green > .item > div,
.collapse-items.light-green > .item > div .card{
    background-color: #f5fcfb;
}

.collapse-items.dark-green .item a.btn {
    background-color: #025446;
    background-image: url(../svg/collapse-down-neon-green.svg);
}
.collapse-items.dark-green .item a.btn[aria-expanded="true"]{
    background-image: url(../svg/collapse-up-neon-green.svg);
    background-color: #00332a;
}
.collapse-items.dark-green .item a.btn:hover{
    background-color: #00332a !important;
}
.collapse-items.dark-green > .item > div,
.collapse-items.dark-green > .item > div .card{
    background-color: #025446;
}

.collapse-items .item a.btn img{
    width: 70px;
    height: 70px;
    margin-right: 50px;
    object-fit: contain;
}
.collapse-items > .item > div{
    background-color: #eaf6db;
    margin-top: -30px;
    margin-bottom: 30px;
    position: relative;
    z-index: 0;
    border-radius: 0 0 30px 30px;
    overflow: hidden;
}
.collapse-items > .item > div .card{
    background-color: #eaf6db;
    border: 0;
    padding: 80px 80px 50px;
}
.collapse-items .item > div .card .content{
    padding: 0;
}

/* --- END COLLAPSE --- */


/* --- QUEM SOMOS --- */

/* BANNER  */

.banner.quem-somos{
    background-image: url(../jpg/quem-somos-banner.jpg);
}
.banner.quem-somos .content .image {
    width: 843px;
    height: 450px;
    position: absolute;
    right: -15%;
    bottom: -30%;
}
.banner.quem-somos .content .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* TEXT */

.text.quem-somos{
    margin-bottom: 100px;
}
.text.quem-somos::after{
    content: '';
    width: 115px;
    height: 346px;
    background-image: url(../png/object-type-one-left-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 210px);
    left: 20px;
}
.text.quem-somos::before{
    content: '';
    width: 115px;
    height: 347px;
    background-image: url(../png/object-type-one-right-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 180px);
    right: 20px;
}
.text.quem-somos .container{
    background: linear-gradient(15deg, rgba(243,243,243,1) 0%, rgba(243,243,243,0) 20%, rgba(243,243,243,.6) 40%, rgba(243,243,243,0) 100%);
    border-radius: 30px;
}
.text.quem-somos .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.quem-somos .container .content{
    padding: 80px;
}
.text.quem-somos .container .content .special-size{
    max-width: 70%;
}

/* PROPÓSITO E VISÃO */

.text.proposito-visao{
    margin-bottom: 100px;
}
.text.proposito-visao .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.text.proposito-visao .container > div{
    width: 48%;
    padding: 80px;
}
.text.proposito-visao .container .proposito{
    background-color: #e6f4d3;
    border-radius: 0 100px;
}
.text.proposito-visao .container .visao{
    background-color: #e7f7fc;
    border-radius: 100px 0;
}
.text.proposito-visao .container .content .subtitle {
    width: 100%;
    margin-bottom: 20px;
}
.text.proposito-visao .container .content .subtitle .icon{
    margin-bottom: 15px;
}
.text.proposito-visao .container .content .subtitle h2{
    font-family: 'Intro Black Caps';
    font-size: 32px;
    line-height: 110%;
    margin-bottom: 0;
}
.text.proposito-visao .container .content p{
    font-family: 'Intro Bold';
}

/* NOSSOS VALORES */

.text.valores{
    margin-bottom: 100px;
}
.text.valores .container{
    background-color: #fff6dc;
    border-radius: 0 120px 0 120px;
}
.text.valores .container .content{
    padding: 80px;
}
.text.valores .container .content .subtitle {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}
.text.valores .container .content .subtitle .icon{
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-right: 10px;
}
.text.valores .container .content .subtitle h2{
    font-family: 'Intro Black Caps';
    font-size: 32px;
    line-height: 110%;
    margin-bottom: 0;
}
.text.valores .container .content ul{
    padding-left: 80px;
}
.text.valores .container .content ul li:before{
    background-color: #f0a14d;
    margin: 0 20px 2px 0;
}

/* --- END QUEM SOMOS --- */


/* --- ASSOCIADOS --- */

/* BANNER  */

.banner.associados{
    background-image: url(../jpg/associados-banner.jpg);
}
.banner.associados::before {
    content: '';
    width: 230px;
    height: 440px;
    background-image: url(../svg/line-green-left.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    bottom: 165px;
}

/* TEXT */

.text.associados{
    margin-bottom: 100px;
}
.text.associados .container{
    background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(243,243,243,0.49625787815126055) 100%);
    border-radius: 30px;
}
.text.associados .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.associados .container .content{
    padding: 80px;
}

.text.admissao-associados{
    margin-bottom: 100px;
}
.text.admissao-associados .title{
    margin-bottom: 50px;
}
.text.admissao-associados .title h2{
    font-family: 'Intro Black';
    font-size: 32px;
    text-transform: uppercase;
    line-height: 110%;
    color: #025446;
}
.text.admissao-associados .content span{
    color: #93d141;
}
.text.admissao-associados .content a{
    font-family: 'Intro Black';
    text-transform: uppercase;
    color: #025446;
}
.text.admissao-associados .content a:hover{
    color: #93d141;
}
.text.admissao-associados .content .feature {
    background-color: #93d141;
    border-radius: 0 40px;
    padding: 12px 50px;
    font-family: 'Intro Bold';
}

/* TABS ASSOCIADOS */

.tabs.associados .container{
    background: linear-gradient(0deg, rgba(253,254,252,1) 0%, rgba(147,209,65,0.2049413515406162) 100%);
    border-radius: 30px;
    padding: 60px 30px 80px;
    position: relative;
}
.tabs.associados .container::after{
    content: '';
    width: 390px;
    height: 85px;
    background-image: url(../svg/object-type-three.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.tabs.associados .container .content .brands{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tabs.associados .container .content .brands .brand{
    width: auto;
    height: 170px;
    border-radius: 30px;
    margin: 0 0.8% 25px 0.8%;
    box-shadow: 0px 10px 30px -10px rgb(56 107 116 / 40%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs.associados .container .content .brands .brand img{
    width: 90%;
    height: 90%;
    object-fit: contain;
    filter: brightness(1.2);
    opacity: 0.8;
}

/* --- END ASSOCIADOS --- */


/* --- EQUIPE --- */

/* BANNER */

.banner.equipe{
    background-image: url(../jpg/equipe-banner.jpg);
}
.banner.equipe::before {
    content: '';
    width: 230px;
    height: 440px;
    background-image: url(../svg/line-green-left.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    bottom: 165px;
}

/* ORGANOGRAMA */

.organograma{
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
}
.organograma .container{
    background-color: rgb(147 209 65 / 20%);
    border-radius: 30px;
}
.organograma .container::after {
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.organograma .container .content {
    padding: 80px 80px 160px;
    position: relative;
    overflow: hidden;
}
.organograma .container .content::after {
    content: '';
    width: 490px;
    height: 140px;
    background-image: url(../svg/line-green-bottom.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    bottom: 0;
}
.organograma .container .content .title{
    width: 100%;
    margin-bottom: 80px;
}
.organograma .container .content .title h2 {
    width: fit-content;
    background-color: rgb(255 255 255 / 80%);
    padding: 20px 30px 13px;
    border-radius: 20px;
}

/* --- END EQUIPE --- */


/* --- GOVERNANÇA --- */

/* BANNER */

.banner.governanca{
    background-image: url(../jpg/governanca-banner.jpg);
    margin-bottom: -40vh;
}
.banner.governanca::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -170px;
    bottom: 180px;
}

/* TEXT */

.text.governanca .container::after {
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.governanca .container .content {
    padding: 80px 80px 0;
}

.text.governanca .container .content .estrutura .title h2{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    text-align: center;
}
.text.governanca .container .content .estrutura .image{
    width: 80%;
    margin: auto;
}

/* COLLAPSE */

.estrutura-collapse .collapse-items.dark-green > .item > div, .collapse-items.dark-green > .item > div .card {
    background-color: #f3f3f3;
}
.estrutura-collapse .collapse-items .item a.btn{
    color: #FFF;
    font-family: 'Intro Black Caps';
    font-size: 24px;
    text-align: center;
    display: block;
}

/* CONSELHO */

.estrutura-collapse .collapse-items.conselho-administracao .item > div .card .title h3{
    font-family: 'Intro Bold';
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
}

/* COMITÊ */

.estrutura-collapse .collapse-items.comites .item > div .card .comite{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 30px;
    padding: 30px;
    margin: auto;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite.blue{
    background-color: #deedf3;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite.green{
    background-color: #ddebca;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite.orange{
    background-color: #f2e0cd;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite.red{
    background-color: #f6e3e8;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite.dark-green{
    background-color: #cfddc0;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite.yellow{
    background-color: #f6edd2;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite h3{
    width: 80%;
    font-family: 'Intro Black Caps';
    font-size: 18px;
    color: #025446;
    margin-bottom: 0;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite .view-more{
    width: 20px;
    height: 20px;
    background-image: url(../svg/btn-plus-dark-green.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
}
.estrutura-collapse .collapse-items.comites .item > div .card .comite .view-more:hover{
    background-image: url(../svg/btn-plus-dark-blue.svg);
}

/* PROGRAMA DE INTEGRIDADE */

.text.programa-integridade {
    background-color: #faffff;
    box-shadow: inset 0 0 10px rgb(70 151 137 / 20%);
    padding: 80px 0;
}
.text.programa-integridade .content .text{
    padding: 0 80px;
}
.text.programa-integridade .title h2 {
    font-family: 'Intro Black Caps';
    font-size: 30px;
    text-align: center;
}
.text.programa-integridade .text > p span{
    font-family: 'Intro Bold';
}
.text.programa-integridade .text > p strong{
    font-family: 'Intro Black';
    color: #589617;
}
.text.programa-integridade .collapse-items .item > div .card .view-more{
    color: #1487ac;
    text-decoration: underline;
}
.text.programa-integridade .collapse-items .item > div .card .view-more:hover{
    color: #025446;
    text-decoration: underline;
}

/* PACTO GLOBAL */

.text.pacto-global {
    margin: 100px 0;
}
.text.pacto-global .content > .text{
    padding: 0 80px;
}
.text.pacto-global .title h2 {
    font-family: 'Intro Black Caps';
    font-size: 30px;
    text-align: center;
}
.text.pacto-global .collapse-items .item a.btn{
    text-align: left;
    padding-right: 150px;
    line-height: 125%;
}
.text.pacto-global .collapse-items .item > div .card .content .text{
    padding: 0;
}
.text.pacto-global .collapse-items .item > div .card .content .text strong{
    display: block;
}
.text.pacto-global .collapse-items .item > div .card .content .text a{
    color: #1487ac;
    text-decoration: underline;
}
.text.pacto-global .collapse-items .item > div .card .content .text a:hover{
    color: #025446;
    text-decoration: underline;
}

/* CANAL DE DENÚNCIAS */

.text.canal-denuncias{
    background-color: #eff8fb;
}
.text.canal-denuncias .content{
    padding: 80px;
}
.text.canal-denuncias .content .title h2{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    text-align: center;
}
.text.canal-denuncias .content .text a{
    color: #1487ac;
    text-decoration: underline;
}
.text.canal-denuncias .content .text a:hover{
    color: #025446;
    text-decoration: underline;
}
.text.canal-denuncias .content .image {
    max-width: 340px;
    margin-left: auto;
}
.text.canal-denuncias .content .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text.canal-denuncias .content .action{
    margin-left: auto;
}
.text.canal-denuncias .content .action a{
    width: 280px;
    font-family: 'Intro Black Caps';
    font-size: 22px;
    color: #025446;
    text-align: center;
    padding: 14px 40px 13px;
    background-color: #bfe49a;
    border-radius: 10px;
    display: block;
}
.text.canal-denuncias .content .action a:hover{
    color: #FFF;
    background-color: #025446;
}

/* --- END GOVERNANÇA --- */


/* --- CROPLIFE PELO MUNDO --- */

/* BANNER */

.banner.croplife-pelo-mundo{
    background-image: url(../jpg/croplife-pelo-mundo-banner.jpg);
}
.banner.croplife-pelo-mundo::before {
    content: '';
    width: 300px;
    height: 310px;
    background-image: url(../svg/line-white-left.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    bottom: 350px;
}

/* TEXT */

.text.croplife-pelo-mundo{
    margin-bottom: 100px;
}
.text.croplife-pelo-mundo::after{
    content: '';
    width: 115px;
    height: 346px;
    background-image: url(../png/object-type-one-left-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 210px);
    left: 20px;
}
.text.croplife-pelo-mundo::before{
    content: '';
    width: 115px;
    height: 347px;
    background-image: url(../png/object-type-one-right-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 180px);
    right: 20px;
}
.text.croplife-pelo-mundo .container{
    background-color: rgb(243 243 243 / 75%);
    border-radius: 30px;
}
.text.croplife-pelo-mundo .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.croplife-pelo-mundo .container .content{
    padding: 80px;
}

/* TIMELINE */

.timeline{
    margin-bottom: 100px;
}
.timeline .content .title{
    text-align: center;
    margin-bottom: 50px;
}
.timeline .content .timeline {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.timeline .content .timeline .line{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: -70px;
}
.timeline .content .timeline .line.year-2019{
    margin-bottom: 0;
}
.timeline .content .timeline .line.reverse{
    flex-direction: row-reverse;
}
.timeline .content .timeline .line .image{
    width: 53%;
}
.timeline .content .timeline .line.year-2019 .image{
    width: 100%;
}
.timeline .content .timeline .line.reverse .image img{
    margin-left: -4px;
}
.timeline .content .timeline .line .info{
    width: 47%;
    padding: 0 50px 50px;
}
.timeline .content .timeline .line.year-1988 .info {
    margin-top: -70px;
}
.timeline .content .timeline .line.year-2002 .info {
    margin-top: -40px;
}
.timeline .content .timeline .line.year-2007 .info {
    margin-top: -70px;
}
.timeline .content .timeline .line.year-2007-2 .info {
    margin-top: -40px;
}
.timeline .content .timeline .line .info p{
    font-size: 20px;
}
.timeline .content .timeline .line .info p strong{
    font-family: 'Intro Bold';
}
.timeline .content .timeline .line.year-1974 .info p strong{
    color: #0e7e6b;
}
.timeline .content .timeline .line.year-1988 .info p strong{
    color: #93d141;
}
.timeline .content .timeline .line.year-2002 .info p strong{
    color: #77c0d8;
}
.timeline .content .timeline .line.year-2007 .info p strong{
    color: #f0a14d;
}
.timeline .content .timeline .line.year-2007-2 .info p strong{
    color: #ef8fa5;
}

/* MAP */

.map{
    width: 100%;
    height: auto;
    background-image: url(../jpg/bg-map-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0;
    margin-bottom: 100px;
    overflow: hidden;
}
.map::before{
    content: '';
    width: 275px;
    height: 440px;
    background-image: url(../svg/object-type-four.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: -10px;
}
.map::after{
    content: '';
    width: 275px;
    height: 440px;
    background-image: url(../svg/object-type-four.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: -10px;
    transform: rotate(180deg);
}
.map .content .title{
    text-align: center;
    margin-bottom: 150px;
}
.map .content .title h2{
    color: #FFF;
}
.map .content .title h2 span{
    color: #93d141;
    display: block;
}
.map .content .content-map{
    position: relative;
    z-index: 1;
}

/* --- END CROPLIFE PELO MUNDO --- */


/* --- DEFENSIVOS QUÍMICOS --- */

/* BANNER */

.banner.defensivos-quimicos{
    background-image: url(../jpg/defensivos-quimicos-banner.jpg);
    margin-bottom: -40vh;
}
.banner.defensivos-quimicos::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -120px;
    bottom: 180px;
}
.banner.defensivos-quimicos .content{
    padding-left: 0;
}
.banner.defensivos-quimicos .content .title h1{
    max-width: 500px;
}

/* TEXT */

.text.defensivos-quimicos{
    margin-bottom: 100px;
}
.text.defensivos-quimicos .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 0;
    z-index: -1;
}
.text.defensivos-quimicos .container .content{
    padding: 50px 0;
}

/* GRAPH */

.grafico-defensivos-quimicos {
    margin: 70px 0;
}
.grafico-defensivos-quimicos .title {
    text-align: center;
    margin-bottom: 35px;
}
.grafico-defensivos-quimicos .title h3{
    font-family: 'Intro Bold';
    font-size: 30px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 0;
}
.grafico-defensivos-quimicos .title h4{
    font-family: 'Intro Book';
    font-size: 20px;
    color: #025446;
    text-transform: uppercase;
}
.grafico-defensivos-quimicos .image{
    width: 90%;
    max-width: 1100px;
    margin: auto;
    text-align: center;
}
.grafico-defensivos-quimicos .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-left: 30px;
}

/* COLLAPSE - LINHA DO TEMPO */

.collapse-items.linha-tempo .item > div .card .timeline {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.collapse-items.linha-tempo .item > div .card .timeline .item{
    width: 25%;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}
.collapse-items.linha-tempo .item > div .card .timeline .item.reverse{
    flex-direction: column-reverse;
}
.collapse-items.linha-tempo .item > div .card .timeline .item .text{
    text-align: center;
    margin-bottom: 25px;
}
.collapse-items.linha-tempo .item > div .card .timeline .item.reverse .text{
    margin: 25px 0 0;
}
.collapse-items.linha-tempo .item > div .card .timeline .item .text p{
    font-size: 16px;
}
.collapse-items.linha-tempo .item > div .card .timeline .item .text p strong{
    display: block;
}

.collapse-items.linha-tempo .item > div .card .about {
    background-color: #FFF;
    border-radius: 40px;
    box-shadow: 0px 0px 50px -30px #475762;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.collapse-items.linha-tempo .item > div .card .about .text{
    width: 50%;
    margin-right: 5%;
}
.collapse-items.linha-tempo .item > div .card .about .image{
    width: 45%;
}
.collapse-items.linha-tempo .item > div .card .about .text p{
    font-family: 'Intro Bold';
    font-size: 22px;
}

.collapse-items.linha-tempo .item > div .card .content > .text{
    margin-bottom: 70px;
    text-align: center;
    padding: 0 50px;
}

.collapse-items.linha-tempo .item > div .card .content .graph .title{
    text-align: center;
}
.collapse-items.linha-tempo .item > div .card .content .graph .title h3 {
    font-family: 'Intro Bold';
    font-size: 26px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.collapse-items.linha-tempo .item > div .card .content .graph .title h4 {
    font-family: 'Intro Book';
    font-size: 20px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 0;
}
.collapse-items.linha-tempo .item > div .card .content .graph .legend p {
    width: fit-content;
    font-size: 14px;
    background-color: #93d141;
    border-radius: 20px;
    padding: 10px 20px;
    margin-bottom: 0;
}

/* COLLAPSE - AGROTÓXICO */

.collapse-items.agrotoxico .item > div .card .content > .text .fonte{
    display: flex;
}
.collapse-items.agrotoxico .item > div .card .content > .text .fonte p{
    background-color: #93d141;
    margin: 0 15px 0 0;
    border-radius: 20px;
    padding: 10px 20px;
}
.collapse-items.agrotoxico .item > div .card .content > .text .fonte p span{
    color: #FFF;
}

.collapse-items.agrotoxico .item > div .card .graph {
    background-color: #FFF;
    border-radius: 40px;
    box-shadow: 0px 0px 50px -30px #475762;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.collapse-items.agrotoxico .item > div .card .graph .title{
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.collapse-items.agrotoxico .item > div .card .graph .title h3{
    font-family: 'Intro Bold';
    font-size: 26px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.collapse-items.agrotoxico .item > div .card .graph .title h4{
    font-family: 'Intro Book';
    font-size: 20px;
    color: #93d141;
    text-transform: uppercase;
    margin-bottom: 0;
}
.collapse-items.agrotoxico .item > div .card .graph .title .type {
    position: absolute;
    right: -20px;
    top: -35px;
}
.collapse-items.agrotoxico .item > div .card .graph .title .type p{
    font-family: 'Intro Black';
    font-size: 40px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 0;
}

.collapse-items.agrotoxico .source{
    width: 80%;
    margin: auto;
}
.collapse-items.agrotoxico .source p{
    font-size: 14px;
    text-align: center;
    background-color: #93d141;
    border-radius: 20px;
    padding: 10px 20px;
}

/* COLLAPSE - CONTEXTUALIZAÇÃO */

.collapse-items.contextualizacao .item > div .card .text h2{
    font-family: 'Intro Black';
    font-size: 30px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 0;
}
.collapse-items.contextualizacao .item > div .card .text.feature{
    width: 85%;
    margin: auto;
    text-align: center;
    background: linear-gradient(0deg, rgba(240,161,77,1) 0%, rgba(240,161,77,0.5018601190476191) 100%);
    border-radius: 40px;
    padding: 40px;
}
.collapse-items.contextualizacao .item > div .card .text.feature p{
    font-size: 20px;
    text-transform: uppercase;
}
.collapse-items.contextualizacao .item > div .card .text.feature p strong{
    font-family: 'Intro Black';
}
.collapse-items.contextualizacao .item > div .card .text.feature p strong.white{
    color: #FFF;
}

.collapse-items.contextualizacao .item > div .card .graph {
    background-color: #FFF;
    border-radius: 40px;
    box-shadow: 0px 0px 50px -30px #f0a14d;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.collapse-items.contextualizacao .item > div .card .graph.no-background{
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    margin-bottom: 0;
}
.collapse-items.contextualizacao .item > div .card .graph .title{
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
.collapse-items.contextualizacao .item > div .card .graph .title h3{
    font-family: 'Intro Bold';
    font-size: 26px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.collapse-items.contextualizacao .item > div .card .content .graph .legend p {
    width: fit-content;
    font-size: 14px;
    background-color: #f1a04e;
    border-radius: 20px;
    padding: 10px 20px;
    margin-bottom: 0;
}

.collapse-items.contextualizacao .item > div .card .spreadsheet {
    background-color: #FFF;
    border-radius: 40px;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.collapse-items.contextualizacao .item > div .card .spreadsheet .title{
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
.collapse-items.contextualizacao .item > div .card .spreadsheet .title h3{
    font-family: 'Intro Bold';
    font-size: 26px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.collapse-items.contextualizacao .item > div .card .spreadsheet .title h4{
    font-family: 'Intro Book';
    font-size: 20px;
    color: #93d141;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* COLLAPSE - SEGURANÇA ALIMENTAR */

.collapse-items.seguranca-alimentar .item > div .card .text.resume{
    text-align: center;
    background-color: #ffb0c2;
    border-radius: 10px;
    padding: 30px;
}
.collapse-items.seguranca-alimentar .item > div .card .text.resume p{
    width: 80%;
    margin: auto;
    font-family: 'Intro Bold';
}
.collapse-items.seguranca-alimentar .item > div .card .text .view-more{
    color: #1487ac;
    text-decoration: underline;
}
.collapse-items.seguranca-alimentar .item > div .card .text .view-more:hover{
    color: #025446;
    text-decoration: underline;
}

/* --- END DEFENSIVOS QUÍMICOS --- */


/* --- DEFENSIVOS QUÍMICOS - REGULAMENTAÇÃO --- */

/* BANNER */

.banner.defensivos-quimicos-regulamentacao{
    background-image: url(../jpg/defensivos-quimicos-regulamentacao-banner.jpg);
    margin-bottom: -40vh;
}
.banner.defensivos-quimicos-regulamentacao::before {
    content: '';
    width: 300px;
    height: 310px;
    background-image: url(../svg/line-white-left.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    bottom: 250px;
}

/* TEXT */

.text.defensivos-quimicos-regulamentacao{
    margin-bottom: 100px;
}
.text.defensivos-quimicos-regulamentacao .container{
    background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(243,243,243,0.49625787815126055) 100%);
    border-radius: 30px;
}
.text.defensivos-quimicos-regulamentacao .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.defensivos-quimicos-regulamentacao .container .content{
    padding: 80px;
}
.text.defensivos-quimicos-regulamentacao-collapse{
    margin-bottom: 100px;
}

/* TEXT - TRÊS INSTÂNCIAS REGULADORAS  */

.text.tres-instancias-reguladoras{
    width: 100%;
    background-color: #f2f6f6;
    box-shadow: 0 0 40px -20px #1f505a;
    margin: 100px 0;
}
.text.tres-instancias-reguladoras .content{
    padding: 80px;
}
.text.tres-instancias-reguladoras .content .title{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.text.tres-instancias-reguladoras .content .content{
    display: flex;
    padding: 0;
}
.text.tres-instancias-reguladoras .content .content ul{
    width: 45%;
}
.text.tres-instancias-reguladoras .content .content ul li{
    font-family: 'Intro Book';
    font-size: 20px;
    margin-bottom: 50px;
}
.text.tres-instancias-reguladoras .content .content ul li::before{
    min-width: 6px;
    min-height: 6px;
    width: 6px;
    height: 6px;
    margin-right: 15px;
    margin-bottom: 4px;
}
.text.tres-instancias-reguladoras .content .content ul li:nth-child(1):before {
    background-color: #ffb0c2;
}
.text.tres-instancias-reguladoras .content .content ul li:nth-child(2):before {
    background-color: #98dbf1;
}
.text.tres-instancias-reguladoras .content .content ul li:nth-child(3):before {
    background-color: #93d141;
}
.text.tres-instancias-reguladoras .content .content ul li:last-child{
    margin-bottom: 0;
}
.text.tres-instancias-reguladoras .content .content .image{
    width: 55%;
    padding: 0 90px;
}

/* TEXT - TESTES E DESCRIÇÃO  */

.text.testes-descricao{
    margin-bottom: 100px;
}
.text.testes-descricao .content{
    padding: 0 80px;
}
.text.testes-descricao .content .title{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 50px;
}

/* TEXT - IBAMA  */

.text.ibama{
    margin-bottom: 100px;
}
.text.ibama .container > .content{
    padding: 0 80px;
}
.text.ibama .container {
    background-color: #eef9fd;
    box-shadow: 0 0 40px -20px #1f505a;
    border-radius: 30px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.text.ibama .content .content{
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.text.ibama .content .title{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.text.ibama .content ul{
    width: 55%;
}
.text.ibama .content ul li{
    font-family: 'Intro Book';
    font-size: 20px;
    margin-bottom: 50px;
}
.text.ibama .content ul li:last-of-type{
    margin-bottom: 0;
}
.text.ibama .content .image{
    width: 45%;
}
.text.ibama .content .image img{
    padding: 0 50px;
}
.text.ibama .content .view-more {
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 40px -20px #1f505a;
    border-radius: 10px;
    text-align: center;
    padding: 15px;
}
.text.ibama .content .view-more a{
    font-family: 'Intro Bold';
    color: #1f505a;
}
.text.ibama .content .view-more a:hover{
    color: #93d141;
}

/* TEXT ANVISA */

.text.anvisa .container > .content{
    padding: 0 80px;
}
.text.anvisa .container > .content .image{
    margin: 50px 0;
    text-align: center;
}
.text.anvisa .container > .content .image img{
    padding: 30px;
}

/* TIMELINE */

.timeline-defensivos-agricolas{
    margin-top: 50px;
}
.timeline-defensivos-agricolas .title {
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.timeline-defensivos-agricolas .title h3{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    padding-right: 30px;
    margin-right: 25px;
}
.timeline-defensivos-agricolas .title h3::after{
    content: '';
    width: 5px;
    height: 100%;
    background-color: #025446;
    position: absolute;
    right: 0;
    top: -2px;
}
.timeline-defensivos-agricolas .title h4{
    font-family: 'Intro Book';
    font-size: 20px;
    color: #025446;
    text-transform: uppercase;
    margin-bottom: 0;
}
.timeline-defensivos-agricolas .image{
    padding: 0 80px;
}

/* COLLAPSE - USO DE DEFENSIVOS */

.collapse-items.uso-defensivos .item > div .card .text .view-more{
    width: fit-content;
    background-color: #93d141;
    border-radius: 20px;
    padding: 10px 25px;
}
.collapse-items.uso-defensivos .item > div .card .text .view-more a{
    font-family: 'Intro Black Caps';
    text-transform: uppercase;
    color: #FFF;
}
.collapse-items.uso-defensivos .item > div .card .text .view-more a:hover{
    text-decoration: underline;
}

/* COLLAPSE - PRODUTOS REGISTRADOS */

.collapse-items.produtos-registrados .item > div .card .graph .legend p{
    width: fit-content;
    font-family: 'Intro Bold';
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 10px;
    margin-bottom: 5px;
}
.collapse-items.produtos-registrados .item > div .card .graph .legend p.cyan{
    background-color: #6ce5e8;
    color: #025446;
}
.collapse-items.produtos-registrados .item > div .card .graph .legend p.orange{
    background-color: #f0a14d;
    color: #025446;
}
.collapse-items.produtos-registrados .item > div .card .graph .legend p.green{
    background-color: #025446;
    color: #FFF;
}
.collapse-items.produtos-registrados .item > div .card .graph .fonte{
    width: fit-content;
    background-color: #025446;
    padding: 10px 30px 9px;
    border-radius: 12px;
}
.collapse-items.produtos-registrados .item > div .card .graph .fonte p{
    font-family: 'Intro Book';
    font-size: 14px;
    color: #FFF;
    margin-bottom: 0;
}
.collapse-items.produtos-registrados .item > div .card .graph .fonte p strong{
    font-family: 'Intro Black';
}

.collapse-items.produtos-registrados .item > div .card .graph.background{
    background-color: #FFF;
    box-shadow: 0 0 40px -20px #1f505a;
    border-radius: 30px;
    padding: 40px;
}
.collapse-items.produtos-registrados .item > div .card .attention{
    background-color: #98dbf1;
    padding: 25px 50px;
    border-radius: 30px;
}
.collapse-items.produtos-registrados .item > div .card .attention .title{
    display: flex;
    align-items: center;
}
.collapse-items.produtos-registrados .item > div .card .attention .title img{
    width: 60px;
    height: 60px;
    margin-right: 20px;
    object-fit: contain;
}
.collapse-items.produtos-registrados .item > div .card .attention .title h3{
    font-family: 'Intro Black';
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 0;
}

.collapse-items.produtos-registrados .item > div .card .columns{
    width: 100%;
    background-color: #025446;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-grow: wrap;
}
.collapse-items.produtos-registrados .item > div .card .columns > div{
    width: 50%;
    padding: 30px;
}
.collapse-items.produtos-registrados .item > div .card .columns p,
.collapse-items.produtos-registrados .item > div .card .columns li{
    color: #FFF;
    font-size: 16px;
}
.collapse-items.produtos-registrados .item > div .card .columns h3{
    color: #98dbf1;
    font-family: 'Intro Black';
    font-size: 18px;
    margin-bottom: 20px;
}
.collapse-items.produtos-registrados .item > div .card .columns li::before{
    min-width: 6px;
    min-height: 6px;
    width: 6px;
    height: 6px;
    background-color: #98dbf1;
}

/* COLLAPSE - DESENVOLVIMENTO DOS DEFENSIVOS QUÍMICOS */

.collapse-items.desenvolvimento-defensivos-quimicos .item > div .card .columns{
    width: 100%;
    display: flex;
    flex-grow: wrap;
}
.collapse-items.desenvolvimento-defensivos-quimicos .item > div .card .columns > div{
    width: 50%;
    padding: 30px;
}
.collapse-items.desenvolvimento-defensivos-quimicos .item > div .card .columns .featured{
    background-color: #f0a14d;
    border-radius: 0 100px 0 100px;
}
.collapse-items.desenvolvimento-defensivos-quimicos .item > div .card .columns .featured p {
    font-family: 'Intro Black Caps';
    text-transform: uppercase;
    font-size: 18px;
    padding: 20px 50px;
    color: #fff;
}

.collapse-items.desenvolvimento-defensivos-quimicos .item > div .card .graph .image{
    max-width: 1000px;
    margin: auto;
    text-align: center;
    padding: 0 30px;
}

/* --- END DEFENSIVOS QUÍMICOS - REGULAMENTAÇÃO --- */


/* --- GERMOPLASMA --- */

/* BANNER */

.banner.germoplasma{
    background-image: url(../jpg/germoplasma-banner.jpg);
    margin-bottom: -40vh;
}
.banner.germoplasma::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -120px;
    bottom: 180px;
}
.banner.germoplasma .content{
    padding-left: 0;
}
.banner.germoplasma .content .title h1{
    max-width: 500px;
}

/* TEXT */

.text.germoplasma .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 0;
    z-index: -1;
}
.text.germoplasma .container .content{
    padding: 50px 0;
}
.text.germoplasma .container .content .feature{
    width: 80%;
    margin: 40px auto;
    border-radius: 50px 0;
    padding: 30px 50px;
    background: linear-gradient(90deg, rgba(157,213,82,0.5) 0%, rgba(157,213,82,1) 50%, rgba(157,213,82,0.5) 100%);
    text-align: center;
}
.text.germoplasma .container .content .feature p, 
.text.germoplasma .container .content .feature span{
    font-family: 'Intro Black';
}
.text.germoplasma .container .content .feature span{
    color: #FFF;
}

/* PLANTAS E CEREAIS */

.text.plantas-cereais .container .content{
    display: flex;
    flex-wrap: wrap;
    justify-content: baseline;
}
.text.plantas-cereais .container .content .item{
    margin-bottom: 30px;
}
.text.plantas-cereais .container .content .item .title {
    display: flex;
    align-items: center;
    position: relative;
    bottom: -20px;
    left: 15px;
}
.text.plantas-cereais .container .content .item .title img{
    width: 74px;
    height: 74px;
    object-fit: contain;
    margin-right: 15px;
}
.text.plantas-cereais .container .content .item .title h3{
    font-family: 'Intro Black';
    font-size: 24px;
    text-transform: uppercase;
}
.text.plantas-cereais .container .content .item .info{
    padding: 40px;
    border-radius: 70px 0;
}

/* MILHO */

.text.plantas-cereais .container .content .item.milho{
    width: 100%;
}
.text.plantas-cereais .container .content .item.milho .info{
    background-color: #fce9d6;
}

/* SORGO */

.text.plantas-cereais .container .content .item.sorgo{
    width: 55%;
    margin-right: 5%;
}
.text.plantas-cereais .container .content .item.sorgo .info{
    background-color: #ffedf1;
}

/* CANA-DE-AÇÚCAR */

.text.plantas-cereais .container .content .item.cana-de-acucar{
    width: 40%;
}
.text.plantas-cereais .container .content .item.cana-de-acucar .info{
    background-color: #e6f6fc;
}

/* FORRAGEIRA */

.text.plantas-cereais .container .content .item.forrageira{
    width: 45%;
    margin-right: 5%;
}
.text.plantas-cereais .container .content .item.forrageira .info{
    background-color: #dcf0c2;
}

/* EUCALIPTO */

.text.plantas-cereais .container .content .item.eucalipto{
    width: 50%;
}
.text.plantas-cereais .container .content .item.eucalipto .info{
    background-color: #c2d6d3;
}

/* ALGODÃO */

.text.plantas-cereais .container .content .item.algodao{
    width: 48%;
    margin-right: 5%;
}
.text.plantas-cereais .container .content .item.algodao .info{
    background-color: #fbe9d4;
}

/* HORTALIÇAS */

.text.plantas-cereais .container .content .item.hortalicas{
    width: 47%;
}
.text.plantas-cereais .container .content .item.hortalicas .info{
    background-color: #ffeaee;
}

/* COLLAPSE */

.text.germoplasma-collapse{
    margin-bottom: 100px;
}
.text.germoplasma-collapse .contextualizacao .image{
    width: 90%;
    text-align: center;
    margin: 30px auto;
}
.text.germoplasma-collapse .contextualizacao .image.sementes{
    width: 80%;
}
.text.germoplasma-collapse .collapse-items.contextualizacao .item > div .card .graph {
    box-shadow: 0px 0px 50px -30px #3f8bac;
}

.text.germoplasma-collapse .collapse-items .item > div .card .view-more {
    color: #1487ac;
    text-decoration: underline;
}
.text.germoplasma-collapse .collapse-items .item > div .card .view-more:hover{
    color: #025446;
    text-decoration: underline;
}

/* --- END GERMOPLASMA --- */

/* --- GERMOPLASMA - REGULAMENTAÇÃO --- */

/* BANNER */

.banner.germoplasma-regulamentacao{
    background-image: url(../jpg/germoplasma-regulamentacao-banner.jpg);
    margin-bottom: -40vh;
}
.banner.germoplasma-regulamentacao::before {
    content: '';
    width: 300px;
    height: 310px;
    background-image: url(../svg/line-white-left.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    bottom: 250px;
}

/* TEXT */

.text.germoplasma-regulamentacao-collapse{
    margin-bottom: 100px;
}
.text.germoplasma-regulamentacao .container{
    background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(243,243,243,0.49625787815126055) 100%);
    border-radius: 30px;
}
.text.germoplasma-regulamentacao .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.germoplasma-regulamentacao .container .content{
    padding: 80px;
}

.text.sistema-nacional{
    width: 100%;
    background-color: #f2f6f6;
    box-shadow: 0 0 40px -20px #1f505a;
    margin: 100px 0;
}
.text.sistema-nacional .content{
    padding: 80px;
}
.text.sistema-nacional .content .title{
    text-align: center;
}
.text.sistema-nacional .content .title h3{
    font-family: 'Intro Bold';
    font-size: 30px;
    color: #025446;
    margin-bottom: 50px;
    text-transform: none;
}
.text.sistema-nacional .content .content{
    width: 100%;
    padding: 0;
}

/* SEMENTES E GRÃOS */

.semente-grao .content .image{
    width: 70%;
    margin: 80px auto;
}
.semente-grao .content .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.semente-grao .content .title h3{
    font-family: 'Intro Black';
    font-size: 30px;
    color: #025446;
    margin-top: 80px;
    text-transform: none;
}

/* TIMELINE */

.timeline.germoplasma-regulamentacao{
    margin-top: 50px;
}
.timeline.germoplasma-regulamentacao .image{
    padding: 0 80px;
}
.timeline.germoplasma-regulamentacao .image img{
    object-fit: contain;
}

/* TABLE */

.text.germoplasma-regulamentacao-collapse .table {
    background-color: #FFF;
    padding: 40px;
    border-radius: 80px 0;
}
.text.germoplasma-regulamentacao-collapse .semente-grao .table {
    box-shadow: 0px 0px 40px -10px rgb(30 96 85 / 40%);
    border-radius: 0 50px;
}
.text.germoplasma-regulamentacao-collapse .table .line {
    border-bottom: 1px solid #2b6f64;
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.text.germoplasma-regulamentacao-collapse .table .line:last-child{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.text.germoplasma-regulamentacao-collapse .table .line .title{
    width: 35%;
    margin-right: 5%;
    display: flex;
    align-items: center;
}
.text.germoplasma-regulamentacao-collapse .table .line .title h4{
    font-family: 'Intro Black';
    font-size: 24px;
    color: #f0a14d;
    padding: 0;
}
.text.germoplasma-regulamentacao-collapse .table .line .info{
    width: 60%;
}
.text.germoplasma-regulamentacao-collapse .semente-grao .table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.text.germoplasma-regulamentacao-collapse .table .square {
    width: 47%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}
.text.germoplasma-regulamentacao-collapse .table .square .title h4{
    font-family: 'Intro Black Caps';
    font-size: 20px;
}
.text.germoplasma-regulamentacao-collapse .table .square .title.pink h4{
    color: #ffb0c2;
}
.text.germoplasma-regulamentacao-collapse .table .square .title.orange h4{
    color: #f0a14d;
}
.text.germoplasma-regulamentacao-collapse .table .square .title.blue h4{
    color: #98dbf1;
}
.text.germoplasma-regulamentacao-collapse .table .square .title.green h4{
    color: #93d141;
}

/* FLOWCHART */

.text.germoplasma-regulamentacao-collapse .flowchart .image{
    background-color: #f6cb9d;
    padding: 40px;
    border-radius: 30px;
}
.text.germoplasma-regulamentacao-collapse .flowchart .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* --- END GERMOPLASMA - REGULAMENTAÇÃO --- */


/* --- BIOTECNOLOGIA --- */

/* BANNER */

.banner.biotecnologia{
    background-image: url(../jpg/biotecnologia-banner.jpg);
    margin-bottom: -40vh;
}
.banner.biotecnologia::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -120px;
    bottom: 180px;
}
.banner.biotecnologia .content{
    padding-left: 0;
}
.banner.biotecnologia .content .title h1{
    max-width: 500px;
}

/* TEXT */

.text.biotecnologia .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 0;
    z-index: -1;
}
.text.biotecnologia .container .content{
    padding: 50px 0;
}
.text.biotecnologia .container .content .feature{
    width: 80%;
    margin: 40px auto;
    border-radius: 0 50px;
    padding: 30px 50px;
    background: linear-gradient(90deg, rgba(240,161,77,0.7) 0%, rgba(240,161,77,1) 50%, rgba(240,161,77,0.7) 100%);
    text-align: center;
}
.text.biotecnologia .container .content .feature p, 
.text.biotecnologia .container .content .feature span{
    font-family: 'Intro Black';
    color: #FFF;
}

/* ALIMENTOS */

.alimentos .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    text-align: center;
}
.alimentos .content-alimentos .line{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
}
.alimentos .content-alimentos .line:last-child{
    margin-bottom: 0;
}
.alimentos .content-alimentos .line .alimento {
    width: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 25px;
    text-align: center;
}
.alimentos .content-alimentos .line .alimento img{
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin-bottom: 20px;
}
.alimentos .content-alimentos .line .alimento p{
    font-family: 'Intro Black Caps';
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 0;
}

/* COLLAPSE */

.text.biotecnologia-collapse{
    margin-bottom: 100px;
}
.text.biotecnologia-collapse .collapse-items.linha-do-tempo .item > div .card .title{
    margin: 80px 0 60px;
}
.text.biotecnologia-collapse .collapse-items.linha-do-tempo .item > div .card .title h3,
.text.biotecnologia-collapse .collapse-items.contextualizacao .item > div .card .title h3,
.text.biotecnologia-collapse .collapse-items.biotecnologia-bt .item > div .card .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
    text-align: center;
}

.text.biotecnologia-collapse .collapse-items.linha-do-tempo .item > div .card .legend p{
    width: fit-content;
    font-size: 14px;
    background-color: #93d141;
    border-radius: 20px;
    padding: 10px 20px;
    margin-bottom: 0;
}

.text.biotecnologia-collapse .collapse-items.contextualizacao .item > div .card .title{
    max-width: 80%;
    margin: 40px auto 60px;
}
.text.biotecnologia-collapse .collapse-items.contextualizacao .item > div .card ul{
    padding-left: 30px;
    margin: 30px 0;
}
.text.biotecnologia-collapse .collapse-items.contextualizacao .item > div .card ul li{
    font-family: 'Intro Bold';
}
.text.biotecnologia-collapse .collapse-items.contextualizacao .item > div .card .graph {
    background-color: #FFF;
    border-radius: 40px;
    box-shadow: 0px 0px 50px -30px #2c83ac;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

.text.biotecnologia-collapse .collapse-items.biotecnologia-bt .item > div .card .graph {
    background-color: #FFF;
    border-radius: 40px;
    box-shadow: 0px 0px 50px -30px #ac2c77;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.text.biotecnologia-collapse .collapse-items.biotecnologia-bt .item > div .card .title{
    max-width: 60%;
    margin: 40px auto 60px;
}

.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table {
    background-color: #FFF;
    border-radius: 50px 0;
    box-shadow: 0px 0px 50px -30px #194363;
    padding: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line:last-child{
    margin-bottom: 0;
}
.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line .image {
    width: 10%;
    margin-right: 5%;
    text-align: center;
}
.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line .text{
    width: 85%;
}
.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line .text strong{
    font-family: 'Intro Black';
    text-transform: uppercase;
}
.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line .text.green strong{
    color: #93d141;
}
.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line .text.blue strong{
    color: #7fc2d8;
}
.text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line .text.orange strong{
    color: #f0a14d;
}

/* --- END BIOTECNOLOGIA --- */

/* --- BIOTECNOLOGIA - REGULAMENTAÇÃO --- */

/* BANNER */

.banner.biotecnologia-regulamentacao{
    background-image: url(../jpg/biotecnologia-regulamentacao-banner.jpg);
    margin-bottom: -40vh;
}
.banner.biotecnologia-regulamentacao::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -120px;
    bottom: 180px;
}

/* TEXT */

.text.biotecnologia-regulamentacao-collapse{
    margin-bottom: 100px;
}
.text.biotecnologia-regulamentacao .container{
    background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(243,243,243,0.49625787815126055) 100%);
    border-radius: 30px;
}
.text.biotecnologia-regulamentacao .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.biotecnologia-regulamentacao .container .content{
    padding: 80px;
}

.text.tabela-ctnbio .container .content .image{
    max-width: 85%;
    margin: 80px auto;
}

/* COLLAPSE */

.text.biotecnologia-regulamentacao-collapse{
    margin-bottom: 100px;
}
.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card ul{
    padding-left: 30px;
    margin: 30px 0;
}

.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card .avaliacoes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card .avaliacoes .title{
    width: 100%;
    margin: 60px auto;
    background-color: transparent;
}
.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card .avaliacoes .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
    text-align: center;
}
.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card .avaliacoes .item{
    width: 45%;
}
.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card .avaliacoes .item > div{
    display: flex;
    align-items: center;
    background-color: #93d141;
    justify-content: center;
    border-radius: 0 30px;
    padding: 10px;
}
.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card .avaliacoes .item > div img{
    width: 60px;
    height: 60px;
    margin-right: 20px;
    object-fit: contain;
}
.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card .avaliacoes .item > div h4{
    font-family: 'Intro Black';
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}

.text.biotecnologia-regulamentacao-collapse .collapse-items.desenvolvimento-pesquisa .item > div .card .graph,
.text.biotecnologia-regulamentacao-collapse .collapse-items.produtos-aprovados .item > div .card .graph{
    background-color: #FFF;
    padding: 50px;
    border-radius: 40px;
}

.text.biotecnologia-regulamentacao-collapse .collapse-items.produtos-aprovados .item > div .card .graph .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
}

/* --- END BIOTECNOLOGIA - REGULAMENTAÇÃO --- */


/* --- BIOINSUMOS --- */

/* BANNER */

.banner.bioinsumos{
    background-image: url(../jpg/bioinsumos-banner.jpg);
    margin-bottom: -40vh;
}
.banner.bioinsumos::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -120px;
    bottom: 180px;
}
.banner.bioinsumos .content{
    padding-left: 0;
}
.banner.bioinsumos .content .title h1{
    max-width: 500px;
}

/* TEXT */

.text.bioinsumos .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 0;
    z-index: -1;
}
.text.bioinsumos .container .content{
    padding: 50px 0;
}

/* COLLAPSE */

.text.bioinsumos-collapse{
    margin-bottom: 100px;
}
.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .tabela-consumo{
    max-width: 80%;
    margin: 50px auto;
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #194363;
    border-radius: 20px;
    padding: 40px;
}
.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.no-background{
    background-color: transparent;
    box-shadow: none;
}
.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph{
    box-shadow: 0px 0px 50px -30px #194363;
}

.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .info{
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .info img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.area-tratada .image{
    max-width: 60%;
    margin: auto;
}
.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.area-tratada .image img{
    margin-left: -60px;
}

.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.principais-alvos{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.principais-alvos .title{
    width: 25%;
    margin-right: 5%;
}
.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.principais-alvos .image{
    width: 70%;
}
.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.principais-alvos .title h3 {
    text-align: left;
    font-size: 24px;
}

.text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .content .graph .legend p {
    width: fit-content;
    font-size: 14px;
    background-color: #9ccfde;
    border-radius: 20px;
    padding: 10px 20px;
    margin-bottom: 0;
}

/* --- END BIOINSUMOS --- */


/* --- BIOINSUMOS - REGULAMENTAÇÃO --- */

/* BANNER */

.banner.bioinsumos-regulamentacao{
    background-image: url(../jpg/bioinsumos-regulamentacao-banner.jpg);
    margin-bottom: -40vh;
}
.banner.bioinsumos-regulamentacao::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -120px;
    bottom: 180px;
}

/* TEXT */

.text.bioinsumos-regulamentacao-collapse{
    margin-bottom: 100px;
}
.text.bioinsumos-regulamentacao .container{
    background: linear-gradient(0deg, rgba(243,243,243,1) 0%, rgba(243,243,243,0.49625787815126055) 100%);
    border-radius: 30px;
}
.text.bioinsumos-regulamentacao .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.bioinsumos-regulamentacao .container .content{
    padding: 80px;
}
.text.bioinsumos-regulamentacao .container .content a{
    display: block;
    color: #93d141;
}
.text.bioinsumos-regulamentacao .container .content a:hover{
    color: #025446;
}

/* COLLAPSE */

.text.bioinsumos-regulamentacao-collapse{
    margin-bottom: 100px;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.desenvolvimento-bioinsumos .item > div .card .text h4{
    font-family: 'Intro Bold';
    font-size: 20px;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.desenvolvimento-bioinsumos .item > div .card .text ul li::before{
    display: none;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.desenvolvimento-bioinsumos .item > div .card .text ul li span{
    font-family: 'Intro Bold';
    color: #93d141;
    font-size: 22px;
}

.text.bioinsumos-regulamentacao-collapse .collapse-items.classificacao-bioinsumos .item > div .card .image{
    width: 85%;
    margin: 40px auto;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.classificacao-bioinsumos .item > div .card .graph{
    background-color: #e9f6e9;
    padding: 30px;
    border-radius: 30px;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.classificacao-bioinsumos .item > div .card .graph .title{
    margin: 30px 0 0;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.classificacao-bioinsumos .item > div .card .graph .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
    text-align: center;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.classificacao-bioinsumos .item > div .card .feature{
    width: 90%;
    margin: auto;
    background-color: #7bb8cc;
    border-radius: 80px 0;
    padding: 50px;
    text-align: center;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.classificacao-bioinsumos .item > div .card .feature p{
    color: #FFF;
}

.text.bioinsumos-regulamentacao-collapse .collapse-items.produtos-registrados .item > div .card .graph .image{
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #f1a75b;
    padding: 50px;
    border-radius: 30px;
    margin-bottom: 35px;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.produtos-registrados .item > div .card .graph .legend{
    width: fit-content;
    background-color: #f0a14d;
    border-radius: 15px;
    padding: 10px;
    margin-left: auto;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.produtos-registrados .item > div .card .graph .legend p{
    margin-bottom: 0;
    font-family: 'Intro Book';
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.produtos-registrados .item > div .card .graph .legend strong{
    font-family: 'Intro Bold';
}

.text.bioinsumos-regulamentacao-collapse .collapse-items.producao-on-form .item > div .card ul{
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #d85b77;
    padding: 50px;
    border-radius: 30px;
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.producao-on-form .item > div .card ul li{
    font-family: 'Intro Bold'; 
}
.text.bioinsumos-regulamentacao-collapse .collapse-items.producao-on-form .item > div .card ul li::before{
    background-color: #ffb0c2;
    min-width: 6px;
    min-height: 6px;
    width: 6px;
    height: 6px;
    margin-bottom: 4px;
}

/* --- END BIOINSUMOS - REGULAMENTAÇÃO --- */


/* --- PROPRIEDADE INTELECTUAL --- */

/* BANNER */

.banner.propriedade-intelectual{
    background-image: url(../jpg/propriedade-intelectual-banner.jpg);
    margin-bottom: -40vh;
}
.banner.propriedade-intelectual::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -170px;
    bottom: 180px;
    opacity: .7;
}
.banner.propriedade-intelectual .content .title{
    max-width: 500px;
}

/* TEXT */

.text.propriedade-intelectual .container{
    background: linear-gradient(0deg, rgba(230,232,232,0) 0%, rgba(230,232,232,0) 60%, rgba(230,232,232,1) 100%);
    border-radius: 30px;
}
.text.propriedade-intelectual .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.propriedade-intelectual .container .content{
    padding: 80px;
}
.text.propriedade-intelectual .container .content .title h2{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    color: #025446;
}

/* COLLAPSE */

.text.propriedade-intelectual-collapse{
    margin-bottom: 100px;
}

.text.propriedade-intelectual-collapse .collapse-items.propriedade-intelectual-campo .item > div .card .graph {
    background-color: #fafafa;
    box-shadow: 0px 0px 50px -30px #2699d2;
    padding: 50px;
    border-radius: 30px;
    margin: auto;
}
.text.propriedade-intelectual-collapse .collapse-items.propriedade-intelectual-campo .item > div .card .graph h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
    text-align: center;
}
.text.propriedade-intelectual-collapse .collapse-items.propriedade-intelectual-campo .item > div .card .graph .image{
    padding: 50px;
}
.text.propriedade-intelectual-collapse .collapse-items.propriedade-intelectual-campo .item > div .card .graph .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.text.propriedade-intelectual-collapse .collapse-items.patentes-cultivares .item > div .card .feature .text {
    background-color: #fafafa;
    padding: 20px 30px;
    border-radius: 30px;
    margin: auto;
}
.text.propriedade-intelectual-collapse .collapse-items.patentes-cultivares .item > div .card ul{
    padding-left: 30px;
}
.text.propriedade-intelectual-collapse .collapse-items.patentes-cultivares .item > div .card ul li{
    font-family: 'Intro Bold'; 
}
.text.propriedade-intelectual-collapse .collapse-items.patentes-cultivares .item > div .card ul li::before{
    min-width: 6px;
    min-height: 6px;
    width: 6px;
    height: 6px;
    background-color: #f0a14d;
}
.text.propriedade-intelectual-collapse .collapse-items.patentes-cultivares .item > div .card .graph {
    background-color: #fafafa;
    box-shadow: 0px 0px 50px -30px #f0a14d;
    padding: 50px;
    border-radius: 30px;
    margin: auto;
}
.text.propriedade-intelectual-collapse .collapse-items.patentes-cultivares .item > div .card .graph .image img{
    padding: 0;
}
.text.propriedade-intelectual-collapse .collapse-items.patentes-cultivares .item > div .card .image{
    text-align: center;
}
.text.propriedade-intelectual-collapse .collapse-items.patentes-cultivares .item > div .card .image img{
    padding: 0 100px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* --- END PROPRIEDADE INTELECTUAL --- */

/* --- SUSTENTABILIDADE --- */

/* BANNER */

.banner.sustentabilidade{
    background-image: url(../jpg/sustentabilidade-banner.jpg);
    margin-bottom: -40vh;
}
.banner.sustentabilidade::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -170px;
    bottom: 180px;
}

/* TEXT */

.text.sustentabilidade-collapse{
    margin-bottom: 100px;
}

.text.sustentabilidade .container{
    background: linear-gradient(0deg, rgba(230,232,232,0) 0%, rgba(230,232,232,0) 60%, rgba(230,232,232,1) 100%);
    border-radius: 30px;
}
.text.sustentabilidade .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.sustentabilidade .container .content{
    padding: 80px;
}
.text.sustentabilidade .container .content .feature{
    background-color: #e8f0ee;
    padding: 50px;
    border-radius: 80px 0;
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.text.sustentabilidade .container .content .feature .image{
    width: 100px;
    margin-right: 20px;
}
.text.sustentabilidade .container .content .feature .info{
    width: 85%;
    margin-left: auto;
}
.text.sustentabilidade .container .content .feature .info p{
    font-family: 'Intro Bold'; 
}

/* COLLAPSE */

.text.sustentabilidade-collapse .collapse-items.pilares .item > div .card .graph{
    width: 80%;
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #64a74a;
    padding: 50px;
    border-radius: 30px;
    margin: auto;
}
.text.sustentabilidade-collapse .collapse-items.pilares .item > div .card .graph .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
    text-align: center;
}

.text.sustentabilidade-collapse .collapse-items.agenda .item > div .card .graph{
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #2699d2;
    padding: 50px;
    border-radius: 30px;
    margin: auto;
}
.text.sustentabilidade-collapse .collapse-items.agenda .item > div .card .graph .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
    text-align: center;
}

.text.sustentabilidade-collapse .collapse-items.clima .item > div .card .clima{
    display: flex;
    align-items: center;
}
.text.sustentabilidade-collapse .collapse-items.clima .item > div .card .clima .image{
    width: 45%;
    margin-right: 5%;
}
.text.sustentabilidade-collapse .collapse-items.clima .item > div .card .clima .text{
    width: 50%;
}

.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items{
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #e96f8a;
    padding: 30px;
    border-radius: 30px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item{
    padding: 40px;
}
.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item.one,
.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item.two{
    width: 50%;
}
.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item.three{
    width: 55%;
}
.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item.four{
    width: 45%;
}
.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item.five{
    width: 100%;
}
.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item h3{
    font-family: 'Intro Black Caps';
    font-size: 18px;
    color: #025446;
    display: flex;
    align-items: center;
}
.text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item h3 span{
    font-size: 60px;
    line-height: normal;
    color: #ffb0c2;
    font-family: 'Intro Black Caps';
    margin-right: 15px;
}

/* --- END SUSTENTABILIDADE --- */


/* --- BOAS PRÁTICAS --- */

/* BANNER */

.banner.boas-praticas{
    background-image: url(../jpg/boas-praticas-banner.jpg);
    margin-bottom: -40vh;
}
.banner.boas-praticas::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -170px;
    bottom: 180px;
}

/* TEXT */

.text.boas-praticas .container{
    background: linear-gradient(0deg, rgba(230,232,232,0) 0%, rgba(230,232,232,0) 60%, rgba(230,232,232,1) 100%);
    border-radius: 30px;
}
.text.boas-praticas .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.boas-praticas .container .content{
    padding: 80px;
}

/* FEATURE */

.text.boas-praticas .feature{
    background-color: #025446;
    border-radius: 10px;
    box-shadow: 0px 0px 50px -30px #025446;
    text-align: center;
    padding: 40px;
}
.text.boas-praticas .feature p{
    color: #FFF;
}

/* COLUMNS */

.text.boas-praticas .columns .column {
    padding: 0 30px;
}
.text.boas-praticas .columns .column > div {
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #025446;
    text-align: center;
    border-radius: 220px 220px 10px 10px;
}
.text.boas-praticas .columns .column > div p{
    padding: 30px;
}

/* CONCEITO */

.text.conceito{
    background-color: #fafdfd;
    box-shadow: inset 0 0 10px rgb(70 151 137 / 20%);
    padding: 80px 0;
}
.text.conceito::before {
    content: '';
    width: 252px;
    height: 422px;
    background-image: url(../png/object-type-two-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 2%;
    top: 2%;
    z-index: -1;
}
.text.conceito::after {
    content: '';
    width: 339px;
    height: 426px;
    background-image: url(../png/object-type-two-right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 2%;
    bottom: 3%;
    z-index: -1;
}
.text.conceito .content {
    padding: 0 80px 80px 80px;
}
.text.conceito .content .title h2{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    color: #025446;
    text-align: center;
}

/* COLLAPSE */

.text.boas-praticas-collapse{
    margin-bottom: 100px;
}

.text.boas-praticas-collapse .collapse-items.principais-beneficiados .item > div .card .graph{
    background-color: #fafafa;
    box-shadow: 0px 0px 50px -30px #2699d2;
    padding: 50px;
    border-radius: 30px;
    margin: auto;
}
.text.boas-praticas-collapse .collapse-items.principais-beneficiados .item > div .card .graph .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
    text-align: center;
}

/* OBJETIVOS */

.text.boas-praticas-collapse .collapse-items.objetivos .item > div .card .objetivos .item{
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #ffb0c2;
    border-radius: 30px;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.text.boas-praticas-collapse .collapse-items.objetivos .item > div .card .objetivos .item:last-child{
    margin-bottom: 0;
}
.text.boas-praticas-collapse .collapse-items.objetivos .item > div .card .objetivos .item .image{
    width: 14%;
    margin-right: 4%;
}
.text.boas-praticas-collapse .collapse-items.objetivos .item > div .card .objetivos .item .info{
    width: 82%;
}
.text.boas-praticas-collapse .collapse-items.objetivos .item > div .card .objetivos .item .info p{
    font-size: 20px;
}

.text.boas-praticas-collapse .collapse-items.programas-iniciativas .item > div .card ul li{
    margin-bottom: 30px;
}
.text.boas-praticas-collapse .collapse-items.programas-iniciativas .item > div .card ul li::after{
    margin-bottom: 0;
}
.text.boas-praticas-collapse .collapse-items.programas-iniciativas .item > div .card ul li::before{
    margin-bottom: 3px;
}
.text.boas-praticas-collapse .collapse-items.programas-iniciativas .item > div .card ul li h4{
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
}
.text.boas-praticas-collapse .collapse-items.programas-iniciativas .item > div .card ul li h4,
.text.boas-praticas-collapse .collapse-items.programas-iniciativas .item > div .card ul li strong{
    font-family: 'Intro Bold';
}
.text.boas-praticas-collapse .collapse-items.programas-iniciativas .item > div .card ul li a{
    margin-left: 5px;
    font-family: 'Intro Black';
    color: #f0a14d;
}
.text.boas-praticas-collapse .collapse-items.programas-iniciativas .item > div .card ul li a:hover{
    color: #ae6415;
}

/* --- END BOAS PRÁTICAS --- */


/* --- FOTOGRAFIA DO SETOR --- */

/* BANNER */

.banner.fotografia-setor{
    background-image: url(../jpg/fotografia-setor-banner-2.jpg);
    margin-bottom: -40vh;
}
.banner.fotografia-setor::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -170px;
    bottom: 180px;
}
.banner.fotografia-setor .content .title{
    max-width: 500px;
}

/* TEXT */

.text.fotografia-setor::after{
    content: '';
    width: 115px;
    height: 346px;
    background-image: url(../png/object-type-one-left-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 130px;
    left: 20px;
}
.text.fotografia-setor::before{
    content: '';
    width: 115px;
    height: 347px;
    background-image: url(../png/object-type-one-right-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 160px;
    right: 20px;
}
.text.fotografia-setor .container{
    background: linear-gradient(0deg, rgba(230,232,232,0) 0%, rgba(230,232,232,0) 60%, rgba(230,232,232,.7) 100%);
    border-radius: 30px;
}
.text.fotografia-setor .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.fotografia-setor .container .content{
    padding: 80px;
}
.text.fotografia-setor .container .content .title h2{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    color: #025446;
}

.text.fotografia-setor .container .content .text h4{
    font-family: 'Intro Bold';
    font-size: 26px;
    color: #025446;
}
.text.fotografia-setor .container .content .text h4 strong{
    font-family: 'Intro Black';
    font-size: 30px;
    color: #93d141;
    text-transform: uppercase;
}

.text.fotografia-setor .container .content .graph {
    margin: 50px 0;
}
.text.fotografia-setor .container .content .graph.exportacoes{
    max-width: 65%;
    margin: auto;
}
.text.fotografia-setor .container .content .graph .title{
    max-width: 600px;
    text-align: center;
    margin: auto;
}
.text.fotografia-setor .container .content .graph .title h3{
    font-family: 'Intro Black Caps';
    font-size: 24px;
    color: #025446;
}
.text.fotografia-setor .container .content .graph .title span{
    font-family: 'Intro Book';
    font-size: 18px;
}

.text.fotografia-setor .container .content .legend{
    width: fit-content;
    background-color: #c0f2ff;
    border-radius: 10px;
    padding: 10px 20px;
    margin: auto;
    text-align: center;
}

/* COLLAPSE */

.text.fotografia-setor-collapse{
    margin-bottom: 100px;
}
.text.fotografia-setor-collapse .title{
    padding: 0 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.text.fotografia-setor-collapse .title h2{
    font-family: 'Intro Black Caps';
    font-size: 30px;
    color: #025446;
}
.text.fotografia-setor-collapse .title img{
    max-width: 340px;
}
.text.fotografia-setor-collapse .collapse-items.numeros-producao .item > div .card .graph .image{
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #f0a14d;
    padding: 50px;
    border-radius: 30px;
    margin: auto;
}
.text.fotografia-setor-collapse .collapse-items.numeros-producao .item > div .card .graph .legend p{
    font-size: 18px;
}

.text.fotografia-setor-collapse .collapse-items.importacoes .item > div .card .graph{
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #599dbe;
    padding: 50px;
    border-radius: 30px;
    margin: auto;
}
.text.fotografia-setor-collapse .collapse-items.importacoes .item > div .card .graph .image{
    text-align: center;
}
.text.fotografia-setor-collapse .collapse-items.importacoes .item > div .card .graph .image:nth-child(1){
    padding: 0 200px;
}

.text.fotografia-setor-collapse .collapse-items.area-plantada .item > div .card .graph{
    background-color: #FFF;
    box-shadow: 0px 0px 50px -30px #e8879d;
    padding: 50px;
    border-radius: 30px;
    margin: auto;
}

/* --- END FOTOGRAFIA DO SETOR --- */


/* --- A REALIDADE NO CAMPO --- */

/* BANNER */

.banner.realidade-campo{
    background-image: url(../jpg/realidade-campo-banner.jpg);
    margin-bottom: -40vh;
}
.banner.realidade-campo::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -170px;
    bottom: 180px;
}
.banner.realidade-campo .content .title{
    max-width: 500px;
}

/* TEXT */

.text.realidade-campo .container{
    background: linear-gradient(0deg, rgba(230,232,232,0) 0%, rgba(230,232,232,0) 60%, rgba(230,232,232,.7) 100%);
    border-radius: 30px;
}
.text.realidade-campo .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}
.text.realidade-campo .container .content{
    padding: 80px;
}

/* TABS */

.tabs.realidade-campo::after{
    content: '';
    width: 115px;
    height: 346px;
    background-image: url(../png/object-type-one-left-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 100px);
    left: 20px;
}
.tabs.realidade-campo::before{
    content: '';
    width: 115px;
    height: 347px;
    background-image: url(../png/object-type-one-right-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 50px);
    right: 20px;
}

.tabs.realidade-campo .nav-pills {
    border-radius: 30px;
}
.tabs.realidade-campo .nav-pills .nav-link {
    border-radius: 30px;
}
.tabs.realidade-campo .nav-pills .nav-link.active{
    box-shadow: 0px 0px 40px -15px #4799c2;
}

.tab-realidade-campo .title{
    width: 100%;
    margin: 50px 0;
}
.tab-realidade-campo .line{
    margin-bottom: 20px;
}
.tab-realidade-campo .line .info{
    border-radius: 0 70px;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.tab-realidade-campo .line .info,
.tab-realidade-campo .line .image{
    height: 100%;
}
.tab-realidade-campo .line .info.dark-green{
    background-color: #025446;
}
.tab-realidade-campo .line .info.light-green{
    background-color: #e2f3cc;
}
.tab-realidade-campo .line .info.light-blue{
    background-color: #e3f5fb;
}
.tab-realidade-campo .line .info.light-orange{
    background-color: #fbe6cf;
}
.tab-realidade-campo .line .info.light-red{
    background-color: #ffeaee;
}

.tab-realidade-campo .line .info h3{
    font-family: 'Intro Black';
    text-transform: uppercase;
}
.tab-realidade-campo .line .info p{
    font-family: 'Intro Book';
    font-size: 20px;
}
.tab-realidade-campo .line .info.dark-green h3{
    color: #93d141;
}
.tab-realidade-campo .line .info h3.blue{
    color: #98dbf1;
}
.tab-realidade-campo .line .info h3.orange{
    color: #f0a14d;
}
.tab-realidade-campo .line .info h3.pink{
    color: #ffb0c2;
}
.tab-realidade-campo .line .info.dark-green p{
    color: #FFF;
}
.tab-realidade-campo .line .image{
    border-radius: 70px;
    overflow: hidden;
}
.tab-realidade-campo .line .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tab-realidade-campo .line.more .info{
    position: relative;
    justify-content: flex-start;
    padding-top: 50px;
}
.tab-realidade-campo .line.more .info::after{
    content: '';
    width: 520px;
    height: 280px;
    background-image: url(../svg/line-white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -220px;
    bottom: -110px;
}
.tab-realidade-campo .line.more .info h3{
    max-width: 75%;
    font-family: 'Intro Black Caps';
    font-size: 34px;
    color: #025446;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
.tab-realidade-campo .line .info .view-more {
    width: 42px;
    height: 42px;
    background-image: url(../svg/btn-plus-green2.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin-left: auto;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 1;
}
.tab-realidade-campo .line .info .view-more:hover{
    background-image: url(../svg/btn-plus-dark-green.svg);
}
.tab-realidade-campo.biotecnologia .line .info .view-more {
    background-image: url(../svg/btn-plus-light-blue.svg);
}
.tab-realidade-campo.biotecnologia .line .info .view-more:hover {
    background-image: url(../svg/btn-plus-dark-blue.svg);
}
.tab-realidade-campo.quimicos .line .info .view-more {
    background-image: url(../svg/btn-plus-orange.svg);
}
.tab-realidade-campo.quimicos .line .info .view-more:hover {
    background-image: url(../svg/btn-plus-dark-orange.svg);
}
.tab-realidade-campo.bioinsumos .line .info .view-more {
    background-image: url(../svg/btn-plus-light-red.svg);
}
.tab-realidade-campo.bioinsumos .line .info .view-more:hover {
    background-image: url(../svg/btn-plus-pink.svg);
}


/* --- END A REALIDADE NO CAMPO --- */


/* --- MIDIA --- */

/* BANNER */

.banner.midia{
    background-image: url(../jpg/midia-banner.jpg);
    margin-bottom: -40vh;
}
.banner.midia::before {
    content: '';
    width: 730px;
    height: 390px;
    background-image: url(../png/line-gradient.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -170px;
    bottom: 180px;
}

/* NEWS */

.feature-news{
    overflow-x: hidden;
}
.feature-news::after{
    content: '';
    width: 115px;
    height: 346px;
    background-image: url(../png/object-type-one-left-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 210px);
    left: 20px;
}
.feature-news::before{
    content: '';
    width: 115px;
    height: 347px;
    background-image: url(../png/object-type-one-right-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 180px);
    right: 20px;
}
.feature-news .container{
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%);
    border-radius: 30px;
}
.feature-news .container::after{
    content: '';
    width: 100%;
    max-width: 520px;
    height: 18px;
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -12px;
    margin-left: 80px;
    z-index: -1;
}

.feature-news .container > .content {
    display: flex;
    padding: 50px;
}
.feature-news .primary{
    width: 55%;
    margin-right: 5%;
}
.feature-news .secondary{
    width: 40%;
}
.feature-news .new {
    box-shadow: 0px 0px 50px -30px #4cb8db;
    border-radius: 60px 60px 10px 10px;
    background-color: #FFF;
    overflow: hidden;
}
.feature-news .secondary .new{
    margin-bottom: 35px;
}
.feature-news .primary .new figure {
    height: 542px;
    overflow: hidden;
}
.feature-news .secondary .new figure {
    height: 170px;
    overflow: hidden;
}
.feature-news .new figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feature-news .new .content{
    display: flex;
    flex-direction: column;
    padding: 15px 35px;
}
.feature-news .new .content h3{
    font-family: 'Intro Black';
    font-size: 22px;
    color: #025446;
}
.feature-news .new .content p{
    font-family: 'Intro Book';
    font-size: 14px;
}
.feature-news .secondary .new .content h3{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
}
.feature-news .new .content h3,
.feature-news .new .content p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.feature-news .new .action{
    padding: 0px 30px 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.feature-news .new .action a{
    font-family: 'Intro Bold';
    font-size: 14px;
    color: #025446;
    position: relative;
    padding: 0 35px 0 0;
    border: 0;
}
.feature-news .new .action a:active,
.feature-news .new .action a:focus{
    border: 0;
    box-shadow: none;
    outline: 0;
}
.feature-news .new .action a:hover::before {
    background-image: url(../svg/btn-plus-green.svg);
}
.feature-news .new .action a::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../svg/btn-plus-light-blue.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

/* PREVIOUS NEWS */

.previous-news {
    background-color: #eef6f8;
    box-shadow: inset 0 0 10px rgb(70 151 137 / 20%);
    padding: 100px 0;
}

.previous-news .title{
    margin-bottom: 50px;
}
.previous-news .title h2{
    font-family: 'Intro Book';
    font-size: 30px;
    color: #1f413a;
    text-transform: uppercase;
}
.previous-news .title h2 strong{
    font-family: 'Intro Black';
}

.previous-news .list-previous-news{
    margin-bottom: 100px;
}
.previous-news .list-previous-news article{
    background-color: #FFF;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}
.previous-news .list-previous-news article .thumb{
    width: 20%;
    margin-right: 5%;
    height: 172px;
}
.previous-news .list-previous-news article .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.previous-news .list-previous-news article .content{
    width: 75%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.previous-news .list-previous-news article .content .text{
    width: 75%;
    margin-right: 5%;
}
.previous-news .list-previous-news article .content .text p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.previous-news .list-previous-news article .content .action{
    width: 20%;
}
.previous-news .list-previous-news article .content .action a{
    font-family: 'Intro Bold';
    font-size: 16px;
    color: #025446;
    position: relative;
    padding-right: 40px;
    border: 0;
}
.previous-news .list-previous-news article .content .action a:active,
.previous-news .list-previous-news article .content .action a:focus{
    border: 0;
    box-shadow: none;
    outline: 0;
}
.previous-news .list-previous-news article .content .action a:hover::before {
    background-image: url(../svg/btn-plus-green.svg);
}
.previous-news .list-previous-news article .content .action a::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../svg/btn-plus-light-blue.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.previous-news .actions{
    text-align: center;
}
.previous-news .actions a{
    width: fit-content;
    font-family: 'Intro Bold';
    font-size: 16px;
    color: #025446;
    text-transform: uppercase;
    background-color: #ffb0c2;
    border-radius: 30px 0;
    padding: 20px 60px;
}
.previous-news .actions a:hover{
    background-color: #e598a9;
}

/* PRESS OFFICE */

.press-office .row > div {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.press-office .title h2{
    font-family: 'Intro Book';
    font-size: 30px;
    color: #1f413a;
}
.press-office .title h2 strong{
    font-family: 'Intro Black';
}
.press-office .image{
    width: 350px;
    margin-left: 25px;
}
.press-office .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.press-office .info .subtitle h3{
    font-family: 'Intro Black Caps';
    font-size: 20px;
    color: #93d141;
}
.press-office .info .contact a{
    font-family: 'Intro Book';
    font-size: 18px;
    color: #025446;
}
.press-office .info .contact a:hover{
    color: #93d141;
}

/* --- END MIDIA --- */


/* --- MODAL --- */

.modal-backdrop {
    z-index: 9999;
}
.modal.custom-modal{
    z-index: 99999;
}
.modal.custom-modal .modal-content {
    padding: 30px;
    border-radius: 40px;
    border: 0;
    box-shadow: none;
}
.modal.custom-modal .modal-content .modal-header{
    position: absolute;
    right: 20px;
    top: 20px;
    border: 0;
    z-index: 9;
}
.modal.custom-modal.comite .modal-content .modal-body h2{ 
    font-family: 'Intro Black Caps';
    font-size: 26px;
    color: #025446;
    margin-bottom: 15px;
}
.modal.custom-modal.comite .modal-content .modal-body p{
    font-family: 'Intro Book';
    font-size: 16px;
    color: #025446;
}
.modal.custom-modal.comite .modal-content .modal-body p a{
    color: #025446;
    text-decoration: underline;
}
.modal.custom-modal.comite .modal-content .modal-body p a:hover{
    color: #96d24b;
    text-decoration: underline;
}
.modal.custom-modal .modal-content .modal-body p:last-child{
    margin-bottom: 0;
}
.modal.custom-modal .modal-content .modal-body strong{
    font-family: 'Intro Bold';
}

/* --- END MODAL --- */


/* --- FOOTER --- */

footer{
    z-index: 1;
    position: relative;
}

.content-footer{
    background-color: #32574a;
    padding: 55px 0 45px;
    position: relative;
}
.content-footer::before{
    content: '';
    background-image: url(../svg/colors-footers-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 18px;
    position: absolute;
    top: -12px;
    z-index: -1;
}
.content-footer .row > div{
    position: relative;
    padding: 0 60px;
}
.content-footer .row > div:nth-child(1){
    padding: 0 60px 0 20px;
}
.content-footer .row > div:nth-child(4){
    padding-right: 0;
}
.content-footer .row > div:nth-child(1)::after,
.content-footer .row > div:last-child::after{
    display: none;
}
.content-footer .row > div::after{
    content: '';
    width: 5px;
    height: 80px;
    border-radius: 10px;
    background-color: #96d24b;
    position: absolute;
    right: 0;
    top: 0;
}

/* LOGO */

.content-footer .logo-footer{
    width: 150px;
    height: auto;
    object-fit: contain;
}

/* CONTACT INFO */

.contact-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.contact-item:last-child{
    margin-bottom: 0;
}
.contact-item .icon{
    width: 8%;
    text-align: center;
}
.contact-item .icon img{
    max-width: 26px;
    max-height: 26px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.contact-item .info {
    width: 89%;
    margin-left: 3%;
}
.contact-item .info h3{
    font-family: 'Intro Bold';
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
}
.contact-item .info p,
.contact-item .info a{
    font-family: 'Intro Book';
    font-size: 14px;
    color: #FFF;
    margin-bottom: 0;
}
.contact-item .info a:hover{
    text-decoration: underline;
}

/* MENU */

.footer-menu{
    column-count: 2;
    column-gap: 50px;
    padding: 0;
}
.footer-menu li {
    margin-bottom: 15px;
}
.footer-menu li:last-child {
    margin-bottom: 0;
}
.footer-menu li a{
    font-family: 'Intro Book';
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF;
}
.footer-menu li a:hover{
    color: #96d24b;
}

/* SOCIAL */

.social-menu{
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.social-menu li{
    margin-right: 12px;
}
.social-menu li:last-child{
    margin-right: 0;
}
.social-menu li .social{
    width: 34px;
    height: 34px;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.social-menu li .social.facebook{
    background-image: url(../svg/social-facebook.svg);
}
.social-menu li .social:hover.facebook{
    background-image: url(../svg/social-facebook-green.svg);
}
.social-menu li .social.instagram{
    background-image: url(../svg/social-instagram.svg);
}
.social-menu li .social:hover.instagram{
    background-image: url(../svg/social-instagram-green.svg);
}
.social-menu li .social.twitter{
    background-image: url(../svg/social-twitter.svg);
}
.social-menu li .social:hover.twitter{
    background-image: url(../svg/social-twitter-green.svg);
}
.social-menu li .social.linkedin{
    background-image: url(../svg/social-linkedin.svg);
}
.social-menu li .social:hover.linkedin{
    background-image: url(../svg/social-linkedin-green.svg);
}

/* COPY */

.copy{
    width: 100%;
    background-color: #e0e5d7;
    padding: 23px 0 20px;
}

/* --- END FOOTER --- */

/* RESPONSIVE */

@media (max-width: 1600px) {

    /* --- CONTAINER --- */

    .container-fluid{
        width: 98%;
    }

    /* --- END CONTAINER --- */

    /* --- MENU --- */

    .navbar li {
        margin-right: 15px;
    }
    
    /* --- END MENU --- */

    /* --- BANNER --- */

    /* BANNER - EQUIPE */

    .banner.equipe::before {
        width: 160px;
        height: 300px;
        left: -50px;
        bottom: 290px;
    }

    /* BANNER - ASSOCIADOS */

    .banner.associados::before {
        width: 160px;
        height: 300px;
        left: -50px;
        bottom: 290px;
    }

    /* BANNER - CROPLIFE PELO MUNDO */

    .banner.croplife-pelo-mundo::before {
        width: 270px;
        height: 230px;
        left: -70px;
        bottom: 390px;
    }

    /* BANNER - DEFENSIVOS QUÍMICOS - REGULAMENTACAÇãO */

    .banner.defensivos-quimicos-regulamentacao::before {
        width: 270px;
        height: 230px;
        left: -70px;
        bottom: 390px;
    }

    /* --- END BANNER --- */

    /* --- CTAS --- */

    .ctas .cta{
        margin-right: 55px;
        padding-right: 55px;
    }

    /* --- END CTAS --- */

    /* --- ADS --- */

    .ads::before {
        width: 180px;
        height: 285px;
        left: -80px;
        bottom: calc(50% - -20px);
    }
    .ads::after {
        width: 180px;
        height: 285px;
        right: -80px;
        bottom: calc(50% - 320px);
    }

    /* --- END ADS --- */
}
@media (max-width: 1360px) {

    /* --- LOGO --- */

    .logo {
        width: 13%;
        margin-right: 3%;
    }

    /* --- END LOGO --- */

    /* --- MENU --- */

    .navbar .menu {
        padding: 12px 20px 10px;
    }
    .navbar li {
        margin-right: 25px;
    }
    .navbar .navbar-nav > .nav-item a {
        font-size: 12px;
        padding: 8px 0 !important;
    }
    .navbar .navbar-nav > .nav-item > .dropdown-menu > li  a{
        padding: 0 0 10px !important;
    }
    .navbar .nav-item .dropdown-menu > li:last-child > a {
        padding: 0 !important;
    }
    .navbar li.dropdown > a::after {
        width: 9px;
        height: 9px;
        right: -15px;
        top: 9px;
    }
    .navbar .submenu.dropdown-menu li:first-child{
        margin-top: 8px !important;
    }
    .navbar .menu-contact-us {
        margin-left: 15px !important;
    }

    /* --- END MENU --- */

    /* --- SEARCH --- */

    .search {
        margin-left: 15px !important;
    }

    /* --- END SEARCH --- */

    /* --- BANNER --- */

    .banner.germoplasma::before,
    .banner.biotecnologia::before,
    .banner.defensivos-quimicos::before,
    .banner.sustentabilidade::before,
    .banner.bioinsumos::before,
    .banner.propriedade-intelectual::before,
    .banner.biotecnologia-regulamentacao::before,
    .banner.bioinsumos-regulamentacao::before {
        right: -380px;
    }

    /* --- END BANNER --- */
    
    /* --- TEXT --- */

    /* QUEM SOMOS & CROPLIFE PELO MUNDO */

    .text.quem-somos::after,
    .text.fotografia-setor::after,
    .text.croplife-pelo-mundo::after,
    .tabs.realidade-campo::after {
        width: 85px;
        height: 240px;
        left: 5px;
    }
    .text.quem-somos::before,
    .text.fotografia-setor::before,
    .text.croplife-pelo-mundo::before,
    .tabs.realidade-campo::before {
        content: '';
        width: 85px;
        height: 315px;
        right: 10px;
    }
    
    /* --- END TEXT --- */

    /* --- NEWS --- */

    .news .content-news .new.center > div {
        border-radius: 100px 100px 20px 20px;
    }

    /* --- END NEWS --- */

    /* --- CTAS --- */

    .ctas .cta {
        margin-right: 35px;
        padding-right: 35px;
    }
    .ctas .cta a {
        justify-content: center;
    }
    .ctas .cta a img {
        width: 62px;
        height: 62px;
    }

    /* --- END CTAS --- */

    /* --- CROPLIFE PELO MUNDO --- */

    /* MAP */

    .map::before,
    .map::after{
        width: 155px;
        height: 260px;
    }

    /* --- END CROPLIFE PELO MUNDO --- */

    /* --- DEFENSIVOS QUÍMICOS - REGULAMENTAÇÃO --- */

    /* TEXT - TRÊS INSTÂNCIAS REGULADORAS  */

    .text.tres-instancias-reguladoras .content .content ul{
        width: 50%;
    }
    .text.tres-instancias-reguladoras .content .content .image{
        width: 50%;
        padding: 0 40px;
    }

    /* --- END DEFENSIVOS QUÍMICOS - REGULAMENTAÇÃO --- */

    /* --- BIOTECNOLOGIA --- */

    /* ALIMENTOS */

    .alimentos .content-alimentos .line .alimento {
        width: 130px;
    }

    /* COLLAPSE */

    .text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line .image {
        width: 20%;
        margin-right: 5%;
    }
    .text.biotecnologia-collapse .collapse-items.edicao-genica .item > div .card .table .line .text{
        width: 75%;
    }

    /* --- END BIOTECNOLOGIA --- */

    /* --- BIOINSUMOS --- */

    .text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.principais-alvos .title{
        width: 30%;
        margin-right: 5%;
    }
    .text.bioinsumos-collapse .collapse-items.contextualizacao .item > div .card .graph.principais-alvos .image{
        width: 65%;
    }

    /* --- END BIOINSUMOS --- */

    /* --- MIDIA --- */

    /* NEWS */

    .feature-news::after{
        left: -40px;
    }
    .feature-news::before{
        right: -40px;
    }

    /* --- END MIDIA --- */


    /* --- A REALIDADE NO CAMPO --- */

    /* TABS */

    .tab-realidade-campo .line .info p {
        font-size: 18px;
    }
    .tab-realidade-campo .line.more .info h3{
        font-size: 26px;
    }

    /* --- END A REALIDADE NO CAMPO --- */

    /* --- FOOTER --- */

    .content-footer .row > div {
        padding: 0 25px;
    }
    .content-footer .row > div:nth-child(1){
        padding: 0 10px 0 24px;
    }

    /* CONTACT INFO */

    .contact-item:first-child{
        margin-top: 4px;
    }
    .contact-item .icon {
        width: 15%;
        text-align: center;
    }
    .contact-item .icon img {
        max-width: 24px;
        max-height: 24px;
    }
    .contact-item .info {
        width: 80%;
        margin-left: 5%;
    }
    .contact-item .info h3 {
        font-size: 14px;
    }

    /* MENU */

    .footer-menu li {
        margin-bottom: 10px;
        line-height: normal;
    }
    .footer-menu li a {
        font-size: 12px;;
    }

    /* SOCIAL */

    .social-menu li .social {
        width: 30px;
        height: 30px;
    }
    
    /* --- END FOOTER --- */
}
@media (max-width: 1200px) {

    /* --- LOGO --- */

    .logo {
        width: 12%;
        margin-right: 2%;
    }

    /* --- END LOGO --- */

    /* --- MENU --- */

    .navbar .container-fluid{
        width: 99%;
    }

    .navbar .navbar-nav.menu-contact-us li a {
        padding: 20px 20px 18px !important;
    }
    .navbar li {
        margin-right: 13px;
    }
    .navbar li a {
        font-size: 11px;
    }

    /* --- END MENU --- */

    /* --- BANNER --- */

    /* BANNER - HOME */

    .banner.home > .container::before{
        left: -70px;
    }
    .banner.internal .content .title h1 {
        font-size: 60px;
    }

    /* --- END BANNER --- */

    /* --- MENU --- */

    .navbar .navbar-nav > .nav-item a {
        font-size: 11px;
    }

    /* --- END MENU --- */

    /* --- TABS --- */

    .tabs .nav-pills .nav-link{
        padding: 15px 20px;
        font-size: 14px;
    }
    .tabs .nav-pills .nav-link img {
        width: 50px;
        height: 50px;
    }

    /* --- END TABS --- */

    /* --- CTAS --- */

    .ctas > div > div {
        padding: 20px;
    }
    .ctas .cta{
        width: 40%;
        margin: 20px 0;
        margin-right: 45px;
        padding-right: 85px;
        
    }
    .ctas .cta:nth-child(2) {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    } 

    /* CTAS BANNER */

    .ctas-banner .container > div {
        width: fit-content;
        max-width: 1060px;
        margin: auto;
        background: linear-gradient(0deg, rgba(241, 255, 218, 0.8) 50%, rgba(241, 255, 218, 0.2) 100%);
        padding: 30px 50px;
        border-radius: 30px;
    }

    /* --- END CTAS --- */

    /* --- NEWS --- */

    .news::before {
        width: 190px;
        height: 320px;
        left: 1%;
        top: 0px;
    }
    .news::after {
        width: 250px;
        height: 320px;
        right: 1%;
        bottom: 1%;
    }
    .news .content-news {
        max-width: 95%;
    }
    .news .content-news .new.center > div {
        border-radius: 80px 80px 20px 20px;
    }
    .news .content-news .new.left > div {
        border-radius: 130px 0 20px 20px;
    }
    .news .content-news .new.right > div {
        border-radius: 0 130px 20px 20px;
    }

    /* --- END NEWS --- */

    /* --- ADS --- */

    .ads::before {
        left: -90px;
        bottom: calc(50% - 40px);
    }
    .ads::after {
        bottom: calc(50% - 260px);
    }

    /* --- END ADS --- */

    /* --- CROPLIFE PELO MUNDO --- */

    /* TIMELINE */

    .timeline .content .timeline .line.year-1988 .info {
        margin-top: -55px;
    }
    .timeline .content .timeline .line.year-2007 .info {
        margin-top: -60px;
    }
    .timeline .content .timeline .line .info p{
        font-size: 16px;
        margin-bottom: 0;
    }

    /* --- END CROPLIFE PELO MUNDO --- */

    /* --- SUSTENTABILIDADE --- */

    .text.sustentabilidade-collapse .collapse-items.inovacoes-tecnologicas .item > div .card .items .item{
        padding: 20px;
    }

    /* --- END SUSTENTABILIDADE --- */

    /* --- BOAS PRÁTICAS --- */

    /* CONCEITO */

    .text.conceito .content {
        padding: 0 80px;
    }
    .text.conceito::before {
        width: 190px;
        height: 320px;
        left: 1%;
        top: 1%;
    }
    .text.conceito::after {
        width: 250px;
        height: 320px;
        right: 1%;
        bottom: 1%;
    }

    /* --- END BOAS PRÁTICAS --- */

}
@media (max-width: 992px) {

    /* --- HEADER --- */

    .header{
        background: linear-gradient(0deg, rgba(108, 175, 129, 0.75) 0%, rgba(31, 62, 40, 0.9) 100%);
    }
    .header .navbar-toggler {
        border: 0;
        padding: 0;
        box-shadow: none;
    }
    .header .navbar-toggler .navbar-toggler-icon{
        background-image: url(../svg/menu-icon.svg);
    }

    /* MENU */

    .navbar-collapse {
        width: 100%;
        padding: 0 20px 30px;
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 9;
        background: linear-gradient(180deg, rgba(108, 175, 129, 0.75) 0%, rgba(31, 62, 40, 0.9) 100%);
        display: flex;
        flex-wrap: wrap;
    }
    .navbar .navbar-nav > .nav-item a {
        font-size: 14px;
    }
    .navbar .navbar-nav > .nav-item > .dropdown-menu .dropdown-menu li:first-child {
        padding-top: 14px;
    }
    .navbar .navbar-nav > .nav-item > .dropdown-menu .dropdown-menu li a {
        padding: 0px 0 10px !important;
    }
    .navbar li {
        margin-bottom: 10px;
    }
    .navbar li:last-of-type{
        margin-bottom: 0;
    }
    .navbar li.dropdown {
        padding-right: 0;
        margin-right: 0;
    }
    .navbar li.dropdown > a::after {
        width: 15px;
        height: 15px;
        right: 0px;
        top: 4px;
    }
    .navbar .nav-item > .dropdown-menu {
        height: 100%;
        position: relative;
        margin-bottom: 25px;
    }
    .navbar .nav-item > .dropdown-menu::before {
        height: calc(100% + 18px);
        top: 5px;
    }
    .navbar .nav-item > .dropdown-menu > li {
        top: 15px;
    }
    .navbar .submenu.dropdown-menu::before{
        width: 100%;
        height: calc(100% + 2px);
        border-radius: 8px;
        left: 0;
        top: -2px;
    }
    .navbar .submenu.dropdown-menu li {
        padding-left: 15px;
    }
    .navbar .dropdown-menu .submenu {
        display: none;
        position: relative;
        left: 0;
        top: 0;
    }
    .navbar .dropdown-menu > li:hover > .submenu {
        display: initial;
    }
    .navbar-menu-link a span {
        position: absolute;
        width: 40px;
        height: 100%;
        top: -3px;
        right: -10px;
        z-index: 10;
    }
    .navbar .menu {
        width: 100%;
        padding: 25px;
        border-radius: 20px;
        margin-bottom: 20px;
    }
    .navbar .menu-contact-us {
        width: 82%;
        margin-left: 0 !important;
    }
    .navbar .navbar-nav.menu-contact-us li a{
        text-align: center;
    }
    .search {
        width: 15%;
        margin-left: 3% !important;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        padding-right: 10px;
    }

    /* LOGO */

    .logo {
        width: 50%;
        margin-right: 0;
    }

    /* --- END HEADER --- */

    /* --- BANNER --- */

    .banner {
        height: auto;
        padding: 140px 0;
    }
    .banner.home .content .image{
        display: none;
    }

    /* --- END BANNER --- */

    /* --- CTA --- */

    .ctas-banner {
        margin-top: 100px;
    }
    .ctas-banner .container > div {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
    }
    .ctas-banner .container > div .cta {
        width: auto;
        border-bottom: 2px solid rgb(2 84 70 / 20%);
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }
    .ctas-banner .container > div .cta:last-child{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .ctas .cta {
        width: 100%;
        margin: 20px 30px !important;
        padding-right: 0;
        border-right: 0;
        padding-bottom: 20px;
        border-bottom: 2px solid #a6b5b0;
    }
    .ctas .cta:last-child{
        border-bottom: 0;
        padding-bottom: 0;
    }

    /* --- END CTA --- */

    /* --- NEWS --- */

    .news::before {
        width: 140px;
        height: 220px;
        left: 2%;
        top: -10px;
    }
    .news::after {
        width: 140px;
        height: 220px;
        right: 4%;
        bottom: 0%;
    }
    .news .content-news .new{
        margin-bottom: 40px;
    }
    .news .content-news .new.center{
        order: 1;
    }
    .news .content-news .new.left{
        order: 2;
    }
    .news .content-news .new.right{
        order: 3;
    }
    .news .content-news .new.left, .news .content-news .new.right {
        transform: scale(1);
    }
    .news .actions {
        margin: 40px auto 0;
    }

    /* --- END NEWS --- */

    /* --- SOCIAL --- */

    .social-media .container-social {
        flex-wrap: wrap;
    }
    .social-media .container-social .social{
        max-width: 90%;
        margin: 0 auto 30px;
        padding: 20px;
    }
    .social-media .container-social .social .content {
        max-width: 100%;
        margin: 0 !important;
        padding: 15px 20px 50px;
        border-radius: 30px;
    }
    .social-media .container-social .social.right #eapps-instagram-feed-1 {
        width: 100%;
        max-width: 100%;
    }
    .social-media .container-social .social,
    .social-media .container-social .social.left::before,
    .social-media .container-social .social.right::before{
        width: 100%;
    }
    .social-media .container-social .social.left::before {
        left: 0;
    }
    .social-media .container-social .social.right::before {
        right: 0;
    }
    
    /* --- END SOCIAL --- */

    /* --- ADS --- */

    .ads {
        padding: 20px 0 60px;
    }
    .ads::before {
        left: -20px;
        bottom: calc(50% - 70px);
    }
    .ads .ad {
        margin-bottom: 0 !important;
    }

    /* --- END ADS --- */

    /* --- TEXT --- */

    .text .container::after {
        width: 100%;
        max-width: 270px;
        margin-left: 20px;
    }
    .text .container .content {
        padding: 30px 30px 0;
    }

    /* --- END TEXT --- */

    /* --- FOOTER --- */

    .content-footer .row > div {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .content-footer .row > div:last-child{
        margin-bottom: 0;
    }
    .content-footer .row > div::after {
        width: 80px;
        height: 5px;
        right: initial;
        top: initial;
        bottom: 0px;
    }

    /* SOCIAL */

    .social-menu {
        justify-content: left;
    }

    /* CONTACT INFO */

    .contact-item .icon {
        width: 26px;
        text-align: center;
    }
    .contact-item .info {
        width: 85%;
        margin-left: 3%;
    }

    /* --- END FOOTER --- */
}
@media (max-width: 767px) {
}
@media (max-width: 600px) {
}
@media (max-width: 470px) {
}
@media (max-width: 330px){
}