/* yourExperienceSec */
.yourExperienceSec .secHeader{
    text-align:center;
    width:750px;
    max-width:100%;
    margin:0px auto 64px auto;
}
.yourExperienceSec .secHeader .headingXL{
    color:var(--neutral900);
    margin-bottom:24px;
}
.yourExperienceSec .secHeader .paragraphL{
    color:var(--neutral700);
}
.yourExBox{
    display:flex;
    align-items:flex-start;
}
.yourExBox .leftImg{
    width:48%;
}
.yourExBox .leftImg img{
    width:100%;
    border-radius:24px;
}
.yourExBox .rightCN{
    width:52%;
    padding-left:80px;
}
.yourExBox .rightCN .yourExItem{
    position:relative;
    padding:32px 4px 32px 40px;
}
.yourExBox .rightCN .yourExItem::before{
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    width:1px;
    height:100%;
    background-color:var(--neutral400);
}
.yourExBox .rightCN .yourExItem::after{
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    width:1px;
    height:0%;
    background-color:var(--secondaryBrand700);
    z-index:3;
    transition:0.4s;
}
.yourExBox .rightCN .yourExItem.active::after{
    height:100%;
}
.yourExBox .rightCN .yourExItem .heading{
    color:#1E1F1F;
    cursor: pointer;
    letter-spacing:-2px;
}
.yourExBox .rightCN .yourExItem .cnBody{
    margin-top:16px;
}
.yourExBox .rightCN .yourExItem .paragraphL{
    color:#505152;
}
.yourExBox .rightCN .yourExItem .buttonRegular{
    margin-top:24px;
}
/* yourExperienceSec end */
@media(max-width:1199px){
    /* yourExperienceSec */
    .yourExBox .rightCN{
        padding-left:40px;
    }
    .yourExBox .rightCN .yourExItem{
        padding:16px 4px 16px 40px;
    }
    /* yourExperienceSec end */

}
@media(max-width:1024px){
    .yourExperienceSec.sectionPaddingLarge{
        padding:40px 0px;
    }
}
@media(max-width:991px){
    /* yourExperienceSec */
    .yourExBox .rightCN{
        padding-left:20px;
    }
    .yourExBox .rightCN .yourExItem {
        padding: 16px 0px 16px 16px;
    }
    /* yourExperienceSec end */
}
@media(max-width:767px){
    /* yourExperienceSec */
    .yourExperienceSec .secHeader{
        margin-bottom:32px;
    }
    .yourExBox{
        flex-wrap:wrap;
    }
    .yourExBox .leftImg{
        width:100%;
        margin-bottom:32px;
    }
    .yourExBox .rightCN{
        width:100%;
        padding-left:0px;
    }
    /* yourExperienceSec end */
}
@media(max-width:575px){
    /* yourExperienceSec */
    .yourExBox .rightCN .yourExItem::before,
    .yourExBox .rightCN .yourExItem::after{
        width:2px;
    }

    .yourExperienceSec .secHeader .headingXL{
        font-size:36px;
        line-height:46px;
    }

    .yourExBox .rightCN .yourExItem .heading{
        font-size:28px;
        line-height:36px;
    }

    /* yourExperienceSec end */
}