/*
Theme Name: TPSI
Theme URI: https://tpsi.com.pe
Author: Elder Ramos
Author URI: https://github.com/Elderguard
Description: Theme for TPSI main website
Version 1.0
*/


@font-face {
    font-family: 'AmberlySans';
    src: url('fonts/amberly\ font\ family/AmberlySans.ttf');
}
@font-face {
    font-family: 'Amberly-Bold';
    src: url('fonts/amberly\ font\ family/Amberly-Bold.ttf');
}
@font-face {
    font-family: 'Amberly-Heavy';
    src: url('fonts/amberly\ font\ family/Amberly-Heavy');
}
@font-face {
    font-family: 'Amberly-Light';
    src: url('fonts/amberly\ font\ family/Amberly-Light.ttf');
}
@font-face {
    font-family: 'Amberly-Medium';
    src: url('fonts/amberly\ font\ family/Amberly-Medium.ttf');
}
@font-face {
    font-family: 'AmberlySans-Black';
    src: url('fonts/amberly\ font\ family/AmberlySans-Black.ttf');
}
@font-face {
    font-family: 'AmberlySans-Bold';
    src: url('fonts/amberly\ font\ family/AmberlySans-Bold.ttf');
}
@font-face {
    font-family: 'AmberlySans-Book';
    src: url('fonts/amberly\ font\ family/AmberlySans-Book.ttf');
}
@font-face {
    font-family: 'AmberlySans-ExtraBold';
    src: url('fonts/amberly\ font\ family/AmberlySans-ExtraBold.ttf');
}
@font-face {
    font-family: 'AmberlySans-Heavy';
    src: url('fonts/amberly\ font\ family/AmberlySans-Heavy.ttf');
}
@font-face {
    font-family: 'AmberlySans-Light';
    src: url('fonts/amberly\ font\ family/AmberlySans-Light.ttf');
}
@font-face {
    font-family: 'AmberlySans-Medium';
    src: url('fonts/amberly\ font\ family/AmberlySans-Medium.ttf');
}
@font-face {
    font-family: 'AmberlySans-SemiBold';
    src: url('fonts/amberly\ font\ family/AmberlySans-SemiBold.ttf');
}
@font-face {
    font-family: 'AmberlySans-Thin';
    src: url('fonts/amberly\ font\ family/AmberlySans-Thin.ttf');
}
@font-face {
    font-family: 'Amberly-SemiBold';
    src: url('fonts/amberly\ font\ family/Amberly-SemiBold.ttf');
}
@font-face {
    font-family: 'zAmberly';
    src: url('fonts/amberly\ font\ family/zAmberly.ttf');
}


:root {
    --Pink-Gradient: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--third-color) 100%);
    --primary-color: #E765B2;
    --secondary-color: #D57DF5;
    --third-color: #FC4C69;
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "AmberlySans";
}


body {
    background-color: #FEFBFE;
    overflow-x: hidden;
}

span {
    white-space: pre-wrap;
}

html {
    scroll-behavior: smooth;
}

/*
    SUPPORT CLASSES
*/


.center{
    margin: 0 auto;
    padding: 0 2%;
}

.clear{
    clear: both;
}

.w50{
    float: left;
    width: 50%;
    padding: 0 15px;
}

.maincontent {
    display: flex;
    width: 100%;
    height: auto;
    background-image: url(images/bg_mask-group.svg);
    background-repeat: no-repeat;
}

.opacity80 {
    opacity: 0.8;
}
.opacity60 {
    opacity: 0.6;
}

/* END OF SUPPORT CLASSES*/



section.page404 {
    padding: 5rem;
    width: 100%;
    display: flex;
    justify-content: center;
}
.page404 > .genericblock1 > .logo-box {
    width: 50%;
    padding: 3rem;
}

/*NAVBAR*/

section.navbar {
    display: flex;
    padding: 2rem 5rem 1rem 5rem;
    background: #FEFBFE;
    /* box-shadow: 0 10px 25px 0 rgba(37, 15, 139, 0.2); */
    align-self: stretch;
    gap: 1rem;
    align-items: center;
    margin:0 auto;
    max-width: 100%;
}

.navbaritems {
    margin: 0 auto;
}

header{
    display: flex;
    gap: 1rem;
}

.navlogo-box{
    display: flex;
    width: 14.1875rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.navlogo-box img {
    height: 2.5rem;
    width: auto;
}

.menu{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: clamp(0.5rem, 1vw, 1rem);
    /* flex: 1 0 0; */
}

.menu li{
    /* display: inline-flex; */
    list-style-type: none;
    margin: 0 0.5rem;
    padding: 0 0.5rem;
    display: flex;
}

.menu li.dropdown {
    position: relative;
}

.menu-pagelinks{
    display: flex;
    height: 2.25rem;
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    white-space: nowrap;
    text-decoration: none;
    color: #222;
    font-size: 14px;
    gap: 0.125rem;
}

.dropdown-title{
    display: flex;
    height: 2.25rem;
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    white-space: nowrap;
    text-decoration: none;
    color: #222;
    font-size: 14px;
    gap: 0.125rem;
    /* flex-direction: column; */
    position: relative;
}
.dropdown-title:hover > .maindropdown-box {
    display: flex;
}
.dropdown-title p {
    display: flex;
}

.maindropdown-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.maindropdown-box {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    background-color: #FEFBFEBB;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.15);
    max-width: 54.5rem;
    border-radius: 1rem;
    position: absolute;
    top: 2rem;
    z-index: 3;
    transform: translateX(-40%);
}

.maindropdown-contentarea {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    width: max-content;
    justify-content: center;
}

.maindropdown-itemframe {
    display: flex;
    width: 17.5rem;
    height: 8.75rem;
    padding: 0.25rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #FAEFFD;
}

.maindropdown-itemcontent {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: flex-end;
    border-radius: 0.5rem;
    overflow: hidden;
    background-color: lightgray;
    text-decoration: none;
}

.image-aboutus {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: inherit;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdownaboutus.png) lightgray -0.5px 0px / 100% 114.545% no-repeat;
}
.image-ourteam {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdownourteam.png) lightgray -0.5px 0px / 100% 114.545% no-repeat;
}
.image-partners {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdownpartners.png) lightgray -0.5px 0px / 100% 114.545% no-repeat;
}
.image-reports {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdownreports.png) lightgray -0.5px 0px / 100% 114.545% no-repeat;
}
.image-blog {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdownblog.png) lightgray -0.5px 0px / 100% 114.545% no-repeat;
}
.image-faq {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdownfaq.png) lightgray -0.5px 0px / 100% 114.545% no-repeat;
}
.image-startups {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdown-incubacion.svg) #2b1230 center / cover no-repeat;
}
.image-corporates {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdown-innovacion.svg) #241033 center / cover no-repeat;
}
.image-social {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdown-sostenibilidad.svg) #221a33 center / cover no-repeat;
}
.image-networking {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdown-comercial.svg) #2a1030 center / cover no-repeat;
}
.image-consulting {
    position: absolute;
    inset: 0;
    aspect-ratio: 277/165;
    width: 100%;
    filter: blur(1.5px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%), url(images/dropdown-consultorias.svg) #251233 center / cover no-repeat;
}


.maindropdown-itemcontent p {
    position: relative;
    margin: 0 1rem 1rem;
    z-index: 1;
    color: #FFF;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: left;
    width: 100%;
    text-wrap: wrap;
}
.menu > .maindropdown-itemcontent {
    height: 100%;
}

.menu-pagelinks.active{
    font-weight: 700;
}

.menu-pagelinks:hover{
    font-weight: 700;
}
.dropdown:hover{
    font-weight: 700;
}

.arrow-down-icon {
    display: flex;
    background-image: url(images/arrow-down-01-round.svg);
    width: 1rem;
    height: 1rem;
    /* background-size: contain; */
    background-repeat: no-repeat;
}
.white-arrow-down-icon {
    display: flex;
    background-image: url(images/white-arrow-down-01-round.svg);
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    background-size: contain;
    background-repeat: no-repeat;
    /* margin-right: -1rem; */
}
.white-arrow-right-icon {
    display: flex;
    background-image: url(images/white-arrow-right-01-round.svg);
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: -1rem;
}
.arrow-diagonal-icon {
    display: flex;
    background-image: url(images/arrow-up-left-01-round.svg);
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: -1rem;
}

.menu-mobile {
    display: none; /*This will be toggled when screen reaches the determined on responsive value*/
    position: absolute;
    margin: auto;
    left: 20px;
    top: 2.5rem;
}

.darkborder-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.lightborder-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}


/*action menu*/
.actionmenu{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    /* margin-left: 1%; */
}

.actionmenu li{
    display: inline-flex ;
    margin: 0 15px;
}

.actionmenu a{
    white-space: nowrap;
    text-decoration: none;
    font-size: 1rem;
    font-style: normal;
    line-height: 100%;
}

.actionmenu a:hover{
    font-weight: 700;
}

.joinus {
    text-decoration: none;
    font-size: 14px;
}

