html {
    scroll-behavior: smooth;
}

.staff_agm {
    background-color: #ffffff !important;
    overflow: initial !important;
}

.staff_agm h2 {
    margin: 0;
    padding: 0;
}

.staff_agm h3 {
    margin: 0;
    padding: 0;
}

.staff_agm h4 {
    margin: 0;
    padding: 0;
}

.staff_agm p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
}

.staff_agm span {
    margin: 0;
    padding: 0;
}

.staff_agm ul {
    margin: 0;
    padding: 0;
}

.text__button-nav {
    font-family: 'Inter', sans-serif;
    text-align: center;
    line-height: 24px;
    font-size: 17px;
    padding: 0 20px;
    margin-bottom: 15px;
    font-weight: 700;
    margin-top: 20px;
    text-transform: capitalize;
}

.staff-agm__navigation-content .staff-agm1__button-calculator {
    padding: 0 20px;
}

.staff-agm__navigation-content .staff-agm1__button-calculator a {
    width: 127px;
}

.text__button-nav span {
    color: #E60078;
    font-weight: 700;
    font-size: inherit;
    font-family: inherit;
}

.staff_agm .font-p {
    font-size: 15px !important;
    line-height: 20px !important;
    font-family: 'Inter', sans-serif;
    color: #000000;
}

.staff_agm .font-h2 {
    font-size: 17px !important;
    line-height: 24px !important;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    color: #000000;
}

.staff_agm .font-h3 {
    font-size: 15px !important;
    line-height: 20px !important;
    font-family: 'Inter', sans-serif;
    color: #000000;
}

.staff_agm .font-h2 span {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit;
    font-family: 'Inter', sans-serif;
    color: #e60078;
}

@media (max-width: 800px) {
    .staff_agm .font-h2 {
        font-size: 17px !important;
        line-height: 24px !important;
        font-family: 'Inter', sans-serif;
        color: #000000;
    }

    .staff_agm .font-h2 span {
        font-size: 17px !important;
        line-height: 24px !important;
        font-family: 'Inter', sans-serif;
        color: #e60078;
    }
}

.d-flex-align-center {
    display: flex;
    align-items: center;
}

.staff-agm__container {
    display: flex;
    max-width: 1170px;
    margin: auto;
    justify-content: space-between;
}

.staff-agm__navigation {
    max-width: 270px;
    min-width: 270px;
}

.staff-agm__main-content {
    max-width: 850px;
}

.staff-breadCrumb {
    width: 100vw;
    left: calc((100vw - 1170px) /(-2));
    top: -63px;
    position: absolute;
    background-color: #F9F9F9;
    height: 40px;
    border: 1px solid #e6e2e2;
    border-left: none;
    border-right: none;
}

.staff-breadCrumb__content {
    width: 1170px;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    color: #222;
}
.staff-breadCrumb__content a,
.staff-breadCrumb__content .current {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    color: inherit;
    margin-right: 5px;
    margin-left: 5px;
}

#wpadminbar ~ .site-main .staff-breadCrumb {
    top: -49px;
}

#wpadminbar ~ .site-main .staff-agm__navigation-content {
    top: 151px;
}

.staff-breadCrumb .divider:not(:last-child) {
    color: inherit;
    margin: 0 6px;
    display: block;
}

.staff-breadCrumb .divider:not(:last-child):before {
    content: "\f104";
    display: inline-block;
    font-family: flaticon;
    font-size: 0.625em;
    line-height: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    font-weight: 100;
    color: transparent;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="7" viewBox="0 0 4 7"><path id="Path_114381" data-name="Path 114381" d="M8.25,11a.5.5,0,0,1-.354-.854L10.543,7.5,7.9,4.854A.5.5,0,0,1,8.6,4.146l3,3a.5.5,0,0,1,0,.707l-3,3A.5.5,0,0,1,8.25,11Z" transform="translate(-7.75 -4)" fill="%23222"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 4px;
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
}

@media(max-width: 1200px) {
    .staff-agm__container {
        max-width: 1000px;
    }

    .staff-agm__navigation {
        max-width: 250px;
        min-width: 250px;
    }

    .staff-agm__main-content {
        max-width: 720px;
    }

    .staff-breadCrumb {
        left: calc((100vw - 1000px) /(-2));
        ;
    }

    .staff-breadCrumb__content {
        width: 1000px;
    }
}

