.article_description {padding: 30px 0 40px;}
.article_description_inner {margin-top: 30px;display: flex; justify-content: space-between;}
.article__left {max-width: 640px; display: flex; flex-direction: column; justify-content: center;}
.article__left h1 {color: #1C5C7A;font-weight: 700;font-size: 45px;line-height: 120%;margin-bottom: 35px;margin-top: 0;}
.article__left h1 span {font-weight: 300;font-size: 45px;line-height: 120%;color: #0D1112;}
.article_date {display: flex;}
.article__left span {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #0F4868;
    margin-right: 25px;
}
.article__left span img {margin-right: 15px;bottom: 2px;position: relative;}
.article__left p {
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    color: #0D1112;
    opacity: 0.5;
    margin: 0;
}

.article__right {max-width: 535px;margin-top: -60px;}
.article_right_img {
    background-image: url("../images/interview/border_img_hero.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 300px;
    padding: 31px;
}
.article__right img {width: 100%;  border-radius: 300px;}

@media (max-width: 1200px) {  .article__left {max-width: 450px; display: flex; flex-direction: column; justify-content: center;}  }
@media (max-width: 1000px) {  .article_description_inner {flex-direction: column-reverse;}  .article__left {max-width: 100%;}  .article__right {max-width: 100%;margin-top: 0;margin-bottom: 50px;}  }
@media (max-width: 580px) {
    .article__left h1 {font-size: 35px;line-height: 41px;margin-bottom: 18px;}
    .article__left h1 span {font-size: 33px;}
    .article__left span {font-size: 18px;}
    .article__left span img {margin-right: 10px;}
    .article__left p {font-size: 18px;}
    .article_right_img {display: flex;max-width: 92%;padding: 17px;margin: 0 auto;}
    .article_date {flex-direction: column;}
}

/* .article_content {padding: 70px 0;} */
.article_question {margin-bottom: 50px;}
.article_question h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 150%;
    color: #0D1112;
    margin-top: 0;
    margin-bottom: 80px;
}
.article_question p {
    font-weight: 300;
    font-size: 30px;
    line-height: 150%;
    color: #0D1112;
    margin-top: 0;
    margin-bottom: 0;
}
.article_question p b {font-weight: 700;}
.article_question ul {
    margin: 50px 0;
    font-weight: 300;
    font-size: 30px;
    line-height: 150%;
    color: #0D1112;
}

.article_quote__wrapper {position: relative; margin-top: -100px;}
.article_quote {padding: 150px 0; position: relative;}
.article_heading__wrapper {position: relative;}
.article_heading__wrapper::before {
    content: url("../images/article/article_blue.png");
    position: absolute;top: -40%;left: -15%;
}
.article_heading__wrapper .container {    padding-top: 170px;padding-bottom: 150px;margin-bottom: 190px;position: relative;}
.article_heading__wrapper h3 {
    position: relative;
    font-weight: 700;
    font-size: 45px;
    line-height: 53px;
    margin: 0;
    color: #FFFFFF;}

.article_quote p {
    max-width: 780px;
    margin: 0 auto;
    font-style: italic;
    font-weight: 300;
    font-size: 32px;
    line-height: 150%;
    text-align: center;
    color: #092C40;
}
.article_quote::before {
    content: '“';
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    font-weight: 300;
    position: absolute;
    font-size: 400px;
    line-height: 150%;
    top: -20%;
    left: 5%;
    color: #0F4868;
}
.article_quote::after {
    content: '”';
    font-family: 'Rubik', sans-serif;
    font-style: italic;
    font-weight: 300;
    position: absolute;
    font-size: 400px;
    line-height: 150%;
    right: 5%;
    top: 40%;
    color: #0F4868;
}

/*@media (max-width: 1600px) {  .article_heading__wrapper::before {top: -60%;left: -50%;}  }*/
@media (max-width: 1100px) {  .article_quote__wrapper {margin-top: 0;}  }
@media (max-width: 990px) {  .article_heading__wrapper::before {    top: -33%;left: -35%;}  }
@media (max-width: 800px) {  .article_heading__wrapper::before {top: -27%;}  }
@media (max-width: 580px) {
    .article_heading__wrapper .container {padding-top: 120px;margin-bottom: 135px;}
    .article_heading__wrapper::before {content: url("../images/article/article_bg_mob.png");top: -13%;left: -5%;}  }
@media (max-width: 480px) {  .article_heading__wrapper::before {top: -8%;}  }
@media (max-width: 400px) {  .article_heading__wrapper::before { top: -14%;left: -30%;}.article_heading__wrapper .container {
                                                                                         padding-top: 65px;margin-bottom: 30px;}  }

.article_img_wrapper {
    max-width: 775px;
    margin: 70px auto 0;
}
.article_img_wrapper img {
    filter: drop-shadow(4px 4px 11px rgba(28, 92, 122, 0.15));
    border-radius: 20px;
    width: 100%;
}
.article_img_wrapper span {
    margin-top: 20px;
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #757575;
}

.bolder {font-weight: 700;}
.article_box_wrapper {margin: 60px auto 140px;max-width: 875px;padding: 5px;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);border-radius: 35px;}
.article_box {
    background: linear-gradient(90.34deg, #F4F4F4 1.41%, #FFFFFF 99.02%);
    padding: 50px;
    border-radius: 35px;
    font-weight: 300;
    font-size: 30px;
    line-height: 150%;
    color: #0D1112;
}
.article_box b {font-weight: 500;}
.article_box p {margin-top: 70px;margin-bottom: 0;}

.article_end {padding: 50px 0;}
.article_end h2 {font-weight: 700;font-size: 32px;line-height: 150%;color: #0D1112;margin-top: 0;}


@media (max-width: 850px) {
    .article_quote::before {font-size: 360px;top: -20%;left: 0%;}
    .article_quote::after {font-size: 360px;top: 55%;}
}
@media (max-width: 580px) {
    .article_quote {margin-bottom: 50px;}
    /* .article_content {padding: 30px 0;} */
    .article_question {margin-bottom: 30px;}
    .article_question h2 {font-size: 21px;margin-bottom: 35px;}
    .article_question p {font-size: 18px;}
    .article_quote {padding: 50px 0;}
    .article_quote p {font-size: 20px;}
    .article_quote::before {font-size: 128px;top: -15%;left: 0;}
    .article_quote::after {font-size: 128px;right: 5%;top: 70%;}
    .article_img_wrapper {margin: 35px auto 0;}
    .article_img_wrapper span {margin-top: 25px;}
    .interview_end h2 {font-size: 18px;}

    .article_question ul {margin: 30px 0;font-size: 18px;}
    .article_heading__wrapper h3 {font-size: 30px;line-height: 36px;}

    .article_box_wrapper { margin: 35px auto 90px;padding: 0;background: transparent;box-shadow: none;border-radius:0;}
    .article_box {padding: 0;border-radius: 0;background: transparent;font-size: 18px;}
    .article_box p {margin-top: 30px;margin-bottom: 0;}
    .article_end {padding: 0 0 50px;}
    .article_end h2 {font-size: 18px;}

}