.joinus a {
    background: linear-gradient(90deg, #E765B2, #D57DF5, #FC4C69);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
}

.actionmenu > .highlighted-button {
    padding: 0.75rem 1.5rem;
    gap: 0.5rem;
    border-radius: 0.5rem;
}

.highlighted-link {
    margin-left: 16px;
    text-decoration: none;
    background: linear-gradient(90deg, #E765B2, #D57DF5, #FC4C69);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
}

.actionmenu > .highlighted-button a{
    color: #FEFBFE;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 80%;
}

/*NAVBAR*/

/* HOME PAGE FIRST SECTION*/
section.maincontainer {
    display: flex;
    background-color: #FEFBFE;
    padding: 0 5rem;
    justify-content: center;
    gap: 2.5rem;
}

.maincontainer-block {
    display: flex;
    max-width: 80%;
    align-items: center;
}

.bluecircle {
    background-image: url(images/iconbluecircle.svg);
    width: 2rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: -1rem;
}
.redtriangle {
    background-image: url(images/iconredtriangle.svg);
    width: 2rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: -0.75rem;
}
.bluerectangle {
    background-image: url(images/iconbluerectangle.svg);
    width: 2rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: -0.75rem;
}
.tpsisemicircle {
    background-image: url(images/icontpsisemicircle.svg);
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.maincontainer-textblock {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 1.5rem;
    flex: 1 0 0;
}

.maincontainer-title {
    color: #000;
    font-size: 3rem;
    font-weight: 600;
    line-height: 120%;
    font-style: normal;
}

.maincontainer-description{
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.highlighted-text {
    background: linear-gradient(90deg, #E765B2, #D57DF5, #FC4C69);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
}

.call-to-action{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.call-to-action a{
    font-weight: 400;
}

.highlighted-button{
    display: flex;
    padding: 1rem 1.5rem;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.5rem;
    background: var(--Pink-Gradient);
    text-decoration: none;
    color: #FEFBFEEE;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    cursor: pointer;
    border: none;
    width: fit-content;
}


/* Photo cards*/
.card {
    padding: 16px; 
    transform-origin: top left; 
    background: white; 
    box-shadow: 0px 1px 40px rgba(61, 14, 44, 0.10); 
    border-radius: 8px; 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 16px; 
    display: inline-flex;
}

.card-title {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.card-titletext {
    opacity: 0.80;
    color: black;
    font-size: 1rem;
    font-weight: 400;
    line-height: 100%;
    word-wrap: break-word;
}

.card-picturecontainer {
    align-self: stretch;
    background: white;
    overflow: hidden;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.card-picture {
    align-self: stretch;
    height: 285.61px;
}

.card-footer {
    align-self: stretch;
    opacity: 0.80;
    color: black;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
    font-family: "zAmberly";
}


/* Triple photograph*/
.tripleimage-gallery {
    display: flex;
    width: 60%;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
}

.tripleimage-gallery12 {
    display: flex;
    z-index: 1;
    width: 100%;
}

.tripleimage-card-1 {
    display: flex;
    border-radius: 8px;
    width: 100%;
    padding: 1rem;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.tripleimage-card-1 > .picturecard {
    transform: rotate(-5.96deg);
    padding: 1rem;
    gap: 1rem;
}

.tripleimage-card-1 > .picturecard > .picturecard-titlebox p, .tripleimage-card-2 > .picturecard > .picturecard-titlebox p, .tripleimage-card-3 > .picturecard > .picturecard-titlebox p {
    font-size: 1rem;
}

.tripleimage-card-1 > .picturecard > .picturecard-lowertext, .tripleimage-card-2 > .picturecard > .picturecard-lowertext, .tripleimage-card-3 > .picturecard > .picturecard-lowertext {
    font-size: 1.25rem;
}

.tripleimage-card-2 {
    display: flex;
    width: 100%;
    padding: 1rem;
    flex-direction: column;
    gap: 1rem;
}
.tripleimage-card-2 > .picturecard {
    transform: rotate(5.71deg);
    padding: 1rem;
    gap: 1rem;
}

.tripleimage-gallery3 {
    display: flex;
    margin-top: -7.5rem;
    z-index: 2;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.tripleimage-card-3 {
    display: flex;
    width: 50%;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.tripleimage-card-3 > .picturecard {
    transform: rotate(-1.09deg);
    padding: 1rem;
    gap: 1rem;
}

/**/

section.whatwedo {
    display:flex;
    max-width: 90rem;
    padding: 5rem 5rem 10rem 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    margin: 0 auto;
}

.whatwedo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    align-self: stretch;
}

.icon {
    display: inline-block;
}

/* .iconsB {
    display: inline-block;
} */

h2 {
    display: inline-block;
    font-weight: normal;
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 1rem */
}

.textblock {
    text-align: center;
    width: 66%;
    margin: 0 auto;
    align-self: stretch;
}

.textblockparagraph {
    color: #000;
    text-align: center;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 3.375rem */
}

.bubbles {
    display: flex;
    gap: 1rem;
}

.statistic-bubble {
    display: flex;
    padding: 2.5rem 1rem 1rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(0,0,0,0.04);
    background: #FEFBFE;
    box-shadow: 0 1px 16px 0 rgba(61, 14, 44, 0.04);
}

.statistic-bubble-title {
    align-self: stretch;
    color: #000;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.statistic-bubble-subtitle {
    align-self: stretch;
    color: #000;
    font-family: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.statistic-bubble-text {
    align-self: stretch;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
}

section.whoweare {
    display: flex;
    max-width: 100%;
    padding: 10rem 2.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10rem;
    background: var(--Pink-Gradient);
}

.whowearecontainer {
    display:flex;
    padding: 0 2.5rem;
    align-items: center;
    gap: 3rem;
    align-self: stretch;
    justify-content: center;
}

.textcontainer {
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    flex: 1 0 0;
}

.textcontainer-title {
    display: flex;
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.textcontainer-title h2 {
    display: flex;
    color: #FFF;
}

.textcontainer p {
    display: flex;
    align-self: stretch;
    color: #FFF;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.doubleimage-gallery {
    display: flex;
    width: 50%;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
}

.doubleimage-card1 {
    display: flex;
    border-radius: 8px;
    width: 50%;
    height: 50%;
    padding: 1rem;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 11rem;
    z-index: 2;
}
.doubleimage-card1 > .picturecard {
    transform: rotate(-1.722deg);
    padding: 1rem;
    gap: 1rem;
}
.doubleimage-card1 > .picturecard > .picturecard-titlebox p, .doubleimage-card2 > .picturecard > .picturecard-titlebox p {
    font-size: 1rem;
}
.doubleimage-card1 > .picturecard > .picturecard-lowertext, .doubleimage-card2 > .picturecard > .picturecard-lowertext {
    font-size: 1.25rem;
}
.doubleimage-card1 img {
    display: flex;
    align-self: center;
    justify-self: center;
    width: 200%;
    height: 200%;
    margin-top: -5rem;
    margin-bottom: -7rem;
}

.doubleimage-card2 {
    display: flex;
    width: 50%;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-left: -5rem;
    z-index: 1;
}
.doubleimage-card2 > .picturecard {
    transform: rotate(4.399deg);
    padding: 1rem;
    gap: 1rem;
}
.doubleimage-card2 img {
    width: 100%;
    height: 150%;
    margin-top: -8rem;
}

section.ourhistory {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.5rem;
    background-color: #FEFBFE;
}

.ourhistorycontainer {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    border-radius: 1rem;
    background: #FFF;
}

.ourhistoryblock {
    display: flex;
    width: 50rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}

.ourhistorytextcontainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.ourhistorytextcontainer p {
    color: #000;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.youtubevideo {
    display: flex;
    height: 29.625rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background: #000;
    border-radius: 1rem;
}

.youtubevideo iframe{
    border-radius: 1rem;
    width: 100%;
    height: 100%;
}


.partners {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    align-self: stretch;
}

.partners p {
    color: #000;
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    line-height: 120%;
}

/*** PARTNERS CARROUSEL ***/
.partners-slider {
    width: 100%;
    padding: 1rem 0;
}

.slider-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    align-items: center;
}

.partners-slider img {
    max-width: 30rem;
    max-height: 10rem;
    padding: 0 2rem;
    display: inline-block;
    box-sizing: border-box;
    object-fit: contain;
    vertical-align: middle;
}
/**/


/****SLICK SLIDER****/

.slick-dotted ul{
 list-style-type: none;
 text-align: center;
 position: relative;
 margin-top:10px;
}

.slick-dotted li{
 display: inline-block;
 margin: 0 7px;
}

.slick-dotted button:focus{
 outline: 0;
}

.slick-dotted li button{
 width: 16px;
 height: 16px;
 border-radius: 8px;
 color: #d8d8d8;
 border-width: 0;
 background: #d8d8d8;
 opacity: 1;
 cursor: pointer;
}

li.slick-active button{
 background: #0c3f8a;
 color: #0c3f8a;
}

.slick-slide:focus { outline: none; }

/**END SLICK**/

section.whatweoffer {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 5rem;
    gap: 0.5rem;
}

.whatweofferblock {
    display: flex;
    justify-content: center;
    gap: 4rem;
}

.whatweoffertextcontainer {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.whatweoffertextcontainer-box1 {
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    gap: 1rem;
    align-self: stretch;
}

.whatweoffertextcontainer-box1-title {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-align: left;
}

.whatweoffertextcontainer-box1 p {
    align-self: stretch;
    color: #000;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.whatweoffertextcontainer-box2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 1.5rem;
    flex: 1 0 0;
    align-self: stretch;
}

.whatweoffertextcontainer-box2-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
}

.whatweoffertextcontainer-box2-content p {
    align-self: stretch;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.bubblecontainer {
    display: flex;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.whatweofferbubbleduo {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.bubble {
    display: flex;
    padding: 2.5rem 1rem 1rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #FEFBFE;
    box-shadow: 0 1px 16px 0 rgba(61, 14, 44, 0.04);
    width: 45%;
}

.bubblecontentbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
    height: 100%;
}

.bubbleicon {
    display: flex;
}

.bubbleicon-box {
    display: flex;
    background-image: url(images/bubbleiconbox.svg);
    width: 3rem;
    height: 3rem;
    fill: linear-gradient(0deg, rgba(213, 125, 245, 0.10) 0%, rgba(213, 125, 245, 0.10) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.35) 3.85%, rgba(255, 255, 255, 0.10) 96.15%);
    stroke-width: 1px;
    stroke: var(--Pink-Gradient);
    align-items: center;
    justify-content: center;
}

.bubbleicon-box a {
    display: flexw;
}

.bubblecontent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    align-self: stretch;
}

.bubblecontent-title h3 {
    color:#000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.bubblecontent-text p {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
}

/* BUBBLE ICONS */
.bubbleicon-rocket {
    display: flex;
    background-image: url(images/rocket.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-hearthandshake {
    display: flex;
    background-image: url(images/heart-handshake.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-thought {
    display: flex;
    background-image: url(images/thought.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-coins {
    display: flex;
    background-image: url(images/coins.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-leaf {
    display: flex;
    background-image: url(images/leaf.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-lightbulb {
    display: flex;
    background-image: url(images/lightbulb.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-women {
    display: flex;
    background-image: url(images/women.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-people {
    display: flex;
    background-image: url(images/people.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-trees {
    display: flex;
    background-image: url(images/trees.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.icon-info {
    display: flex;
    background-image: url(images/icon-info.svg);
    width: 1.25rem;
    height: 1.25rem;
    aspect-ratio: 1/1;
}
.icon-rightarrow {
    display: flex;
    background-image: url(images/icons-right-round.svg);
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
}
/* BUBBLE ICONS */


/* SNAPSHOTS */
section.snapshots {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
    align-items: flex-start;
    background: var(--Pink-Gradient);
    flex-direction: column;
}

.snapshotscontent {
    display: flex;
    align-items: flex-start;
    gap: 4rem;
}

.snapshotscontent > .genericblock1-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    width: 50%;
}

.snapshotscontent > .genericblock1-left > .generic-title-box-left h2{
    color: #FFF;
    font-size: 1rem;
}

.snapshotscontent > .genericblock1-left h3 {
    color: #FFF;
    font-size: 3.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.snapshotscontent > .genericblock1-left p {
    color: #FFF;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* quadruple photograph */
.quadrupleimage-gallery {
    display: flex;
    width: 60%;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
}

.quadrupleimage-gallery12 {
    display: flex;
    z-index: 1;
    width: 100%;
}

.quadrupleimage-gallery34 {
    display: flex;
    z-index: 2;
    width: 100%;
}

.quadrupleimage-card-1 {
    display: flex;
    width: 50%;
    flex-direction: column;
}
.quadrupleimage-card-1 > .picturecard {
    transform: rotate(-3.315deg);
    padding: 0.5rem;
    gap: 0.5rem;
}
.quadrupleimage-card-1 > .picturecard > .picturecard-titlebox p, .quadrupleimage-card-2 > .picturecard > .picturecard-titlebox p, .quadrupleimage-card-3 > .picturecard > .picturecard-titlebox p, .quadrupleimage-card-4 > .picturecard > .picturecard-titlebox p {
    font-size: 1rem;
}
.quadrupleimage-card-1 > .picturecard > .picturecard-lowertext, .quadrupleimage-card-2 > .picturecard > .picturecard-lowertext, .quadrupleimage-card-3 > .picturecard > .picturecard-lowertext, .quadrupleimage-card-4 > .picturecard > .picturecard-lowertext {
    font-size: 1.25rem;
}

.quadrupleimage-card-2 {
    display: flex;
    width: 50%;
    flex-direction: column;
}
.quadrupleimage-card-2 > .picturecard {
    transform: rotate(1deg);
    padding: 0.5rem;
    gap: 0.5rem;
}

.quadrupleimage-card-3 {
    display: flex;
    width: 50%;
    flex-direction: column;
}
.quadrupleimage-card-3 > .picturecard {
    transform: rotate(6deg);
    padding: 0.5rem;
    gap: 0.5rem;
}

.quadrupleimage-card-4 {
    display: flex;
    width: 50%;
    flex-direction: column;
    margin-left: 2rem;
}
.quadrupleimage-card-4 > .picturecard {
    transform: rotate(-6deg);
    padding: 0.5rem;
    gap: 0.5rem;
}
/*QUADRUPLE PHOTOGRAPHS*/

/* SNAPSHOTS */

/* FAQ */
section.faq {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10rem;
}

.faqcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
    margin: 0 auto;
    justify-content: center;
}

.faqcontent > .genericblock1 > .generic-title-box {
    flex-direction: row;
    gap: 0.25rem;
}


.faqboxes {
    display: flex;
    flex-direction: column;
    background: var(--Pink-Gradient);
    border-radius: 1rem;
    padding: 1rem;
    gap: 1rem;
}
.faqboxes h1 {
    color: #FFF;
}
.questionboxes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.questionboxes h1 {
    display: flex;
    align-self: center;
    justify-self: center;
}

.questionbox {
    display: flex;
    width: 45rem;
    padding: 1rem;
    flex-direction: column;
    /* align-items: flex-start; */
    gap: 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.02);
    background: #FFF;
    box-shadow: 0 1px 16px 0 rgba(61, 14, 44, 0.04);
}

.questionboxtop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.questionboxtop > .arrow-down-icon {
    display: flex;
    /* justify-self: right; */
    margin-left: auto;
    margin-right: 0;
    width: 3rem;
    height: 1rem;
}

.questionboxcontent {
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    gap: 0.75rem;
    /* align-self: stretch; */
}
.questionboxcontent p {
    display: none;
    text-align: left;
}
.questionbox:focus {
    background-color: #FAEFFD;
}
.questionbox:focus > .questionboxcontent p {
    display: flex;
}
.questionbox:focus > .questionboxcontent > .questionboxtop > .arrow-down-icon {
    transform: scaleY(-1);
}

.questionboxcontent h3 {
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-align: left;
    width: 95%;
}

.questionboxcontent p {
    align-self: stretch;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
}
/*FAQ*/

/*NEWS*/
section.news {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
    overflow: hidden;
}

.newscontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    align-self: stretch;
}

.newscontent > .genericblock1 {
    display: flex;
    width: 38rem;
    max-width: 45rem;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.newscontent > .genericblock1 > .generic-title-box {
    flex-direction: row;
    gap: 0.25rem;
}

.newscontent > .genericblock1 > .generic-title-box h2 {
    color: #000;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.8;
}

.newscontentarticles {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
}

.articlebox{
    display: flex;
    padding: 1rem;
    flex-direction: column;
    /* align-items: flex-start; */
    gap: 0.5rem;
    border-radius: 1.5rem;
    border: 1px solid #F1F1F1;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
    max-width: 24rem;
    text-decoration: none;
}

.articleboxcontent {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    width: 100%;
}

.articleboxcontent-imageframe {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-radius: 0.25rem;
    background: #FFF;
    width: 100%;
    overflow: hidden;
}

.articleboxcontent-imageframe img{
    height: 13.36119rem;
    /* align-self: stretch; */
    aspect-ratio: 333/188;
}

.articleboxcontent-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    align-self: stretch;
}

.articleboxcontent-text h4 {
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.articleboxcontent-text p {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
    text-decoration: none;
}

.articleboxcontent-post {
    display: flex;
    width: 23.66669rem;
    height: 2.5rem;
    align-items: center;
    gap: 0.75rem;
    margin-top: auto;
}

.articleboxcontent-post-usericon {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.26381rem 0.25rem 0.23619rem 0.25rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 0.25rem;
    background: #FAEFFD;
}

.userprofilepicture {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background-image: url(images/usericonimg.svg);
}

.post-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.post-info-username {
    color: #000;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.8;
}

.post-info-date {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.25rem;
}

.calendar {
    width: 0.875rem;
    height: 0.875rem;
    aspect-ratio: 1/1;
    opacity: 0.8;
    background-image: url(images/calendar.svg);
}
.whitecalendar {
    width: 0.875rem;
    height: 0.875rem;
    aspect-ratio: 1/1;
    opacity: 0.8;
    background-image: url(images/whitecalendar.svg);
}

.post-info-date p {
    color: #000;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.8;
}

.newscontent-optionsbox {
    display: flex;
    width: 27.625rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.seemore {
    display: flex;
    padding: 1rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #E765B2;
    background-color: #FEFBFE;
}

.seemore p {
    font-size: 1rem;
    font-weight: 600;
}
/* NEWS */


/* CONTACT US */
section.contactus {
    display: flex;
    width: 100%;
    padding: 5rem 5rem 0 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10rem;
}

.contactusblock {
    display:flex;
    align-items: center;
    gap: 2.5rem;
    align-self: center;
    width: 100%;
    justify-content: center;
}

.contactus-content {
    display: flex;
    /* width: 32.5rem; */
    width: 40rem;
    height: 30rem;
    padding: 0.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 1.5rem;
    background: #FFF;
    position: relative;
}

.contactus-background {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 940/627;
    background-color: gray;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 1.5rem;
    z-index: 0;
}

.contactus-background-image {
    width: 150%;
    height: 150%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), url(images/contactus.jpg) lightgray 50% / cover no-repeat;
    filter: blur(2px);
    z-index: 1;
}

.contactus-textual {
    filter: blur(0);
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    align-self: center;
    position: relative;
    z-index: 2;
}

.contactus-textualblock {
    display: flex;
    width: 27.875rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

.contactus-textual-titles {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contactus-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contactus-title h2 {
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.contactus-textual-titles h3 {
    align-self: stretch;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #FFF;
}

.contactus-textualblock-text {
    color: #FFF;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.contactus-infolist {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contactus-infoblock {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contactus-infoblock-id {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.contactus-infoblock-id h4 {
    color: #FFF;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-wrap: nowrap;
}

.emailicon {
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
    background-image: url(images/message.svg);
}

.phoneicon {
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
    background-image: url(images/phone.svg);
}

.contactus-infoblock p {
    color: #FFF;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.contactus-form {
    display: none;
    padding: 2.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    flex: 1 0 0;
    border-radius: 1.5rem;
    background: #FFF;
    box-shadow: 0 1px 36px 0 rgba(245, 85, 129, 0.10);
    width: 100%;
}

.contactus-form-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
} 

.contactus-form-content input[type=text] {
    display: flex;
    padding: 1rem 0.75rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.5rem;
    border: 1px solid rgba(235, 235, 235, 0.20);
    background: #FCF3FC;
}

.contactus-form-content textarea {
    display: flex;
    height: 8rem;
    padding: 1rem 0.75rem;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.5rem;
    border: 1px solid rgba(235, 235, 235, 0.20);
    background: #FCF3FC;
    resize: none;
}

.contactus-form-content input[type=submit]{
    border: 0;
}

/* CONTACT US */

/* JOIN OUR MOVEMENT */
section.joinourmovement {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    background: var(--Pink-Gradient);
}

.joinourmovement-content {
    display: flex;
    height: 25rem;
    /* padding: 0.5rem; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 0.5rem; */
    align-self: stretch;
    border-radius: 1.5rem;
    background: #FFF;
    overflow: hidden;
}

.joinourmovement-image {
    display: flex;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(images/joinourmovement.jpg) lightgray 100% / cover no-repeat;
    border-radius: 1.5rem;
    align-items: center;
    justify-content: center;
}

.joinourmovement-textblock {
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.joinourmovement-textblock p {
    display: flex;
    color: #FFF;
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}


/* JOIN OUR MOVEMENT */

/*FOOTER*/
footer {
    display: flex;
    width: 100%;
    padding: 10rem 5rem 5rem 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.5rem;
    overflow: hidden;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
    align-self: stretch;
}

.logo-box{
    display: inline-block;
    width: 5%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.logo-box img {
    width: 100%;
}

.tpsi-note {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.tpsi-note p {
    max-width: 31rem;
    color: #000;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
}

.footer-middleblock {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.contactandsocial {
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 2.5rem;
}

.contactinfo-list {
    display: flex;
    list-style-type: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.contactinfo-block {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contactinfo-block-id {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    opacity: 0.5;
}

.contactinfo-block-id h4 {
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.contactinfo-block p {
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
}

.emailiconblack {
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
    background-image: url(images/message_black.svg);
}

.phoneiconblack {
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
    background-image: url(images/phone_black.svg);
}

.socialmediablock {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    align-self: stretch;
}

.bubbleicon-instagram {
    display: flex;
    background-image: url(images/instagram.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-facebook {
    display: flex;
    background-image: url(images/facebook.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-linkedin {
    display: flex;
    background-image: url(images/linkedin.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-tiktok {
    display: flex;
    background-image: url(images/tiktok.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}
.bubbleicon-youtube {
    display: flex;
    background-image: url(images/youtube.svg);
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1/1;
}

.footer-quickaccess {
    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
}

.footer-quicklinks {
    display: flex;
    width: 12.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.footer-quicklinks h4 {
    align-self: stretch;
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.footer-quicklinks-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.footer-quicklinks a {
    color: #000;
    text-decoration: none;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    opacity: 0.8;
}

.programs {
    display: flex;
    width: 12.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.programs h4 {
    align-self: stretch;
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.programs-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.programs a {
    color: #000;
    text-decoration: none;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    opacity: 0.8;
}

.resources {
    display: flex;
    width: 12.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.resources h4 {
    align-self: stretch;
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.resources-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.resources a {
    color: #000;
    text-decoration: none;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    opacity: 0.8;
}

.footer-lowerblock {
    display: flex;
    padding: 1.5rem 0;
    align-items: center;
    gap: 3.8125rem;
    align-self: stretch;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.copyright {
    color: #000;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.8;
}

.policyandterms {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    flex: 1 0 0;
}

.policyandterms p {
    color: #000;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.8;
}
/*FOOTER*/

/*---------------PAGE-ABOUT---------------*/

section.aboutpage-1{
    display: flex;
    width: 100%;
    padding-bottom: 5rem;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
    background-color: #FEFBFE;
}

.bgmask-group {
    width: 100%;
    height: 87rem;
    position: absolute;
    bottom: -19.9375rem;
    background-image: url(/images/bg_mask-group.svg);
}

.abpg1-content {
    margin-top: 3.5rem;
    display: flex;
    padding: 0 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    align-self: stretch;
}

.genericblock1{
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.generic-title-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.rowoficons{
    display: flex;
    flex-direction: row;
}

.title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.title h2{
    color: #000;
    text-align: center;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.genericblock1 p {
    display: flex;
    max-width: 40rem;
    color: #000;
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.abpg1-block2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    max-width: 60rem;
}

.abpg1-ytvideo iframe{
    display: flex;
    height: 25.0625rem;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    background-color: #000;
    width: 60rem;
}

.abpg1-statistics {
    display: flex;
    align-items: flex-start;
    gap: 6rem;
    max-width: 60rem;
}

.statistics-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.statistics-box h3 {
    color: #000;
    text-align: center;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.statistics-box p {
    color: #000;
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.8;
    text-wrap: nowrap;
}

/*aboutpage-2*/

section.aboutpage-2{
    display: flex;
    max-width: 100%;
    padding: 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    align-self: stretch;
}

.abpg2-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
}

.abpg2-block1 {
    display: flex;
    align-items: center;
    gap: 10%;
}
.abpg2-block1 > .picturecard > .picturecard-imageframe img {
    transform: rotate(3deg);
}

/**PICTURE CARD **/
.picturecard {
    display: flex;
    width: 100%;
    max-width: 30.25rem;
    padding: 1.5rem;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 0.75rem;
    background-color: #FFF;
    box-shadow: 0 1.495px 59.794px 0 rgba(61, 14, 44, 0.10);
}

.picturecard-titlebox {
    display: flex;
    gap: 1rem;
}

.picturecard-imageframe {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 0.75rem;
}

.picturecard-image {
    height: 100%;
    width: 100%;
    margin-left: 0;
}

.picturecard-titlebox p {
    color: #000;
    font-size: 1.6675rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.picturecard-lowertext {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.8;
    font-family: "zAmberly";
}

.bigicon {
    width: 4rem;
    height: 2rem;
}
/**PICTURE CARD**/

.abpg-textblock {
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}



.abpg-textblock > .textcontainer-title h2 {
    color: #000;
}

.abpg-textblock p {
    color: #000;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.abpg2-block2 {
    display: flex;
    align-items: center;
    gap: 3rem;
}
.abpg2-block2 > .doubleimage-gallery > .doubleimage-card1 img{
    width: 100%;
    height: 100%;
    margin: 0;
}
.abpg2-block2 > .doubleimage-gallery > .doubleimage-card2 > .picturecard > .picturecard-imageframe {
    max-height: 18rem;
}
.abpg2-block2 > .doubleimage-gallery > .doubleimage-card2 img {
    width: 200%;
    height: 200%;
    margin: -6rem 0 0 -11rem;
}

section.aboutpage-3 {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.5rem;
    background-color: #FEFBFE;
}

.abpg3-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.5rem;
}

.dark-textcontainer {
    display: flex;
    align-items: flex-start;
    gap: 17.5625rem;
}

.dark-textcontainer-title {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.dark-textcontainer-title h2 {
    color: #000;
}

.dark-textcontainer p {
    display: flex;
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.dark-textcontainer-block1 {
    display: flex;
    width: 24.125rem;
    max-width: 45rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.dark-textcontainer h3 {
    color: #000;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.dark-textcontainer-block2 {
    display: flex;
    max-width: 50%;
}

.abpg3-content > .dark-textcontainer {
    flex-direction: row;
}

.abpg3-content > .bubblecontainer {
    max-width: 100%;
    justify-content: center;
}

section.ourteampage1 {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
}

.otpg1-content {
    display: flex;
    padding: 0 5rem 3.5rem 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    margin-top: 3.5rem;
}

.teampicturebox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 1rem;
    /* background-color: #000; */
    overflow: hidden;
    max-width: 60rem;
    max-height: 25.1rem;
}

.teampicture {
    display: flex;
    width: 62.29006rem;
    aspect-ratio: 81/65;
    background: #55555555
}
.teampicture picture img {
    display: flex;
    width: 120%;
    height: 105%;
    margin-left: -5.5rem;
    margin-top: 3rem;
}

.teampicture picture {
    display: flex;
    width: 100%;
    height: 100%;
}

section.ourteampage2 {
    display: flex;
    max-width: 100%;
    padding: 5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    background-color: #FEFBFE;
}

.otpg2-content > .dark-textcontainer > .dark-textcontainer-block1 {
    width: 100%;
    max-width: 100%;
}

.pictures-gallery {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.picture-box {
    display: flex;
    width: 16rem;
    height: 23rem;
    padding: 1.5rem;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    background-color: #d9d9d9;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.teammember01-picture {
    display: flex;
    width: 150%;
    height: 125%;
    margin-left: -3rem;
    margin-top: 2rem;
    z-index: 2;
}
.teammember02-picture {
    display: flex;
    width: 200%;
    height: 200%;
    margin-left: -7.5rem;
    margin-top: 7.5rem;
    z-index: 2;
}
.teammember03-picture {
    display: flex;
    width: 200%;
    height: 200%;
    margin-left: -7.5rem;
    margin-top: 2rem;
    z-index: 2;
}
.teammember04-picture {
    display: flex;
    width: 175%;
    height: 175%;
    margin-left: -3rem;
    margin-top: -4rem;
    z-index: 2;
}
.teammember05-picture {
    display: flex;
    width: 200%;
    height: 200%;
    margin-left: -7.5rem;
    margin-top: 7.5rem;
    z-index: 2;
}
.teammember06-picture {
    display: flex;
    width: 200%;
    height: 200%;
    margin-left: -7.5rem;
    margin-top: 7.5rem;
    z-index: 2;
}
.teammember07-picture {
    display: flex;
    width: 300%;
    height: 200%;
    margin-left: -13rem;
    margin-top: 17rem;
    z-index: 2;
}
.teammember08-picture {
    display: flex;
    width: 250%;
    height: 200%;
    margin-left: -10rem;
    margin-top: 15rem;
    z-index: 2;
}
.teammember09-picture {
    display: flex;
    width: 200%;
    height: 200%;
    margin-left: -6.5rem;
    margin-top: -12rem;
    z-index: 2;
}
.teammember10-picture {
    display: flex;
    width: 250%;
    height: 175%;
    margin-left: -10rem;
    margin-top: 2rem;
    z-index: 2;
}
.teammember11-picture {
    display: flex;
    width: 150%;
    height: 150%;
    margin-left: -3rem;
    margin-top: 6rem;
    z-index: 2;
}
.teammember12-picture {
    display: flex;
    width: 150%;
    height: 100%;
    margin-left: -3rem;
    margin-bottom: -3rem;
    z-index: 2;
}

.picture-overlay {
    display: none;
    width: inherit;
    height: inherit;
    padding: 1.5rem;
    gap: 0.5rem;
    border-radius: 0.75rem;
    background-color: rgba(0, 0, 0, 0.70);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.picture-box:hover .picture-overlay{
    display: flex;
}

.picture-overlay-contentbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}

.picture-overlay-titlebox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.picture-overlay-titlebox h3 {
    color: #FFF;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.picture-overlay-titlebox h4 {
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.picture-overlay-contentbox p {
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.picture-overlay-socialmedia {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    align-self: flex-end;
    margin-top: auto;
}

/*----------PARTNERS-PAGE----------*/

section.partnerspage1 {
    max-width: 100%;
    padding-top: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
    background: #FEFBFE;
}

.ptpg1-content {
    display: flex;
    padding: 0 5rem 3.5rem 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

.limiterblock {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
}

.limiterblock > .block2 {
    display: flex;
    justify-content: center;
    gap: 2.5rem;
}

.ptpg1-content > .limiterblock > .block2 {
    flex-direction: column;
    align-items: center;
}

.ptpg1-content > .limiterblock > .block2 > .partner-logos {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.block2 img {
    max-width: 20rem;
    max-height: 15rem;
    padding: 0 2rem;
    display: inline-block;
    box-sizing: border-box;
    object-fit: contain;
    align-items: center;
}

#peru-ministeriodecultura {
    max-width: 30rem;
    max-height: 22rem;
}

section.partnerspage2 {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    background-color: #FEFBFE;
}

.entrepreneurstableblock {
    display: flex;
    width: 90%;
    padding: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    background-color: #FFF;
    overflow-x: auto;
}

.entrepreneurstablearea {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    border-collapse: collapse;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    background-color: #FFF;
}

.entrepreneurstable-titleblock {
    /* display: table; */
    padding: 0.5rem 1rem;
    align-items: flex-start;
    text-align: left;
    border-radius: 1rem 1rem 0 0;
    background: var(--Pink-Gradient);
    width: 100%;
    border-spacing: 0;
}

.entrepreneurstable-titlearea {
    border-spacing: 0;
}

.entrepreneurstable-titlearea th{
    text-align: left;
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    text-wrap: nowrap;
    padding: 0.5rem 1rem;
}

.entrepreneurstablearea td {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    opacity: 0.8;
}

#entrepreneur-logo img {
    width: 2.5rem;
    height: 2.5rem;
}

#entrepreneur-nameofcompany {
    opacity: 1;
}

#entrepreneur-companydetails {
    min-width: 20rem;
}

/* --------- ENTREPRENEURS PAGE --------- */

section.entrepreneurspage1 {
    display: flex;
    width: 100%;
    padding-bottom: 5rem;
    flex-direction: column;
    align-items: center;
    padding-top: 3.5rem;
    background-color: #FEFBFE;
}

.enpg1-content {
    display: flex;
    padding: 0 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

.enpg1-content > .limiterblock {
    max-width: 45rem;
    gap: 1.5rem;
}

section.entrepreneurspage2 {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
}

.enpg2-content {
    display: flex;
    align-items: flex-start;
    gap: 5rem;
}

.enpg2-content > .limiterblock {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 5rem;
    gap: 5rem;
    align-items: flex-start;
}

.genericblock1-left{
    display: flex;
    /* min-width: 24.125rem; */
    max-width: 45rem;
    flex-direction: column;
    gap: 1rem;
}

.genericblock1-left p {
    font-size: 1.25rem;
}

.generic-title-box-left {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.generic-title-box-left > .title {
    justify-content: left;
}

.generic-title-box-left > .title h2 {
    display: flex;
    text-align: left;
    font-size: 2.25rem;
}

section.entrepreneurspage3 {
    display: flex;
    width: 100%;
    justify-content: center;
}

.enpg3-content {
    display: flex;
    padding: 10rem 5rem 5rem 5rem;
    flex-direction: column;
    justify-content: center;
}

.enpg3-content > .limiterblock {
    gap: 4rem;
    flex-direction: row;
}

.whatyouwillgain-block1 {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.keyitems-block {
    display: flex;
    flex-direction: column;
}

.keyitems-item {
    display: flex;
    padding: 1.5rem 0;
    gap: 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.keyitems-title {
    margin-bottom: -1.5rem;
}

.keyitems-description {
    display: flex;
    padding-top: 0.5rem;
}

.whatyouwillgain-block2 > .picturecard {
    transform: rotate(2.14deg);
}

.whatyouwillgain-block2 > .picturecard > .picturecard-lowertext {
    font-size: 1.5rem;
}

.whatyouwillgain-block2 > .picturecard > .picturecard-imageframe > .picturecard-image {
    width: 150%;
    height: 150%;
    margin-left: -10rem;
}

.subtitle {
    padding: 0 0.5rem;
}

section.entrepreneurspage4 {
    width: 100%;
    flex-direction: column;
    padding-bottom: 5rem;
}
.enpg4-content {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: row;
    gap: 2rem;
    justify-content: center;
}

.enpg4-content > .genericblock1 > .generic-title-box > .title h2 {
    line-height: 150%;
    font-size: 2.25rem;
}

.enpg4-block2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.enpg4-block2 a {
    font-size: 2rem;

}
.enpg4-block2 a img {
    display: flex;
    width: 1.5rem;
}

.entrepreneurs-cardslider {
    display: flex;
    max-width: 90%;
    gap: 1.25rem;
    justify-self: center;
}

.entrepreneurs-container {
    display: flex;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    align-items: center;
}

.entrepreneurs-cardslider > .entrepreneurs-container > .slick-list >.slick-track > .picture-box > .picture-overlay {
    display: flex;
    background-color: #2d3ae1;
    bottom: 0;
    top: auto;
    height: auto;
    justify-content: center;
    width: 100%;
}
.entrepreneurs-cardslider > .entrepreneurs-container > .slick-list >.slick-track > .picture-box > .picture-overlay > .picture-overlay-contentbox {
    align-items: center;
}
.entrepreneurs-cardslider > .entrepreneurs-container > .slick-list >.slick-track > .picture-box > .picture-overlay > .picture-overlay-contentbox > .picture-overlay-titlebox h3 {
    font-size: 1rem;
    font-weight: 600;
}
.entrepreneurs-cardslider > .entrepreneurs-container > .slick-list >.slick-track > .picture-box > .picture-overlay > .picture-overlay-contentbox > .picture-overlay-titlebox h4 {
    font-size: 1rem;
    font-weight: 400;
    opacity: 0.8;
}

.entrepreneurs-cardslider > .entrepreneurs-container > .slick-list >.slick-track > .picture-box {
    padding: 0;
}

.entrepreneurs-cardslider > .entrepreneurs-container > .slick-list >.slick-track {
    display: flex;
    gap: 2rem;
}

.picture-cut {
    overflow: hidden;
    width: 100%;
}

.picture-cut img {
    width: 200%;
    height: 100%;
}

#entrepreneur01-picture {
    margin-left: -5rem;
}
#entrepreneur02-picture {
    margin-left: -6rem;
    margin-top: -4rem;
}
#entrepreneur03-picture {
    margin-left: -5rem;
}
#entrepreneur04-picture {
    margin-left: -5rem;
    height: 150%;
    width: 225%;
}

.enpg5-content {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: row;
    justify-content: center;
}

/** ########## JOIN OUR MOVEMENT PAGE ########### **/

section.joinourmovementpage1 {
    max-width: 100%;
    display: flex;
    padding: 3rem 5rem 0 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

.jmpg1-content {
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    justify-content: center;
}

section.joinourmovementpage2 {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
}

.jmpg2-content > .limiterblock {
    flex-direction: row;
    gap: 5rem;
    align-items: flex-start;
}

.volunteerbubbles {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
}

.volunteerbubbles-bubble {
    display: flex;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid #E765B2;
    background-color: #FAEFFD;
}

.volunteerbubbles-bubble p {
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

section.joinourmovementpage3 {
    display: flex;
    width: 100%;
    padding: 5rem 5rem 10rem 5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.jmpg3-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
}

.jmpg3-block2 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.typesofopportunities {
    display: flex;
    width: 19.8125rem;
    height: auto;
    background-color: red;
}

.mentor {
    height: 13.1875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.87%, rgba(0, 0, 0, 0.60) 53.52%), url(images/typesofopportunities-mentor.jpg) lightgray 50% / cover no-repeat;
}
.facilitator {
    height: 13.1875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.87%, rgba(0, 0, 0, 0.60) 53.52%), url(images/typesofopportunities-facilitator.jpg) lightgray 50% / cover no-repeat;
}
.support {
    height: 13.1875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.87%, rgba(0, 0, 0, 0.60) 53.52%), url(images/typesofopportunities-support.jpg) lightgray 50% / cover no-repeat;
}
.communicator {
    height: 13.1875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.87%, rgba(0, 0, 0, 0.60) 53.52%), url(images/typesofopportunities-communicator.jpg) lightgray 50% / cover no-repeat;
}
.website {
    height: 13.1875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.87%, rgba(0, 0, 0, 0.60) 53.52%), url(images/typesofopportunities-website.jpg) lightgray 50% / cover no-repeat;
}
.fundraiser {
    height: 13.1875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.87%, rgba(0, 0, 0, 0.60) 53.52%), url(images/typesofopportunities-fundraiser.jpg) lightgray 50% / cover no-repeat;
}
.student {
    height: 13.1875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.87%, rgba(0, 0, 0, 0.60) 53.52%), url(images/typesofopportunities-student.jpg) lightgray 50% / cover no-repeat;
}

.jmpg3-block2 > .picture-box {
    display: flex;
    padding: 0;
    height: auto;
}

.jmpg3-block2 > .picture-box >.picture-overlay {
    display: flex;
    bottom: 0;
    top: auto;
    background: none;
}

.jmpg3-block2 > .picture-box >.picture-overlay > .picture-overlay-contentbox > .picture-overlay-titlebox h3{
    line-height: 120%;
}

section.joinourmovementpage4, section.joinourmovementpage5, section.joinourmovementpage6, section.joinourmovementpage7 {
    display: flex;
    width: 100%;
    padding: 0 5rem 5rem 5rem;
    flex-direction: column;
}

.jmpg4-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jmpg4-content > .limiterblock {
    flex-direction: row;
    gap: 5rem;
}

.jmpg4-block1 > .genericblock1-left > .keyitems-block > .keyitems-description > .bubblecontent-title h3 {
    font-size: 1rem;
    margin-left: 1rem;
}

.jmpg4-block2 > .picturecard {
    transform: rotate(2.138deg);
}

.volunteerform {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
    align-items: center;
}

.volunteerform > .contactusblock > .contactus-content > .contactus-textual {
    text-align: center;
}


section.reportsandpublications1 {
    display: flex;
    width: 100%;
    padding-bottom: 5rem;
    justify-content: center;
}

.pagetitle {
    display: flex;
    padding: 3.5rem 5rem 0 5rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pagetitle-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.pagetitle-content h2 {
    color: #000;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

section.reportsandpublications2 {
    display: flex;
    width: 100%;
    padding: 0 5rem 5rem 5rem;
    justify-content: center;
}

.rp2-content {
    display: flex;
    gap: 2.5rem;
    flex-direction: column;
}

.rp2-block2 {
    display: flex;
    gap: 1.5rem;
}

.rp2-block2 > .picture-box {
    display: flex;
    padding: 0.5rem;
    height: auto;
    background-color: #FAEFFD;
    text-decoration: none;
}

.reports {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0.75rem;
}

.report-thumbnails {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.reports-description {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
}

.reports-description p {
    color: #000;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

section.belgiumpage1 {
    max-width: 100%;
    display: flex;
    padding: 3.5rem 5rem 5rem 5rem;
    justify-content: center;
    align-items: center;
}

.bgpg1-content {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    align-items: center;
    justify-content: center;
}

.bgpg1-block2 {
    display: flex;
    width: 50%;
    max-width: 37.75rem;
    justify-content: center;
}

.bgpg1-block2 > .teampicturebox {
    height: auto;
    width: 50%;
    justify-content: center;
    min-width: 24rem;
}

.bgpg1-block2 > .teampicturebox img {
    display: flex;
    width: 200%;
    margin-top: -20rem;
    margin-left: 5rem;
    transform: rotate(30deg);
}

section.belgiumpage2, section.belgiumpage3 {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
}

.bgpg2-content {
    display: flex;
    gap: 2.5rem;
    flex-direction: column;
    justify-content: center;
}

.bgpg2-block2 {
    display: flex;
    gap: 2.5rem;
}

.bgpg2-block2 > .picturecard > .picturecard-imageframe {
    height: auto;
}

.bgpg3-block1 {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.bgpg3-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bgpg3-content > .genericblock1 > .generic-title-box > .title h2 {
    font-size: 2.25rem;
}

.bgpg3-content > .genericblock1-left > .generic-title-box-left {
    gap: 0;
}

.bgpg3-block1 {
    display: flex;
    flex-direction: row;
    gap: 5rem;
    align-items: center;
    padding: 5rem 0;
}

.bgpg3-block1 > .pictureframe {
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: 1rem;
    max-width: 37.5rem;
    max-height: 35rem;
}

.bgpg3-block1 > .pictureframe img {
    width: 100%;
    height: 100%;
}

#bgpg-block1-image {
    width: 115%;
}

.bgpg3-block2 {
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    padding: 2.5rem 0;
}

.bgpg3-block2 h3 {
    font-size: 1.5rem;
}

.bgpg3-block2 > .pictureframe {
    display: flex;
    height: 20rem;
    justify-content: center;
    overflow: hidden;
    border-radius: 1rem;
}

.pictureframe img {
    width: 41.375rem;
    height: 35rem;
}

.bordered1 {
    border-radius: 1rem;
}

#ourhistory-01 {
    width: 115%;
}

#ourhistory-02 {
    width: 100%;
    height: 27rem;
    margin-top: -4rem;
}

#ourhistory-03 {
    width: 100%;
    height: 100%;
    margin-top: 0;
}

#ourhistory-04 {
    width: 150%;
    height: 100%;
    margin-top: 0;
    margin-left: -2rem;
}

.pictureblock {
    width: 100%;
    height: 17rem;
    display: flex;
    gap: 1rem;
}

.pictureblock > .pictureframe {
    width: 50%;
    height: 100%;
    overflow: hidden;
}


section.belgiumpage5 {
    display: flex;
    width: 100%;
    background: var(--Pink-Gradient);
    justify-content: center;
    padding: 5rem;
}

.bgpg5-content {
    display: flex;
    gap: 2.5rem;
    align-items: center;
}

.bgpg5-content > .genericblock1-left > .generic-title-box-left> .title h2 {
    color: #FFF;
}

.bgpg5-content > .genericblock1-left p {
    color: #FFF;
    font-size: 1.25rem;
    line-height: 150%;
    opacity: 0.8;
}

.bgpg5-content > .genericblock1-left {
    width: 50%;
}

.bgpg5-content > .genericblock1-left > .call-to-action a {
    background: #FFF;
}

.bgpg5-content > .genericblock1-left > .call-to-action > .highlighted-button {
    padding: 0.5rem 1.5rem;
}

.bgpg5-content > .pictureframe {
    padding: 2rem;
    background: #FFF;
    border-radius: 1.5rem;
    width: 50%;
    height: fit-content;
}

.bgpg5-content > .pictureframe img {
    width: 100%;
    height: auto;
}

section.belgiumpage6, section.belgiumpage7 {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 5rem;
}


.bgpg6-content, .bgpg7-content {
    display: flex;
    gap: 5rem;
    width: 100%;
    align-items: center; 
    flex-direction: column;
}

.flexpictureblock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #FEFBFE;
    padding: 1rem;
    height: auto;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 48px 0 rgba(213, 125, 245, 0.16);
    width: 100%;
    gap: 1.5rem;
    border-radius: 1.5rem;
}

.bgpg6-content > .pictureblock{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    place-items: center;
}

.bgpg6-content > .flexpictureblock > .pictureframe {
    display: flex;
    width: 15%;
    height: fit-content;
    background-color: #FFF;
    aspect-ratio: 1/1;
    border-radius: 1rem;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 48px 0 rgba(213, 125, 245, 0.08);
}

.bgpg6-content > .flexpictureblock > .pictureframe img {
    width: 90%;
    height: auto;
    align-self: center;
}


/* ########## STARTUPS AND ENTREPRENEURS PAGE ########## */
section.startups1 {
    display: flex;
    width: 100%;
    padding: 3.5rem 0;
    justify-content: center;
}

.sten1-content {
    display: flex;
    flex-direction: column;
    padding: 0 5rem;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

section.incubacionymentoria2 {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 5rem 5rem 10rem 5rem;
}

.impg-content {
    display: flex;
    flex-direction: column;
    padding: 5rem 5rem 10rem 5rem;
    gap: 3rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 90rem;
}

.impg-block2 {
    display: flex;
}


.impg2-content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
}
.impg2-content > .impg2-block2 > .genericblock1 > .generic-title-box {
    gap: 2rem;
}
.impg2-content > .impg2-block2> .genericblock1 > .generic-title-box h3 {
    font-size: 2.25rem;
    text-align: center;
}
.impg2-content > .bubblecontainer {
    flex-wrap: nowrap;
    gap: 1.5rem;
}
.impg2-content > .bubblecontainer > .bubble {
    padding: 2rem;
    gap: 1rem;
    width: 100%;
    background: white;
}
.bubble-text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}
.bubble-text h2 {
    font-size: 1.5rem;
    line-height: 120%;
    font-weight:600;
}
.bubble-text h3 {
    font-size: 1rem;
    font-weight: 400;
}
.bubble-text p {
    font-size: 1rem;
    line-height: 150%;
    opacity: 0.85;
}
.bubble-text-title {
    display:flex;
    gap: 0.75rem;
    align-items: center;
}
.bubble-text-title p {
    opacity: 0.6;
}
.numbercircle {
    display: flex;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    color: #FEFBFE;
    font-size: 0.9rem;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}
.gradient-a {
    background: linear-gradient(90deg, #E765B2, #D57DF5);
}
.gradient-b {
    background: linear-gradient(90deg, #D57DF5, #FC4C69);
}
.gradient-c {
    background: linear-gradient(90deg, #FC4C69, #E765B2);
}
.bottom-item {
    margin-top: auto;
}

#iconoverlay {
    top: 1rem;
    left: 1rem;
    bottom: auto;
    width: fit-content;
    padding: 0.25rem 0.5rem;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.50);
}

.impg-content > .impg-block2 > .pictures-gallery > .picture-box > .picture-overlay > .picture-overlay-contentbox {
    gap: 0.25rem;
}

.impg-content > .impg-block2 > .pictures-gallery > .picture-box > .picture-overlay > .picture-overlay-contentbox > .picture-overlay-titlebox h3, .impg-content > .impg-block2 > .pictures-gallery > .picture-box > .picture-overlay > .picture-overlay-contentbox p {
    color: #000;
}

.servicepictures {
    display: flex;
    width: 100%;
    height: 100%;
}

#service01 {
    margin-top: -1rem;
}
#service02 {
    margin-top: -5rem;
    width: 125%;
    margin-left: -7.5rem;
}
#service03 {
    margin-top: -10rem;
}
#service04 {
    margin-top: -5rem;
}
#service05 {
    margin-top: -1rem;
}
#service06 {
    margin-top: -7.5rem;
}

section.reportsmain {
    display: flex;
    background: var(--Pink-Gradient);
    width: 100%;
    padding: 5rem 0;
    justify-content: center;
}

.reportsmain-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

.reportsmain-content p, .reportsmain-content h2, .reportsmain-content h3 {
    color: #FFF;
}

.reportsmain-content > .genericblock1 > .generic-title-box h3 {
    font-weight: 400;
    font-size: 1rem;
}
.reportsmain-content > .genericblock1 > .generic-title-box span {
    font-weight: 600;
}
.reportsmain-content > .genericblock1 > .generic-title-box > .title h2 {
    font-size: 3rem;
}
.reportsmain-content > .genericblock1 p {
    font-size: 1.25rem;
}
.reportsmain-content > .genericblock1 > .generic-title-box > h3 > a {
    text-decoration: none;
    color: #FFF;
    opacity: 0.8;
}

.reportsmain-content > .articleboxcontent-post {
    justify-content: center;
}

.reportsmain-content > .articleboxcontent-post > .post-info > .post-info-username {
    color: #FFF;
}


section.articlesection {
    display: flex;
    width: 100%;
    padding: 5rem;
    flex-direction: column;
    align-items: center;
}

.article-contentarea {
    display: flex;
    max-width: 45rem;
    flex-direction: column;
    justify-content: center;
    gap: 2.5rem;
}

.article-contentarea > .pictureframe {
    display: flex;
    max-height: 20rem;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
}

.article-contentarea > .pictureframe img {
    display: flex;
    margin-top: -15rem;
}

.article-textarea {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.article-textarea h3 {
    font-size: 2rem;
    line-height: 120%;
}
.article-textarea p {
    font-size: 1.25rem;
    line-height: 150%;
}

.article-textarea a {
    display: flex;
}

.pdf-embed {
    position: relative;
    width: 85vw;
    max-width: 85vw;
    height: 85vh;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid #E9D8E4;
    background: #F4EEF2;
}

.pdf-embed object,
.pdf-embed iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.pdf-embed-fallback {
    padding: 2rem;
    text-align: center;
    font-size: 1rem;
}


section.empresasysectorprivado1 {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
}

.eysp1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

section.empresasysectorprivado2 {
    display: flex;
    width: 100%;
    padding: 0 5rem 5rem 5rem;
    justify-content: center;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
}
.eysp2-block2, .eysp2-block3 {
    display: flex;
    gap: 5rem;
    align-items: center;
}

.eysp2-block2 > .picturecardblock > .picturecard, .eysp2-block3 > .picturecardblock > .picturecard {
    transform: rotate(2.138deg);
}

.eysp2-block2 > .text-block > .genericblock1-left > .keyitems-block > .keyitems-item, .eysp2-block3 > .text-block > .genericblock1-left > .keyitems-block > .keyitems-item {
    padding: 1rem 0 0 0;
}

section.empresassocialesyuniversidades2 {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 5rem;
    line-height: 150%;
}

section.sustainabilityyesg1, section.sustainabilityyesg2, section.sustainabilityyesg3, section.sustainabilityyesg4{
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
}

section.incubacionymentoria1, section.incubacionymentoria3, section.incubacionymentoria4, section.incubacionymentoria5, section.innovacionyestrategia3 {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
}

.impg1 {
    display: flex;
    gap: 10rem;
    align-items: center;
}
.impg1 > .genericblock1-left {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 40rem;
}
.impg1 > .genericblock1-left > .generic-title-box-left > .title {
    flex-direction: column;
    align-items: flex-start;
}
.impg1 > .genericblock1-left > .generic-title-box-left > .title h2 {
    font-size: 3rem;
    line-height: 120%;
}

.impg1 > .picturecardblock > .picturecard, .impg3-content > .picturecardblock > .picturecard {
    transform: rotate(-3deg);
}
.impg4-content > .picturecardblock > .picturecard{
    transform: rotate(3deg);
}
.impg3-content, .impg4-content {
    justify-content: center;
}
.impg3-content, .impg4-content {
    display: flex;
    gap: 5rem;
}
.impg3-content > .impg3-block2, .impg4-content > .impg4-block2{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 40%
}
.impg3-content > .impg3-block2 > .bubblecontainer > .bubble, .impg4-content > .impg4-block2 > .bubblecontainer > .bubble {
    padding: 1rem;
    width: auto;
    border: 1px solid #88888888;
}
.impg3-content > .impg3-block2 > .bubblecontainer > .bubble > .bubble-text > .genericblock1-left > .generic-title-box-left,.impg4-content > .impg4-block2 > .bubblecontainer > .bubble > .bubble-text > .genericblock1-left > .generic-title-box-left {
    gap:0;
}
.impg3-content > .impg3-block2 > .keyitems-block > .genericblock1-left > .generic-title-box-left > .title h2, .impg4-content > .impg4-block2 > .bubblecontainer > .bubble > .bubble-text > .genericblock1-left > .generic-title-box-left  {
    font-size: 1.25rem;
}
.impg3-content > .impg3-block2 > .keyitems-block > .keyitems-item, .impg4-content > .impg4-block2 > .keyitems-block > .keyitems-item {
    padding: 0.8rem 0;
}
.caption {
    font-size: 1.05rem;
    line-height: 155%;
    font-style: italic;
    padding: 1.25rem 1.5rem;
    border-left: 3px solid #D57DF5;
    background: #FFFFFF99;
    border-radius: 0 0.5rem 0.5rem 0;
}

.impg5-content > .impg5-block1 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
}

.impg5-content > .impg5-block1 > .bubblecontainer{
    align-items: stretch;
    justify-content: center;
}
.maxwidth50 {
    max-width: 50%;
    width: fit-content;
}
.maxwidth50 > .bubble {
    padding: 1rem;
    border: 1px solid #88888888;
    width: auto;
}
.maxwidth50 > .bubble > .bubble-text > .genericblock1-left > .generic-title-box-left {
    gap: 0;
}

section.incubacionymentoria6 {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
    background: var(--Pink-Gradient);
}
section.incubacionymentoria6 > .impg6-content > .impg6-block1 > .genericblock1 > .generic-title-box > .title h2 {
    color: white;
}
section.incubacionymentoria6 > .impg6-content > .impg6-block1 > .genericblock1 > .generic-title-box > .call-to-action > .highlighted-button {
    color: var(--primary-color);
    background: #FEFBFE;
}
section.incubacionymentoria6 > .impg6-content > .impg6-block1 > .genericblock1 > .generic-title-box > .call-to-action > .highlighted-link {
    /* color: #FEFBFE; */
    background: white;
    webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* ############################################################
   SERVICES PAGES
   Innovación y Estrategia · Sostenibilidad y ESG
   Comercial y Networking · Consultorías Especializadas
   ############################################################ */

/* ---------- Plain section shells (centered content, page padding) ---------- */
section.innovacionyestrategia1, section.innovacionyestrategia2,
section.innovacionyestrategia3, section.innovacionyestrategia4,
section.innovacionyestrategia5, section.innovacionyestrategia7,
section.sostenibilidadyesg1, section.sostenibilidadyesg2,
section.sostenibilidadyesg3, section.sostenibilidadyesg5,
section.sostenibilidadyesg6,
section.comercialynetworking1, section.comercialynetworking2,
section.comercialynetworking3, section.comercialynetworking5,
section.comercialynetworking6,
section.consultoriasespecializadas1, section.consultoriasespecializadas2,
section.consultoriasespecializadas3, section.consultoriasespecializadas4,
section.consultoriasespecializadas6 {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
}

/* ---------- Column content wrappers: max width + vertical rhythm ---------- */
.iepg2-content, .iepg5-content,
.sepg2-content, .sepg4-content, .sepg5-content,
.cynpg4-content, .cynpg5-content,
.cepg2-content, .cepg5-content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
    width: 100%;
    max-width: 80rem;
}

/* ---------- HERO (text column + card column) ---------- */
.iepg1, .sepg1, .cynpg1 {
    display: flex;
    gap: 5rem;
    align-items: center;
    width: 100%;
    max-width: 80rem;
}
.iepg1 > .genericblock1-left, .sepg1 > .genericblock1-left,
.cynpg1 > .genericblock1-left {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 40rem;
    flex: 1;
}
.iepg1 .generic-title-box-left > .title,
.sepg1 .generic-title-box-left > .title,
.cynpg1 .generic-title-box-left > .title,
.cepg1 .generic-title-box-left > .title {
    flex-direction: column;
    align-items: flex-start;
}
.iepg1 .generic-title-box-left > .title h2,
.sepg1 .generic-title-box-left > .title h2,
.cynpg1 .generic-title-box-left > .title h2,
.cepg1 .generic-title-box-left > .title h2 {
    font-size: 3rem;
    line-height: 120%;
}
.iepg1 > .picturecardblock, .sepg1 > .picturecardblock, .cynpg1 > .picturecardblock,
.iepg3-content > .picturecardblock, .iepg4-content > .picturecardblock,
.cynpg2-content > .picturecardblock, .cynpg3-content > .picturecardblock,
.sepg3-content > .picturecardblock, .cepg2-content > .picturecardblock {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}
.iepg1 > .picturecardblock > .picturecard, .sepg1 > .picturecardblock > .picturecard,
.iepg3-content > .picturecardblock > .picturecard,
.cynpg2-content > .picturecardblock > .picturecard {
    transform: rotate(-3deg);
}
.iepg4-content > .picturecardblock > .picturecard,
.cynpg3-content > .picturecardblock > .picturecard,
.sepg3-content > .picturecardblock > .picturecard {
    transform: rotate(3deg);
}

/* Consultorías hero: single wide text column + audience chips */
.cepg1 {
    display: flex;
    width: 100%;
    max-width: 62rem;
}
.cepg1 > .genericblock1-left {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 100%;
}
.cepg1 > .genericblock1-left > .bubblecontainer {
    gap: 0.75rem;
    flex-wrap: wrap;
}
.cepg1 > .genericblock1-left > .bubblecontainer > .bubble {
    width: auto;
    padding: 0.65rem 1.15rem;
    border-radius: 999px;
    border: 1px solid rgba(61, 14, 44, 0.14);
    background: #FFFFFFAA;
    box-shadow: none;
}
.cepg1 > .genericblock1-left > .bubblecontainer > .bubble > .bubble-text { gap: 0; }

/* Sostenibilidad hero: Ambiental / Social / Gobernanza mini tiles */
.sepg1 > .genericblock1-left > .bubblecontainer {
    gap: 0.75rem;
    flex-wrap: wrap;
}
.sepg1 > .genericblock1-left > .bubblecontainer > .bubble {
    width: auto;
    flex: 1 1 8rem;
    padding: 1rem;
    border: 1px solid #88888888;
    background: #FFFFFFAA;
}

/* Comercial hero: the 85% stat card */
.cynpg1 > .picturecardblock > .picturecard .statistics-box {
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 0.5rem;
}
.cynpg1 > .picturecardblock > .picturecard .statistics-box h3 {
    font-size: 4.5rem;
    line-height: 100%;
}
.cynpg1 > .picturecardblock > .picturecard .statistics-box p {
    text-align: left;
    text-wrap: pretty;
    opacity: 0.9;
}

/* ---------- Two-column program / consultancy detail sections ---------- */
.iepg3-content, .iepg4-content,
.cynpg2-content, .cynpg3-content,
.sepg3-content {
    display: flex;
    gap: 5rem;
    align-items: flex-start;
    width: 100%;
    max-width: 80rem;
}
.iepg3-block2, .iepg4-block2,
.cynpg2-block2, .cynpg3-block2,
.sepg3-block2 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    max-width: 46rem;
}

/* Spec bubbles inside detail sections (DURACIÓN / FORMATO ...) */
.iepg3-block2 > .bubblecontainer > .bubble,
.cynpg2-block2 > .bubblecontainer > .bubble,
.cynpg3-block2 > .bubblecontainer > .bubble {
    padding: 1rem;
    width: auto;
    border: 1px solid #88888888;
}
.iepg3-block2 > .bubblecontainer > .bubble > .bubble-text > .genericblock1-left > .generic-title-box-left,
.cynpg2-block2 > .bubblecontainer > .bubble > .bubble-text > .genericblock1-left > .generic-title-box-left,
.cynpg3-block2 > .bubblecontainer > .bubble > .bubble-text > .genericblock1-left > .generic-title-box-left {
    gap: 0;
}
.iepg3-block2 > .keyitems-block > .genericblock1-left > .generic-title-box-left > .title h2,
.iepg4-block2 > .generic-title-box-left > .title h2,
.cynpg2-block2 > .keyitems-block > .genericblock1-left > .generic-title-box-left > .title h2,
.cynpg3-block2 > .keyitems-block > .genericblock1-left > .generic-title-box-left > .title h2 {
    font-size: 1.25rem;
}
.iepg3-block2 > .keyitems-block > .keyitems-item,
.iepg4-block2 > .keyitems-block > .keyitems-item,
.cynpg2-block2 > .keyitems-block > .keyitems-item,
.cynpg3-block2 > .keyitems-block > .keyitems-item {
    padding: 0.9rem 0;
}
.iepg3-block2 .bubblecontent-title h3,
.cynpg2-block2 .bubblecontent-title h3,
.cynpg3-block2 .bubblecontent-title h3 {
    font-size: 1.05rem;
    line-height: 150%;
}

/* keyitems with title + description stacked */
.iepg4-block2 .keyitems-item .bubblecontent-title,
.sepg3-block2 .keyitems-item .bubblecontent-title,
.sepg5-block .keyitems-item .bubblecontent-title,
.cynpg5-content .keyitems-item .bubblecontent-title,
.cepg3-content .keyitems-item .bubblecontent-title {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}
.iepg4-block2 .keyitems-item .bubblecontent-title p,
.sepg3-block2 .keyitems-item .bubblecontent-title p,
.sepg5-block .keyitems-item .bubblecontent-title p,
.cynpg5-content .keyitems-item .bubblecontent-title p {
    font-size: 1rem;
    line-height: 150%;
    opacity: 0.85;
}

/* ---------- Innovación: "Tres modelos" & Sostenibilidad: "PYMEs" card rows ---------- */
.iepg2-content > .bubblecontainer,
.sepg2-content > .bubblecontainer {
    flex-wrap: nowrap;
    gap: 1.5rem;
    align-items: stretch;
}
.iepg2-content > .bubblecontainer > .bubble,
.sepg2-content > .bubblecontainer > .bubble {
    padding: 2rem;
    gap: 1rem;
    width: 100%;
    background: #fff;
}

/* ---------- Innovación Desafíos (centered) ---------- */
.iepg5-content > .iepg5-block1 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    width: 100%;
    max-width: 60rem;
}
.iepg5-content > .iepg5-block1 > .bubblecontainer {
    align-items: stretch;
    justify-content: center;
}

/* ---------- Comercial: IA Aplicada (centered narrow) ---------- */
.cynpg5-content {
    max-width: 62rem;
}
.cynpg5-content > .genericblock1-left {
    width: 100%;
    max-width: 62rem;
}

/* ---------- Sostenibilidad: Catálogo de la Academia ---------- */
.sepg5-content > .sepg5-block {
    display: flex;
    gap: 3rem;
    align-items: flex-start;
    width: 100%;
    max-width: 70rem;
}
.sepg5-block > .genericblock1-left {
    flex: 0 0 16rem;
    max-width: 16rem;
}
.sepg5-block > .keyitems-block {
    flex: 1;
}
.sepg5-block > .genericblock1-left > .generic-title-box-left > .title h2 {
    font-size: 1.35rem;
}

/* ---------- Consultorías: field-photo band ---------- */
.cepg2-content > .picturecardblock {
    width: 100%;
}
.cepg2-content > .picturecardblock > .picturecard {
    /* max-width: 100%; */
    transform: rotate(0);
}
.cepg2-content .picturecard-imageframe {
    max-height: 22rem;
}

/* ---------- Consultorías: two-column consultancy sections ---------- */
.cepg3-content, .cepg4-content {
    display: flex;
    gap: 4rem;
    align-items: flex-start;
    width: 100%;
    max-width: 80rem;
}
.cepg3-content > .genericblock1-left,
.cepg4-content > .genericblock1-left {
    flex: 0 0 22rem;
    max-width: 24rem;
}
.cepg3-content > .keyitems-block {
    flex: 1;
}
.cepg4-content > .bubblecontainer {
    flex: 1;
    gap: 1.5rem;
}
.cepg4-content > .bubblecontainer > .bubble {
    padding: 2rem;
    width: 45%;
    background: #fff;
}
.cepg4-content > .bubblecontainer > .bubble > .bubble-text > .genericblock1-left > .generic-title-box-left {
    gap: 0.25rem;
}

/* ---------- Gradient banner sections ---------- */
section.innovacionyestrategia6, section.sostenibilidadyesg4,
section.comercialynetworking4, section.consultoriasespecializadas5 {
    display: flex;
    width: 100%;
    padding: 5rem;
    justify-content: center;
    background: var(--Pink-Gradient);
}
.cynpg4-content, .cepg5-content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%;
    max-width: 80rem;
}
section.innovacionyestrategia6 .title h2,
section.innovacionyestrategia6 .generic-title-box p,
section.innovacionyestrategia6 .generic-title-box h3,
section.sostenibilidadyesg4 .title h2,
section.sostenibilidadyesg4 .generic-title-box p,
section.sostenibilidadyesg4 .generic-title-box h3,
section.comercialynetworking4 .title h2,
section.comercialynetworking4 .generic-title-box p,
section.comercialynetworking4 .generic-title-box h3,
section.consultoriasespecializadas5 .title h2,
section.consultoriasespecializadas5 .generic-title-box p,
section.consultoriasespecializadas5 .generic-title-box-left > .title h2,
section.consultoriasespecializadas5 .bubble-text-title p,
section.consultoriasespecializadas5 .keyitems-block h3 {
    color: #fff;
}
section.consultoriasespecializadas5 .keyitems-block .keyitems-item {
    border-color: rgba(255, 255, 255, 0.28);
}
.cepg5-content > .keyitems-block {
    width: 100%;
    max-width: 60rem;
    align-self: center;
}
.cepg5-content > .genericblock1 p {
    color: #fff;
}

/* Comercial: Elevator Pitch 360 cards on gradient */
.cynpg4-content > .bubblecontainer {
    flex-wrap: nowrap;
    gap: 1.5rem;
    align-items: stretch;
}
.cynpg4-content > .bubblecontainer > .bubble {
    padding: 2rem;
    gap: 1rem;
    width: 100%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.24);
}
.cynpg4-content .bubble-text h3,
.cynpg4-content .bubble-text p {
    color: #fff;
}
.cynpg4-content .bubble-text .keyitems-item {
    border-color: rgba(255, 255, 255, 0.24);
}

/* ---------- Final contact CTA sections ---------- */
.iepg7-content, .sepg6-content, .cynpg6-content, .cepg6-content {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 55rem;
    text-align: center;
}
.iepg7-block1 > .genericblock1 > .generic-title-box > .title h2,
.sepg6-block1 > .genericblock1 > .generic-title-box > .title h2,
.cynpg6-block1 > .genericblock1 > .generic-title-box > .title h2,
.cepg6-block1 > .genericblock1 > .generic-title-box > .title h2 {
    font-size: 2rem;
    line-height: 140%;
}
.iepg7-content .call-to-action,
.sepg6-content .call-to-action,
.cynpg6-content .call-to-action,
.cepg6-content .call-to-action {
    justify-content: center;
    flex-wrap: wrap;
}