.about-hero{
    padding: 354px 0 280px;
    position: relative;
}

.about-hero__inner{
    text-align: center;
}

.about-hero .about-hero__title{
    margin-bottom: 11px;
}

.about-hero__sub-title{
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    text-align: center;
    margin-bottom: 18px;
    color: var(--title-color);
    margin-bottom: 30px;
}

.about-hero__description{
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: var(--text-gray-color);
    letter-spacing: 0.5px;
}

.about-image-one{
    position: absolute;
    left: calc(50% - 867px);
    top: 11px;
    width: 665px;
    height: auto;
    display: block;
    user-select: none;
    pointer-events: none;
}

.about-image-two{
    position: absolute;
    right: calc(50% - 1156px);
    top: 236px;
    width: 1035px;
    height: auto;
    display: block;
    user-select: none;
    pointer-events: none;
}

.about-idea{
    padding: 64px 0;
}

.about-idea .about-idea__title{
    margin-bottom: 11px;
}

.about-idea__sub-title{
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    color: var(--title-color);
}

.about-idea__content{
    margin-top: 52px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    gap: 43px;
}

@media (max-width: 768px){
    .about-idea__content{
        grid-template-columns: 1fr;
    }
}

.about-idea__content img{
    border: 1px solid #33333A;
    border-radius: 12px;
    max-width: 495px;
    width: 100%;
}

@media (max-width: 768px){
    .about-idea__content img{
        max-width: 100%;
    }
}

.about-idea__content ul{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
}

.about-idea__content ul li{
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    color: var(--text-gray-color);
    max-width: 620px;
}



.roadmap { 
    padding: 0 0 150px;
}

.roadmap .roadmap__inner{
    text-align: center;
}