@media(max-width: 800px) {
    .staff-breadCrumb {
        display: none;
    }
}


/* negative */
.staff-agm__navigation-content {
    padding: 20px 0;
    box-shadow: 0px 0px 12px #B9B9B966;
    border-radius: 12px;
    background-color: #FFFFFF;
    position: sticky;
    top: 133px;
    z-index: 9999;
}

.staff-agm__navigation-title-box {
    padding: 0 20px;
}

.staff-agm__navigation-title {
    font-family: 'Inter', sans-serif !important;
    color: #000000;
    padding-bottom: 15px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 13px;
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.number-position {
    position: absolute;
    right: -7px;
    font-size: 11px;
    background-color: #e60078;
    width: 19px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #ffffff;
    top: -8px;
    scale: 1.0;
    transition: 0.3s;
}

.table-position {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #6A6A6A29;
    width: 331px;
    padding: 20px;
    padding-top: 5px;
    top: 20px;
}

.row-position {
    padding: 15px 0;
    border-bottom: 1px solid #E8E8E8;
    display: none;
}

.row-position:nth-last-child(2) {
    border-bottom: none;
}

.row-position.show-row {
    display: block;
}

.name-position {
    font-size: 15px;
    line-height: 22px;
    font-family: 'Inter', sans-serif;
    color: #222222;
}

.sub-position {
    font-size: 13px;
    line-height: 18px;
    font-family: 'Inter', sans-serif;
    color: #666666;
    display: flex;
    justify-content: space-between;
}

.sub-position div {
    font-size: inherit !important;
}

.quantity-position {
    display: flex;
    align-items: baseline;
}

.quantity-number {
    margin-right: 15px;
}

.quantity-icon {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b5b5b5;
    border-radius: 8px;
    color: #ffffff;
    padding-bottom: 2px;
    cursor: pointer;
}

.quantity-icon:hover {
    background-color: #E60078;
}

.button-position {
    height: 40px;
    width: 100%;
    background-color: #E60078;
    color: #FFFFFF;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    margin-top: 15px;
}

.iconNumber-position:hover .table-position {
    display: block;
}

nav {
    padding-right: 15px;
}

nav a {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    color: #000000;
}

nav li {
    padding: 2px 0px;
    padding-left: 20px;
    list-style: none;
    margin-bottom: 5px !important;
    transition: 0.3s;
    border-left: 2px solid transparent;
}

nav li.active {
    border-left: 2px solid #e60078;
}

nav li.active a {
    color: #e60078;
}

.hidden {
    right: 865px;
    z-index: 0;
}

.showed {
    left: 0px;
    right: 0px;
    z-index: 2;
}

.staff-agm__main-content {
    position: relative;
    overflow: hidden;
    height: 2590px;
    width: 100%;
}

.staff-agm__main-content>section {
    position: absolute;
    transition: 0.3s;
    scroll-margin-top: 500px;
    padding-top: 63px;
}

.roles__banner {
    margin-bottom: 40px;
    position: relative;
}

.roles__banner h2.font-h2 {
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: bold;
    margin-bottom: 10px;
}

.roles__banner h2.font-h2 span {
    display: block;
}

.roles__banner-header {
    max-width: 400px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.roles__banner-button {
    margin-top: 15px;
    position: relative;
}

.addCart-position {
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #6A6A6A29;
    padding: 15px 20px;
    top: 40px;
    left: -110px;
    width: 530px;
}

.addCart-info {
    display: flex;
    margin-bottom: 23px;
}

.addCart-infoLeft {
    width: 70px;
    margin-right: 17px;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    color: #000000;
    min-width: 70px;
}

.addCart-infoRight {
    display: flex;
    flex-wrap: wrap;
}

.addCart-infoBox {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    color: #000000;
    padding: 10px 15px;
    border: 1px solid #E7E8EB;
    border-radius: 2px;
    margin-right: 7px;
    margin-bottom: 7px;
    cursor: pointer;
    transition: 0.3s;
}

.addCart-infoBox.active {
    border: 1px solid #E60078
}

.addCart-quantity,
.addCart-number {
    display: flex;
}

.decrement,
.increment {
    width: 40px !important;
    height: 40px;
    border: 1px solid #E7E8EB;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 26px;
    cursor: pointer;
}

input#quantity-pm-3-5 {
    width: 80px;
    height: 40px;
    margin: 0 10px;
    border: 1px solid #E7E8EB;
    border-radius: 4px;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

input.quantity {
    width: 80px;
    height: 40px;
    margin: 0 10px !important;
    border: 1px solid #E7E8EB !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
}

input::-webkit-inner-spin-button {
    display: none !important;
}

.addCart-button {
    display: flex;
    padding-left: 87px;
    margin-top: 30px;
}

.buttonAdd-specific {
    width: 80px !important;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    border-radius: 4px;
    background-color: #e60078;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
}

.addCart-buttonLeft {
    width: 183px;
    height: 40px;
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #000000;
    border-radius: 4px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addCart-buttonLeft span {
    color: #000000 !important;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
}

.addCart-buttonRight span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    color: #ffffff;
}

.addCart-buttonRight {
    width: 170px;
    height: 40px;
    background-color: #e60078;
    cursor: pointer;
    border: 1px solid #E60078;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.roles__banner-button:hover .addCart-position {
    display: block;
}

.roles__banner-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E60078;
    width: 183px;
    height: 40px;
    border-radius: 4px;
    position: relative;
}

.roles__banner-button a:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #C60067;
    transition: all .35s;
    border-radius: 4px;
}

