.instructor-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: calc(var(--dimension-ratio)*140px);
    gap: calc(var(--dimension-ratio)*45px);
    width: 100%;
}
.instructor-header{
    display: flex;
    align-items: center;
    width: 86%;
    height: calc(var(--dimension-ratio)*348px);
    gap: calc(var(--dimension-ratio)*50px);
}
.instructor-img{
    width: calc(var(--dimension-ratio)*348px);
    height: calc(var(--dimension-ratio)*348px);
    border-radius: 50%;
}
.instructor-head-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(var(--dimension-ratio)*1108px);
    gap: calc(var(--dimension-ratio)*20px);
}
.instructor-head-name{
    display: flex;
    align-items: center;
    gap: calc(var(--dimension-ratio)*15px);
}
.instructor-head-name h2{
    margin: 0;
    font-weight: 600;
    font-size: calc(var(--dimension-ratio)*40px);
    line-height: calc(var(--dimension-ratio)*29px);
    letter-spacing: 2px;
    vertical-align: middle;
    color: #173263;
}
.instructor-head-name img{
    width: calc(var(--dimension-ratio)*28px);
    height: calc(var(--dimension-ratio)*21px);
    border-radius: calc(var(--dimension-ratio)*7px);
}
.instructor-head-desc{
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*24px);
    line-height: calc(var(--dimension-ratio)*32px);
    letter-spacing: 0.5px;
    vertical-align: middle;
    color: #173263;
    margin: 0;
}
.instructor-speak{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--dimension-ratio)*8px);
}
.instructor-speak-head{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--dimension-ratio)*7px);
}
.instructor-speak-head img{
    width: calc(var(--dimension-ratio)*18px);
    height: calc(var(--dimension-ratio)*18px);
}
.instructor-speak-head p{
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*24px);
    line-height: calc(var(--dimension-ratio)*17px);
    letter-spacing: 0px;
    vertical-align: middle;
    color: #30466E;
    margin: 0;
}
.instructor-speak-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--dimension-ratio)*8px);
}

.instructor-speak-item p{
    font-weight: 500;
    font-size: calc(var(--dimension-ratio)*24px);
    line-height: calc(var(--dimension-ratio)*17px);
    letter-spacing: 0px;
    vertical-align: middle;
    color: #173263;
    margin: 0;
}

.instructor-speak-item span{
    width: calc(var(--dimension-ratio)*68px);
    height: calc(var(--dimension-ratio)*25px);
    border-radius: calc(var(--dimension-ratio)*15px);
    background-color: #C9FCC5;
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*17px);
    letter-spacing: 0px;
    vertical-align: middle;
    color:#118C08;
    display: flex;
    align-items: center;
    justify-content: center;
}

.instructor-skills{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: calc(var(--dimension-ratio)*84px);
}

.instructor-skills p{
    font-weight: 500;
    font-size:calc(var(--dimension-ratio)*24px);
    line-height: calc(var(--dimension-ratio)*17px);
    letter-spacing: 0px;
    vertical-align: middle;
    color: #243452;
    margin: 0;
}

.instructor-skills-content{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:  calc(var(--dimension-ratio)*15px) ;
    padding-inline-start:  calc(var(--dimension-ratio)*15px) ;
}

.instructor-skills-content span{
    height: calc(var(--dimension-ratio)*47px);
    border-radius: calc(var(--dimension-ratio)*32px);
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*20px);
    line-height: calc(var(--dimension-ratio)*15px);
    letter-spacing: 0px;
    vertical-align: middle;
    color: #172A4F;
    background-color: #EFECF8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--dimension-ratio)*30px);
}