/******** INDEX ************/ 
/* 

* General

* Layout 2 cols

* Carousel

*/ 

/********************* General ***********************/

.cardspad  {
    padding: var(--space-xxl) var(--space-xxxl) 0px var(--space-xxxl);
    border: var(--border-size-s);
    border-style: solid;
    border-radius: var(--border-radius-soft-rounded);
    border-color: var(--color-neutral-4);
}

.cardborder{
    border: var(--border-size-s);
    border-style: solid;
    border-radius: var(--border-radius-soft-rounded);
    border-color: var(--color-neutral-2);
    }


.centerdiv{
    display: flex;
    justify-content: center;
}

.tabminheight {
    min-height: 260px;
}

.tabminheightmobile {
    min-height: 310px;
}
.cardspadmobile  {
    padding: var(--space-xxl) var(--space-xxxl) 0px var(--space-xxxl);
}

.columnmobileleft {
    margin-right: var(--space-s);
    width: 5%;
}

columnmobileright {
    width: 90%;
}

.separator-height-3 {
    height: 3.4rem;
}

a.see-more-link  div {
    display: flex;
}

a.see-more-link .osicons-v2-arrow-down,
a.see-more-link .osicons-v2-arrow-up {
    color: var(--color-link);
}
/********************************************************/



/******************** Layout 2 cols **********************/
.mentorship-cols .layout2cols__left,
.mentorship-cols .layout2cols__right {
    width: 50%
}

.mentorship-cols.layout2cols:not(.no-right-col):before,
.mentorship-cols .layout2cols__right {
    background-color: var(--color-white);
}

.mentorship-cols .layout2cols__left,
.mentorship-cols.layout2cols {
    background-color: inherit;
}

.desktop .mentorship-cols.layout2cols {
    min-height: 100vh;
}

.desktop .mentorship-cols .layout2cols__right {
    padding-left: var(--space-xxxl);
}

.desktop .mentorship-cols .layout2cols__left {
    padding-right: var(--space-xxxl);
}

.desktop .carousel .carousel-container > .carousel-container-content > .list > div {
    min-width: 39.875rem;
}

.desktop .carousel .carousel-container-content .OSFillParent{
    display: flex;
}

.phone .layout2cols > [class*="ThemeGrid_"] {
    flex-direction: column;
    padding: 0;
}
.phone .mentorship-cols .layout2cols__left,
.phone .mentorship-cols .layout2cols__right{
    padding: 0;
    width: 100%;
}

.phone .mentorship-cols .layout2cols__left > div,
.phone .mentorship-cols .layout2cols__right > div{
    padding: var(--space-m);
}

.phone .mentorship-cols.layout2cols:not(.no-right-col):before {
    display: none;
}
/********************************************************/