.roles__banner-button span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    position: relative;
    z-index: 2;
    color: #ffffff;
}

.roles__banner-button a:hover:after {
    width: 100%;
    height: 100%;
}

.roles__edu-image {
    display: flex;
    display: none;
}

.roles__edu-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.roles__edu-header div {
    width: 24px;
    margin-right: 7px;
}

.roles__edu-container>div {
    margin-bottom: 40px;
}

.roles__edu-container p {
    margin-bottom: 15px;
}

.roles__edu-image {
    margin-top: 20px;
    margin-bottom: 50px;
}

.roles__edu-image>div {
    width: 100px;
    margin-right: 15px;
}

.roles__skills-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    display: flex;
    align-items: center;
}

.roles__skills-header div {
    width: 24px;
    margin-right: 7px;
}

.roles__skills-container {
    margin-bottom: 50px;
}

.roles__skills-row {
    display: flex;
}

.roles__skills-row:nth-child(odd) {
    padding: 28px 0px;
}

.roles__skills-row:nth-child(even) {
    padding: 18px 0px;
    background-color: #f9f9f9;
}

.roles__skills-row div:first-child {
    padding-left: 15px;
    width: 28%;
}

.roles__skills-row div:last-child {
    padding-left: 27px;
    max-width: 610px;
}

.roles__skills-row span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

.roles__exp-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.roles__exp-header div {
    width: 24px;
    margin-right: 7px;
}

.roles__exp-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.roles__exp-content>div {
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    max-width: 273px;
    padding: 30px 20px;
}

.roles__exp-content h3 {
    margin-bottom: 10px;
}

.roles__exp-row {
    display: flex;
}

.roles__exp-row div {
    width: 38.5%;
    padding-left: 20px;
}

.roles__exp-row input.quantity{
    font-family: 'Inter', sans-serif;
}

.roles__exp-row div:first-child {
    width: 23%;
    padding-left: 15px;
}

.roles__exp-row:nth-child(even) {
    padding: 28px 0px;
}

.roles__exp-row:nth-child(odd) {
    padding: 18px 0px;
    background-color: #f9f9f9;
}

.roles__exp-row:first-child {
    background-color: #f4f4f4;
}

.roles__exp-row > div > span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

.roles__exp-row:first-child span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.roles__exp-row p span {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
}
.roles__button-mobile{
    display: none;
}

.roles__last {
    display: flex;
    margin-top: 50px;
    background-color: #f9f9f9;
    padding: 10px;
    padding-right: 30px;
    border-radius: 8px;
}

