.instructor-content-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--dimension-ratio)*50px);
    margin-top: calc(var(--dimension-ratio)*50px);
}

.instructor-content-nav{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100vw;
    border-bottom: 2px solid #DCDCDC;
    padding-inline: calc(var(--dimension-ratio)*180px);
    gap: calc(var(--dimension-ratio)*24px);
}

.instructor-nav-item{
    width: calc(var(--dimension-ratio)*180px);
    height: calc(var(--dimension-ratio)*65px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: calc(var(--dimension-ratio)*24px);
    line-height: calc(var(--dimension-ratio)*30px);
    letter-spacing: 0%;
    vertical-align: middle;
    color:#958EAF;
    gap: calc(var(--dimension-ratio)*5px);
    position: relative;
    cursor: pointer;
}

.instructor-nav-item.active{
    color: #144295 !important;
}

.active-border{
    width: 100%;
    border: 1px solid #144295 !important;
    box-shadow: 0px -5px 12px 0.5px #1952B880;
    position: absolute;
    bottom: -1.5px;
    border-radius: 20px;
}
#instructorAbout{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--dimension-ratio)*50px);
}

.instructor-about-sec{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(var(--dimension-ratio)*1488px);
}
.about-me-sec{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    width: calc(var(--dimension-ratio)*979px);
    /* height: calc(var(--dimension-ratio)*276px); */
}
.about-me-sec h2,.contact-sec h2,.exp-sec h2{
    font-weight: 500;
    font-size: calc(var(--dimension-ratio)*36px);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #173263;
    margin-bottom: calc(var(--dimension-ratio)*15px);
}
.about-me-sec p{
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*24px);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #5B6C8B;
    margin: 0;
    line-height: calc(var(--dimension-ratio)*29px);
}
.about-me-sec a{
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*24px);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #7E8695 !important;
    text-decoration-style: solid;
    text-decoration-thickness: 8.5%;
    text-decoration-skip-ink: auto;
    margin: 0;
    position: relative;
    cursor: pointer;
}
.about-me-sec a.underline::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.5px; 
    width: 100%; 
    height: calc(var(--dimension-ratio)*2px); 
    background-color: #7E8695; 
    transition: background-color 0.3s; 
}
.contact-sec{
    width: calc(var(--dimension-ratio)*469px);
    height: calc(var(--dimension-ratio)*258px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.social-icons-sec{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--dimension-ratio)*15px);
}
.social-icons-sec img{
    width: calc(var(--dimension-ratio)*44px);
    height: calc(var(--dimension-ratio)*44px);
}
.contact-sub-head{
    font-weight: 500;
    font-size:calc(var(--dimension-ratio)*22px);
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #BABABA;
    margin: 0;
}
.instructor-email{
    font-weight: 600;
    font-size:calc(var(--dimension-ratio)*22px);
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 7%;
    color:#144295;
    margin-bottom: calc(var(--dimension-ratio)*30px);
    cursor: pointer;
}
.exp-sec{
    width: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: calc(var(--dimension-ratio)*30px);
    width: calc(var(--dimension-ratio)*1488px);
}
.exp-con{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
}
.exp-item{
    width: calc(var(--dimension-ratio)*496px);
    height: calc(var(--dimension-ratio)*142px);
    margin-bottom: calc(var(--dimension-ratio)*40px);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.exp-date{
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*22px);
    letter-spacing: 0%;
    vertical-align: middle;
    color:#758095;
    margin-bottom: calc(var(--dimension-ratio)*5px);
}
.exp-data{
    font-weight: 500;
    font-size: calc(var(--dimension-ratio)*22px);
    letter-spacing: 0%;
    vertical-align: middle;
    color:#173263;
    margin: 0;
}
.exp-footer{
    width: 100%;
    height: calc(var(--dimension-ratio)*32px);
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: calc(var(--dimension-ratio)*15px);
}
.exp-circle{
    width: calc(var(--dimension-ratio)*32px);
    height: calc(var(--dimension-ratio)*32px);
    border-radius: 50%;
    border: 1px solid #CABEBE;
}
.exp-line{
    width: calc(var(--dimension-ratio)*464px);
    border: 0.5px solid #CABEBE;
}
#instructorCourses{
    display: flex;
    width: 90%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(var(--dimension-ratio)*32px);
    margin: auto;
}
#instructorReviews{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(var(--dimension-ratio)*30px);
}
.review-item{
    width: calc(var(--dimension-ratio)*1488px);
    border-bottom: 1.5px solid #DDD9E3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.review-item img{
    width: calc(var(--dimension-ratio)*80px);
    height: calc(var(--dimension-ratio)*80px);
    border-radius: 50%;
}
.review-content{
    width: calc(var(--dimension-ratio)*1388px);
    gap: calc(var(--dimension-ratio)*14px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.review-content p{
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*24px);
    letter-spacing: 0%;
    color: #5B6C8B;
    margin-bottom: calc(var(--dimension-ratio)*15px);
}
.reviewer-content{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.reviewer-content h2{
    font-weight: 600;
    font-size: calc(var(--dimension-ratio)*28px);
    letter-spacing: 0%;
    color: #173263;
    margin: 0;
}
.review-rate{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(var(--dimension-ratio)*224px);
}
.review-rate img{
    width: calc(var(--dimension-ratio)*32px);
    height: calc(var(--dimension-ratio)*32px);
}
.social-icons-sec a{
   cursor: pointer;
}

.empty-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: calc(var(--dimension-ratio)*798px);
    gap: calc(var(--dimension-ratio)*70px);
}

.empty-container img{
    width: calc(var(--dimension-ratio)*294px);
    height: calc(var(--dimension-ratio)*294px);
}
.empty-container p{
    font-weight: 600;
    font-size:calc(var(--dimension-ratio)*28px);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #637FB0;
}
.review-form{
    width: calc(var(--dimension-ratio)*1488px);
    height: calc(var(--dimension-ratio)*603px);
    margin-bottom: calc(var(--dimension-ratio)*60px);
    gap: calc(var(--dimension-ratio)*30px);
    border-radius: calc(var(--dimension-ratio)*15px);
    border: 1px solid #CAC5C5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.review-form h2{
    font-weight: 600;
    font-size: calc(var(--dimension-ratio)*36px);
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #144295;
}

.review-form p{
    font-weight: 500;
    font-size: calc(var(--dimension-ratio)*28px);
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #334361;
    margin: 0;
}

.review-form button{
    width: calc(var(--dimension-ratio)*248px);
    height: calc(var(--dimension-ratio)*64px);
    border-radius: calc(var(--dimension-ratio)*40px);
    font-weight: 500;
    font-size: calc(var(--dimension-ratio)*24px);
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #FFFFFF;
    background-color: #144295;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rate-input{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--dimension-ratio)*10px);
}
.rate-input img{
    width: calc(var(--dimension-ratio)*56px);
    height: calc(var(--dimension-ratio)*56px);
}
.review-form textarea{
    width: calc(var(--dimension-ratio)*1068px);
    height: calc(var(--dimension-ratio)*206px);
    padding: calc(var(--dimension-ratio)*10px);
    border: 1px solid #9D9D9D;
    font-weight: 400;
    font-size: calc(var(--dimension-ratio)*24px);
    letter-spacing: 0%;
    vertical-align: middle;
    color: #A49898;
}