/* Who-We-Are CSS */
.who-we-are,.why-choose-us{
    padding-bottom: 70px;
}
.who-we-are-container{
    padding: 5rem 0 3rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.who-left-container{
  flex: 1;
  min-width: 250px; 
  padding: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
}
.who-left-container h2{
    font-size: 28px;
    font-weight: 700;
    margin-block: 1.5rem 0.7rem;
}
.who-left-container>p{
    margin-block: 1.8rem;
}
.who-sub-heading{
    background: var(--primary-color);
    color: var(--off-white);
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px var(--primary-color);
}


.who-right-container{
    flex: 2;
}
.who-right-group{
    display: flex;
    padding-bottom: 4rem;
}
.who-right-text{
    padding-left: 3rem;
}
.who-right-text>h5{
    position: relative;
}
.who-right-text>h5::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 3px solid;
    position: absolute;
    bottom: 50%;
    left: -28px;
    transform: translate(0,50%);
}


/* Why Choose Us CSS */
.why-choose-us>p,.who-we-are>p{
    text-align: center;
    font-size: 20px;
    color: var(--text-light);
}
.why-choose-container{
    padding: 5rem 0 2rem 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
}
.why-choose-group {
    display: flex;
    gap: 24px;
    align-items: baseline;
}

.why-choose-group.reverse {
    flex-direction: row-reverse;
}

.why-choose-group.normal {
    flex-direction: row;
}

.why-choose-group.reverse .why-choose-text {
    text-align: end;
}

.why-choose-group.normal .why-choose-text {
    text-align: start;
}
.why-choose-circle{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid;
    flex-shrink: 0;
    display: inline-block;
}
.why-choose-text>h3{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0.8rem;
}


/* media query for responsiveness */
@media (max-width: 1024px) {
    .about-container{
        padding-top: 50px;
    }
    
}
@media (max-width: 768px) {
    .who-we-are-container{
     flex-direction: column;
     gap: 4.5rem;
    }
    .who-left-container>p {
      text-align: justify;
    }
    .why-choose-group.reverse {
        flex-direction: row;
    }
    .why-choose-group.reverse .why-choose-text {
        text-align: start;
    }
    
    .who-right-group {
      padding-bottom: 3rem;
    }
    .why-choose-container{
        padding: 3rem 0 2rem 0;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 2rem;
    }
}

@media (max-width: 480px) {
    .about-container{
        padding-top: 80px;
    }

    .who-right-text>h5 {
        font-size: 1rem;
    }
    .who-right-text>p {
        font-size: 0.9rem;
    }
    .why-choose-group {
        gap: 16px;
    }
    .why-choose-text>h3{
        font-size: 20px;
        margin-bottom: 0.5rem;
    }
}