.access-hero {
    background-color: #184e4e;
    position: relative;
    overflow: hidden;
}

.access-hero .hero-circle {
    border: 1px solid rgba(255, 255, 255, 0.25);
    width: clamp(200px,20.833vw,400px);
    height: clamp(200px,20.833vw,400px);
    border-radius: 100%;
    position: absolute;
    top: -7.292vw;
}

.access-hero .hero-circle-left {

    left: -7.292vw;
}

.hero-circle-right {

    right: -7.292vw;

}

.access-hero .content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-direction: column;
    padding-top: clamp(80px,15vw,150px);
    padding-bottom: clamp(100px,18vw,180px);
}

.access-hero .title p,
.for-all .title p,
.access-about .title {
    color: #c98d51;
    letter-spacing: 5px;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;

}

.access-hero h1 {
    color: #fff;
    font-size: clamp(24px,6.4vw,130px);
}

.access-hero .description p {
    color: rgba(255, 255, 255, 0.685);
    font-size: clamp(18px ,2.083vw,28px);
    font-style: italic;
    text-align: center;
}
.access-main{
    background-color: #fbf7f1;
    padding-bottom: clamp(50px,10vw,150px);
}
.for-all h2,
.access-about h2{
    font-size: clamp(30px,4.167vw,80px);
    line-height: 1.0;
    text-align: center;

}
.for-all{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(18px,3vw,30px);
    padding-top: clamp(30px,6vw,100px);
    padding-bottom: clamp(30px,6vw,100px);
    max-width: 1000px;
    margin: 0 auto;
}
.for-all .description p,
.for-all-item .item-right .content,
.access-about .description{
    font-size: clamp(16px,1.667vw,26px);
    line-height: 1.4;
    text-align: center;
    font-weight: 500;
    color: rgb(121, 121, 121);
}
.deviline{
    width: 100%;
    border-bottom: 1.5px solid rgb(175, 175, 175);
    margin: 20px 0;
}
.for-all-item{
    display: flex;
    gap: 10px;
    padding: 50px 0;
}
.for-all-item .item-left{
    min-width: 6.25vw;
}
.for-all-item .item-left p{
    color: var(--yellow-color);
    font-size: clamp(16px,1.667vw,26px);
    line-height: 1.9;
    font-weight: 500;
}
.for-all-item .item-right{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.for-all-item .item-right h3{
    font-size: clamp(24px,3.125vw,60px);

}
.for-all-item .item-right .content{
    text-align: left;
}
.for-all-item .item-right .botton{
    display: flex;
    align-items: center;
    color: var(--yellow-color);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: clamp(14px,1.042vw,20px);
    gap: 10px;
    cursor: pointer;
    font-weight: 500;
}
.access-about{
   background-color:#f4efe5 ; 
   padding:  clamp(50px,10vw,150px) 0;
}

.access-about .content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-direction: column;
}
.access-about .content .botton{
    background-color: var(--yellow-color);
    color: #fff;
    padding:  clamp(10px,2.5vw,25px) clamp(10px,2.5vw,25px);
    letter-spacing: 2px;
    font-size: clamp(14px,1.042vw,20px);
    font-weight: 300;
}

@media (max-width: 495px) {
 .hero-circle{
    display: none;
 }


}