.section-journalists {
     margin-bottom: 40px;
}

 .j-wrapper {
     display: flex;
}

 .ico--eye {
     height: 25px;
     width: 25px;
     background-image: url(../images/resources/section-journalists/eye-icon.png);
}

 .ico--click {
     height: 25px;
     width: 25px;
     background-image: url(../images/resources/section-journalists/click-icon.svg);
     background-repeat: no-repeat;
     background-size: contain;
     transform: rotate(-20deg);
     opacity: 0.5;
}

 .module-team {
     position: relative;
}

 .module-team:before {
     width: 100%;
     height: 380px;
     background-color: #EAEAEA;
     content: "";
     position: absolute;
     z-index: -1;
}

 .module-team .team .title {
     text-align: center;
     margin-bottom: 80px;
     color: #6F7073;
     font-size: 44px;
     line-height: normal;
     text-transform: uppercase;
     font-weight: bold;
     letter-spacing: 1.3px;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: flex-start;
     height: 100px;
}

 .module-team .team .title:before {
     content: "";
     position: absolute;
     width: 80px;
     height: 10px;
     background: #6F7073;
     border-radius: 50px;
     bottom: 0;
     opacity: 0.2;
}

 .module-team .team .team-cards {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
}

 .module-team .team .team-cards .j-container {
     cursor: default;
     width: 100%;
}

 .module-team .team .team-cards .j-container .j-slide {
     background-color: white;
     width: 200px;
     height: 300px;
     border-radius: 4px;
     box-shadow: inset 0px 0px 0px 1px #EDEEF4;
     position: relative;
     transition: all 0.4s ease;
}

 .module-team .team .team-cards .j-container .j-slide + .j-slide {
     margin-left: 20px;
}

 .module-team .team .team-cards .j-container .j-slide:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     box-shadow: 0px 20px 40px -20px #EAEAEA;
     top: 0px;
     z-index: -1;
     transition: all 0.4s ease;
}

 .module-team .team .team-cards .j-container .j-slide .card {
     width: 100%;
     height: 100%;
     overflow: hidden;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     position: relative;
     box-sizing: border-box;
}

 .module-team .team .team-cards .j-container .j-slide .card .bg {
     position: absolute;
     width: 100%;
     height: 80px;
     top: 0;
     border-radius: 4px 4px 0px 0px;
     transition: all 0.4s ease;
     background: #4998cb;
     z-index: 1;
}

 .module-team .team .team-cards .j-container .j-slide .card .more {
     width: 24px;
     height: 24px;
     position: absolute;
     z-index: 2;
     right: 20px;
     top: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     transform: rotate(0deg);
     transition: all 0.4s ease;
     border-radius: 100%;
     z-index: 999;
}

 .module-team .team .team-cards .j-container .j-slide .card .more:before, .module-team .team .team-cards .j-container .j-slide .card .more:after {
     width: 16px;
     height: 2px;
     background-color: white;
     content: "";
     position: absolute;
     border-radius: 4px;
     transition: all 0.4s ease;
}

 .module-team .team .team-cards .j-container .j-slide .card .more:after {
     transform: rotate(90deg);
}

 .module-team .team .team-cards .j-container .j-slide .card .more:hover {
     transform: scale(1.1);
     background-color: rgba(255, 255, 255, 0.2);
}

 .module-team .team .team-cards .j-container .j-slide .card .photo {
     width: 120px;
     height: 120px;
     border-radius: 100%;
     overflow: hidden;
     z-index: 1;
     position: absolute;
     top: 10px;
     border: 3px solid #FFFFFF;
     transition: all 0.4s ease;
     box-shadow: 0px 4px 10px rgba(111, 112, 115, 0.3);
}

 .module-team .team .team-cards .j-container .j-slide .card .photo:before, .module-team .team .team-cards .j-container .j-slide .card .photo:after {
     width: 100%;
     height: 100px;
     border-radius: 4px;
     content: "";
     position: absolute;
     transition: all 0.4s ease;
     opacity: 0;
     left: 0;
     top: 0;
}

 .module-team .team .team-cards .j-container .j-slide .card .photo:before {
     background: #403E3E;
     z-index: 1;
}

 .module-team .team .team-cards .j-container .j-slide .card .photo:after {
     background: linear-gradient(140deg, #4998cb, #2676a9);
     z-index: 2;
}

 .module-team .team .team-cards .j-container .j-slide .card .photo img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

 .module-team .team .team-cards .j-container .j-slide .card .text {
     z-index: 3;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     position: absolute;
     transform: translateY(50px);
     bottom: 118px;
     transition: all 0.3s ease;
}

 .module-team .team .team-cards .j-container .j-slide .card .text .name {
     display: block;
     font-size: 20px;
     color: #6F7073;
     font-weight: 300;
     margin-bottom: 0;
     margin-top: 10px;
}

 .module-team .team .team-cards .j-container .j-slide .card .text .desc {
     color: white;
     display: none;
     margin-top: 20px;
     font-size: 16px;
     letter-spacing: 0.6px;
     text-align: center;
     padding: 0 15px;
     font-weight: 400;
     line-height: 22px;
}

 .module-team .team .team-cards .j-container .j-slide .card .social {
     z-index: 1;
     display: flex;
     align-items: center;
     background-color: rgba(234, 234, 234, 0.5);
     box-shadow: inset 0px 11px 13px -20px #6F7073;
     width: 100%;
     position: absolute;
     bottom: 0;
     height: 50px;
     padding: 0 20px;
     box-sizing: border-box;
     border-radius: 0px 0px 4px 4px;
     transition: all 0.4s ease;
}

 .module-team .team .team-cards .j-container .j-slide .card .icon-brand {
     height: 40px;
     overflow: hidden;
     display: flex;
     align-items: center;
}

 .module-team .team .team-cards .j-container .j-slide .card .icon-brand img {
     height: 100%;
     width: auto;
     margin-bottom: 0;
}

 .module-team .team .team-cards .j-container .j-slide .card .social .icons {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
}

 .module-team .team .team-cards .j-container .j-slide .card .social .icons .icon {
     width: 25%;
     height: 24px;
     opacity: 0.3;
     transition: all 0.4s ease;
}

 .module-team .team .team-cards .j-container .j-slide .card .social .icons .icon:hover {
     opacity: 0.6;
}

 .module-team .team .team-cards .j-container .j-slide .card .social .icons .icon img {
     width: 100%;
     height: 100%;
}

 .module-team .team .team-cards .j-container .j-slide .card .social:hover .pointer {
     opacity: 1;
     bottom: 45px;
}

 .module-team .team .team-cards .j-container .j-slide:hover:before {
     box-shadow: 0px 10px 10px -10px #EAEAEA;
}

 .module-team .team .team-cards .j-container .j-slide:hover .card .photo {
     transform: translateY(-5px);
     box-shadow: 0px 6px 20px rgba(111, 112, 115, 0.3);
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card {
     overflow: hidden;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .more {
     transform: rotate(45deg) scale(1);
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .more:hover {
     transform: rotate(45deg) scale(1.1);
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .social {
     transform: translateY(55px);
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .text {
     color: white;
     transform: translateY(0px);
     transition: all 0.6s ease;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .text .name, .module-team .team .team-cards .j-container .j-slide.show-more .card .text .role {
     color: white;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .text .desc {
     display: block;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .photo {
     width: 100%;
     height: 100%;
     top: 0px;
     border: solid 0px transparent;
     border-radius: 4px;
     box-shadow: 0px 4px 10px rgba(111, 112, 115, 0);
     transform: translateY(0px);
     transition: all 0.4s ease;
     margin-top: 0;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .photo:before {
     height: 100%;
     opacity: 0.5;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .photo:after {
     height: 100%;
     opacity: 0.8;
     border-radius: 4px;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .photo img {
     filter: grayscale(100%);
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .photo:hover {
     transform: translateY(0px);
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .bg {
     width: 100%;
     height: 100%;
     border-radius: 4px;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .bg:before {
     opacity: 0.5;
}

 .module-team .team .team-cards .j-container .j-slide.show-more .card .bg:after {
     opacity: 0.8;
}

@media screen and (max-width: 1200px) {
     .section-journalists {
         margin-bottom: 20px;
    }

     .j-wrapper {
         flex-wrap: wrap;
         justify-content: center;
    }

     .module-team .team .team-cards .j-container .j-slide {
         width: calc(33.33% - 60px);
         margin: 0 10px 15px;
    }

     .module-team .team .team-cards .j-container .j-slide + .j-slide {
         margin-left: 10px;
    }

     .module-team .team .team-cards .j-container .j-slide .card .icon-brand {
         height: 35px;
    }

}

@media screen and (max-width: 768px) {
     .module-team .team .team-cards .j-container .j-slide {
         width: calc(50% - 10px);
         margin: 0 5px 10px;
         height: 285px;
    }

     .module-team .team .team-cards .j-container .j-slide + .j-slide {
         margin-left: 5px;
    }

     .module-team .team .team-cards .j-container .j-slide .card .icon-brand {
         height: 26px;
    }

}

@media screen and (max-width: 480px) {
     .module-team .team .team-cards .j-container .j-slide .card .text .name {
         font-size: 16px;
    }

}