.roadmap-eyebrow .muted{ color:#7f8490; }
.roadmap-eyebrow .accent{ color:var(--accent); }
.roadmap-title{ 
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    margin: 6px 0 71px 0;
    color: #E9ECEF;
}

/* ========== Tabs ========== */
.rm-tabs{ margin-top: 16px; }
.rm-tablist-wrap{ position:relative; margin: 0 0 64px; }
.rm-tablist{
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 0px 0 13px;
    justify-content: space-between;
    gap: 42px;
}
.rm-tablist::-webkit-scrollbar{ display:none; }

.rm-tab{
    position: relative;
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: #D6D6D6;
    cursor: pointer;
    white-space: nowrap;
    transition: color .25s ease;
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
}
.rm-tab:is(:hover,:focus-visible){ color:#f0f2f5; outline:none; }
.rm-tab.is-active{ color: var(--accent); }

/* Track line + sliding indicator */
.rm-track{
  position:absolute; left:0; right:0; bottom:0;
  height:2px; background:#33333A;
}
.rm-indicator{
    position: absolute;
    bottom: -1px;
    height: 2px;
    width: 64px !important;
    background: linear-gradient(267.34deg, #EBBD84 4.45%, #3353A8 95.55%);
    transform: translateX(0);
    transition: transform .35s ease, width .35s ease;
    pointer-events: none;
}

/* ========== Panels ========== */
.rm-panels{ 
    max-width: 951px;
    margin: 0 auto;
    text-align: left;
}
.rm-tabpanel{ display:none; }
.rm-tabpanel.is-active{ display:block; }


.rm-tabpanel .hidden-content{
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .4s ease, opacity .25s ease;
}

.rm-tabpanel.is-expanded .hidden-content{
  max-height: 15200px;
  opacity: 1;
}

.rm-tabpanel .rm-more{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
}


.rm-tabpanel h3{
    margin: 0 0 24px;
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    text-align: left;
    color: #E9ECEF;
}
.rm-tabpanel h4{
    color: #D6D6D6;
    margin: 16px 0 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}

.rm-list{
  list-style:none; padding:0; margin:0 0 8px;
  display:grid; gap:10px;
}

.rm-list li{
    position: relative;
    padding-left: 32px;
    color: #D6D6D6;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
}
.rm-list li::before{
    content: "";
    background-image: url(/images/meteor-icons_check.svg);
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
}

.rm-more{
    display: inline-block;
    margin-top: 24px;
    color: #EBBD84;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}
.rm-more:hover{ text-decoration:underline; }

/* ========== Responsive ========== */
@media (min-width: 900px){
  .rm-tabpanel{
    max-width: 720px;
  }
}

@media (max-width: 768px){
    .roadmap-title{
        font-size: 30px;
    }
}

@media (max-width: 640px){
  .rm-tablist-wrap{ margin-bottom: 18px; }
  .rm-list{ gap:8px; }
}


.team{
    padding: 56px 0 0;
}

.team__inner{
    text-align: center;
}

.team .team__title{
    margin-bottom: 12px;
}

.team__sub-title{
    font-weight: 700;
    font-size: 40px;
    line-height: 116%;
    text-align: center;
    margin-bottom: 24px;
    color: var(--title-color);
}

.team__description{
    font-weight: 300;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: var(--text-gray-color);
}

.team__items{
    margin-top: 49px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.team__item{
    flex: 1;
    min-width: 320px;
    max-width: 454px;
}

.team__item .image-container {
  position: relative;
}

.team__item .image-container .overflow {
  position: absolute;
  inset: 0;     
  display: flex;
  gap: 15px;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 24px;
  background: #181819B2;  
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
  z-index: 1;            
}

.team__item .image-container .overflow a{
    display: flex;
}

.team__item .image-container:hover .overflow {
  opacity: 1;
  visibility: visible;
}


.team__item img{
    width: 100%;
    max-height: 413px;
    object-fit: cover;
    object-position: top;
    border: 1px solid #33333A;
    border-radius: 12px;
}

.team__content{
    margin-top: 24px;
}

.team__item-name{
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    margin-bottom: 4px;
    text-align: left;
    color: var(--title-color);
}

.team__item-profession{
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 24px;
    text-align: left;
    color: var(--text-gray-color);
}

.team__item-descroption{
    font-weight: 300;
    font-size: 18px;
    line-height: 120%;
    text-align: left;
    color: var(--text-gray-color);
}

.shape-the-future{
    padding: 40px 0 168px;
    position: relative;
}

.shape-the-future .shape-the-future__inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
}

.shape-the-future h3{
    color: #E9ECEF;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 1100px;
    margin: 0 auto 64px;
}

.shape-the-future-img-one{
    position: absolute;
    left: calc(50% - 1415px);
    top: 0;
    width: 1035px;
    height: auto;
    display: block;
    user-select: none;
    pointer-events: none;
}

.shape-the-future-img-two{
    position: absolute;
    right: calc(50% - 1415px);
    bottom: 0;
    width: 1035px;
    height: auto;
    display: block;
    user-select: none;
    pointer-events: none;
}

@media (max-width:768px){

    .about-hero {
        padding: 175px 0 100px;
    }

    .about-hero__sub-title {
        font-size: 32px;
    }

    .about-hero__description {
        font-size: 16px;
    }

    .team__sub-title {
        font-size: 30px;
    }

    .team__item-descroption {
        font-size: 16px;
    }

    .about-idea__sub-title {
        font-size: 30px;
    }

    .about-idea__content p {
        font-size: 16px;
    }

    .our-story__sub-title {
        font-size: 32px;
    }

    .our-story__content .row {
        flex-direction: column;
        gap: 16px;
    }

    .our-story__content .row h5 {
        font-size: 24px;
    }

    .our-story__content .row p::before{
        display: none;
    }

    .our-story__content .row p::after{
        display: none;
    }

    .shape-the-future h3 {
        font-size: 32px;
    }

    .shape-the-future-img-one{
        width: 50%;
    }

    .shape-the-future-img-two{
        width: 70%;
    }
}