.roles__last-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 50px;
}

.roles__last-videoContainer {
    width: 86%;
    border-radius: 5px;
    overflow: hidden;
}

.roles__last-button {
    margin-top: 20px;
    display: flex;
}

.roles__last-buttonTool {
    border-radius: 4px;
    border: 1px solid;
    display: none;
}

.roles__last-buttonTool a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    width: 187px;
    height: 40px;
    border-radius: 4px;
    position: relative;
}

.roles__last-buttonTool a:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #000000;
    transition: all .35s;
    border-radius: 4px;
}

.roles__last-buttonTool span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    position: relative;
    z-index: 2;
    color: #000000;
}

.roles__last-buttonTool a:hover:after {
    width: 100%;
    height: 100%;
}

.herosection__button-icon2 {
    margin-right: 10px;
    display: flex;
    position: relative;
    z-index: 2;
}

.roles__last-buttonTool a:hover span {
    color: #ffffff;
}

.roles__last-buttonTool a:hover path {
    fill: #ffffff;
}



.roles__last-buttonQuote a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E60078;
    width: 183px;
    height: 40px;
    border-radius: 4px;
    position: relative;
}

.roles__last-buttonQuote a:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #C60067;
    transition: all .35s;
    border-radius: 4px;
}

.roles__last-buttonQuote span {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    position: relative;
    z-index: 2;
    color: #ffffff;
}

.roles__last-buttonQuote a:hover:after {
    width: 100%;
    height: 100%;
}


.staff-agm1__button-calculator a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e60078;
    width: 230px;
    height: 40px;
    margin: auto;
    border-radius: 4px;
    position: relative;
    background-color: #E60078;
}

.staff-agm1__button-calculator span {
    color: #ffffff;
}

.staff-agm1__button-calculator a:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #C60067;
    transition: all .35s;
    border-radius: 4px;
}

.staff-agm1__button-calculator a:hover {
    color: #fff;
}

.staff-agm1__button-calculator a:hover span {
    color: #fff;
}


.staff-agm1__button-calculator a:hover:after {
    width: 100%;
    height: 100%;
}

.staff-agm1__button-calculator span {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Inter', sans-serif;
    position: relative;
    z-index: 2;
}

.staff-agm__buttonNav {
    display: none;
}

.staff-agm__buttonNav-box {
    display: flex;
    text-align: center;
}

.staff-agm__buttonNav-box>div {
    padding: 19px 17px;
    width: 50%;
    cursor: pointer;
}

.staff-agm__buttonLeft {
    background-color: #FFEDF6;
}

.staff-agm__buttonLeft span {
    color: #E60078;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Inter', sans-serif;
}

.staff-agm__buttonRight {
    background-color: #E60078;
}

.staff-agm__buttonRight span {
    color: #ffffff;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Inter', sans-serif;
}

.pink-text {
    color: #E60078;
    pointer-events: none;
}

.banner-mb {
    display: none;
}

.banner-dt {
    display: block;
    border-radius: 4px;
}



.modal-compare {
    display: none;
    position: fixed;
    z-index: 999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 35px;
    padding-top: 5px;
    border: 1px solid #888;
    width: 570px;
}

.modal-content__note {
    text-align: right;
}

.modal-content__header {
    font-size: 20px;
    line-height: 34px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;
}

.modal-content__tablePosition {
    background-color: #FAFAFA;
    border-radius: 4px;
    padding: 20px;
    padding-top: 5px;
}

.modal-content__detail {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px;
}

.dp-fl>p {
    width: 48%;
}

.dp-fl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.positionForm input {
    height: 46px !important;
    border: 1px solid #E8E8E8 !important;
    background-color: #ffffff !important;
}

.positionForm textarea {
    border: 1px solid #E8E8E8 !important;
    background-color: #ffffff !important;
}

.positionForm input[type="submit"] {
    background-color: #e60078 !important;
    width: 100%;
    border-radius: 4px;
    margin-top: 15px;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    font-family: 'Inter', sans-serif;
}

.positionForm .wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
    margin-top: 20px !important;
}

.input-roles-hidden {
    display: none;
}

