/*
Theme Name: Neolys
Theme URI: https://www.neolyspharma.ca/
Author: Neolys
Author URI: https://www.neolyspharma.ca/
Text Domain: Neolys
Version: 1.1
*/

/*@import url('https://fonts.cdnfonts.com/css/garet');*/

@font-face {
    font-family: "Garet Book";
    src:
        local("Garet Book"),
        url("./fonts/Garet-Book.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Garet Regular";
    src:
        local("Garet Regular"),
        url("./fonts/Garet-Regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Garet Medium";
    src:
        local("Garet Medium"),
        url("./fonts/GaretVariableGX-VF.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Garet Bold";
    src:
        local("Garet Bold"),
        url("./fonts/Garet-Bold.woff") format("woff");
    font-display: swap;
}

/* @font-face {
    font-family: "Garet Book";
    src: url("https://db.onlinewebfonts.com/t/5ebe3f5f5a6cdaffeafd16be0c93df0b.eot");
    src: url("https://db.onlinewebfonts.com/t/5ebe3f5f5a6cdaffeafd16be0c93df0b.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/5ebe3f5f5a6cdaffeafd16be0c93df0b.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/5ebe3f5f5a6cdaffeafd16be0c93df0b.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/5ebe3f5f5a6cdaffeafd16be0c93df0b.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/5ebe3f5f5a6cdaffeafd16be0c93df0b.svg#Garet Book")format("svg");
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: "Garet Bold";
    src: url("https://db.onlinewebfonts.com/t/1140819bff120ecc7a6eaed55f1dd6ed.eot");
    src: url("https://db.onlinewebfonts.com/t/1140819bff120ecc7a6eaed55f1dd6ed.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/1140819bff120ecc7a6eaed55f1dd6ed.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/1140819bff120ecc7a6eaed55f1dd6ed.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/1140819bff120ecc7a6eaed55f1dd6ed.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/1140819bff120ecc7a6eaed55f1dd6ed.svg#Garet W05 Bold")format("svg");
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: "Garet Regular";
    src: url("https://db.onlinewebfonts.com/t/7b2f4e99395dcee2673f41661274a830.eot");
    src: url("https://db.onlinewebfonts.com/t/7b2f4e99395dcee2673f41661274a830.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/7b2f4e99395dcee2673f41661274a830.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/7b2f4e99395dcee2673f41661274a830.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/7b2f4e99395dcee2673f41661274a830.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/7b2f4e99395dcee2673f41661274a830.svg#Garet W05 Regular")format("svg");
}

@font-face {
    font-family: "Garet Extra Bold";
    src: url("https://db.onlinewebfonts.com/t/0c1b1565e8b9ee3c19050302aedf2120.eot");
    src: url("https://db.onlinewebfonts.com/t/0c1b1565e8b9ee3c19050302aedf2120.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/0c1b1565e8b9ee3c19050302aedf2120.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/0c1b1565e8b9ee3c19050302aedf2120.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/0c1b1565e8b9ee3c19050302aedf2120.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/0c1b1565e8b9ee3c19050302aedf2120.svg#Garet W05 Extra Bold")format("svg");
} */

:root {
    --primary-color: #1A0FC8;
    --secondary-color: #02B1E6;
    --container-width: 1360px;
}

html {
    overflow-x: hidden;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Garet Book", sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}

ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

p {
    font-size: 17px;
    line-height: 32px;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

/* Button */
.neolys-button {
    width: auto;
    min-height: 50px;
    border-radius: 100px;
    padding: 0 28px;
    background-color: var(--primary-color);
    --webkit-transition: all .3s ease-in-out;
    --moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    outline: none;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.neolys-button span {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-family: "Garet Medium", sans-serif;
    --webkit-transition: all .3s ease-in-out;
    --moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.neolys-button i {
    margin: 0 0 0 16px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    --webkit-transition: all .3s ease-in-out;
    --moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.neolys-button:hover {
    background-color: var(--secondary-color);
}

.neolys-button:hover span {
    color: #fff;
}

.neolys-button:hover i {
    color: #fff;
}

/* Container */
.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: var(--container-width);
    margin: 0 auto;
}

.neolys_header {
    width: calc(100% - 100px);
    margin: 0;
    padding: 28px 50px;
    margin: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.neolys_header.fixed {
    width: calc(100% - 80px);
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 10000;
    padding: 20px 50px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}

.neolys_header .navbar {
    width: 100%;
    max-width: 1656px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navbar-menu {
    width: auto;
    display: flex;
    flex-direction: row;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.mobile-navbar-menu {
    display: none;
}

.menu-neolys-main-menu-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.menu-neolys-main-menu-container .menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.menu-neolys-main-menu-container .menu li {
    margin: 0 10px 0 0;
    display: flex;
    flex-direction: row;
}

.menu-neolys-main-menu-container .menu li:last-child {
    margin: 0;
}

.menu-neolys-main-menu-container .menu li a {
    font-size: 16px;
    line-height: 22px;
    color: var(--primary-color);
    padding: 7px 19px;
    border-radius: 100px;
    text-decoration: none;
    font-family: "Garet Medium", sans-serif;
    border: solid 1px transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.neolys_header.fixed .menu-neolys-main-menu-container .menu li a {
    color: var(--primary-color);
}

.page-template-home .menu-neolys-main-menu-container .menu li a,
.page-template-our-science .menu-neolys-main-menu-container .menu li a {
    color: #fff;
}

.menu-neolys-main-menu-container .menu li.current_page_item a,
.menu-neolys-main-menu-container .menu li a:hover {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

.neolys_header.fixed .menu-neolys-main-menu-container .menu li.current_page_item a,
.neolys_header.fixed .menu-neolys-main-menu-container .menu li a:hover {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

/* Mobile hamburger */
.navbar-toggle {
    width: 50px;
    height: 50px;
    background-color: transparent;
    position: relative;
    z-index: 10002;
    display: none;
}

.navbar-toggle button {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.navbar-toggle button svg {
    width: 80px;
    height: 80px;
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.neolys_header.open .navbar-toggle button svg {
    transform: rotate(90deg);
}

.neolys_header.fixed .navbar-toggle button svg g path,
.neolys_header .navbar-toggle button svg g path {
    stroke: var(--primary-color);
}

.page-template-home .neolys_header .navbar-toggle button svg g path,
.page-template-our-science .neolys_header .navbar-toggle button svg g path {
    stroke: #fff;
}

.page-template-home .neolys_header.fixed .navbar-toggle button svg g path,
.page-template-our-science .neolys_header.fixed .navbar-toggle button svg g path {
    stroke: var(--primary-color);
}

.neolys_header.fixed.open .navbar-toggle button svg g path {
    stroke: #fff;
}

.navbar-toggle button path {
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-toggle button path:nth-child(1) {
    transform-origin: 36% 40%;
}

.navbar-toggle button path:nth-child(2) {
    stroke-dasharray: 29 299;
}

.navbar-toggle button path:nth-child(3) {
    transform-origin: 35% 63%;
}

.navbar-toggle button path:nth-child(4) {
    stroke-dasharray: 29 299;
}

.navbar-toggle button path:nth-child(5) {
    transform-origin: 61% 52%;
}

.navbar-toggle button path:nth-child(6) {
    transform-origin: 62% 52%;
}

.neolys_header.open .navbar-toggle button path:nth-child(1) {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}

.neolys_header.open .navbar-toggle button path:nth-child(2) {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}

.neolys_header.open .navbar-toggle button path:nth-child(3) {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.neolys_header.open .navbar-toggle button path:nth-child(4) {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}

.neolys_header.open .navbar-toggle button path:nth-child(5) {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.neolys_header.open .navbar-toggle button path:nth-child(6) {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}

.splash {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 1px;
    height: 1px;
}

.splash::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background-color: var(--primary-color);
    width: 284vmax;
    height: 284vmax;
    top: -142vmax;
    right: -142vmax;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);
    will-change: transform;
    z-index: 1000;
}

.neolys_header.open .splash::after {
    transform: scale(1);
}

.navbar-lang {
    display: flex;
    flex-direction: row;
    margin: 0 0 0 40px;
    padding: 0;
    position: relative;
    z-index: 10002;
}

.navbar-lang ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navbar-lang ul li {
    margin: 0 10px 0 0;
}

.navbar-lang ul li:last-child {
    margin: 0;
}

.navbar-lang ul li a {
    color: var(--primary-color);
    text-decoration: none;
    font-family: "Garet Medium";
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.page-template-home .navbar-lang ul li a,
.page-template-our-science .navbar-lang ul li a,
.page-template-home .neolys_header.fixed.open .navbar-lang ul li a,
.page-template-our-science .neolys_header.fixed.open .navbar-lang ul li a {
    color: #fff;
}

.page-template-home .neolys_header.fixed .navbar-lang ul li a,
.page-template-our-science .neolys_header.fixed .navbar-lang ul li a {
    color: var(--primary-color);
}

.navbar-lang ul li a:hover {
    color: var(--secondary-color);
}

.page-template-home .neolys_header.fixed .navbar-lang ul li a:hover,
.page-template-our-science .neolys_header.fixed .navbar-lang ul li a:hover {
    color: var(--secondary-color);
}

.navbar-lang ul li a:before {
    content: "\f0ac";
    width: 20px;
    height: 20px;
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: var(--primary-color);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0 6px 0 0;
}

.navbar-lang ul li a:hover:before {
    color: var(--secondary-color);
}

.navbar-lang ul li a:before,
.page-template-our-science .navbar-lang ul a:before {
    color: var(--primary-color);
}

.page-template-home .navbar-lang ul li a:before,
.page-template-our-science .navbar-lang ul a:before {
    color: #fff;
}

.page-template-home .navbar-lang ul li a:hover:before,
.page-template-our-science .navbar-lang ul a:hover:before {
    color: var(--secondary-color);
}

.page-template-home .neolys_header.fixed .navbar-lang ul li a:before,
.page-template-our-science .neolys_header.fixed .navbar-lang ul li a:before {
    color: var(--primary-color);
}

.page-template-home .neolys_header.fixed .navbar-lang ul li a:hover:before,
.page-template-our-science .neolys_header.fixed .navbar-lang ul li a:hover:before {
    color: var(--secondary-color);
}

.page-template-home .neolys_header.fixed.open .navbar-lang ul li a:before,
.page-template-our-science .neolys_header.fixed.open .navbar-lang ul li a:before {
    color: #fff;
}

.navbar-logo {
    display: flex;
    flex-direction: row;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 10002;
}

.navbar-logo a {
    width: 221px;
    display: flex;
    flex-direction: row;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.neolys_header.fixed .navbar-logo a {
    width: 150px;
}

.navbar-logo a svg {
    width: 100%;
}

.navbar-logo a svg path,
.navbar-logo a svg rect {
    fill: var(--primary-color);
}

.neolys_header.fixed .navbar-logo a svg path,
.neolys_header.fixed .navbar-logo a svg rect {
    fill: var(--primary-color);
}

.neolys_header.fixed.open .navbar-logo a svg path,
.neolys_header.fixed.open .navbar-logo a svg rect {
    fill: #fff;
}

/*.navbar-logo a svg #circle path {
    animation: spin-clockwise 5s infinite linear;
}*/

.page-template-home .navbar-logo a svg path,
.page-template-home .navbar-logo a svg rect,
.page-template-our-science .navbar-logo a svg path,
.page-template-our-science .navbar-logo a svg rect {
    fill: #fff;
}

.neolys-content {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Home */
.home-banner {
    width: 100%;
    height: calc(100vh - 148px);
    min-height: 774px;
    background-color: var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 148px 0 0 0;
    position: relative;
}

.home-banner-inner {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 0;
}

.overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 1000000;
}

.overlay .layer {
    background-color: #fff;
}

.overlay .layer-1 {
    flex: 1;
}

.overlay .layer-2 {
    flex: 1;
}

.overlay .layer-3 {
    flex: 1;
}


.home-banner-inner-text {
    width: 50%;
    height: 100%;
    max-width: calc(var(--container-width) / 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 50px;
}

.home-banner-inner-text>span {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-family: "Garet Medium", sans-serif;
}

.home-banner-inner-text h1 {
    width: 100%;
    max-width: 665px;
    font-size: 80px;
    line-height: 70px;
    color: #fff;
    font-family: "Garet Bold", sans-serif;
    margin: 27px 0 0 0;
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); */
}

.home-banner-inner-text .char {
    transform: translateY(-115px);
    transition: transform .5s;
}

.home-banner-inner-text p {
    width: 100%;
    margin: 32px 0 0 0;
    color: #fff;
}

.home-banner-inner-text p.subtitle {
    font-family: "Garet Bold", sans-serif;
}

.home-banner-inner-text a {
    background-color: #fff;
    margin: 52px auto 0 0;
}

.home-banner-inner-text a span {
    color: var(--primary-color);
}

.home-banner-inner-text a i {
    color: var(--primary-color);
}

.home-banner-inner-image {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    position: relative;
}

.home-banner-inner-image img {
    width: auto;
    max-width: calc(100% - 200px);
    height: auto;
    /*max-height: calc(100% - 100px);*/
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.home-banner-inner-image.hand img {
    align-self: end;
}

/* Home mission */

.home-mission {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 0 50px;
    margin: 300px 0 0 0;
    position: relative;
}

.home-mission .background-image-decoration {
    width: calc(100% - 490px);
    max-width: var(--container-width);
    height: auto;
    position: absolute;
    top: calc(50% - 140px);
    transform: translateY(-50%);
    right: 0;
    z-index: -1;
}

.home-mission-inner {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 0;
}

.home-mission-inner-left {
    width: 526px;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.home-mission-inner-left .subtitle {
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-family: "Garet Bold", sans-serif;
}

.home-mission-inner-left .title {
    font-size: 80px;
    line-height: 70px;
    color: #000000;
    margin: 27px 0 0 0;
    font-family: "Garet Bold", sans-serif;
}

.home-mission-inner-left p {
    color: #000;
    margin: 41px 0 0 0;
    max-width: 387px;
}

.home-mission-inner-left a {
    margin: 55px auto 0 0;
}

.home-mission-inner-right {
    width: calc(100% - 526px);
    display: flex;
    flex-direction: row;
    margin: 0;
    position: relative;
    padding: 0 0 0 30px;
}

.home-mission-inner-right:before {
    content: "";
    width: 387px;
    height: 387px;
    border-radius: 50%;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.home-mission-inner-right:after {
    content: "";
    width: 109px;
    height: 109px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    position: absolute;
    bottom: 65px;
    left: 170px;
    z-index: 3;
}

.home-mission-inner-right .mission-image-1 {
    z-index: 3;
    position: absolute;
    left: 30px;
    top: 70px;
}

.home-mission-inner-right .mission-image-1 img {
    width: 248px;
    height: 248px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    box-shadow: 10px 20px 30px #0000004D;
}

.home-mission-inner-right .mission-image-2 {
    position: absolute;
    z-index: 2;
    top: 90px;
    left: 168px;
}

.home-mission-inner-right .mission-image-2 img {
    width: 526px;
    height: 526px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top 0% left 30%;
    box-shadow: 20px 20px 60px #0000004D;
}

/* Home investisors */
.home-investors {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 304px 0 0 0;
    position: relative;
}

.lenis-parallax-inner {
    width: calc(100% - 281px);
    height: 100%;
    border-radius: 0 60px 60px 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.lenis-parallax-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0 60px 60px 0;
}

.home-investors-text {
    width: 800px;
    margin: 150px 0;
    padding: 100px 140px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    right: 0;
    background: var(--primary-color);
    border-radius: 60px 0 0 60px;
}

.home-investors-text-inner {
    width: 100%;
    max-width: 417px;
    display: flex;
    flex-direction: column;
}

.home-investors-text-inner .subtitle {
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Garet Bold", sans-serif;
    margin: 0;
}

.home-investors-text-inner .title {
    font-size: 80px;
    line-height: 70px;
    color: #fff;
    margin: 27px 0 0 0;
    font-family: "Garet Bold", sans-serif;
}

.home-investors-text-inner p {
    color: #fff;
    margin: 41px 0 0 0;
    max-width: 387px;
}

.home-investors-text-inner a {
    margin: 55px auto 0 0;
    background-color: #fff;
}

.home-investors-text-inner a span,
.home-investors-text-inner a i {
    color: var(--primary-color);
}

/* Home news and partners */
.home-news-partners {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: rgba(170, 170, 170, .1);
    padding: 480px 0 145px 0;
    margin: -291px 0 0 0;
}

.home-news,
.home-partners {
    width: calc(100% - 100px);
    padding: 0 50px;
    margin: 0;
}

.home-partners {
    margin: 177px 0 0 0;
}

.home-news-inner,
.home-partners-inner {
    display: flex;
    flex-direction: column;
}

.home-news-inner h3,
.home-partners-inner h3 {
    font-size: 18px;
    line-height: 26px;
    position: relative;
    padding: 0;
    display: inline-block;
    overflow: hidden;
}

.home-news-inner h3 span,
.home-partners-inner h3 span {
    display: block;
    position: relative;
    font-family: "Garet Bold", sans-serif;
}

.home-news-inner h3 span:after,
.home-partners-inner h3 span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-left: 30px;
    background-color: rgba(0, 0, 0, .35);
}

.home-news-inner .items,
.home-partners-inner .items {
    width: 100%;
    margin: 68px 0 0 0;
    display: flex;
    flex-direction: row;
    padding: 0;
}

.home-news-inner .items .item {
    width: 33.33%;
    padding: 0 30px 0 0;
}

.home-news-inner .items .item .date {
    width: 100%;
}

.home-news-inner .items .item .date p {
    color: var(--secondary-color);
    font-size: 12px;
    line-height: 18px;
    font-family: "Garet Medium", sans-serif;
}

.home-news-inner .items .item .title {
    width: 100%;
    max-width: 387px;
    margin: 12px 0 0 0;
}

.home-news-inner .items .item .title h4 {
    color: #000;
    font-size: 20px;
    line-height: 32px;
    font-family: "Garet Medium", sans-serif;
}

.home-news-inner .items .item .more {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 50px 0 0 0;
}

/* .home-news-inner .items .item .more a {
    margin: 50px 0 0 0;
} */

.home-partners-inner .items {
    align-items: center;
    margin: 57px 0 0 0;
}

.home-partners-inner .items .item {
    flex: 1;
    margin: 0 45px 0 0;
}

.home-partners-inner .items .item:last-child {
    margin-right: 0;
}

.home-partners-inner .items .item a {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
}

.home-partners-inner .items .item a img {
    width: 100%;
    height: auto;
    max-height: 75px;
    mix-blend-mode: multiply;
    object-fit: contain;
    object-position: center;
    cursor: pointer;
}

/* A propos */
.about-banner {
    width: 100%;
    height: 774px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 148px 0 0 0;
}

.about-banner .background-image-decoration {
    width: calc(50% + 250px);
    max-width: var(--container-width);
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: -1;
}

.about-banner-inner {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}

.about-banner-inner-text {
    width: 50%;
    height: 100%;
    max-width: calc(var(--container-width) / 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 50px;
}

.about-banner-inner-text p.subtitle {
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-color);
    font-family: "Garet Bold", sans-serif;
}

.about-banner-inner-text h1 {
    width: 100%;
    max-width: 665px;
    font-size: 80px;
    line-height: 70px;
    color: #000;
    font-family: "Garet Bold", sans-serif;
    margin: 27px 0 0 0;
}

.about-banner-inner-text p {
    width: 100%;
    max-width: 387px;
    margin: 32px 0 0 0;
    color: #000;
}

.about-banner-inner-image {
    width: calc(50% - 50px);
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 0 0 50px;
}

.about-banner-inner-image img {
    width: auto;
    max-width: calc(100% - 50px);
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    position: relative;
    right: -140px;
}

/* About mission */
.about-mission {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 304px 0 0 0;
    position: relative;
}

.about-mission-text {
    width: 800px;
    margin: 100px 0 199px 0;
    padding: 100px 140px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    right: 0;
    background: var(--primary-color);
    border-radius: 60px 0 0 60px;
}

.about-mission-text-inner {
    width: 100%;
    max-width: 417px;
    display: flex;
    flex-direction: column;
}

.about-mission-text-inner .subtitle {
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Garet Bold", sans-serif;
    margin: 0;
}

.about-mission-text-inner .title {
    font-size: 80px;
    line-height: 70px;
    color: #fff;
    margin: 27px 0 0 0;
    font-family: "Garet Bold", sans-serif;
}

.about-mission-text-inner p {
    color: #fff;
    margin: 41px 0 0 0;
    max-width: 387px;
}

/* About counters */
.about-counters {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: rgba(170, 170, 170, .1);
    padding: 395px 0 180px 0;
    margin: -202px 0 0 0;
}

.about-counters-inner {
    display: flex;
    flex-direction: column;
}

.about-counters-inner-text {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.about-counters-inner-text p {
    color: #000000;
    width: 100%;
    max-width: 1082px;
    margin: 0 auto;
    padding: 0 0 100px 0;
    font-family: "Garet Book", sans-serif;
    font-size: 28px;
    line-height: 46px;
    text-align: center;
}

.about-counters-inner-numbers {
    padding: 121px 0 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: solid 1px rgba(0, 0, 0, .35);
}

.about-counters-inner-numbers .items {
    width: calc(100% + 30px);
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 -15px;
    justify-content: space-between;
}

.about-counters-inner-numbers .items .item {
    width: calc(20% - 15px);
    padding: 0 15px;
}

.about-counters-inner-numbers .items .item p {
    font-family: "Garet Medium", sans-serif;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #000;
    min-height: 93px;
    padding: 0 20px;
}

.about-counters-inner-numbers .items .item ul {
    display: flex;
    flex-direction: column;
    margin: 5px 0 0 0;
    align-items: center;
}

.about-counters-inner-numbers .items .item ul li {
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-color);
    font-family: "Garet Bold", sans-serif;
}

.about-counters-inner-numbers .items .item ul li:first-child {
    font-size: 54px;
    line-height: 79px;
}

.about-counters-inner-numbers .source {
    margin: 89px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.about-counters-inner-numbers .source p {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-family: "Garet Regular", sans-serif;
}

.about-counters-inner-numbers .source p a {
    color: var(--primary-color);
}

/* About Who */
.about-who {
    width: 100%;
    margin: 200px auto 0 auto;
    padding: 0;
    overflow: hidden;
}

.about-who-inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.about-who-inner-left {
    width: calc(50% - 50px);
    max-width: calc(var(--container-width) / 2);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 0 50px;
}

.about-who-inner-left .subtitle {
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-color);
    font-family: "Garet Bold", sans-serif;
    font-weight: 700;
    margin: 0;
}

.about-who-inner-left .title {
    width: 100%;
    max-width: 600px;
    font-size: 80px;
    line-height: 70px;
    color: #000;
    font-family: "Garet Bold", sans-serif;
    margin: 27px 0 0 0;
}

.about-who-inner-left p {
    width: 100%;
    max-width: 387px;
    margin: 41px 0 0 0;
    color: #000;
    font-size: 17px;
    line-height: 32px;
    font-family: "Garet Book", sans-serif;
}

.about-who-inner-left a {
    margin: 55px auto 0 0;
}

.about-who-inner-right {
    width: 50%;
    display: flex;
    flex-direction: row;
    padding: 0 0 0 50px;
}

.about-who-inner-right img {
    width: calc(100% - 100px);
    height: auto;
    position: relative;
    right: -150px;
    animation: spin-clockwise 30s infinite linear;
}

/* About team */
.about-team {
    width: calc(100% - 100px);
    padding: 0 50px;
    margin: 193px 0 50px 0;
    display: flex;
    flex-direction: column;
}

.about-team-inner {
    display: flex;
    flex-direction: row;
}

.about-team-inner .items {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
}

.about-team-inner .items .items-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.about-team-inner .items .items-group.one {
    width: 33.33%;
    padding: 0;
}

.about-team-inner .items .items-group.one h3 {
    max-width: calc(100% - 70px);
}

.about-team-inner .items .items-group.one .items-group-inner {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.about-team-inner .items .items-group.one .items-group-inner .item {
    width: 100%;
    padding: 0 68px 0 0;
    margin: 0 0 70px 0;
}

.about-team-inner .items .items-group.two {
    width: calc(66.66% - 32px);
    padding: 0 0 0 32px;
}

.about-team-inner .items .items-group.two .items-group-inner {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.about-team-inner .items .items-group.two .item {
    width: calc(50% - 50px);
    margin: 0 0 70px 0;
}

.about-team-inner .items .items-group.two .item:nth-child(1) {
    padding: 0 50px 0 0;
}

.about-team-inner .items .items-group.two .item:nth-child(2) {
    padding: 0 0 0 50px;
}

.about-team-inner .items .items-group.three {
    width: 100%;
}

.about-team-inner .items .items-group.three .item {
    width: calc(33.33% - 100px);
    padding: 0 50px;
    margin: 0 0 70px 0;
}

.about-team-inner .items .items-group h3 {
    font-size: 18px;
    line-height: 26px;
    position: relative;
    padding: 0;
    display: inline-block;
    overflow: hidden;
}

.about-team-inner .items .items-group h3 span {
    display: block;
    position: relative;
    font-family: "Garet Bold", sans-serif;
}

.about-team-inner .items .items-group h3 span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-left: 30px;
    background-color: rgba(0, 0, 0, .35);
}

.about-team-inner .items .items-group .subtext {
    margin: 38px 0 0 0;
    font-family: "Garet Book", sans-serif;
    font-size: 17px;
    line-height: 32px;
}

.about-team-inner .items .items-group-inner {
    width: calc(100% + 100px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 77px -50px 28px -50px;
}

.about-team-inner .items .items-group .items-group-inner .item .item-image {
    width: 100%;
    height: 387px;
    border-radius: 20px;
    overflow: hidden;
}

.about-team-inner .items .items-group .items-group-inner .item .item-image a {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    position: relative;
}

.about-team-inner .items .items-group .items-group-inner .item .item-image a:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(144, 192, 181, .46);
    position: absolute;
    top: 0;
    right: 0;
    mix-blend-mode: multiply;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.about-team-inner .items .items-group .items-group-inner .item .item-image a:hover:after {
    opacity: 1;
    visibility: visible;
}

.about-team-inner .items .items-group .items-group-inner .item .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform-origin: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: scale(1);
}

.about-team-inner .items .items-group .items-group-inner .item .item-image a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.about-team-inner .items .items-group .items-group-inner .item .item-name {
    width: 100%;
    margin: 51px 0 0 0;
}

.about-team-inner .items .items-group .items-group-inner .item .item-name h4 {
    font-size: 20px;
    line-height: 32px;
    font-family: "Garet Medium", sans-serif;
    color: #000;
}

.about-team-inner .items .items-group .items-group-inner .item .item-name h4 a {
    text-decoration: none;
    color: #000;
}

.about-team-inner .items .items-group .items-group-inner .item .item-name h4 a:hover {
    color: var(--primary-color);
}

.about-team-inner .items .items-group .items-group-inner .item .item-post {
    margin: 6px 0 0 0;
}

.about-team-inner .items .items-group .items-group-inner .item .item-post p {
    font-size: 17px;
    line-height: 32px;
    font-family: "Garet Book", sans-serif;
}

.about-team-inner .items .items-group .items-group-inner .item .item-social {
    width: 100%;
    margin: 12px 0 0 0;
}

.about-team-inner .items .items-group .items-group-inner .item .item-social ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.about-team-inner .items .items-group .items-group-inner .item .item-social ul li {
    margin: 0 15px 0 0;
}

.about-team-inner .items .items-group .items-group-inner .item .item-social ul li:last-child {
    margin-right: 0;
}

.about-team-inner .items .items-group .items-group-inner .item .item-social ul li a {
    display: flex;
    flex-direction: row;
    text-decoration: none;
}

.about-team-inner .items .items-group .items-group-inner .item .item-social ul li a i {
    font-size: 16px;
    color: var(--primary-color);
}

.about-team-inner .items .items-group .items-group-inner .item .item-social ul li a img {
    top: -2px;
    position: relative;
    width: 16px;
    height: auto;
}

/* Our science */
.science-banner {
    width: calc(100% - 100px);
    height: 774px;
    background-color: var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 148px 50px 0 50px;
}

.science-banner-inner {
    width: 100%;
    max-width: var(--container-width);
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}

.science-banner-inner-text {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 50px 0 0;
}

.science-banner-inner-text h1 {
    width: 100%;
    max-width: 665px;
    font-size: 80px;
    line-height: 70px;
    color: #fff;
    font-family: "Garet Bold", sans-serif;
    margin: 27px 0 0 0;
}

.science-banner-inner-text p {
    width: 100%;
    max-width: 620px;
    margin: 32px 0 0 0;
    color: #fff;
}

.science-banner-inner-image {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 50px;
}

.science-banner-inner-image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    -webkit-animation: rotate 5s 0.1s infinite linear;
    animation: rotate 5s 0.1s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
    }
}

.science-mechanism {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    margin: 220px 0 0 0;
    padding: 0 50px;
}

.science-mechanism .science-mechanism-inner {
    display: flex;
    flex-direction: row;
}

.science-mechanism-inner-left {
    width: 815px;
    display: flex;
    flex-direction: column;
}

.science-mechanism-inner .subtitle {
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-color);
    font-family: "Garet Bold", sans-serif;
    margin: 0;
}

.science-mechanism-inner-left .title {
    width: 100%;
    max-width: 600px;
    font-size: 80px;
    line-height: 70px;
    color: #000;
    font-family: "Garet Bold", sans-serif;
    margin: 27px 0 0 0;
}

.science-mechanism-inner-left p {
    width: 100%;
    max-width: 804px;
    margin: 39px 0 0 0;
    color: #000;
    font-size: 17px;
    line-height: 32px;
    font-family: "Garet Book", sans-serif;
}

.science-mechanism-inner-left .image {
    width: 100%;
    margin: 72px 0 0 0;
}

.science-mechanism-inner-left .image img {
    width: 100%;
}

.science-mechanism-inner-right {
    width: calc(100% - 815px);
    display: flex;
    flex-direction: column;
    padding: 0 0 0 100px;
    align-items: flex-end;
}

.science-mechanism-inner-right .advantages {
    width: 100%;
    max-width: 387px;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.science-mechanism-inner-right .advantages ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 47px 0 0 0;
}

.science-mechanism-inner-right .advantages ul li {
    font-size: 17px;
    line-height: 32px;
    color: #000;
    font-family: "Garet Book", sans-serif;
    padding: 0 0 0 20px;
    position: relative;
}

.science-mechanism-inner-right .advantages ul li:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-color);
    position: absolute;
    top: 12px;
    left: 0;
}

.science-mechanism-inner-right .articles {
    width: 100%;
    max-width: 387px;
    margin: 71px 0 0 0;
    padding: 93px 0 0 0;
    border-top: solid 1px rgba(0, 0, 0, .35);
}

.science-mechanism-inner-right .articles ul {
    width: 100%;
    margin: 47px 0 0 0;
    display: flex;
    flex-direction: column;
}

.science-mechanism-inner-right .articles ul li {
    font-size: 17px;
    line-height: 32px;
    color: #000;
    font-family: "Garet Book", sans-serif;
    display: flex;
    flex-direction: row;
}

.science-mechanism-inner-right .articles ul li a {
    width: 100%;
    color: #000;
    font-size: 17px;
    line-height: 32px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.science-mechanism-inner-right .articles ul li i {
    font-size: 14px;
    color: var(--primary-color);
    margin: 0 12px auto 0;
    position: relative;
    top: 8px;
}

.science-mechanism-inner-right .articles ul li span {
    display: block;
    width: calc(100% - 30px);
    color: #000
}

.science-mechanism-inner-right .articles ul li a:hover span {
    color: var(--primary-color);
}

.science-video {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: row;
    padding: 0 50px;
    margin: 192px 0 0 0;
}

.science-video .science-video-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
}

.science-video-inner p {
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-color);
    font-family: "Garet Bold", sans-serif;
}

.science-video-inner .video-wrapper {
    width: 804px;
    height: 451px;
    margin: 44px auto 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 20px;
}

.science-video-inner .video-wrapper .video-wrapper-image {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0;
    left: 0;
}

.science-video-inner .video-wrapper .video-wrapper-image img {
    width: 100%;
    max-width: 804px;
}

.science-video-inner .video-wrapper .video-wrapper-image button {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    outline: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
}

.science-video-inner .video-wrapper .video-wrapper-image button i {
    font-size: 100px;
    color: #B341BD;
}

.science-video-inner .video-wrapper .video-wrapper-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.science-video-inner .video-wrapper .video-wrapper-content iframe {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.science-prostate-cancer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 227px 0 0 0;
    position: relative;
}

.science-prostate-cancer-text {
    width: calc(100% - 600px);
    max-width: 1000px;
    margin: 220px 0;
    padding: 100px 200px 100px 140px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    right: 0;
    background: var(--primary-color);
    border-radius: 60px 0 0 60px;
    position: relative;
}

.science-prostate-cancer-text:before {
    content: "“";
    font-size: 500px;
    font-style: italic;
    color: #fff;
    font-family: "Garet Regular", sans-serif;
    position: absolute;
    top: -206px;
    left: 40px;
}

.science-prostate-cancer-text:after {
    content: "“";
    font-size: 500px;
    font-style: italic;
    color: #fff;
    font-family: "Garet Regular", sans-serif;
    position: absolute;
    bottom: -200px;
    right: 300px;
    transform: matrix(-1, 0, 0, -1, 0, 0);
}

.science-prostate-cancer-text-inner {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
}

.science-prostate-cancer-text-inner p {
    color: #fff;
    margin: 0;
    font-style: italic;
    font-family: "Garet Book", sans-serif;
    margin: 0 0 25px 0;
}

.science-prostate-cancer-text-inner ul {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.science-prostate-cancer-text-inner ul li {
    color: #fff;
    margin: 0;
    font-family: "Garet Book", sans-serif;
    margin: 0 0 10px 0;
}

.science-prostate-cancer-text-inner ul li:last-child {
    margin-bottom: 0;
}

.science-prostate-cancer-text-inner ul li strong {
    font-family: "Garet Medium", sans-serif;
}

.science-effects {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: rgba(170, 170, 170, .1);
    padding: 415px 0 205px 0;
    margin: -221px 0 0 0;
}

.science-effects-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.science-effects-inner .subtitle {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 26px;
    font-family: "Garet Bold", sans-serif;
    margin: 0;
}

.science-effects-inner .title {
    font-size: 80px;
    line-height: 70px;
    color: #000;
    max-width: 804px;
    margin: 26px 0 0 0;
    font-family: "Garet Bold", sans-serif;
    text-align: center;
}

.science-effects-inner p {
    font-size: 17px;
    line-height: 32px;
    margin: 58px 0 0 0;
    color: #000;
    font-family: "Garet Book", sans-serif;
}

.science-effects-inner .items {
    width: calc(100% + 30px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 106px -15px 0 -15px;
}

.science-effects-inner .items .item {
    width: calc(50% - 30px);
    display: flex;
    flex-direction: column;
    margin: 0 15px 68px 15px;
}

.science-effects-inner .items .item p {
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-family: "Garet Medium", sans-serif;
    text-align: center;
    margin: 0;
}

.science-effects-inner .items .item img {
    width: 100%;
    height: auto;
    margin: 32px 0 0 0;
}

.science-effects-inner a {
    margin: 63px auto 0 auto;
}

/* Pipeline */
.pipeline-banner {
    width: 100%;
    height: auto;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 165px 0 0 0;
}

.pipeline-banner-inner {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 148px 0;
    padding: 0;
}

.pipeline-banner-inner-left {
    width: calc(50% - 50px);
    max-width: calc(var(--container-width) / 2);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 50px;
}

.pipeline-banner-inner-left .subtitle {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    font-family: "Garet Bold", sans-serif;
}

.pipeline-banner-inner-left .title {
    margin: 27px 0 0 0;
    color: #000000;
    font-size: 80px;
    line-height: 70px;
    font-family: "Garet Bold", sans-serif;
}

.pipeline-banner-inner-left p {
    font-size: 17px;
    line-height: 32px;
    color: #000;
    font-family: "Garet Book", sans-serif;
    margin: 27px 0 0 0;
}

.pipeline-banner-inner-left a {
    margin: 36px 0 0 0;
}

.pipeline-banner-inner-right {
    width: calc(50% - 150px);
    height: 760px;
    position: relative;
    padding: 0;
    margin: 0 0 0 150px;
    border-radius: 50px 0 0 50px;
    overflow: hidden;
}

.pipeline-banner-inner-right:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(144, 192, 181, .46);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    mix-blend-mode: multiply;
}

.pipeline-banner-inner-right:after {
    content: "";
    width: 498px;
    height: 498px;
    background: url("./images/neolys_dots-white.svg") no-repeat center center;
    background-size: 498px 489px;
    position: absolute;
    bottom: -155px;
    right: -249px;
    z-index: 4;
    animation: spin-clockwise 20s infinite linear;
}

.pipeline-banner-inner-right img {
    width: 100%;
    height: calc(100% + 300px);
    position: relative;
    top: -150px;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}

.pipeline-rm-581 {
    width: calc(100% - 100px);
    padding: 0 50px;
    display: flex;
    flex-direction: row;
    margin: 98px 0 246px 0;
}

.pipeline-rm-581-inner {
    display: flex;
    flex-direction: column;
}

.pipeline-rm-581-inner .subtitle {
    font-size: 18px;
    line-height: 26px;
    position: relative;
    padding: 0;
    display: inline-block;
    overflow: hidden;
}

.pipeline-rm-581-inner .subtitle span {
    display: block;
    position: relative;
    font-family: "Garet Bold", sans-serif;
    color: var(--primary-color);
}

.pipeline-rm-581-inner .subtitle span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-left: 30px;
    background-color: rgba(0, 0, 0, .35);
}

.pipeline-rm-581-inner .progress-bars {
    width: 100%;
    margin: 52px 0 0 0;
    display: flex;
    flex-direction: column;
}

.progress-bars .progress-bars-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 0;
}

.pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title ul li {
    width: auto;
    flex: 1;
    margin: 0 50px 0 0;
    font-size: 17px;
    line-height: 24px;
    font-family: "Garet Medium", sans-serif;
}

.pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title ul li:nth-child(1) {
    min-width: 270px;
}

.pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title ul li:nth-last-of-type(1),
.pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title ul li:nth-last-of-type(2) {
    max-width: 75px;
}

.pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title ul li span {
    display: block;
    font-family: "Garet Book", sans-serif;
}

.pipeline-rm-581-inner .progress-bars-inner-content {
    width: 100%;
    margin: 28px 0 0 0;
    display: flex;
    flex-direction: column;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item {
    width: 100%;
    border-radius: 20px;
    background-color: #F6F6F6;
    min-height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 0 0 12px 0;
    position: relative;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item .item-inner {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 0;
    border-radius: 20px 0 0 20px;
    mix-blend-mode: multiply;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item .item-inner:after {
    content: "";
    width: 43px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(1) .item-inner {
    width: 66%;
    background-color: var(--primary-color);
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(1) .item-inner:after {
    width: 43px;
    background: transparent linear-gradient(90deg, #1A0FC8 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(2) .item-inner {
    /*width: 66%;*/
    background-color: #398CF6;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(2) .item-inner:after {
    width: 43px;
    background: transparent linear-gradient(90deg, #398CF6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(3) .item-inner {
    /*width: 51.5%;*/
    background-color: var(--secondary-color);
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(3) .item-inner:after {
    width: 43px;
    background: transparent linear-gradient(90deg, #02B1E6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(4) .item-inner {
    /*width: 46.7%;*/
    background-color: #7F46FF;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(4) .item-inner:after {
    width: 43px;
    background: transparent linear-gradient(90deg, #7F46FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(5) .item-inner {
    /*width: 46.7%;*/
    background-color: #BA44C4;
    position: relative;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item:nth-child(5) .item-inner:after {
    width: 43px;
    background: transparent linear-gradient(90deg, #BA44C4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.pipeline-rm-581-inner .progress-bars-inner-content .item span {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
}

.progress-bars p {
    margin: 35px 0 0 0;
}

.pipeline-history {
    width: calc(100% - 100px);
    padding: 0 50px;
    display: flex;
    flex-direction: row;
    margin: 0;
    position: relative;
    background: transparent url("./images/historique-r&d.webp") 0% 0% no-repeat padding-box;
    background-size: cover;
    background-position: top 40px right -730px;
}

.pipeline-history:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    background-color: var(--primary-color);
}

.pipeline-history-inner {
    display: flex;
    flex-direction: column;
    padding: 192px 0 140px 0;
    position: relative;
    z-index: 2;
}

.pipeline-history-inner p.subtitle {
    color: #fff;
    font-family: "Garet Bold", sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
}

.pipeline-history-inner p {
    max-width: 1221px;
    color: #fff;
    font-family: "Garet Book", sans-serif;
    margin: 27px 0 0 0;
}

.timeline {
    margin: 182px 0 0 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}

.timeline:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.timeline:after {
    content: "";
    box-sizing: border-box;
    width: 21px;
    height: 21px;
    border-style: solid;
    border-color: #fff;
    border-width: 0px 1px 1px 0px;
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    bottom: -20px;
    left: 50%;
}

.timeline .timeline-group {
    width: 100%;
    display: flex;
    flex-direction: row;
}

/*.timeline .timeline-item:nth-child(2) {
    margin-top: 100px;
}*/

.timeline-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    margin: -50px 0 0 0;
}

.timeline-item:first-child {
    margin: 0;
}

.timeline-item:last-child {
    margin-bottom: 80px;
}

.timeline-item:nth-child(2n+1) {
    padding: 0 145px 0 0;
}

.timeline-item:nth-child(2n) {
    padding: 0 0 0 145px;
    left: calc(50% - 38px);
}

.timeline-item .rounded-circle {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 15px);
    transform: translateX(-50%);
}

.timeline-item:nth-child(2n+1) .rounded-circle {
    right: calc(50% - 30px);
    background-color: #fff;
}

.timeline-item:nth-child(2n) .rounded-circle {
    left: 38px;
    background-color: #fff;
}

.timeline-item-inner {
    width: calc(50% - 145px);
    padding: 55px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 10px 20px 60px #0000004D;
    /* filter: drop-shadow(10px 20px 60px #0000004D); */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: 0 0 auto 0;
}

.timeline-item:nth-child(2n+1) .timeline-item-inner:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    height: 0;
    width: 0;
    border: 16px solid transparent;
    border-left: 28px solid #ffffff;
}

.timeline-item:nth-child(2n) .timeline-item-inner:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    height: 0;
    width: 0;
    border: 16px solid transparent;
    border-right: 28px solid #ffffff;
}

.timeline-item-inner-year {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.timeline-item-inner-year p {
    margin: 0;
    color: var(--primary-color);
    font-size: 54px;
    line-height: 79px;
    text-align: center;
    font-family: "Garet Bold", sans-serif;
}

.timeline-item-inner-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.timeline-item-inner-title p {
    font-size: 20px;
    line-height: 32px;
    font-family: "Garet Medium", sans-serif;
    margin: 0;
    color: #000;
    text-align: center;
}

.timeline-item-inner-research {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.timeline-item-inner-research p {
    font-size: 20px;
    line-height: 32px;
    font-family: "Garet Book", sans-serif;
    color: #000;
    text-align: center;
    max-width: 330px;
    margin: 0 auto;
}

.pipeline-history .pipeline-history-inner .timeline-legend {
    width: 100%;
    margin: 55px auto 0 auto;
    max-width: 526px;
    font-size: 17px;
    line-height: 32px;
    color: #fff;
    font-family: "Garet Book", sans-serif;
    text-align: center;
}

/* News */
.news {
    width: calc(100% - 100px);
    margin: 145px 0 317px 0;
    padding: 148px 50px 0 50px;
    display: flex;
    flex-direction: column;
}

.news-inner {
    display: flex;
    flex-direction: column;
}

.news-inner .main-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.news-inner .main-item .main-item-date {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.news-inner .main-item .main-item-date p {
    font-size: 18px;
    line-height: 26px;
    color: var(--secondary-color);
    font-family: "Garet Bold", sans-serif;
}

.news-inner .main-item .main-item-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 27px 0 0 0;
}

.news-inner .main-item .main-item-title h1 {
    max-width: 943px;
    font-size: 50px;
    line-height: 60px;
    font-family: "Garet Bold", sans-serif;
    margin: 0;
}

.news-inner .main-item .main-item-title h1 a {
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
}

.news-inner .main-item .main-item-title h1 a:hover {
    color: var(--secondary-color);
}

.news-inner .main-item .main-item-link {
    margin: 53px 0 0 0;
    display: flex;
    flex-direction: row;
}

.news-inner .main-item .main-item-link a {
    margin: 0 auto 0 0;
}

.news-inner .items {
    width: calc(100% + 110px);
    display: flex;
    margin: 115px -50px 0 -50px;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    padding: 81px 0 0 0;
}

.news-inner .items:before {
    content: "";
    width: calc(100% - 100px);
    height: 1px;
    background-color: rgba(0, 0, 0, .35);
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
}

.news-inner .items .item {
    width: calc(33.33% - 100px);
    margin: 0 50px 50px 50px;
}

.news-inner .items .item .item-date,
.news-inner .items .item .item-title {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.news-inner .items .item .item-date p {
    font-size: 12px;
    line-height: 18px;
    color: var(--secondary-color);
    font-family: "Garet Bold", sans-serif;
}

.news-inner .items .item .item-title {
    margin: 10px 0 0 0;
}

.news-inner .items .item .item-title h2 {
    color: #000;
    display: flex;
    flex-direction: row;
    text-decoration: none;
    font-family: "Garet Medium", sans-serif;
}

.news-inner .items .item .item-title h2,
.news-inner .items .item .item-title h2 a {
    color: #000;
    display: flex;
    flex-direction: row;
    text-decoration: none;
    font-family: "Garet Medium", sans-serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.news-inner .items .item .item-title h2 a:hover {
    color: var(--secondary-color);
}

.news-inner .items .item .item-link {
    margin: 40px 0 0 0;
}

.news-inner .items .item .item-link a {
    margin: 0 auto 0 0;
}

/* Contact */
.contact {
    width: 100%;
    margin: 143px 0 282px 0;
    padding: 148px 0 0 0;
    display: flex;
    flex-direction: column;
}

.contact-inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.contact-inner .contact-inner-left {
    width: 50%;
    max-width: calc(var(--container-width) / 2);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 50px;
}

.contact-inner .contact-inner-left .contact-details {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    max-width: 526px;
}

.contact-details .subtitle {
    font-family: "Garet Bold", sans-serif;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 26px;
}

.contact-details .title {
    font-size: 60px;
    line-height: 52px;
    max-width: 400px;
    font-family: "Garet Bold", sans-serif;
    color: #000;
    margin: 27px 0 0 0;
}

.contact-details .title span {
    font-size: 20px;
    line-height: 20px;
}

.contact-details .description {
    font-size: 17px;
    line-height: 26px;
    color: #000;
    margin: 27px 0 0 0;
    font-family: "Garet Medium", sans-serif;
}

.contact-details ul {
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: row;
}

.contact-details ul li {
    margin: 0 12px 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contact-details ul li.arobase span {
    color: var(--primary-color);
    font-size: 20px;
    font-family: "Garet Medium", sans-serif;
}

.contact-details ul li:last-child {
    margin: 0;
}

.contact-inner .form {
    width: 100%;
    max-width: 526px;
    margin: 76px 0 0 0;
    padding: 71px 0 0 0;
    border-top: solid 1px rgba(0, 0, 0, .35);
}

.contact-inner .form h2 {
    font-family: "Garet Bold", sans-serif;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 26px;
}

.contact-inner .form .wpcf7 {
    width: 100%;
    margin: 47px 0 0 0;
}

.contact-inner .form .wpcf7 .form-group {
    width: 100%;
    margin: 0 0 23px 0;
}

.contact-inner .form .wpcf7 .form-group.required input::placeholder {
    position: relative;
}

.contact-inner .form .wpcf7 .form-group.required input::-webkit-input-placeholder::after {
    content: "*";
    color: var(--secondary-color);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    visibility: visible;
}

.contact-inner .form .wpcf7 .form-group .wpcf7-form-control-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.contact-inner .form .wpcf7 .form-group .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 14px;
}

.contact-inner .form .wpcf7 .form-group .wpcf7-form-control .wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 20px;
}

.contact-inner .form .wpcf7 .form-group .wpcf7-form-control-wrap input,
.contact-inner .form .wpcf7 .form-group .wpcf7-form-control-wrap textarea {
    height: 60px;
    border-radius: 20px;
    border: solid 1px #C6C6C6;
    background-color: #F6F6F6;
    padding: 0 25px;
    font-size: 17px;
    line-height: 32px;
    font-family: "Garet Book", sans-serif;
}

.contact-inner .form .wpcf7 .form-group .wpcf7-form-control-wrap textarea {
    height: 114px;
    padding: 30px;
    resize: none;
}

.contact-inner .form .wpcf7 .form-group.submit .wpcf7-form-control {
    width: auto;
    min-height: 50px;
    border-radius: 100px;
    padding: 0 60px 0 28px;
    background-color: var(--primary-color);
    --webkit-transition: all .3s ease-in-out;
    --moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    outline: none;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    border: none;
    outline: none;
    font-size: 18px;
    line-height: 26px;
    font-family: "Garet Medium", sans-serif;
    cursor: pointer;
}

.contact-inner .form .wpcf7 .form-group.submit .wpcf7-form-control:hover {
    background-color: var(--secondary-color);
}

.contact-inner .form .wpcf7 .form-group.submit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}

.contact-inner .form .wpcf7 .form-group.submit:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 120px;
}

.contact-inner .form .wpcf7 .form-group.en.submit:after {
    left: 100px;
}

.contact-inner .form .wpcf7 .form-group.submit .required-text {
    font-size: 14px;
    line-height: 32px;
    position: relative;
}

.contact-inner .form .wpcf7 .form-group.submit .required-text:before {
    content: "*";
    color: var(--secondary-color);
    font-size: 14px;
    display: block;
    position: absolute;
    top: 2px;
    left: -8px;
}

.contact-inner .form .wpcf7-form.invalid .wpcf7-response-output {
    background-color: #ffb900;
    color: #fff;
}

.contact-inner .form .wpcf7-form.sent .wpcf7-response-output {
    background-color: #46b450;
    color: #fff;
}

.contact-details ul li span {
    font-size: 17px;
    line-height: 26px;
    font-family: "Garet Variable", sans-serif;
    font-family: "Garet Book", sans-serif;
}

.contact-details ul li i {
    color: var(--primary-color);
    font-size: 20px;
}

.contact-details ul li a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contact-details ul li a:hover {
    color: var(--primary-color);
}

.contact-inner .contact-inner-right {
    width: 50%;
    display: flex;
    flex-direction: row;
}

.contact-inner .contact-inner-right .map {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 0;
    border-radius: 15px 0 0 15px;
}

.contact-inner .contact-inner-right .map iframe {
    width: 100%;
    height: 100%;
    border-radius: 25px 0 0 25px;
}

/* FAQ */
.faq {
    width: 100%;
    height: auto;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 165px 0;
}

.faq-inner {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    margin: 148px 0;
    padding: 0;
}

.faq-inner-left {
    width: calc(50% - 50px);
    max-width: calc(var(--container-width) / 2);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 50px;
}

.faq-inner-left .subtitle {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    font-family: "Garet Bold", sans-serif;
}

.faq-inner-left .title {
    max-width: 665px;
    margin: 27px 0 0 0;
    color: #000000;
    font-size: 80px;
    line-height: 70px;
    font-family: "Garet Bold", sans-serif;
}

.faq-inner-left .faq-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 92px 0 0 0;
    padding: 0;
    border-top: solid 1px rgba(0, 0, 0, .35);
}

.faq-inner-left .faq-items .faq-item {
    width: 100%;
    padding: 56px 0;
    border-bottom: solid 1px rgba(0, 0, 0, .35);
}

.faq-inner-left .faq-items .faq-item:last-child {
    border-bottom: none;
}

.faq-item .faq-item-title {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    text-decoration: none;
}

.faq-item .faq-item-title.active i {
    color: var(--secondary-color);
}

.faq-item .faq-item-title span {
    width: calc(100% - 60px);
    display: block;
    color: #000;
    font-size: 20px;
    line-height: 32px;
    font-family: "Garet Medium", sans-serif;
}

.faq-item .faq-item-title i {
    color: var(--primary-color);
    font-size: 20px;
    position: relative;
    top: 2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.faq-item .faq-item-content {
    width: 100%;
    padding: 0;
    margin: 61px 0 0 0;
    display: flex;
    flex-direction: row;
    display: none;
}

.faq-item-content .faq-item-content-inner {
    padding: 53px 47px 59px 56px;
    background-color: rgba(170, 170, 170, .1);
    border-radius: 20px;
}

.faq-item-content .faq-item-content-inner p {
    font-size: 17px;
    line-height: 32px;
    color: #000;
    margin: 12px 0 0 0;
}

.faq-item-content .faq-item-content-inner p:last-child {
    margin: 0;
}

.faq-inner-right {
    width: calc(50% - 150px);
    height: auto;
    position: relative;
    padding: 0;
    margin: 0 0 0 150px;
    border-radius: 0;
}

.faq-inner-right .image {
    width: 100%;
    height: 760px;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 50px 0 0 50px;
}

.faq-inner-right .image:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(144, 192, 181, .46);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    mix-blend-mode: multiply;
}

.faq-inner-right .image:after {
    content: "";
    width: 498px;
    height: 498px;
    background: url("./images/neolys_dots-white.svg") no-repeat center center;
    background-size: 498px 489px;
    position: absolute;
    bottom: -155px;
    right: -249px;
    z-index: 4;
    animation: spin-clockwise 20s infinite linear;
}

.faq-inner-right .image img {
    width: 100%;
    height: calc(100% + 300px);
    min-height: 760px;
    object-fit: cover;
    object-position: center;
    position: relative;
    top: -150px;
    border-radius: 50px 0 0 50px;
}

.faq-inner-right .faq-inner-right-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 126px 0 0 0;
}

.faq-inner-right .faq-inner-right-text .text-subtitle {
    width: 100%;
}

.faq-inner-right .faq-inner-right-text .text-subtitle p {
    width: 100%;
    max-width: 417px;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    font-family: "Garet Bold", sans-serif;
}

.faq-inner-right .faq-inner-right-text .text-description {
    margin: 47px 0 0 0;
}

.faq-inner-right .faq-inner-right-text .text-description p {
    font-size: 17px;
    line-height: 32px;
    font-family: "Garet Book", sans-serif;
    max-width: 417px;
}

.faq-inner-right .faq-inner-right-text .text-link {
    width: 100%;
    margin: 25px 0 0 0;
}

/* Single member */
.single-member-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    padding: 165px 0;
}

.single-member-wrapper .single-member-wrapper-left {
    width: 50%;
    padding: 0 160px 0 0;
    display: flex;
    flex-direction: row;
    margin: 0;
}

.single-member-wrapper .single-member-wrapper-left img {
    width: 100%;
    height: auto;
    border-radius: 0 40px 40px 0;
    object-fit: cover;
    object-position: center;
}

.single-member-wrapper .single-member-wrapper-right {
    width: calc(50% - 280px);
    display: flex;
    flex-direction: column;
    margin: 123px 0 0 0;
    padding: 0 280px 0 0;
    position: relative;
}

.single-member-wrapper-right h1 {
    max-width: 400px;
    color: #000;
    font-size: 60px;
    line-height: 70px;
    font-family: "Garet Bold", sans-serif;
    margin: 0;
}

.single-member-wrapper-right h1 span {
    font-size: 20px;
}

.single-member-wrapper-right .position {
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-family: "Garet Medium", sans-serif;
}

.single-member-wrapper-right .description {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 79px 0 0 0;
}

.single-member-wrapper-right .description p {
    margin: 0 0 30px 0;
}

.single-member-wrapper-right .social-media {
    margin: 55px 0 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.single-member-wrapper-right .social-media li {
    margin: 0 20px 0 0;
}

.single-member-wrapper-right .social-media li a {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
}

.single-member-wrapper-right .social-media li a:hover {
    background-color: var(--secondary-color);
}

.single-member-wrapper-right .social-media li a i {
    font-size: 20px;
    color: #fff;
}

.single-member-wrapper-right .social-media li a img {
    width: 20px;
    height: auto;
}

.single-member-wrapper-right .back {
    margin: 35px 0 0 0;
}

.single-member-wrapper-right .back a {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--primary-color);
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
    font-family: "Garet Bold", sans-serif;
    --webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.single-member-wrapper-right .back a:hover {
    color: var(--secondary-color);
}

.single-member-wrapper-right .back a i {
    font-weight: 500;
    font-size: 16px;
    margin: 0 15px 0 0;
    position: relative;
    top: -2px;
}

.single-member-wrapper-right .arrow-right {
    position: absolute;
    top: 0;
    right: -124px;
    width: 248px;
    height: 248px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #F6F6F6;
    border-radius: 50%;
}

.single-member-wrapper-right .arrow-right a {
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    left: -60px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.single-member-wrapper-right .arrow-right a:hover {
    left: -50px;
}

.single-member-wrapper-right .arrow-right a i {
    font-size: 24px;
    color: var(--primary-color);
}

/* Footer */
.neolys-footer {
    width: calc(100% - 100px);
    padding: 67px 50px;
    margin: 0;
    border-bottom: solid 13Px var(--primary-color);
}

.neolys-footer-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.neolys-footer-inner-left {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px 0 0;
}

.neolys-footer-inner-left ul.menu {
    flex-wrap: wrap;
}

.neolys-footer-inner-left ul.menu li {
    margin: 0 30px 0 0;
}

.neolys-footer-inner-left ul.menu li:last-child {
    margin-right: 0;
}

.neolys-footer-inner-left ul.menu li a {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    font-family: "Garet Regular", sans-serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.neolys-footer-inner-left ul.menu li a:hover {
    color: var(--primary-color);
}

.neolys-footer-inner-left ul.menu li a i {
    color: var(--primary-color);
    font-size: 16px;
}

.neolys-footer-inner-left p {
    margin: 0 0 0 30px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.neolys-footer-inner-right {
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0 0 10px;
}

.neolys-footer-inner-right ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.neolys-footer-inner-right ul li {
    font-size: 18px;
    line-height: 24px;
    font-family: "Garet Medium", sans-serif;
}

.neolys-footer-inner-right ul li strong {
    font-family: "Garet Regular", sans-serif;
}

.neolys-footer-inner-right .wp-block-image {
    margin: 0 0 0 50px;
}

.neolys-footer-inner-right .wp-block-image img {
    animation: spin-clockwise 10s infinite linear;
}

@keyframes spin-clockwise {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Complianz */
body.cmplz-document .neolys_header {
    width: calc(100% - 100px);
    padding: 20px 50px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

body.cmplz-document .cmplz-document-title {
    width: calc(100% - 100px);
    max-width: 1360px;
    display: flex;
    flex-direction: column;
    margin: 200px auto 30px auto;
    color: #000;
    padding: 0 50px;
    font-size: 28px;
    line-height: 34px;
    font-family: "Garet Bold", sans-serif;
    text-transform: uppercase;
}

body.cmplz-document .neolys-content #cmplz-document {
    width: calc(100% - 100px);
    max-width: 1360px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 50px;
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

body.cmplz-document .neolys-content #cmplz-document p,
body.cmplz-document .neolys-content #cmplz-document ul li,
body.cmplz-document .neolys-content #cmplz-document ol li {
    font-size: 17px;
    line-height: 32px;
    color: #000;
    margin: 0 0 20px 0;
    font-weight: 400;
}

body.cmplz-document .neolys-content #cmplz-document p:empty {
    margin: 0;
}

body.cmplz-document .neolys-content #cmplz-document p:empty+h2 {
    margin: 15px 0 20px 0;
}

body.cmplz-document .neolys-content #cmplz-document ul li,
body.cmplz-document .neolys-content #cmplz-document ol li {
    margin: 0 0 10px 0;
    display: flex;
    flex-direction: column;
}

body.cmplz-document .neolys-content #cmplz-document p strong,
body.cmplz-document .neolys-content #cmplz-document ul li strong,
body.cmplz-document .neolys-content #cmplz-document ol li strong {
    font-weight: 500;
}

body.cmplz-document .neolys-content #cmplz-document ul,
body.cmplz-document .neolys-content #cmplz-document ol {
    padding: 0;
    margin: 0 0 10px 0;
    display: flex;
    flex-direction: column;
}

body.cmplz-document .neolys-content #cmplz-document ul li,
body.cmplz-document .neolys-content #cmplz-document ol li {
    padding: 0 0 0 18px;
    position: relative;
}

body.cmplz-document .neolys-content #cmplz-document ul li:before,
body.cmplz-document .neolys-content #cmplz-document ol li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 14px;
    left: 7px;
}

body.cmplz-document .neolys-content #cmplz-document h1,
body.cmplz-document .neolys-content #cmplz-document h2,
body.cmplz-document .neolys-content #cmplz-document h3,
body.cmplz-document .neolys-content #cmplz-document h4,
body.cmplz-document .neolys-content #cmplz-document h5,
body.cmplz-document .neolys-content #cmplz-document h6 {
    font-family: "Garet Bold", sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    color: var(--primary-color);
}

body.cmplz-document .neolys-content #cmplz-document a {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 500;
    outline: none;
    font-family: "Garet Regular", sans-serif;
}

body.cmplz-document .neolys-content #cmplz-document .cmplz-dropdown:last-of-type {
    margin: 0 0 20px 0;
}

body.cmplz-document .neolys-content #cmplz-document .cmplz-dropdown,
body.cmplz-document .neolys-content #cmplz-document .cmplz-dropdown summary,
body.cmplz-document .neolys-content #cmplz-document .cmplz-dropdown summary p,
body.cmplz-document .neolys-content #cmplz-document .cmplz-dropdown summary ul,
body.cmplz-document .neolys-content #cmplz-document .cmplz-dropdown summary ul li {
    background-color: transparent;
}

body.cmplz-document .neolys-content #cmplz-document .cmplz-manage-consent-container {
    margin: 0 0 20px 0;
}

body.cmplz-document .neolys-content #cmplz-document .cmplz-dropdown summary {
    padding-left: 0;
    padding-right: 0;
}

/* Single post */
.single-post {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 145px 0 0 0;
}

.single-post-inner {
    width: calc(100% - 100px);
    max-width: 1180px;
    display: flex;
    flex-direction: column;
    margin: 145px auto 75px auto;
    padding: 0 50px;
}

.single-post-inner .single-post-inner-date {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.single-post .single-post-inner-date p {
    font-size: 18px;
    line-height: 26px;
    color: var(--secondary-color);
    font-family: "Garet Bold", sans-serif;
}

.single-post .single-post-inner-title {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 20px 0 0 0;
}

.single-post .single-post-inner-title h2 {
    font-size: 50px;
    line-height: 60px;
    font-family: "Garet Bold", sans-serif;
    color: #000;
}

.single-post .single-post-inner-download {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 30px 0 0 0;
}

.single-post .single-post-inner-download a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 30px;
    min-height: 50px;
    margin: 0 auto 0 0;
    background-color: var(--primary-color);
    border-radius: 25px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.single-post .single-post-inner-download a:hover {
    background-color: var(--secondary-color);
}

.single-post .single-post-inner-download a span {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-family: "Garet Medium", sans-serif;
}

.single-post .single-post-inner-download a i {
    margin: 0 12px 0 0;
    color: #fff;
}

.single-post .single-post-inner-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 35px 0 0 0;
}

.single-post .single-post-inner-content h1,
.single-post .single-post-inner-content h2,
.single-post .single-post-inner-content h3,
.single-post .single-post-inner-content h4,
.single-post .single-post-inner-content h5,
.single-post .single-post-inner-content h6 {
    font-family: "Garet Bold", sans-serif;
}

.single-post .single-post-inner-content p,
.single-post .single-post-inner-content ul li,
.single-post .single-post-inner-content ol li {
    font-size: 17px;
    line-height: 32px;
    margin: 0 0 24px 0;
}

.single-post .single-post-inner-content ul,
.single-post .single-post-inner-content ol {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 24px;
    margin: 0 0 24px 0;
}

.single-post .single-post-inner-content ul li,
.single-post .single-post-inner-content ol li {
    position: relative;
    margin: 0;
}

.single-post-inner .single-post-inner-content ul li:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: 13px;
    left: -18px;
}

.single-post-inner .single-post-inner-back {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 40px 0 0 0;
}

.single-post-inner .single-post-inner-back a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 30px;
    min-height: 50px;
    background-color: var(--primary-color);
    border-radius: 25px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.single-post-inner .single-post-inner-back a:hover {
    background-color: var(--secondary-color);
}

.single-post-inner .single-post-inner-back a span {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-family: "Garet Medium", sans-serif;
}

.single-post-inner .single-post-inner-back a i {
    margin: 0 18px 0 0;
    color: #fff;
}

.others-news {
    width: calc(100% - 100px);
    background-color: rgba(170, 170, 170, .1);
    padding: 143px 50px;
    display: flex;
    flex-direction: column;
    margin: 146px 0 0 0;
}

.others-news .others-news-inner {
    width: 100%;
    max-width: 1456px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.others-news-inner .title {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.others-news-inner .title h3 {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    position: relative;
    padding: 0;
    display: inline-block;
    overflow: hidden;
}

.others-news-inner .title h3 span {
    display: block;
    position: relative;
    font-family: "Garet Bold", sans-serif;
    text-transform: uppercase;
}

.others-news-inner .title h3 span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-left: 30px;
    background-color: rgba(0, 0, 0, .35);
}

.others-news-inner .items {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 68px 0 0 0;
}

.others-news-inner .items {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.others-news-inner .items .item {
    width: calc(33.33% - 30px);
    padding: 0 30px 0 0;
    display: flex;
    flex-direction: column;
}

.others-news-inner .items .item-date {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.others-news-inner .items .item-date p {
    color: var(--secondary-color);
    font-size: 12px;
    line-height: 18px;
    font-family: "Garet Medium", sans-serif;
}

.others-news-inner .items .item-title {
    width: 100%;
    max-width: 387px;
    margin: 12px 0 0 0;
}

.others-news-inner .items .item-title h4 {
    color: #000;
    font-size: 20px;
    line-height: 32px;
    font-family: "Garet Medium", sans-serif;
}

.others-news-inner .items .item-link {
    width: 100%;
    margin: 42px 0 0 0;
    display: flex;
    flex-direction: row;
}

.others-news-inner .items .item-link a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 30px;
    min-height: 50px;
    background-color: var(--primary-color);
    border-radius: 25px;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.others-news-inner .items .item-link a:hover {
    background-color: var(--secondary-color);
}

.others-news-inner .items .item-link a span {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-family: "Garet Bold", sans-serif;
}

.others-news-inner .items .item-link a i {
    margin: 0 0 0 15px;
    color: #fff;
}

/* Responsive start here */
@media only screen and (max-width: 1800px) {

    /* Header */
    /* Content */
    .home-investors-text,
    .about-mission-text {
        width: 500px;
        padding: 80px 100px;
    }

    /* Details */
    .single-member-wrapper .single-member-wrapper-left {
        padding: 0 100px 0 0;
    }

    .single-member-wrapper .single-member-wrapper-right {
        width: calc(50% - 290px);
        margin: 110px 0 0 0;
        padding: 0 240px 0 50px;
    }

    /* Footer */
}

@media only screen and (max-width: 1500px) {

    /* Header */
    .neolys_header {
        width: calc(100% - 80px);
        padding: 25px 40px;
    }

    body.cmplz-document .neolys_header {
        width: calc(100% - 80px);
        padding: 20px 40px;
    }

    .neolys_header.fixed {
        width: calc(100% - 80px);
        padding: 20px 40px;
    }

    .menu-neolys-main-menu-container .menu li a {
        padding: 5px 15px;
        font-size: 14px;
    }

    .page-template-home .navbar-lang ul li.globe i {
        font-size: 16px;
    }

    .navbar-lang {
        margin-left: 30px;
    }

    .page-template-home .navbar-lang ul li a {
        font-size: 14px;
    }

    .navbar-logo a {
        width: 180px;
    }

    /* Content */
    .about-mission {
        margin: 170px 0 0 0;
    }

    .home-mission,
    .home-investors {
        margin: 200px 0 0 0;
    }

    .home-banner-inner-text,
    .about-banner-inner-text {
        padding-left: 40px;
    }

    .home-banner-inner-text h1,
    .about-banner-inner-text h1,
    .science-banner-inner-text h1,
    .pipeline-banner-inner-left .title {
        font-size: 70px;
        line-height: 60px;
    }

    .home-banner-inner-image img {
        width: auto;
        max-width: calc(100% - 120px);
    }

    .home-mission {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .home-mission-inner-right:before {
        width: 250px;
        height: 250px;
    }

    .home-mission-inner-right .mission-image-1 {
        top: 40px;
        left: unset;
        right: 430px;
    }

    .home-mission-inner-right .mission-image-1 img {
        width: 180px;
        height: 180px;
    }

    .home-mission-inner-right .mission-image-2 {
        top: 50px;
        left: unset;
        right: 100px;
    }

    .home-mission-inner-right .mission-image-2 img {
        width: 400px;
        height: 400px;
    }

    .home-mission-inner-right:after {
        width: 90px;
        height: 90px;
        left: unset;
        bottom: 190px;
        right: 400px;
    }

    .home-investors-text,
    .about-mission-text {
        width: auto;
    }

    .home-investors-text-inner,
    .about-mission-text-inner {
        max-width: 100%;
    }

    .home-investors-text-inner .title,
    .about-mission-text-inner .title,
    .science-mechanism-inner-left .title,
    .science-effects-inner .title {
        max-width: 387px;
        font-size: 60px;
        line-height: 50px;
    }

    .science-effects-inner .title {
        max-width: 500px;
    }

    .home-news,
    .home-partners {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    /* About */
    .about-banner {
        padding: 125px 0 0 0;
    }

    .about-who {
        margin: 150px auto 0 auto;
    }

    .about-who-inner-left {
        padding-left: 40px;
    }

    .about-team {
        margin: 150px 0 50px 0;
    }

    /* Science */
    .science-banner {
        width: calc(100% - 80px);
        padding: 125px 40px 0 40px;
    }

    .science-banner-inner-text {
        padding: 0 40px 0 0;
    }

    .science-banner-inner-image {
        padding: 0 0 0 40px;
    }

    .science-mechanism {
        width: calc(100% - 80px);
        margin: 150px 0 0 0;
        padding: 0 40px;
    }

    .science-prostate-cancer {
        margin: 150px 0 0 0;
    }

    /* .science-prostate-cancer img {
        width: calc(100% - 150px);
    } */

    .science-prostate-cancer-text {
        width: calc(100% - 700px);
        margin: 150px 0;
        padding: 80px 120px 80px 100px;
    }

    .science-prostate-cancer-text:before {
        font-size: 400px;
        top: -160px;
    }

    .science-prostate-cancer-text:after {
        content: "“";
        font-size: 400px;
        bottom: -160px;
        right: 200px;
    }

    .science-effects {
        width: 100%;
        padding: 250px 0 205px 0;
        margin: -150px 0 0 0;
    }

    .science-effects-inner .items {
        margin: 80px -15px 0 -15px;
    }

    .science-video {
        width: calc(100% - 80px);
        padding: 0 40px;
        margin: 150px 0 0 0;
    }

    /* Pipeline */
    .pipeline-banner {
        padding: 125px 0 0 0;
    }

    .pipeline-banner-inner-left {
        padding-left: 40px;
    }

    .pipeline-banner-inner-right {
        width: calc(50% - 100px);
    }

    .pipeline-rm-581 {
        margin: 0 0 140px 0;
    }

    .pipeline-history {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .pipeline-history-inner {
        padding: 140px 0;
    }

    .timeline {
        margin: 120px 0 0 0;
    }

    /* News */
    .news {
        width: calc(100% - 80px);
        margin: 125px 0 267px 0;
        padding: 120px 40px 0 40px;
    }

    /* Join us */
    .contact {
        margin: 125px 0 150px 0;
        padding: 125px 0 0 0;
    }

    .contact-inner .contact-inner-left {
        padding: 0 50px 0 40px;
    }

    /* FAQ */
    .faq {
        padding: 125px 0;
    }

    .faq-inner {
        margin: 120px 0;
    }

    .faq-inner-left .title {
        font-size: 60px;
        line-height: 52px;
    }

    .faq-inner-left {
        width: calc(50% - 40px);
        padding: 0 0 0 40px;
    }

    .single-member-wrapper .single-member-wrapper-right {
        margin: 90px 0 0 0;
        padding: 0 180px 0 0;
    }

    .single-member-wrapper-right .social-media {
        margin: 35px 0 0 0;
    }

    .single-member-wrapper-right .arrow-right {
        right: -100px;
        width: 200px;
        height: 200px;
    }

    .single-member-wrapper-right .arrow-right a {
        left: -50px;
    }

    .single-member-wrapper-right .description {
        margin: 50px 0 0 0;
    }

    /* Details */
    .single-member-wrapper {
        padding: 125px 0;
    }

    .single-member-wrapper .single-member-wrapper-left {
        padding: 0 100px 0 0;
    }

    body.cmplz-document .cmplz-document-title {
        width: calc(100% - 80px);
        padding: 0 40px;
        margin: 170px auto 30px auto;
    }

    body.cmplz-document .neolys-content #cmplz-document {
        width: calc(100% - 80px);
        padding: 0 40px;
        margin: 10px auto 30px auto;
    }

    /* Footer */
    .neolys-footer {
        width: calc(100% - 80px);
        padding: 50px 40px;
        border-bottom: solid 10px var(--primary-color);
    }

    .neolys-footer-inner {
        justify-content: space-between;
    }

    .neolys-footer-inner-left {
        width: auto;
    }

    .home-mission-inner-left p,
    .about-who-inner-left p {
        margin: 30px 0 0 0;
    }

    .home-mission-inner-left a,
    .about-who-inner-left a {
        margin: 40px auto 0 0;
    }

    .neolys-footer-inner-right {
        width: auto;
    }

    .single-post-inner {
        margin: 100px auto 0 auto
    }

    .others-news {
        width: calc(100% - 80px);
        padding: 120px 40px;
    }

}

@media only screen and (max-width: 1300px) {

    /* Header */
    .neolys_header {
        width: calc(100% - 70px);
        padding: 25px 35px;
    }

    .neolys_header.fixed {
        width: calc(100% - 70px);
        padding: 20px 35px;
    }

    body.cmplz-document .neolys_header {
        width: calc(100% - 70px);
        padding: 20px 35px;
    }

    .navbar-logo a {
        width: 150px;
    }

    .navbar-lang {
        margin-left: 20px;
    }

    .menu-neolys-main-menu-container .menu li {
        margin: 0 5px 0 0;
    }

    .menu-neolys-main-menu-container .menu li a {
        padding: 5px 12px;
        font-size: 13px;
    }

    /* Content */
    .about-banner {
        padding: 112px 0 0 0;
    }

    .home-banner-inner-text,
    .about-banner-inner-text {
        padding-left: 35px;
    }

    .about-banner-inner-image {
        width: 50%;
        align-items: center;
        padding: 0;
    }

    .about-banner .background-image-decoration {
        top: calc(50% + 50px);
        width: calc(50% + 150px);
    }

    .about-banner-inner-image img {
        max-width: 100%;
        right: -122px;
    }

    .home-mission,
    .home-investors {
        margin: 150px 0 0 0;
    }

    .home-mission {
        width: calc(100% - 70px);
        padding: 0 35px;
    }

    .home-banner,
    .about-banner,
    .science-banner {
        min-height: 650px;
    }

    .home-banner-inner-text h1,
    .about-banner-inner-text h1,
    .science-banner-inner-text h1,
    .pipeline-banner-inner-left .title {
        max-width: 500px;
        font-size: 60px;
        line-height: 50px;
    }

    .home-banner-inner-image img {
        width: auto;
        max-width: calc(100% - 90px);
    }

    .home-mission-inner-left {
        width: 400px;
    }

    .home-mission-inner-left .title,
    .about-who-inner-left .title {
        font-size: 60px;
        line-height: 50px;
    }

    .home-mission-inner-right {
        width: calc(100% - 400px);
    }

    .home-mission-inner-right .mission-image-1 {
        right: 390px;
    }

    .home-mission-inner-right:after {
        bottom: 70px;
    }

    .home-mission,
    .home-investors,
    .about-mission {
        margin: 100px 0;
    }

    .home-investors-text,
    .about-mission-text {
        padding: 60px 80px;
    }

    .home-investors-text-inner p {
        margin: 30px 0 0 0;
    }

    .home-news-partners {
        padding: 330px 0 145px 0;
        margin: -250px 0 0 0;
    }

    .home-news,
    .home-partners {
        width: calc(100% - 70px);
        padding: 0 35px;
    }

    .about-team {
        margin: 120px 0 50px 0;
    }

    /* About */
    .about-mission-text {
        margin: 80px 0 0 0;
    }

    .about-counters-inner-text p {
        padding: 0 0 80px 0;
    }

    .about-counters {
        padding: 200px 0 110px 0;
    }

    .about-counters-inner-text p {
        width: calc(100% - 60px);
        font-size: 24px;
        line-height: 42px;
        padding: 0 30px 60px 30px;
    }

    .about-counters-inner-numbers {
        padding: 80px 0 0 0;
    }

    .about-counters-inner-numbers .source {
        margin: 50px 0 0 0;
    }

    .about-counters-inner-numbers .items .item p {
        font-size: 18px;
        line-height: 24px;
    }

    .about-counters-inner-numbers .items .item ul li:first-child {
        font-size: 38px;
        line-height: 48px;
    }

    .about-who {
        margin: 120px auto 0 auto;
    }

    .about-who-inner-left {
        padding-left: 35px;
    }

    .about-team {
        width: calc(100% - 70px);
        padding: 0 35px;
    }

    .about-team-inner .items .items-group-inner {
        margin: 70px -30px 0px -30px;
        width: calc(100% + 60px);
    }

    .about-team-inner .items .items-group .subtext {
        margin: 30px 0 0 0;
    }

    .about-team-inner .items .items-group.three .item {
        width: calc(33.33% - 60px);
        padding: 0 30px;
    }

    .about-team-inner .items .items-group.one h3 {
        max-width: calc(100% - 40px);
    }

    .about-team-inner .items .items-group.one .items-group-inner .item {
        width: 100%;
        padding: 0 40px 0 0;
    }

    .about-team-inner .items .items-group.two {
        width: calc(66.66% - 20px);
        padding: 0 0 0 20px;
    }

    .about-team-inner .items .items-group.two .item:nth-child(1) {
        padding: 0 30px 0 0;
    }

    .about-team-inner .items .items-group.two .item:nth-child(2) {
        padding: 0 0 0 30px;
    }

    .about-team-inner .items .items-group.two .item {
        width: calc(50% - 30px);
    }

    .about-team-inner .items .items-group .items-group-inner .item .item-image {
        height: 320px;
    }

    .about-team-inner .items .items-group .items-group-inner .item .item-name {
        margin: 30px 0 0 0;
    }

    /* Science */
    .science-banner {
        width: calc(100% - 70px);
        padding: 112px 35px 0 35px;
    }

    .science-banner-inner-text {
        padding: 0 35px 0 0;
    }

    .science-banner-inner-image {
        padding: 0 0 0 35px;
    }

    .science-mechanism {
        width: calc(100% - 70px);
        margin: 120px 0 0 0;
        padding: 0 35px;
    }

    .science-mechanism-inner-left {
        width: calc(100% - 500px);
        padding: 0 50px 0 0;
    }

    .science-mechanism-inner-right {
        padding: 0 0 0 50px;
        width: 500px;
    }

    .science-prostate-cancer {
        margin: 120px 0 0 0;
    }

    .science-prostate-cancer-text {
        width: calc(100% - 400px);
        margin: 120px 0;
        padding: 60px 80px 60px 100px;
    }

    .science-prostate-cancer-text:before {
        font-size: 300px;
        top: -120px;
    }

    .science-prostate-cancer-text:after {
        font-size: 300px;
        bottom: -120px;
        right: 150px;
    }

    .science-effects {
        width: calc(100% - 70px);
        padding: 240px 35px 205px 35px;
        margin: -120px 0 0 0;
    }

    .science-effects-inner .items {
        margin: 60px -15px 0 -15px;
    }

    .science-video {
        width: calc(100% - 70px);
        padding: 0 35px;
        margin: 120px 0 0 0;
    }

    /* Pipeline */
    .pipeline-banner {
        padding: 112px 0 0 0;
    }

    .pipeline-banner-inner {
        margin: 80px 0;
    }

    .pipeline-banner-inner-left {
        padding-left: 35px;
    }

    .pipeline-banner-inner-right {
        width: calc(50% - 60px);
        margin: 0 0 0 100px;
    }

    .pipeline-banner-inner-right:after {
        width: 300px;
        height: 300px;
        bottom: -100px;
        background-size: 300px 300px;
        right: -150px;
    }

    .pipeline-rm-581 {
        margin: 0 0 100px 0;
    }

    .pipeline-history {
        width: calc(100% - 70px);
        padding: 0 35px;
    }

    .pipeline-history-inner {
        padding: 100px 0;
    }

    .timeline {
        margin: 80px 0 0 0;
    }

    .pipeline-rm-581-inner .progress-bars {
        width: 100%;
        overflow-x: auto;
    }

    .progress-bars p {
        margin: 25px 0 0 0;
    }

    .pipeline-rm-581-inner .progress-bars .progress-bars-inner {
        width: 100%;
        min-width: 991px;
        padding: 0 0 10px 0;
    }

    .pipeline-rm-581-inner .progress-bars-inner-content .item {
        min-height: 50px;
    }

    .pipeline-rm-581-inner .progress-bars-inner-content .item .item-inner span {
        font-size: 16px;
        line-height: 20px;
    }

    .pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title ul li.steps {
        min-width: 200px;
    }

    .pipeline-rm-581-inner .progress-bars-inner .progress-bars-inner-title ul li {
        margin: 0 20px 0 0;
        font-size: 15px;
        line-height: 20px;
    }

    /* News */
    .news {
        width: calc(100% - 70px);
        margin: 112px 0 167px 0;
        padding: 90px 35px 0 35px;
    }

    /* Join us */
    .contact {
        margin: 112px 0 120px 0;
        padding: 100px 0 0 0;
    }

    .contact-details .title {
        font-size: 42px;
        line-height: 34px;
        max-width: 280px;
    }

    .contact-inner .contact-inner-left {
        padding: 0 40px 0 35px;
    }

    .contact-inner .contact-inner-left .contact-details,
    .contact-inner .form {
        max-width: 450px;
    }

    /* FAQ */
    .faq {
        padding: 112px 0;
    }

    .faq-inner {
        margin: 80px 0;
    }

    .faq-inner-left .title {
        font-size: 50px;
        line-height: 52px;
    }

    .faq-inner-left {
        width: calc(50% - 25px);
        padding: 0 0 0 35px;
        max-width: 100%;
    }

    .faq-inner-left .faq-items {
        margin: 70px 0 0 0;
    }

    .faq-inner-left .faq-items .faq-item {
        padding: 36px 0;
    }

    .faq-inner-right {
        width: calc(100% - 80px);
        margin: 0 0 0 80px;
        padding: 0;
    }

    .faq-inner-right .faq-inner-right-text {
        margin: 80px 0 0 0;
    }

    /* Details */
    .single-member-wrapper {
        padding: 112px 0;
    }

    .single-member-wrapper .single-member-wrapper-left {
        padding: 0 40px 0 0;
    }

    .single-member-wrapper .single-member-wrapper-right {
        width: calc(50% - 160px);
        margin: 60px 0 0 0;
        padding: 0 120px 0 40px;
    }

    body.cmplz-document .cmplz-document-title {
        width: calc(100% - 70px);
        padding: 0 35px;
        margin: 170px auto 30px auto;
    }

    body.cmplz-document .neolys-content #cmplz-document {
        width: calc(100% - 70px);
        padding: 0 35px;
        margin: 10px auto 0 auto;
    }

    /* Single post */
    .single-post-inner {
        width: calc(100% - 80px);
        padding: 0 70px;
        margin: 100px auto 0 auto;
    }

    .others-news {
        width: calc(100% - 70px);
        padding: 120px 35px;
    }

    .single-post .single-post-inner-title h2 {
        font-size: 36px;
        line-height: 50px;
    }

    /* Footer */
    .neolys-footer {
        width: calc(100% - 70px);
        padding: 50px 35px;
    }

    .neolys-footer-inner-left ul.menu li {
        margin: 0 20px 0 0;
    }

    .neolys-footer-inner-left p {
        margin: 0 0 0 20px;
    }

    .neolys-footer-inner-right .wp-block-image {
        width: 50px;
        margin: 0 0 0 20px;
    }
}

@media only screen and (max-width: 1200px) {

    /* Header */
    /* Content */
    .home-banner,
    .about-banner,
    .science-banner {
        height: auto;
        min-height: auto;
    }

    .home-banner-inner,
    .about-banner-inner,
    .science-banner-inner {
        padding: 80px 0;
    }

    .home-mission-inner-left .title,
    .about-who-inner-left .title {
        font-size: 40px;
        line-height: 40px;
        margin: 20px 0 0 0;
    }

    .home-mission-inner-left p,
    .about-who-inner-left p {
        max-width: 100%;
        margin: 25px 0 0 0;
    }

    .home-mission-inner-right:before {
        width: 210px;
        height: 210px;
    }

    .home-mission-inner-right:after {
        right: 340px;
        bottom: 45px;
    }

    .home-mission-inner-right .mission-image-1 {
        right: 335px;
    }

    .home-mission-inner-right .mission-image-1 img {
        width: 150px;
        height: 150px;
    }

    .home-mission-inner-right .mission-image-2 {
        right: 60px;
    }

    .home-mission-inner-right .mission-image-2 img {
        width: 350px;
        height: 350px;
    }

    /* Single post */
    .others-news-inner .items {
        margin: 40px 0 0 0;
    }

    /* Footer */
    .neolys-footer-inner-left {
        width: auto;
        flex-direction: column;
    }

    .neolys-footer-inner-left p {
        margin: 10px 0 0 0;
    }

    .neolys-footer-inner-right .wp-block-image {
        width: 60px;
        margin: 0 0 0 25px;
    }
}

@media only screen and (max-width: 991px) {

    /* Header */
    .neolys_header {
        width: calc(100% - 45px);
        padding: 20px 15px 20px 30px;
    }

    .neolys_header.fixed {
        width: calc(100% - 45px);
        padding: 20px 15px 20px 30px;
    }

    body.cmplz-document .neolys_header {
        width: calc(100% - 45px);
        padding: 20px 15px 20px 30px;
    }

    .navbar-menu {
        display: none;
    }

    .mobile-navbar-menu {
        width: 100vw;
        height: calc(100vh - 116px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        pointer-events: none;
        background-color: transparent;
        position: absolute;
        top: 0;
        left: 0;
        margin: 91px 0 25px 0;
        z-index: -1;
        opacity: 0;
        overflow-y: auto;
    }

    .neolys_header.open .mobile-navbar-menu {
        opacity: 1;
        pointer-events: all;
        z-index: 10001;
    }

    .mobile-navbar-menu .menu {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 25px;
    }

    .mobile-navbar-menu .menu li {
        width: 100%;
        margin: 0 0 20px 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .mobile-navbar-menu .menu li:last-child {
        margin: 0;
    }

    .mobile-navbar-menu .menu li a {
        width: auto;
        padding: 0;
        font-size: 24px;
        line-height: 30px;
    }

    .neolys_header.open .mobile-navbar-menu .menu li a {
        color: #fff;
    }

    .neolys_header.open .mobile-navbar-menu .menu li.current_page_item a {
        color: var(--secondary-color);
    }

    .menu-neolys-main-menu-container .menu li.current_page_item a,
    .menu-neolys-main-menu-container .menu li a:hover {
        border: none;
        color: var(--secondary-color);
    }

    .neolys_header.fixed .mobile-navbar-menu .menu li a {
        color: #fff;
    }

    .neolys_header.fixed .menu-neolys-main-menu-container .menu li.current_page_item a,
    .neolys_header.fixed .menu-neolys-main-menu-container .menu li a:hover {
        color: var(--secondary-color);
    }

    .navbar-toggle {
        order: 3;
        display: block;
    }

    .navbar-lang {
        margin: 0 auto;
        order: 2;
    }

    .navbar-lang ul li.globe {
        margin-right: 0;
    }

    .navbar-lang ul li.globe i {
        font-size: 16px;
        margin: 0 7px 0 0;
    }

    .navbar-logo {
        margin: 0;
        order: 1;
    }

    .navbar-logo a {
        width: 120px;
    }

    .neolys_header.fixed .navbar-logo a {
        width: 110px;
    }

    .neolys_header.open .navbar-logo a svg path,
    .neolys_header.open .navbar-logo a svg rect {
        fill: #fff;
    }

    .neolys_header.open .navbar-lang ul li a {
        color: #fff;
    }

    .neolys_header.open .navbar-lang ul li a:before {
        color: #fff;
    }

    .neolys_header.open .navbar-toggle button svg g path {
        stroke: #fff;
    }

    /* Content */
    .home-banner,
    .about-banner {
        height: auto;
        min-height: auto;
        padding: 91px 0 0 0;
    }

    .home-banner-inner-text,
    .about-banner-inner-text {
        padding-left: 30px;
    }

    .home-banner-inner-text h1,
    .about-banner-inner-text h1,
    .science-banner-inner-text h1,
    .pipeline-banner-inner-left .title {
        max-width: 400px;
        font-size: 50px;
        line-height: 42px;
    }

    .home-mission,
    .home-investors {
        margin: 120px 0 0 0;
    }

    .home-mission {
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    .home-mission .background-image-decoration {
        width: calc(100% - 100px);
    }

    .home-mission-inner {
        flex-direction: column-reverse;
    }

    .home-mission-inner-left {
        width: 100%;
        margin: 50px 0 0 0;
    }

    .home-mission-inner-right {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: relative;
    }

    .home-mission-inner-right:before {
        position: absolute;
        right: calc(50% - 250px);
    }

    .home-mission-inner-right .mission-image-1 {
        position: absolute;
        left: calc(50% - 150px);
        transform: translateX(-50%);
        right: unset;
        top: -15px;
    }

    .home-mission-inner-right .mission-image-2 {
        position: relative;
        right: unset;
        left: unset;
        top: 0;
    }

    .home-mission-inner-right:after {
        right: calc(50% + 80px);
        bottom: -5px;
    }

    .home-investors-text {
        margin: 100px 0;
    }

    .home-investors-text-inner .title,
    .home-mission-inner-left .title,
    .about-who-inner-left .title,
    .home-mission-inner-left .title,
    .science-mechanism-inner-left .title,
    .science-effects-inner .title {
        max-width: 300px;
        font-size: 50px;
        line-height: 44px;
    }

    .science-effects-inner .title {
        max-width: 400px;
    }

    .home-mission-inner-left .title {
        max-width: 100%;
    }

    .home-investors-text-inner p,
    .about-mission-text-inner p,
    .science-effects-inner p {
        margin: 20px 0 0 0;
    }

    .home-investors-text-inner a {
        margin: 30px auto 0 0;
    }

    .home-partners {
        margin: 100px 0 0 0;
    }

    .home-news-partners {
        margin: -100px 0 0 0;
        padding: 200px 0 100px 0;
    }

    .home-news,
    .home-partners {
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    .home-news-inner .items,
    .home-partners-inner .items {
        margin: 40px 0 0 0;
    }

    .home-partners-inner .items {
        flex-wrap: wrap;
    }

    .home-news-inner .items .item {
        padding: 0;
        margin: 0 30px 0 0;
        min-width: 150px;
    }

    .home-news-inner .items .item .more a {
        margin: 30px 0 0 0;
    }

    .home-news-inner .items .item .title {
        max-width: 100%;
    }

    .home-news-inner .items .item .title h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .home-news-partners {
        padding: 200px 0 60px 0;
        margin: -100px 0 0 0;
    }

    .home-mission,
    .home-investors,
    .about-mission {
        margin: 60px 0;
    }

    /* About */
    .about-banner .background-image-decoration {
        top: calc(50% + 50px);
        width: calc(50% + 120px);
    }

    .about-counters-inner-numbers .items .item {
        width: calc(20% - 10px);
        padding: 0 10px;
    }

    .about-who {
        margin: 80px auto 0 auto;
    }

    .about-who-inner-left {
        padding-left: 30px;
    }

    .about-team {
        width: calc(100% - 60px);
        padding: 0 30px;
        margin: 80px 0 0 0;
    }

    .about-team-inner .items .items-group-inner {
        margin: 70px -20px 0 -20px;
        width: calc(100% + 40px);
    }

    .about-team-inner .items .items-group .subtext {
        margin: 20px 0 0 0;
    }

    .about-team-inner .items .items-group.three .item {
        width: calc(33.33% - 40px);
        padding: 0 20px;
        margin: 0 0 40px 0;
    }

    .about-team-inner .items .items-group.one h3 {
        max-width: calc(100% - 30px);
    }

    .about-team-inner .items .items-group.one .items-group-inner .item {
        width: 100%;
        padding: 0 30px 0 0;
        margin: 0;
    }

    .about-team-inner .items .items-group.two {
        width: calc(66.66% - 13px);
        padding: 0 0 0 13px;
    }

    .about-team-inner .items .items-group.two .item:nth-child(1) {
        padding: 0 20px 0 0;
    }

    .about-team-inner .items .items-group.two .item:nth-child(2) {
        padding: 0 0 0 20px;
    }

    .about-team-inner .items .items-group.two .item {
        width: calc(50% - 20px);
        margin: 0 0 40px 0;
    }

    .about-team-inner .items .items-group .items-group-inner .item .item-image {
        height: 280px;
    }

    .about-team-inner .items .items-group .items-group-inner .item .item-name {
        margin: 20px 0 0 0;
    }

    /* Science */
    .science-banner {
        width: 100%;
        padding: 90px 0 0 0;
    }

    .science-banner-inner {
        width: calc(100% - 60px);
        padding: 80px 30px;
    }

    .science-banner-inner-text {
        padding: 0 30px 0 0;
    }

    .science-banner-inner-image {
        padding: 0 0 0 30px;
    }

    .science-mechanism-inner-left {
        width: 50%;
        padding: 0 30px 0 0;
    }

    .science-mechanism-inner-right {
        width: 50%;
        padding: 0 0 0 30px;
    }

    .science-mechanism {
        margin: 80px 0 0 0;
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    .science-mechanism-inner-right .advantages ul,
    .science-mechanism-inner-right .articles ul {
        margin: 30px 0 0 0;
    }

    .science-mechanism-inner-right .articles {
        margin: 40px 0 0 0;
        padding: 50px 0 0 0;
    }

    .science-prostate-cancer {
        margin: 80px 0 0 0;
    }

    .science-prostate-cancer-text {
        width: calc(100% - 200px);
        margin: 80px 0;
        padding: 50px 70px 50px 80px;
    }

    .science-prostate-cancer-text:before {
        font-size: 200px;
        top: -80px;
    }

    .science-prostate-cancer-text:after {
        font-size: 200px;
        bottom: -80px;
        right: 100px;
    }

    .science-effects {
        width: calc(100% - 60px);
        padding: 150px 30px 90px 30px;
        margin: -80px 0 0 0;
    }

    .science-effects-inner .items {
        margin: 60px -10px 0 -10px;
    }

    .science-effects-inner .items .item {
        width: calc(50% - 20px);
        margin: 0 10px 68px 10px;
    }

    .science-effects-inner .items .item img {
        margin: 20px 0 0 0;
    }

    .science-effects-inner a {
        margin: 0 auto;
    }

    .science-video {
        width: calc(100% - 60px);
        padding: 0 30px;
        margin: 90px 0 0 0;
    }

    .science-video-inner .video-wrapper {
        margin: 30px 0 0 0;
        width: 100%;
    }

    .science-video-inner .video-wrapper .video-wrapper-image {
        height: 100%;
    }

    .science-video-inner .video-wrapper .video-wrapper-image img {
        max-width: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* Pipeline */
    .pipeline-history {
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    .pipeline-history-inner {
        padding: 80px 0;
    }

    .pipeline-banner-inner-left {
        padding-left: 30px;
    }

    .pipeline-rm-581 {
        width: calc(100% - 60px);
        padding: 0 30px;
        margin: 0 0 60px 0;
    }

    .timeline {
        margin: 50px 0 0 0;
    }

    .timeline-item:nth-child(2n+1) {
        padding: 0;
    }

    .timeline-item:nth-child(2n) {
        padding: 0;
        left: calc(50% + 70px);
    }

    .timeline-item:nth-child(2n):before {
        left: -70px;
    }

    .timeline-item-inner {
        width: calc(50% - 140px);
        padding: 35px;
    }

    .timeline-item-inner-year p {
        font-size: 38px;
        line-height: 58px;
    }

    .timeline-item-inner-title p,
    .timeline-item-inner-research p {
        font-size: 18px;
        line-height: 30px;
    }

    /* News */
    .news {
        width: calc(100% - 60px);
        margin: 90px 0 120px 0;
        padding: 60px 30px 0 30px;
    }

    .news-inner .main-item .main-item-title h1,
    .news-inner .main-item .main-item-title h1 a {
        font-size: 50px;
        line-height: 42px;
    }

    .news-inner .main-item .main-item-link {
        margin: 40px 0 0 0;
    }

    .news-inner .items {
        width: calc(100% + 60px);
        margin: 90px -30px 0 -30px;
    }

    .news-inner .items:before {
        width: calc(100% - 60px);
        left: 30px;
    }

    .news-inner .items .item {
        width: calc(33.33% - 60px);
        margin: 0 30px 30px 30px;
    }

    /* Join us */
    .contact {
        margin: 90px 0;
        padding: 60px 0 0 0;
    }

    .contact-inner .contact-inner-left {
        padding: 0 40px 0 30px;
    }

    /* FAQ */
    .faq {
        padding: 90px 0;
    }

    .faq-inner {
        margin: 60px 0;
    }

    .faq-inner-left {
        width: calc(50% - 30px);
        padding: 0 0 0 30px;
    }

    .faq-inner-left .faq-items {
        margin: 50px 0 0 0;
    }

    .faq-inner-left .faq-items .faq-item {
        padding: 25px 0;
    }

    .faq-item .faq-item-content {
        margin: 20px 0 0 0;
    }

    .faq-item .faq-item-title span {
        font-size: 18px;
        line-height: 28px;
    }

    .faq-item-content .faq-item-content-inner p {
        font-size: 15px;
        line-height: 24px;
    }

    .faq-item-content .faq-item-content-inner {
        padding: 30px;
    }

    .faq-inner-right {
        width: calc(50% - 40px);
        margin: 0 0 0 40px;
    }

    .faq-inner-right .faq-inner-right-text {
        margin: 40px 0 0 0;
    }

    .faq-inner-right .faq-inner-right-text .text-description {
        margin: 20px 0 0 0;
    }

    /* Details */
    .single-member-wrapper {
        padding: 90px 0 50px 0;
    }

    .single-member-wrapper .single-member-wrapper-left {
        padding: 0;
    }

    .single-member-wrapper .single-member-wrapper-right {
        width: calc(50% - 130px);
        margin: 40px 0 0 0;
        padding: 0px 90px 0 40px;
    }

    .single-member-wrapper-right .arrow-right {
        right: -70px;
        width: 140px;
        height: 140px;
    }

    .single-member-wrapper-right .arrow-right a,
    .single-member-wrapper-right .arrow-right a {
        left: -30px;
    }

    body.cmplz-document .cmplz-document-title {
        width: calc(100% - 60px);
        padding: 0 30px;
        margin: 140px auto 30px auto;
    }

    body.cmplz-document .neolys-content #cmplz-document {
        width: calc(100% - 60px);
        padding: 0 30px;
        margin: 0 auto;
    }

    /* Single post */
    .single-post {
        padding: 91px 0 0 0;
    }

    .single-post-inner {
        width: calc(100% - 70px);
        padding: 0 35px;
        margin: 70px auto 0 auto
    }

    .others-news {
        width: calc(100% - 60px);
        padding: 80px 30px;
        margin: 100px 0 0 0;
    }

    .others-news-inner .items .item-title h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .single-post .single-post-inner-title h2 {
        font-size: 34px;
        line-height: 48px;
    }

    .single-post-inner .single-post-inner-back {
        margin: 25px 0 0 0;
    }

    /* Footer */
    .neolys-footer {
        width: calc(100% - 60px);
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 768px) {

    /* Header */
    .neolys_header {
        width: calc(100% - 35px);
        padding: 20px 15px 20px 20px;
    }

    .neolys_header.fixed {
        width: calc(100% - 40px);
        padding: 20px 15px 20px 25px;
    }

    body.cmplz-document .neolys_header {
        width: calc(100% - 40px);
        padding: 20px 15px 20px 25px;
    }

    body.cmplz-document .cmplz-document-title {
        font-size: 24px;
        line-height: 32px;
        margin: 130px auto 20px auto;
    }

    .navbar-lang ul li a i {
        font-size: 16px;
        margin: 0 5px 0 0;
    }

    /* Content */
    p {
        font-size: 16px;
        line-height: 30px;
    }

    .neolys-button {
        min-height: 44px;
        padding: 0 20px;
    }

    .neolys-button span {
        font-size: 16px;
        line-height: 22px;
    }

    .home-banner-inner,
    .about-banner-inner,
    .science-banner-inner {
        flex-direction: column-reverse;
        padding: 40px 0 60px 0;
    }

    .home-banner-inner-text,
    .about-banner-inner-text {
        padding-left: 25px;
    }

    .home-banner-inner-text {
        width: calc(100% - 50px);
        padding: 0 25px;
        display: flex;
        flex-direction: column;
    }

    .home-banner-inner-text h1,
    .about-banner-inner-text h1,
    .science-banner-inner-text h1,
    .pipeline-banner-inner-left .title {
        max-width: 100%;
        font-size: 50px;
        line-height: 44px;
    }

    .home-banner-inner-text p,
    .about-banner-inner-text p,
    .science-banner-inner-text p {
        max-width: 100%;
        margin: 25px 0 0 0;
    }

    .home-banner-inner-text a {
        margin: 30px 0 0 0;
        justify-content: center;
    }

    .home-banner-inner-image {
        width: 100%;
        height: auto;
    }

    .home-banner-inner-image img {
        max-width: 100%;
    }

    .home-mission,
    .home-investors {
        margin: 80px 0 0 0;
    }

    .home-mission {
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    .home-mission-inner-left {
        margin: 30px 0 0 0;
    }

    .home-mission .background-image-decoration {
        display: none;
    }

    .home-mission-inner-right:before {
        position: absolute;
        right: calc(50% - 210px);
    }

    .home-mission-inner-right:before {
        width: 180px;
        height: 180px;
    }

    .home-mission-inner-right .mission-image-1 {
        top: -10px;
    }

    .home-mission-inner-right .mission-image-1 img {
        width: 120px;
        height: 120px;
    }

    .home-mission-inner-right .mission-image-2 img {
        width: 300px;
        height: 300px;
    }

    .home-mission-inner-left p,
    .about-who-inner-left p {
        margin: 20px 0 0 0;
    }

    .home-mission-inner-left a,
    .about-who-inner-left a {
        width: calc(100% - 40px);
        justify-content: center;
        margin: 25px auto 0 0;
    }

    .home-news-partners {
        margin: 0;
        padding: 60px 0;
    }

    .home-investors-text,
    .about-mission-text {
        width: calc(100% - 50px);
        max-width: 100%;
        margin: 0;
        border-radius: 0;
        padding: 40px 25px;
    }

    .home-investors-text-inner .title,
    .home-mission-inner-left .title,
    .about-mission-text-inner .title,
    .about-who-inner-left .title,
    .science-mechanism-inner-left .title,
    .science-effects-inner .title {
        max-width: 100%;
        font-size: 40px;
        line-height: 40px;
        margin-top: 20px;
    }

    .home-investors-text-inner p,
    .about-mission-text-inner p,
    .science-mechanism-inner-left p {
        max-width: 100%;
    }

    .science-mechanism-inner-left p,
    .science-effects-inner p {
        margin: 25px 0 0 0;
    }

    .home-investors-text-inner a,
    .about-mission-text-inner a {
        margin: 30px 0 0 0;
        justify-content: center;
    }

    .home-news,
    .home-partners {
        padding: 0 25px;
    }

    .home-news-inner .items {
        margin: 30px 0 0 0;
        flex-direction: column;
    }

    .home-news-inner .items .item {
        width: 100%;
        padding: 0;
        margin: 0 0 30px 0;
    }

    .home-news-inner .items .item .title h4 {
        font-size: 17px;
        line-height: 27px;
    }

    .home-news-inner .items .item .more a {
        width: 100%;
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .home-partners {
        margin: 30px 0 0 0;
    }

    .home-partners-inner .items {
        margin: 30px 0 0 0;
    }

    .home-partners-inner .items .item {
        flex: none;
        width: calc(33.33% - 25px);
        height: auto;
        margin: 0 25px 10px 0;
    }

    .home-mission,
    .home-investors {
        margin: 60px 0;
    }

    .about-mission {
        margin: 0;
    }

    /* About */
    .about-banner .background-image-decoration {
        display: none;
    }

    .home-banner-inner-text,
    .about-banner-inner-text,
    .science-banner-inner-text {
        width: 100%;
        max-width: calc(100% - 50px);
        padding: 0 25px;
    }

    .about-banner-inner-image {
        display: none;
    }

    .about-counters {
        padding: 0 0 60px 0;
        margin: 0;
    }

    .about-counters-inner-text p {
        width: calc(100% - 50px);
        padding: 60px 25px;
        font-size: 20px;
        line-height: 30px;
    }

    .about-counters-inner-numbers {
        padding: 60px 0 0 0;
    }

    .about-counters-inner-numbers .items {
        width: 100%;
        margin: 0;
        flex-direction: column;
    }

    .about-counters-inner-numbers .items .item {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .about-counters-inner-numbers .items .item p {
        min-height: auto;
    }

    .about-counters-inner-numbers .source {
        padding: 0 25px;
        margin: 30px 0 0 0;
    }

    .about-counters-inner-numbers .source p {
        text-align: center;
    }

    .about-who {
        margin: 50px auto 0 auto;
    }

    .about-who-inner {
        flex-direction: column-reverse;
    }

    .about-who-inner-left {
        width: 100%;
        padding: 0 25px;
        margin: 0;
        max-width: calc(100% - 50px);
    }

    .about-who-inner-right {
        width: 100%;
        padding: 0;
        /*justify-content: center;*/
        display: none;
    }

    .about-who-inner-right img {
        max-width: 300px;
        right: 0;
    }

    .about-team {
        width: calc(100% - 50px);
        margin: 60px 0 0 0;
        padding: 0 25px;
    }

    .about-team-inner .items .items-group-inner {
        margin: 65px 0 0 0;
        width: 100%;
    }

    .about-team-inner .items .items-group {
        margin: 40px 0 0 0;
    }

    .about-team-inner .items .items-group:nth-child(1) {
        margin: 0;
    }

    .about-team-inner .items .items-group.three .items-group-inner {
        flex-direction: column;
    }

    .about-team-inner .items .items-group.three .item,
    .about-team-inner .items .items-group.two .item,
    .about-team-inner .items .items-group.one .item {
        width: 100%;
        padding: 0;
        margin: 0 0 30px 0;
    }

    .about-team-inner .items .items-group.three .item:last-child,
    .about-team-inner .items .items-group.two .item:last-child,
    .about-team-inner .items .items-group.one .item:last-child {
        margin: 0;
        padding: 0;
    }

    .about-team-inner .items .items-group.two {
        width: 100%;
        padding: 0;
    }

    .about-team-inner .items .items-group.two .item {
        width: 100%;
    }

    .about-team-inner .items .items-group.two .item:nth-child(1) {
        padding: 0;
    }

    .about-team-inner .items .items-group.two .item:nth-child(2) {
        padding: 0;
    }

    .about-team-inner .items .items-group.one {
        width: 100%;
        padding: 0;
    }

    .about-team-inner .items .items-group.one h3 {
        max-width: 100%;
    }

    .about-team-inner .items .items-group.one .item {
        width: 100%;
    }

    .about-team-inner .items .items-group .items-group-inner .item .item-image {
        height: auto;
        border-radius: 0;
    }

    .about-team-inner .items .items-group .items-group-inner .item .item-image a img {
        max-height: 500px;
        border-radius: 20px;
    }

    .about-team-inner .items .items-group .items-group-inner .item .item-name {
        margin: 15px 0 0 0;
    }

    .about-team-inner .items .items-group .items-group-inner .item .item-post p {
        font-size: 16px;
        line-height: 24px;
    }

    /* Science */
    .science-banner {
        width: 100%;
        padding: 90px 0 0 0;
    }

    .science-banner-inner {
        width: 100%;
        flex-direction: column-reverse;
    }

    .science-banner-inner-text {
        padding: 0 25px;
        width: 100%;
        /* margin: 30px 0 0 0; */
        margin: 0;
    }

    .science-banner-inner-image {
        width: 100%;
        padding: 0;
        display: none;
    }

    .science-banner-inner-image img {
        max-width: 300px;
    }

    .science-mechanism {
        margin: 60px 0 0 0;
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    .science-mechanism .science-mechanism-inner {
        flex-direction: column;
    }

    .science-mechanism-inner-left {
        width: 100%;
        padding: 0;
    }

    .science-mechanism-inner-left .image {
        margin: 40px 0 0 0;
    }

    .science-mechanism-inner-right {
        width: 100%;
        padding: 0;
        margin: 30px 0 0 0;
    }

    .science-mechanism-inner-right .advantages,
    .science-mechanism-inner-right .articles {
        max-width: 100%;
    }

    .science-mechanism-inner-right .articles {
        margin: 30px 0 0 0;
        padding: 30px 0 0 0;
    }

    .science-mechanism-inner-right .advantages ul,
    .science-mechanism-inner-right .articles ul {
        margin: 20px 0 0 0;
    }

    .science-prostate-cancer {
        margin: 60px 0 0 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .science-prostate-cancer img {
        position: relative;
        width: 100%;
        border-radius: 0;
        max-height: 400px;
    }

    .science-prostate-cancer-text-inner {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    .science-prostate-cancer-text {
        width: calc(100% - 50px);
        padding: 40px 25px;
        margin: 0;
        border-radius: 0;
    }

    .science-prostate-cancer-text:before {
        font-size: 80px;
        top: 30px;
        left: -5px;
    }

    .science-prostate-cancer-text:after {
        font-size: 80px;
        bottom: 20px;
        right: 0;
    }

    .science-effects {
        width: calc(100% - 50px);
        padding: 60px 25px;
        margin: 0;
    }

    .science-effects-inner .items {
        margin: 30px 0 0 0;
        width: 100%;
    }

    .science-effects-inner .items .item {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .science-effects-inner .items .item p {
        font-size: 18px;
        line-height: 30px;
    }

    .science-effects-inner a {
        width: calc(100% - 40px);
        justify-content: center;
        margin: 10px 0 0 0;
    }

    .science-effects-inner .items .item img {
        margin: 15px 0 0 0;
    }

    .science-video {
        width: calc(100% - 50px);
        padding: 0 25px;
        margin: 60px 0 0 0;
    }

    .science-video-inner .video-wrapper {
        margin: 30px 0 0 0;
        width: 100%;
        height: 340px;
    }

    .science-video-inner .video-wrapper .video-wrapper-image {
        height: 100%;
    }

    .science-video-inner .video-wrapper {
        height: 260px;
    }

    /* Pipeline */
    .pipeline-banner {
        padding: 90px 0 0 0;
    }

    .pipeline-banner-inner {
        margin: 0;
        flex-direction: column-reverse;
    }

    .pipeline-banner-inner-left {
        width: 100%;
        max-width: calc(100% - 50px);
        margin: 30px 0 0 0;
        padding: 0;
    }

    .pipeline-banner-inner-left p {
        margin: 15px 0 0 0;
    }

    .pipeline-banner-inner-left a {
        width: calc(100% - 40px);
        margin: 25px 0 0 0;
        justify-content: center;
    }

    .pipeline-banner-inner-right {
        width: 100%;
        margin: 0;
        display: none;
    }

    .pipeline-banner-inner-right img {
        width: 100%;
        border-radius: 0;
        min-height: auto;
    }

    .pipeline-banner-inner-right:before {
        border-radius: 0;
    }

    .pipeline-banner-inner-right:after {
        display: none;
    }

    .pipeline-history {
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    .pipeline-history-inner {
        padding: 50px 0;
    }

    .pipeline-banner-inner-left {
        padding-left: 0;
    }

    .pipeline-rm-581 {
        width: calc(100% - 50px);
        padding: 0 25px;
        margin: 50px 0 40px 0;
    }

    .progress-bars p {
        margin: 20px 0 0 0;
    }

    .pipeline-rm-581-inner .progress-bars {
        margin: 32px 0 0 0;
    }

    .pipeline-history-inner p {
        margin: 15px 0 0 0;
    }

    .timeline {
        margin: 50px 0 0 0;
    }

    .timeline:before {
        left: 0;
        transform: none;
    }

    .timeline:after {
        left: 0;
    }

    .timeline-item {
        margin: 0 0 20px 0;
    }

    .timeline-item:first-child {
        margin: 0 0 20px 0;
    }

    .timeline-item:last-child {
        margin-bottom: 0;
    }

    .timeline-item:before {
        width: 20px;
        height: 20px;
        top: calc(50% - 10px);
    }

    .timeline-item:nth-child(2n+1) {
        padding: 0 0 0 30px;
    }

    .timeline-item:nth-child(2n+1):before {
        right: unset;
        left: 0;
        background-color: #fff;
    }

    .timeline-item:nth-child(2n) {
        padding: 0 0 0 30px;
        left: 0;
    }

    .timeline-item:nth-child(2n):before {
        left: 0;
    }

    .timeline-item-inner {
        width: 100%;
        padding: 25px;
    }

    .timeline-item:nth-child(2n+1) .timeline-item-inner:after,
    .timeline-item:nth-child(2n) .timeline-item-inner:after {
        border: 12px solid transparent;
        border-right: 20px solid #ffffff;
        left: -25px;
    }

    .timeline-item:nth-child(2n) .timeline-item-inner:after {
        right: unset;
    }

    .timeline-item-inner-year p {
        font-size: 32px;
        line-height: 50px;
        margin: 0;
    }

    .timeline-item-inner-title p,
    .timeline-item-inner-research p {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .timeline-item-inner-research p {
        margin-top: 5px;
        padding: 0 10px;
        max-width: 100%;
    }

    .pipeline-history .pipeline-history-inner .timeline-legend {
        width: 100%;
        margin: 50px auto 0 auto;
        font-size: 15px;
        line-height: 22px;
    }

    /* News */
    .news {
        width: calc(100% - 50px);
        margin: 90px 0 0 0;
        padding: 25px 25px 0 25px;
    }

    .news-inner .main-item .main-item-title {
        margin: 15px 0 0 0;
    }

    .news-inner .main-item .main-item-title h1,
    .news-inner .main-item .main-item-title h1 a {
        display: flex;
        flex-direction: column;
        font-size: 40px;
        line-height: 36px;
    }

    .news-inner .main-item .main-item-link {
        margin: 20px 0 0 0;
    }

    .news-inner .main-item .main-item-link a {
        width: 100%;
        justify-content: center;
        margin: 0 auto 0 0;
    }

    .news-inner .items {
        width: 100%;
        margin: 40px 0 0 0;
        padding: 40px 0 0 0;
        flex-direction: column;
    }

    .news-inner .items:before {
        width: 100%;
        left: 0;
    }

    .news-inner .items .item {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .news-inner .items .item .item-title h2,
    .news-inner .items .item .item-title h2 a {
        display: flex;
        flex-direction: column;
        font-size: 20px;
        line-height: 30px;
    }

    .news-inner .items .item .item-link {
        margin: 20px 0 0 0;
    }

    .news-inner .items .item .item-link a {
        width: calc(100% - 40px);
        margin: 0 auto 0 0;
        justify-content: center;
    }

    /* Join us */
    .contact {
        margin: 0 0 40px 0;
        padding: 90px 0 0 0;
    }

    .contact-inner {
        flex-direction: column-reverse;
    }

    .contact-inner .contact-inner-left {
        width: 100%;
        max-width: 100%;
        margin: 30px 0 0 0;
    }

    .contact-inner .contact-inner-left {
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    .contact-details .title,
    .contact-details .description,
    .contact-details ul {
        margin: 15px 0 0 0;
    }

    .contact-details ul li span {
        font-size: 14px;
    }

    .contact-inner .form {
        padding: 40px 0 0 0;
        margin: 40px 0 0 0;
    }

    .contact-inner .form .wpcf7 .form-group {
        margin: 0 0 15px 0;
    }

    .contact-inner .form .wpcf7 {
        margin: 25px 0 0 0;
    }

    .contact-inner .form .wpcf7 .form-group .wpcf7-form-control-wrap input,
    .contact-inner .form .wpcf7 .form-group .wpcf7-form-control-wrap textarea {
        height: 50px;
        font-size: 15px;
        line-height: 22px;
        padding: 0 20px;
    }

    .contact-inner .form .wpcf7 .form-group .wpcf7-form-control-wrap textarea {
        height: 100px;
        padding: 20px;
    }

    .contact-inner .contact-inner-left .contact-details,
    .contact-inner .form {
        max-width: 100%;
    }

    .contact-inner .form .wpcf7 .form-group.submit {
        flex-direction: column;
        margin: 0;
    }

    .contact-inner .form .wpcf7 .form-group.submit .wpcf7-form-control {
        width: 100%;
        justify-content: center;
    }

    .contact-inner .form .wpcf7 .form-group.submit:after {
        top: 18px;
        transform: none;
        left: calc(50% + 33px);
    }

    .contact-inner .form .wpcf7 .form-group.submit .required-text {
        margin: 5px auto 0;
    }

    .wpcf7-spinner {
        position: absolute;
        top: 12px;
        right: 10px;
    }

    .contact-inner .contact-inner-right {
        width: 100%;
        margin: 0;
    }

    .contact-inner .contact-inner-right .map {
        height: 420px;
        border-radius: 0;
    }

    .contact-inner .contact-inner-right .map iframe {
        border-radius: 0;
    }

    /* FAQ */
    .faq {
        padding: 90px 0 0 0;
    }

    .faq-inner {
        margin: 0 0 40px 0;
        flex-direction: column;
    }

    .faq-inner-left .title {
        font-size: 50px;
        line-height: 52px;
    }

    .faq-inner-left {
        width: calc(100% - 50px);
        padding: 0 25px;
        margin: 30px 0 0 0;
    }

    .faq-inner-left .faq-items {
        margin: 40px 0 0 0;
    }

    .faq-inner-left .faq-items .faq-item {
        padding: 20px 0;
    }

    .faq-item .faq-item-content {
        margin: 15px 0 0 0;
    }

    .faq-item .faq-item-title span {
        font-size: 16px;
        line-height: 24px;
    }

    .faq-item-content .faq-item-content-inner p {
        font-size: 14px;
        line-height: 20px;
    }

    .faq-item-content .faq-item-content-inner {
        padding: 15px;
        border-radius: 15px;
    }

    .faq-item .faq-item-title span {
        width: calc(100% - 40px);
    }

    .faq-item .faq-item-title i {
        font-size: 16px;
    }

    .faq-inner-right {
        width: 100%;
        margin: 0;
    }

    .faq-inner-right .image {
        display: none;
    }

    .faq-inner-right .image:before,
    .faq-inner-right .image img {
        border-radius: 0;
    }

    .faq-inner-right .image img {
        max-height: 400px;
        min-height: auto;
    }

    .faq-inner-right .image:after {
        width: 300px;
        height: 300px;
        background-size: 300px 300px;
        bottom: -100px;
        right: -150px;
        display: none;
    }

    .faq-inner-right .faq-inner-right-text {
        margin: 40px 0 0 0;
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    .faq-inner-right .faq-inner-right-text .text-description {
        margin: 15px 0 0 0;
    }

    .faq-inner-right .faq-inner-right-text .text-description p {
        max-width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    .faq-inner-right .faq-inner-right-text .text-link a {
        width: calc(100% - 40px);
        justify-content: center;
    }

    /* Details */
    .single-member-wrapper {
        flex-direction: column;
        padding: 90px 0 40px 0;
    }

    .single-member-wrapper .single-member-wrapper-left {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .single-member-wrapper .single-member-wrapper-left img {
        border-radius: 0;
        max-height: 600px;
        object-position: 0 -80px;
    }

    .single-member-wrapper .single-member-wrapper-right {
        width: calc(100% - 50px);
        margin: 30px 0 0 0;
        padding: 0 25px;
    }

    .single-member-wrapper-right h1 {
        font-size: 50px;
        line-height: 48px;
        max-width: 300px;
    }

    .single-member-wrapper-right .social-media,
    .single-member-wrapper-right .description {
        margin: 20px 0 0 0;
    }

    .single-member-wrapper-right .social-media li a {
        width: 42px;
        height: 42px;
    }

    .single-member-wrapper-right .social-media li a i {
        font-size: 16px;
    }

    .single-member-wrapper-right .social-media li a img {
        width: 16px;
    }

    .single-member-wrapper-right .arrow-right {
        width: 40px;
        height: 40px;
        top: unset;
        bottom: -5px;
        right: 25px;
    }

    .single-member-wrapper-right .arrow-right a {
        width: 40px;
        height: 40px;
    }

    .single-member-wrapper-right .description p {
        margin: 0 0 20px 0;
    }

    .single-member-wrapper-right .arrow-right a,
    .single-member-wrapper-right .arrow-right a {
        left: 0;
    }

    .single-member-wrapper-right .arrow-right a i {
        font-size: 16px;
    }

    .single-member-wrapper-right .back {
        margin: 20px 0 0 0;
    }

    body.cmplz-document .neolys-content #cmplz-document {
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    body.cmplz-document .neolys-content #cmplz-document p,
    body.cmplz-document .neolys-content #cmplz-document ul li,
    body.cmplz-document .neolys-content #cmplz-document ol li {
        font-size: 16px;
        line-height: 24px;
    }

    body.cmplz-document .neolys-content #cmplz-document ul li:before,
    body.cmplz-document .neolys-content #cmplz-document ol li:before {
        top: 10px;
    }

    /* Single post */
    .single-post-inner {
        width: calc(100% - 50px);
        padding: 0 25px;
        margin: 50px auto 0 auto;
    }

    .single-post .single-post-inner-title h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .single-post .single-post-inner-date p {
        font-size: 15px;
        line-height: 20px;
    }

    .single-post .single-post-inner-content {
        margin: 20px 0 0 0;
    }

    .single-post .single-post-inner-content p,
    .single-post .single-post-inner-content ul li,
    .single-post .single-post-inner-content ol li {
        font-size: 16px;
        line-height: 30px;
        margin: 0 0 20px 0;
    }

    .single-post .single-post-inner-content ul li,
    .single-post .single-post-inner-content ol li {
        margin: 0;
    }

    .single-post-inner .single-post-inner-back {
        margin: 10px 0 0 0;
    }

    .others-news {
        width: calc(100% - 50px);
        padding: 80px 25px;
        margin: 70px 0 0 0;
    }

    .others-news-inner .items {
        flex-direction: column;
        margin: 30px 0 0 0;
    }

    .others-news-inner .items .item {
        width: 100%;
        padding: 0;
        margin: 0 0 30px 0;
    }

    .others-news-inner .items .item:last-of-type {
        margin: 0;
    }

    .others-news-inner .items .item-title {
        max-width: 100%;
    }

    .others-news-inner .items .item-link {
        margin: 25px 0 0 0;
    }

    /* Footer */
    .neolys-footer {
        width: calc(100% - 50px);
        padding: 30px 25px;
    }

    .neolys-footer-inner {
        flex-direction: column-reverse;
    }

    .neolys-footer-inner-left {
        margin: 20px 0 0 0;
    }

    .neolys-footer-inner-left ul {
        justify-content: center;
    }

    .neolys-footer-inner-right {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .neolys-footer-inner-right ul {
        align-items: center;
        margin: 15px 0 0 0;
    }

    .neolys-footer-inner-right .wp-block-image {
        margin: 0;
    }

    .neolys-footer-inner-left p {
        margin: 15px 0 0 0;
        text-align: center;
        line-height: 20px;
        font-size: 13px;
    }

    .neolys-footer-inner-left ul.menu li a {
        font-size: 13px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 600px) {
    .single-member-wrapper {
        padding: 90px 0 30px 0;
    }

    .single-member-wrapper .single-member-wrapper-left img {
        max-height: 480px;
        object-position: 0 -80px;
    }

    .single-member-wrapper-right .description p {
        font-size: 15px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 480px) {
    /* Header */

    /* Content */
    .home-investors-text-inner .title,
    .home-mission-inner-left .title,
    .about-mission-text-inner .title,
    .about-who-inner-left .title,
    .science-mechanism-inner-left .title,
    .science-effects-inner .title {
        max-width: 100%;
        font-size: 32px;
        line-height: 36px;
    }

    .home-banner-inner,
    .about-banner-inner {
        flex-direction: column;
        padding: 35px 0 50px 0;
    }

    .science-banner-inner {
        padding: 40px 0;
    }

    .home-banner-inner-text,
    .about-banner-inner-text,
    .science-banner-inner-text {
        width: 100%;
        max-width: calc(100% - 40px);
        padding: 0 20px;
    }

    .home-banner-inner-text h1,
    .about-banner-inner-text h1,
    .science-banner-inner-text h1,
    .pipeline-banner-inner-left .title {
        max-width: 100%;
        font-size: 36px;
        line-height: 34px;
        margin: 20px 0 0 0;
    }

    .home-mission,
    .home-investors {
        margin: 60px 0 0 0;
    }

    .home-mission {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    .home-mission-inner-left p {
        margin: 10px 0 0 0;
    }

    .home-mission-inner-right .mission-image-1 {
        top: -10px;
        left: calc(50% - 110px);
    }

    .home-mission-inner-right .mission-image-1 img {
        width: 100px;
        height: 100px;
    }

    .home-mission-inner-right .mission-image-2 img {
        width: 280px;
        height: 280px;
    }

    .home-mission-inner-right:before {
        width: 150px;
        height: 150px;
        right: calc(50% - 180px);
    }

    .home-mission-inner-right:after {
        right: calc(50% + 70px);
        bottom: 0;
    }

    .home-mission-inner-right:after {
        width: 70px;
        height: 70px;
        left: unset;
        bottom: 0;
    }

    .home-mission-inner-right .mission-image-1 {
        top: -10px;
        left: calc(50% - 85px);
    }

    .home-mission-inner-right .mission-image-1 img {
        width: 100px;
        height: 100px;
    }

    .home-mission-inner-right .mission-image-2 img {
        width: 250px;
        height: 250px;
    }

    .home-mission-inner-right:after {
        right: calc(50% + 60px);
    }

    .home-news-partners {
        padding: 50px 0;
    }

    .home-news,
    .home-partners {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    .home-news-partners {
        padding: 40px 0;
    }

    .about-counters-inner-text p {
        padding: 45px 0;
    }

    .about-who-inner-left {
        padding-left: 20px;
    }

    .about-team-inner .items .items-group-inner {
        margin: 60px 0 0 0;
    }

    .about-counters-inner-numbers .source {
        padding: 0 20px;
        margin: 25px 0 0 0;
    }

    .science-mechanism-inner-left p,
    .science-effects-inner p {
        margin: 20px 0 0 0;
    }

    /* Pipeline */
    .pipeline-banner-inner-left {
        max-width: calc(100% - 40px);
        margin: 25px 0 0 0;
    }

    .timeline-item-inner {
        width: 100%;
        padding: 25px 10px;
    }

    /* Science */
    .science-mechanism {
        margin-top: 40px;
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    .science-prostate-cancer {
        margin: 50px 0 0 0;
    }

    .science-effects {
        width: calc(100% - 40px);
        padding: 50px 20px;
    }

    .science-prostate-cancer-text-inner {
        width: calc(100% - 20px);
        padding: 0 10px;
    }

    .science-prostate-cancer-text:before {
        font-size: 60px;
        left: -2px;
    }

    .science-prostate-cancer-text:after {
        font-size: 60px;
    }

    .science-prostate-cancer-text-inner p,
    .science-prostate-cancer-text-inner ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .science-video {
        width: calc(100% - 40px);
        padding: 0 20px;
        margin: 40px 0 0 0;
    }

    .science-video-inner .video-wrapper {
        margin: 20px 0 0 0;
        width: 100%;
        height: 220px;
    }

    .science-video-inner .video-wrapper .video-wrapper-image button {
        width: 70px;
        height: 70px;
    }

    .science-video-inner .video-wrapper .video-wrapper-image button i {
        font-size: 70px;
    }

    /* News */
    .news {
        width: calc(100% - 40px);
        margin: 80px 0 0 0;
        padding: 25px 20px 0 20px;
    }

    /* Join us */
    .contact {
        margin: 0 0 20px 0;
    }

    .contact-inner .contact-inner-left {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    .contact-inner .form {
        padding: 25px 0 0 0;
        margin: 25px 0 0 0;
    }

    .contact-details .title,
    .contact-details .description,
    .contact-details ul {
        margin: 10px 0 0 0;
    }

    /* FAQ */
    .faq-inner {
        margin: 0 0 25px 0;
    }

    .faq-inner-left .title {
        font-size: 36px;
        line-height: 34px;
        margin: 15px 0 0 0;
    }

    .faq-inner-left .faq-items {
        margin: 30px 0 0 0;
    }

    .faq-inner-left .faq-items .faq-item {
        padding: 15px 0;
    }

    .faq-item-content .faq-item-content-inner p {
        font-size: 13px;
        line-height: 18px;
    }

    .faq-inner-right .faq-inner-right-text {
        margin: 30px 0 0 0;
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    /* Details */
    .single-member-wrapper-right h1 {
        font-size: 40px;
        line-height: 38px;
        max-width: 250px;
    }

    .single-member-wrapper .single-member-wrapper-left img {
        max-height: 350px;
        object-position: 0 -60px;
    }

    .single-member-wrapper .single-member-wrapper-right {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    body.cmplz-document .neolys-content #cmplz-document {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    /* Single post */
    .single-post .single-post-inner-title h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .single-post .single-post-inner-content ul,
    .single-post .single-post-inner-content ol {
        margin: 0 0 20px 0;
    }

    .single-post .single-post-inner-content p,
    .single-post .single-post-inner-content ul li,
    .single-post .single-post-inner-content ol li {
        margin: 0 0 15px 0;
        line-height: 26px;
    }

    .single-post .single-post-inner-content ul li,
    .single-post .single-post-inner-content ol li {
        margin: 0;
    }

    .others-news {
        width: calc(100% - 40px);
        padding: 60px 20px;
        margin: 50px 0 0 0;
    }

    /* Footer */
    .neolys-footer {
        width: calc(100% - 40px);
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 380px) {

    /* Header */
    .neolys_header {
        width: calc(100% - 30px);
        padding: 15px 10px 15px 20px;
    }

    .neolys_header.fixed {
        width: calc(100% - 30px);
        padding: 15px 10px 15px 20px;
    }

    body.cmplz-document .neolys_header {
        width: calc(100% - 30px);
        padding: 15px 10px 15px 20px;
    }

    /* Content */
    .home-banner,
    .about-banner,
    .science-banner {
        padding: 80px 0 0 0;
    }

    .home-banner-inner-text {
        width: calc(100% - 40px);
        padding: 0 20px;
    }

    .home-banner-inner-text h1,
    .about-banner-inner-text h1,
    .science-banner-inner-text h1,
    .pipeline-banner-inner-left .title {
        font-size: 32px;
        line-height: 30px;
        margin: 15px 0 0 0;
    }

    .home-mission-inner-right:before {
        width: 130px;
        height: 130px;
        top: -20px;
        right: calc(50% - 140px);
    }

    .about-who {
        margin: 50px auto 0 auto;
    }

    /* Science */
    .science-banner {
        width: 100%;
        padding: 80px 0 0 0;
    }

    /* FAQ */

    /* Details */
    .single-member-wrapper {
        padding: 80px 0 25px 0;
    }

    /* Join us */
    .contact {
        margin: 0 0 40px 0;
        padding: 80px 0 0 0;
    }
}

/* Google maps style */
.gm-style .gm-style-iw-c {
    padding: 35px 25px 25px 25px !important;
    min-width: 360px !important;
    border-radius: 0;
    box-shadow: 0px 30px 45px rgba(0, 0, 0, .3);
    border-radius: 10px;
}

.gm-style .gm-style-iw-c .gm-ui-hover-effect {
    top: 0 !important;
    right: 5px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    outline: none;
    position: absolute !important;
}

.gm-style .gm-style-iw-c .gm-ui-hover-effect img {
    width: 30px !important;
    height: 30px !important
}

.gm-style .gm-style-iw-c .gm-style-iw-d {
    padding: 0 !important;
    border-radius: 0
}

.gm-style .gm-style-iw-c .gm-style-iw-chr .gm-style-iw-ch {
    display: none;
}

.gm-style .gm-style-iw-c .gm-style-iw-chr button {
    position: absolute;

}

.neolys-popup-map {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 0
}

.neolys-popup-map img {
    width: 70px;
    margin-bottom: 15px
}

.neolys-popup-map p {
    margin: 0;
    color: #1d1d1b;
    font-family: "Garet Medium", sans-serif;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.neolys-popup-map p a {
    color: #1d1d1b;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.neolys-popup-map p a:hover {
    text-decoration: underline
}

.neolys-popup-map .neolys-popup-map-button {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 10px 0 0
}

.neolys-popup-map a.path {
    background-color: var(--primary-color);
    border: solid 1px var(--primary-color);
    font-size: 14px;
    padding: 10px 50px 10px 15px;
    border-radius: 0;
    margin: 12px 0 0 0;
    text-transform: uppercase;
    font-family: "Garet Medium", sans-serif;
    position: relative;
    color: #fff;
    text-decoration: none;
    transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
    z-index: 10;
    border-radius: 8px;
}

.neolys-popup-map a.path:hover {
    color: var(--primary-color);
    background-color: transparent;
}

.neolys-popup-map a.path:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-size: 16px;
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.neolys-popup-map a.path:hover:after {
    color: var(--primary-color);
}

.gm-style .gm-style-iw-d::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

@media only screen and (max-width: 768px) {
    .gm-style .gm-style-iw-c {
        padding: 30px 20px 20px 20px !important;
        min-width: 300px !important;
    }

    .neolys-popup-map img {
        width: 50px;
        margin-bottom: 12px
    }

    .neolys-popup-map p {
        font-size: 14px;
        line-height: 20px;
    }

    .neolys-popup-map a.path {
        font-size: 13px;
        padding: 10px 40px 10px 15px;
        margin: 10px 0 0 0;
    }

    .neolys-popup-map a.path:after {
        font-size: 14px;
        right: 12px;
    }
}

/* Loader */
#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 100000;
}

#loader #lottie-loader {
    width: 100%;
    height: 700px;
    max-height: 100%;
    padding: 50px;
}