.argonaut-section{display:flex;flex-wrap:wrap;gap:20px;flex-direction:column-reverse}
@media only screen and (min-width:1200px){.argonaut-section{align-items:center;flex-direction:row;gap:40px}
}
.argonaut-section .testimonial{display:flex;flex-direction:row;border-radius:200px;padding:0;position:relative;overflow:hidden;align-items:center;background:transparent linear-gradient(41deg,#8ed585 0,#044c24 100%) 0 0 no-repeat padding-box;width:100%;max-width:330px;margin:auto}
@media only screen and (min-width:768px) and (max-width:990px){.argonaut-section .testimonial{max-width:725px}
}
@media only screen and (min-width:991px){.argonaut-section .testimonial{max-width:725px}
}
.argonaut-section .testimonial .active-profile{display:block}
.argonaut-section .testimonial .animate-fade-in-profile{animation:fade-in .5s ease-out}
.argonaut-section .testimonial .animate-fade-in-profile button{display:none}
.argonaut-section .testimonial .animate-fade-out-profile{animation:fade-out .5s ease-out}
.argonaut-section .testimonial .animate-fade-out-profile button{display:none}
.argonaut-section .testimonial .animate-cross-line-out-profile{animation:cross-line-out .4s ease-out}
.argonaut-section .testimonial .animate-cross-line-out-profile button{display:none}
.argonaut-section .testimonial .animate-cross-line-in-profile{animation:cross-line-in .4s ease-out}
@keyframes fade-in{from{opacity:.3;transform:translateX(-200px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes cross-line-out{from{opacity:1;transform:translate(0,0)}
to{opacity:.3;transform:translate(200px,-200px)}
}
@keyframes cross-line-in{from{opacity:1;transform:translate(-200px,-200px)}
to{opacity:.3;transform:translate(0,0)}
}
@keyframes fade-out{from{opacity:1;transform:translateX(0)}
to{opacity:0;transform:translateX(-200px)}
}
.argonaut-section .testimonial .hidden-profile{display:none}
.argonaut-section .testimonial .next-profile img{opacity:.2}
.argonaut-section .testimonial .profile,.argonaut-section .testimonial .next-profile{flex:0 0 100px;height:100px;overflow:hidden;border-radius:50%;margin:0}
@media only screen and (min-width:768px) and (max-width:990px){.argonaut-section .testimonial .profile,.argonaut-section .testimonial .next-profile{flex:0 0 15rem;height:15rem;border-radius:50%;margin:0}
}
@media only screen and (min-width:991px){.argonaut-section .testimonial .profile,.argonaut-section .testimonial .next-profile{flex:0 0 16.5rem;height:16.5rem;border-radius:50%;margin:0}
}
@media only screen and (min-width:1200px){.argonaut-section .testimonial .profile,.argonaut-section .testimonial .next-profile{flex:0 0 16.5rem;height:16.5rem;border-radius:50%;margin:0}
}
.argonaut-section .testimonial .profile img,.argonaut-section .testimonial .next-profile img{width:100%;height:100%;object-fit:cover}
.argonaut-section .testimonial .next-btn{position:absolute;top:50%;color:#fff;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer;z-index:10;background:url('../../../../../content/dam/argenx-careers/icons/sliding_arrow_icon.svg') no-repeat;font-size:0;background-size:22px;background-position:center;margin-top:-12px;margin-left:-7px}
@media only screen and (min-width:768px){.argonaut-section .testimonial .next-btn{background-size:33px;width:34px;height:34px;margin-top:-17px;margin-left:-17px}
}
.argonaut-section .testimonial .prev-btn{position:absolute;top:50%;left:100px;color:#fff;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer;z-index:10;background:url('../../../../../content/dam/argenx-careers/icons/sliding_arrow_icon_left.svg') no-repeat;font-size:0;display:none;background-size:22px;background-position:center;margin-top:-12px;margin-left:-17px}
@media only screen and (min-width:768px){.argonaut-section .testimonial .prev-btn{background-size:33px;width:34px;height:34px;margin-top:-17px;margin-left:-17px}
}
@media only screen and (min-width:768px) and (max-width:990px){.argonaut-section .testimonial .prev-btn{left:15rem}
}
@media only screen and (min-width:991px){.argonaut-section .testimonial .prev-btn{left:16.5rem}
}
.argonaut-section .testimonial .profile-description{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left;color:#fff;max-width:114px;margin:1px auto;width:100%}
@media only screen and (min-width:768px){.argonaut-section .testimonial .profile-description{max-width:145px;width:100%;margin:5px auto}
}
@media only screen and (min-width:1200px){.argonaut-section .testimonial .profile-description{max-width:155px}
}
.argonaut-section .testimonial .profile-description h2{font-size:0;line-height:inherit;background:url('../../../../../content/dam/argenx-careers/icons/quotes-icon.svg');width:18px;height:18px;background-size:16px;background-position:left;background-repeat:no-repeat;margin-top:0;margin-bottom:0}
@media only screen and (min-width:768px){.argonaut-section .testimonial .profile-description h2{width:25px;height:25px;background-size:20px}
}
@media only screen and (min-width:1024px){.argonaut-section .testimonial .profile-description h2{width:25px;height:35px;background-size:100%}
}
.argonaut-section .testimonial .profile-description p{margin:0;font-size:9px;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.1}
@media only screen and (min-width:768px){.argonaut-section .testimonial .profile-description p{line-height:20px;font-size:12px;line-height:1.4}
}
.argonaut-section .recruitment{flex:1;text-align:left;z-index:2}
@keyframes slidePostOutLeft{from{opacity:1;transform:translateX(0)}
to{opacity:0;transform:translateX(-100%)}
}
@keyframes slidePostInRight{from{opacity:0;transform:translateX(100%)}
to{opacity:1;transform:translateX(0)}
}
@keyframes slidePostOutRight{from{opacity:1;transform:translateX(0)}
to{opacity:0;transform:translateX(100%)}
}
@keyframes slidePostInLeft{from{opacity:0;transform:translateX(-100%)}
to{opacity:1;transform:translateX(0)}
}
.sliding-posts{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;position:relative;@media(min-width:768px){gap:20px}
@media(min-width:1025px){padding-bottom:20px;margin-right:20px}
.post--active,.post--next{flex:1 1 50%;max-width:50%;cursor:pointer;@media(min-width:768px){width:350px}
.card__header{position:relative;img{width:100%;height:180px;object-fit:fill;@media(min-width:768px){width:100%;height:275px;object-fit:fill}
}
.media__icon{display:none}
.media__play__icon,.media__gallary__icon{display:block;position:absolute;top:2%;right:2%;width:16px;height:16px}
.media__gallary__icon{background:url('../../../../../content/dam/argenx-careers/icons/gallary_icon.svg')}
.media__play__icon{background:url('../../../../../content/dam/argenx-careers/icons/play_icon.svg')}
}
}
.next__post__btn{position:absolute;top:50%;right:-15px;@media(min-width:768px){top:50%;right:-15px}
button{background:url('../../../../../content/dam/argenx-careers/icons/sliding_arrow_icon.svg') no-repeat}
}
.prev__post__btn{position:absolute;top:50%;left:0;display:block;@media(min-width:768px){top:50%;left:0}
button{background:url('../../../../../content/dam/argenx-careers/icons/sliding_arrow_icon_left.svg') no-repeat}
}
.next__post__btn,.prev__post__btn{transform:translateY(-20px);button{color:#fff;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer;z-index:10;font-size:0;background-position:center;margin-left:-10px;@media only screen and (min-width:768px){width:34px;height:34px;margin-top:-17px;margin-left:-17px}
}
}
.card__body{display:none;padding:12px;.card__description{.caption{margin-bottom:0;font-size:14px}
.truncate-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
a{color:#57b037;font-size:14px}
}
.card__linkedin__section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;.argenx__profile{display:flex;flex-direction:column;.argenx__profile__logo{display:flex;flex-direction:row;align-items:center;.argenx{font-size:13px;font-weight:600}
.logo{margin-left:4px;background:#0095f6;width:12px;height:12px;border-radius:50%;display:flex;justify-content:center;align-items:center;.svg{background:url('../../../../../content/dam/argenx-careers/icons/check_circle.svg');width:8px;height:8px}
}
}
.post-published__date{font-size:13px;color:#111;line-height:1.4;opacity:.7}
}
.linkedin__logo{width:24px;height:24px;background:url('../../../../../content/dam/argenx-careers/icons/linkedin.svg');a{display:block;width:24px;height:24px}
}
}
.read-more{cursor:pointer;font-size:14px;color:rgba(17,17,17,0.7);font-weight:500;margin-top:4px;display:inline-block;&:hover{text-decoration:underline}
}
}
.card__footer{display:none;gap:36px;padding:12px 0;margin:0 12px;border-top:1px solid rgba(17,17,17,0.1);position:relative}
.post__likes{background:url('../../../../../content/dam/argenx-careers/icons/like_icon.svg')}
.post__likes,.post__comments{display:flex;align-items:center;width:16px;height:16px;opacity:.7;a{width:100%;height:100%}
p{display:flex;position:relative;left:20px;top:-2px;font-size:13px;line-height:20px;color:#91c453}
}
.post__comments{background:url('../../../../../content/dam/argenx-careers/icons/comment_icon.svg')}
.post__share{cursor:pointer;p{opacity:.7;position:absolute;top:8px;right:0;font-size:0;@media(min-width:768px){font-size:13px;top:5px}
&::before{position:absolute;content:"";top:5px;right:2px;width:16px;height:16px;background:url('../../../../../content/dam/argenx-careers/icons/share_icon.svg');@media(min-width:768px){right:40px}
}
}
.list-share{position:absolute;background:#fff;padding:8px 16px;bottom:30px;right:-13px;display:none;box-shadow:rgba(0,0,0,0.3) 0 4px 12px 0;border-radius:4px;@media(min-width:768px){bottom:40px}
&.active{display:block}
.link__copied,.share__facebook,.share__whatsapp,.share__telegram,.share__x,.share__email,.share__linkedin{padding:6px 0;font-size:14px;position:relative;width:150px;display:flex;align-items:center;&::after{position:absolute;content:"";right:0;width:20px;height:20px}
}
.link__copied{&::after{background:url("../../../../../content/dam/argenx-careers/icons/copy_link_icon.svg")}
}
.link__copied.copied::after{background:url("../../../../../content/dam/argenx-careers/icons/right_icon.svg") no-repeat center/contain}
.share__facebook{&::after{background:url("../../../../../content/dam/argenx-careers/icons/facebook_icon.svg")}
}
.share__whatsapp{&::after{background:url("../../../../../content/dam/argenx-careers/icons/whatsapp_icon.svg")}
}
.share__telegram{&::after{background:url("../../../../../content/dam/argenx-careers/icons/telegram_icon.svg")}
}
.share__x{&::after{background:url("../../../../../content/dam/argenx-careers/icons/x_icon.svg")}
}
.share__email{&::after{background:url("../../../../../content/dam/argenx-careers/icons/email_icon.svg")}
}
.share__linkedin{&::after{background:url("../../../../../content/dam/argenx-careers/icons/linkedin.svg")}
}
.separator{padding:8px 0;background:0;border:0;opacity:.1;&::after{content:"";display:block;border:1px solid #000;height:0}
}
}
}
.read__more__modal{display:none;&.active{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(51,51,51,0.5);z-index:9999;overflow-x:hidden;overflow-y:auto}
.modal{display:block;padding:10px;position:relative;width:100%;margin:auto}
.caption__modal{background:#fff;position:relative;top:15%;width:100%;margin:auto;padding:20px;@media(min-width:768px){width:50%;margin:auto}
.caption{margin-bottom:0;font-size:14px;a{color:#57b037;font-size:14px}
}
}
.close__modal__btn{position:absolute;top:10px;right:10px;background:url('../../../../../content/dam/argenx-careers/icons/close-icon.svg');width:15px;height:15px;background-size:15px;background-repeat:no-repeat;border:0}
}
.hidden__hash__tags{display:none}
.media-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(51,51,51);z-index:9999;overflow-x:hidden;overflow-y:auto;&.active{display:block}
.media-modal__overlay{display:block;padding:20px 10px 10px 10px;position:relative;width:100%;margin:auto}
.media-modal__content{margin:auto;width:95%;position:relative;display:flex;flex-direction:column;height:95vh;background-color:#000;@media(min-width:768px){flex-flow:row nowrap}
.video-modal__player,.image-modal,.document-modal{display:none;flex:0 auto;width:auto;height:auto;margin-top:25%;@media(min-width:768px){align-self:flex-start;margin-top:0;flex:1 1 auto;max-width:calc(100% - 320px);max-height:fit-content}
&.active{display:block}
}
.video-modal__player{@media(min-width:768px){width:100%;height:100%;object-fit:cover}
}
.image-modal{text-align:center;img{@media(min-width:992px){height:90vh}
}
}
.document-modal{position:relative;width:100%;height:100%;.images{text-align:center;width:100%;height:100%;img{width:100%;height:100%;object-fit:cover;display:none;margin:auto;@media(min-width:768px) and (max-width:992px){object-fit:contain}
}
:first-child{display:inline}
}
.previous-document__btn{left:0;.svg{background:url('../../../../../content/dam/argenx-careers/icons/left_arrow.svg')}
}
.next-document__btn,.previous-document__btn{position:absolute;top:50%;width:32px;height:32px;border-radius:50%;padding:0;border:0;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:rgba(17,17,17,0.5);fill:#ffffff;box-shadow:rgba(0,0,0,0.5) 0 4px 12px 0;transition:background-color .3s,box-shadow .3s,fill .3s;display:none;justify-content:center;align-items:center;&:hover{background-color:rgba(17,17,17,0);fill:#fff;box-shadow:rgba(0,0,0,0.3) 0 4px 12px 0}
&.active{display:flex}
.svg{width:16px;height:16px}
}
.next-document__btn{right:0;.svg{background:url('../../../../../content/dam/argenx-careers/icons/right_arrow.svg')}
}
}
.media-modal__post{background:#fff;flex:0 0 320px;max-width:none;padding-top:20px;@media(min-width:768px){overflow-y:auto}
@media(min-width:768px){display:flex;flex-direction:column;width:320px}
.post__header{position:absolute;top:0;left:0;background:white;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;padding:14px;overflow:hidden;@media(min-width:768px){position:relative;padding:0 20px 20px 20px}
.argenx-profile,.linkedin-profile{display:flex;flex-direction:row;gap:5px}
.argenx-profile{justify-content:center;align-items:center;cursor:pointer;.argenx-profile__logo{border-radius:50%;text-align:center;.svg{display:block;width:32px;background-size:32px;height:32px}
a{display:block;width:24px;height:24px}
}
.argenx-profile__name{font-size:13px;font-weight:600}
.logo{margin-left:4px;background:#0095f6;width:12px;height:12px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;.svg{background:url('../../../../../content/dam/argenx-careers/icons/check_circle.svg');width:8px;height:8px}
}
}
.linkedin-profile{display:flex;align-items:center;transform:translateX(-20px);.linkedin-profile__follow{padding:0 8px;color:#57b031;border:1px solid #57b031;border-radius:15px;font-size:11px;font-weight:700;cursor:pointer}
.linkedin-profile__logo{width:24px;height:24px;background:url('../../../../../content/dam/argenx-careers/icons/linkedin.svg');cursor:pointer;a{display:block;width:24px;height:24px}
}
}
}
.post__body{margin-top:16px;padding:0 20px 20px 20px;overflow-y:auto;@media(min-width:768px){flex:1 1 auto}
.post__caption{margin-bottom:0;font-size:14px}
a{color:#57b037;font-size:14px}
}
.post__footer{flex:0 0 auto;margin:16px 16px 0 0;padding:0 20px 20px 20px;display:flex;gap:36px;position:relative;.list-share{bottom:0}
.post__likes,.post__comments,.post__share{cursor:pointer;p{color:#111}
}
.post__share{cursor:pointer;position:relative;position:absolute;top:-8px;right:0;p{font-size:13px;&::before{top:2px;right:40px;@media(min-width:768px){top:5px}
}
}
}
}
}
.media-modal__close{position:absolute;top:5px;right:5px;background-color:#292929;color:#fff;width:28px;height:28px;font-size:18px;background-size:28px;background-repeat:no-repeat;border:0;border-radius:50%;display:flex;justify-content:center;align-items:center;.close__icon{background:url('../../../../../content/dam/argenx-careers/icons/close-icon__white.svg');width:16px;height:16px;background-size:16px}
}
}
}
.animate-slide-out-left{animation:slidePostOutLeft .8s ease forwards}
.animate-slide-in-right{animation:slidePostInRight .8s ease forwards}
.animate-slide-out-right{animation:slidePostOutRight .8s ease forwards}
.animate-slide-in-left{animation:slidePostInLeft .8s ease forwards}
}
.no-scroll-modal{overflow:hidden}