.positionForm div.wpcf7 .ajax-loader {
    margin: auto;
    margin-top: 5px;
}

.close-position{
    display: none;
}

@media screen and (max-width: 1200px) and (min-width: 800px) {
    .staff_agm .font-p {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .roles__banner h2.font-h2 {
        font-size: 24px !important;
        line-height: 25px !important;

    }

    .roles__banner-header {
        max-width: 360px;
        right: 0px;
    }

    .addCart-position {
        left: -177px;
    }

    .roles__skills-row div:first-child {
        min-width: 150px;
        max-width: 150px;
    }

    .roles__exp-content>div {
        max-width: 232px;
    }

    .buttonAdd-specific {
        min-width: 46px;
    }
}

@media (max-width: 800px) {
    .banner-mb {
        display: block;
    }

    .banner-dt {
        display: none;
    }

    .staff-agm__container {
        position: relative;
    }

    .staff-agm__buttonNav {
        display: block;
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 9999;
    }

    .staff-agm__navigation {
        display: none;
        position: fixed;
        width: 100%;
        bottom: 0;
        min-width: auto;
        max-width: none;
        z-index: 99999;
        height: 100%;
        background-color: #0000008f;
        padding: 0px;
        top: auto;
        left: auto;
    }

    .addCart-position.mobile {
        display: none;
        position: fixed;
        width: 100%;
        bottom: 0;
        min-width: auto;
        max-width: none;
        z-index: 99999;
        top: auto;
        left: auto;
        height: 100%;
        background-color: #0000008f;
        padding: 0px;
    }

    .staff-agm__navigation nav li {
        padding: 12px 0px;
        border-bottom: 1px solid #E8E8E8;
    }
    .staff-agm__navigation nav li:last-child {
        border-bottom: none;
    }
    .staff-agm__navigation nav li a.pink-text::before {
        content: '';
        width: 2px;
        height: 27px;
        background-color: #e60078;
        display: block;
        position: absolute;
        left: -22px;
    }

    .staff-agm__navigation-content {
        border-radius: 12px 12px 0 0;
        position: absolute;
        top: auto;
        z-index: 9999;
        width: 100%;
        bottom: 0;
    }

    .show-cls {
        display: block !important;
    }

    .iconNumber-position.mobile {
        display: block !important;
    }

    .iconNumber-position.mobile .table-position {
        left: -250px;
    }

    .addCart-position.mobile .addCart-button {
        padding-left: 0px;
        justify-content: space-between;
    }

    .addCart-position.mobile .addCart-buttonLeft {
        width: 50%;
        height: 50px;
    }

    .addCart-position.mobile .addCart-buttonRight {
        width: 50%;
        height: 50px;
    }

    .addCart-position.mobile .addCart-buttonRight {
        width: 50%;
        height: 50px;
    }

    .addCart-position.mobile .addCart-box {
        height: fit-content;
        background-color: #fff;
        padding: 15px 20px;
        position: absolute;
        bottom: 0;
    }
    .addCart-info{
        display: block;
        padding-bottom: 20px;
        border-bottom: 1px solid #E8E8E8;
        margin-bottom: 0px;
    }
    .addCart-info:nth-child(2){
        padding-top: 20px;
    }
    .addCart-infoLeft{
        margin-bottom: 15px;
        color: #7c7a7a;
    }
    .addCart-box .addCart-quantity{
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
    .staff-agm__navigation-title{
        border-bottom: none;
    }
    .roles__last-videoContainer {
        margin-bottom: 20px;
    }


    #rocket-animation {
        display: none;
    }

    .text__button-nav {
        display: none;
    }

    .staff-agm__navigation-content nav ul{
        padding: 0 20px;
    }

    .staff-agm__navigation-content .staff-agm1__button-calculator {
        display: none;
    }

    .staff-agm__main-content>section {
        padding: 0px 15px;
    }

    #fullStack .roles__banner {
        background-color: #EDF0FD;
    }

    #mobileApp .roles__banner {
        background-color: #EEF9FF;
    }

    #webApp .roles__banner {
        background-color: #F9F9F9;
    }

    #iotDev .roles__banner {
        background-color: #EEEFFF;
    }

    #devOps .roles__banner {
        background-color: #E5F1F9;
    }

    #QAE .roles__banner {
        background-color: #E3E8FA;
    }

    #Designer .roles__banner {
        background-color: #F9F9F9;
    }

    #BA .roles__banner {
        background-color: #EDF0FD;
    }

    #PM .roles__banner {
        background-color: #E5F1F9;
    }

    .roles__banner {
        margin-bottom: 0px;
        margin-left: -15px;
        margin-right: -15px;
        padding-bottom: 20px;
    }

    .roles__banner-header {
        position: unset;
        transform: none;
        text-align: center;
        padding-top: 30px;
        max-width: none;
        margin-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .roles__banner-button {
        display: none;
    }

    .roles__banner h2.font-h2 span {
        font-size: 28px !important;
        line-height: 34px !important;
    }

    .roles__edu {
        margin-top: 40px;
    }

    .roles__skills-row {
        flex-direction: column;
    }

    .roles__skills-row div:last-child {
        padding-left: 15px;
    }

    .roles__skills-row>div {
        max-width: none;
        width: 100% !important;
    }

    .roles__exp-content {
        flex-direction: column;
    }

    .roles__exp-content>div {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .roles__skills-row div:first-child {
        margin-bottom: 10px;
    }
    .roles__exp-row>div:first-child{
        position: absolute;
        width: 100%;
        top: 20px;
        padding-left: 0px;
    }
    .roles__exp-row>div:last-child{
        display: none;
    }
    .roles__exp-compareBox.senior-compare .roles__exp-row>div:last-child{
        display: block;
    }
    .roles__exp-compareBox.senior-compare .roles__exp-row>div:nth-child(2){
        display: none;
    }
    .roles__exp-compareBox .roles__exp-row.button__box>div:last-child{
        display: none!important;
    }
    .roles__exp-compareBox.senior-compare .roles__exp-row.button__box>div:last-child{
        display: flex!important;
    }
    .roles__exp-compareBox.senior-compare .roles__exp-row.button__box>div:nth-child(2){
        display: none!important;
    }
    .roles__exp-row:nth-child(2){
        display: none;
    }
    .roles__exp-row:nth-child(odd){
        background-color: #ffffff;
    }
    .roles__exp-row{
        border-bottom: 1px solid #E8E8E8;
        position: relative;
        padding-top: 50px!important;
    }
    .roles__exp-row:nth-child(7){
        border-bottom: none;
    }
    .roles__exp-row.button__box{
        padding-top: 20px!important;
    }
    .roles__exp-row:first-child{
        display: none;
    }
    .roles__button-mobile{
        display: flex;
        justify-content: center;
        background-color: #f4f4f4;
        padding: 4px;
        border-radius: 6px;
    }
    .roles__button-mobile div{
        text-align: center;
        padding: 6px 14px;
        width: 50%;
        font-size: 14px;
        line-height: 18px;
        font-family: 'Inter', sans-serif;
        color: #222222;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .roles__button-mobile div.active{
        background-color: #ffffff;
        box-shadow: 0px 3px 6px #9F9F9F29;
        border-radius: 4px;
    }
    .roles__exp-row div{
        width: 100%;
        padding-left: 0px;
    }
    .roles__exp-compareBox {
        overflow: scroll;
    }

    .roles__exp-compare {
        width: 100%;
    }

    .roles__last {
        flex-direction: column;
        padding-right: 0px;
        padding: 10px;
    }

    .roles__last-videoContainer {
        width: 100%;
    }

    .roles__last-content {
        padding-left: 0px;
        text-align: center;
    }

    .roles__last-button {
        justify-content: center;
    }

    .modal-content {
        width: 95% !important;
        margin-top: 125px !important;
    }

    .dp-fl {
        flex-direction: column;
    }

    .dp-fl>p {
        width: 100% !important;
    }

    .roles__exp-row.button__box>div {
        align-items: center;
        justify-content: center;
        width: 100%!important;
        border-radius: 23px!important;
        border-top: none!important;
    }

    .buttonAdd-specific {
        margin-left: 15px !important;
    }

    .iconNumber-position {
        display: none;
    }
    .close-position{
        display: block;
    }
}