@import url("reset.min.css");
@import url("fonts.css");
@import url("swiper.min.css");
@import url("menu.min.css");

::-moz-selection {
    color: #283c4d;
    background: #cf9311;
}

::selection {
    color: #283c4d;
    background: #cf9311;
}

html,
body,
button,
input,
optgroup,
a,
span,
form,
div,
ul,
li,
p,
strong,
em,
div,
h1,
h2,
h3,
h4,
h5,
h6,
section,
main,
select,
textarea {
    font-family: iranyekan;
}

body {
    background-color: #fff;
    overflow-x: hidden;
}

.header-none {
    display: none;
}

.df-c {
    display: flex;
    align-items: center;
}

.p30 {
    margin: 0 -1.5rem;
}

.p30>[class *="col"] {
    padding: 0 1.5rem;
}

.p15 {
    margin: 0 -.75rem;
}

.p15>[class *="col"] {
    padding: 0 .75rem;
}

/* Start Color Site */
.bg-gr-header::before {
    background-image: linear-gradient(50deg, #15cfcf 0%, #1478cf 100%);
}

.bg-gr-svg-about::before {
    background-image: linear-gradient(-180deg, #15cfcf 14%, #1478cf 100%);
}

.bg-li-career-before::before {
    background: #1478cf;
}

.a-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    width: 21rem;
    height: 6.4rem;
    border-radius: 3.2rem;
}

.a-btn-bgc {
    background-color: #15cfcf;
    box-shadow: 0;
    transition: .1s ease-in-out;
}

.a-btn-bggr {
    background-image: linear-gradient(225deg, #15cfcf 0%, #1478cf 100%);
    box-shadow: 0;
    transition: .3s ease-in-out;
}

.a-btn-bggr:hover {
    transform: scale(1.02);
    box-shadow: 0 15px 30px 1px rgba(0, 0, 0, .08);
    transition: .3s ease-in-out;
}

.a-btn-bgc:hover {
    background-color: #0ec6c6;
    box-shadow: 0 15px 30px 1px rgba(0, 0, 0, .08);
    transition: .3s ease-in-out;
}

.icon-gr>i .path1 {
    color: rgb(21, 207, 207);
}

.icon-gr>i .path2 {
    color: rgb(20, 120, 207);
}

.icon-c {
    color: #1478cf;
    transition: .2s ease-in-out;
}

.art-content-main:hover .icon-c {
    color: #15cfcf;
    transition: .3s ease-in-out;
}

.swiper-button-disabled {
    color: #e8e8e8;
}

.swiper-button-disabled>i {
    color: #e8e8e8;
}

.f-c-b {
    color: #1478cf;
    transition: .2s ease-in-out;
}

.art-content-main:hover .f-c-b {
    color: #15cfcf;
    transition: .3s ease-in-out;
}

.c-p {
    color: #adadad;
}

.c-h2 {
    color: #adadad;
}

.p-b-c {
    color: #1478cf;
}

.bdi-bg-c {
    transform: scale(1);
    background: #1478cf;
    transition: .3s ease-in-out;
}



.art-content-cataloge:hover .bdi-bg-c {
    transform: scale(1.298);
    box-shadow: 0 0.4rem 1.2rem rgba(21, 207, 207, 0.33);
    background-color: #15cfcf;
    transition: .3s ease-in-out;
}

.art-content-cataloge:hover .f-c-b {
    color: #15cfcf;
    transition: .3s ease-in-out;
}

/* End Color Site */
/* Start Header */
.site-header-main {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.bg-img-header {
    flex: 1 0 100%;
    height: 100%;
    width: 100%;
}

.bg-img-header img {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.15;
}

.bg-img-header img {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0.15;
}

.bg-img-header::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    z-index: 1;
}

.bg-img-header-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
}

.bg-img-header-bottom.bg-img-header-single {
    width: 101%;
}

.bg-img-header-bottom>img {
    width: 100%;
}

.parallax-window {
    min-height: 600px;
    background: transparent;
}

.set-header-top {
    flex: 1 0 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 3.5rem 0 9.5rem 0;
    z-index: 3;
}

.set-header-top>article {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.primary-menu {
    display: flex;
    align-items: center;
    margin: 0 7rem 0 0;
}

.primary-menu>ul {
    display: flex;
    align-items: center;
}

.primary-menu>ul>li:not(:last-child) {
    margin: 0 0 0 4.5rem;
}

.primary-menu>ul>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
}

.primary-menu>ul>li>a::after {
    position: absolute;
    content: '';
    background: #fff;
    height: .2rem;
    width: 0;
    bottom: -0.8rem;
    transition: .2s ease-in-out;
}

.primary-menu>ul>li:hover>a::after {
    width: 100%;
    transition: .3s ease-in-out;
}

.div-lang {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.19);
    color: #fff;
    font-size: 1.5rem;
    width: 15.6rem;
    height: 5rem;
    padding: 0 1rem 0 1.8rem;
    border: 0.2rem solid #fff;
    border-radius: 2.5rem;
    cursor: pointer;
}

.div-lang>.i-w {
    font-size: 3rem;
}

.div-lang>.i-a {
    font-size: 0.8rem;
    transform: rotate(0);
    transition: .2s ease-in-out;
}

.div-lang.active>.i-a {
    transform: rotate(180deg);
    transition: .3s ease-in-out;
}

.art-header-left>.i-s {
    font-size: 1.8rem;
    color: #fff;
    margin-left: 1.7rem;
    cursor: pointer;
}

.sec-header-bottom {
    flex: 1 0 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 3;
}

.sec-header-bottom>article {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}

.art-header-bottom-right {
    flex: 0 0 58.1196%;
    max-width: 68rem;
}

.art-header-bottom-left {
    flex: 0 0 32.4786%;
    justify-content: center;
    background: #fff;
    height: 41.5rem;
    max-width: 38rem;
    margin: 9.4rem 0 0 0;
    padding: 5rem 5.2rem 7rem 5.2rem;
    border-radius: 3.4rem;
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.07);
}

.art-header-bottom-right>header,
.art-header-bottom-right>p {
    flex: 1 0 100%;
    max-width: 99.1%;
}

.art-header-bottom-right>header>h1 {
    color: #fff;
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
}

.art-header-bottom-right>p {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.2rem;
    margin-bottom: 2.3rem;
}

.art-header-bottom-left>i {
    font-size: 11rem;
}

.art-header-bottom-left>header>h2 {
    font-size: 1.8rem;
    font-weight: 500;
}

.art-header-bottom-left>header {
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
    margin: 4.6rem 0 1.5rem 0;
}

.art-header-bottom-left>p {

    font-size: 1.3rem;
    font-weight: 500;
    text-align: justify;
    line-height: 2.2rem;
}

.art-header-bottom-left>a {
    position: absolute;
    bottom: -3rem;
}

.content-main {
    display: flex;
    flex-wrap: wrap;
}

/* End Header */
/* Start Main */
.content-main>div {
    flex: 1 0 100%;
}

.art-content-main {
    display: flex;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 28.1rem;
    height: 34.5rem;
    border-radius: 3.2rem;
    background: #fff;
    padding: 4rem 4.3rem;
    transition: .1s ease-in-out;
}

.art-content-main:hover {
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.07);
    transition: .3s ease-in-out;
}

.art-content-main>i {
    font-size: 9.4rem;
}

.art-content-main>header {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3.7rem 0 1.7rem 0;
}

.art-content-main>header>h2 {
    font-size: 1.7rem;
    font-weight: 500;
}

.art-content-main>header>h2>em {
    margin-right: .4rem;
}

.art-content-main>p {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -0.008rem;
    text-align: justify;
}

.main-content {
    margin: 14.5rem 0 2.3rem 0;
}

.sec-about-main {
    position: relative;
    display: flex;
    align-items: center;
    margin: 9.4rem 0 0 0;
}

.art-about-main {
    display: flex;
    flex-wrap: wrap;
    width: 49.5726%;
    max-width: 51.8rem;
    margin-top: 8.5rem;
}

.art-about-main>header {
    flex: 1 0 100%;
    margin: 0 0 1.1rem 0;
}

.art-about-main>header>h2 {
    font-size: 3rem;
}

.art-about-main>p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.415rem;
    text-align: justify;
    margin: 0 0 2.8rem 0;
}

.art-svg-about-main {
    position: absolute;
    display: flex;
    height: 53rem;
    width: 66rem;
    left: 0;
    top: 0;
}

.art-svg-about-main>figure {
    position: relative;
    width: 100%;
    height: 100%;
    mask: url('../images/sample/Mask.svg');
}

.art-svg-about-main>figure::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.art-svg-about-main::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('../images/sample/Path 8.svg');
    background-repeat: no-repeat;
    z-index: -1;
    top: 3.2rem;
    left: 4.5rem;
}

.art-svg-about-main>figure>img {
    width: 100%;
    height: 100%;
}

.sec-slider-product {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 16rem 0 0 0;
}

.swiper-product {
    position: absolute;
    top: 50%;
    font-size: 4.2rem;
}

.swiper-product.swiper-product-next {
    right: 4.5rem;
}

.swiper-product.swiper-product-prev {
    left: 4.5rem;
}

.sec-slider-product>header {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-slider-product>header>h2 {
    font-size: 3rem;
    font-weight: 500;
}

.slider-product {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40.6rem;
    margin-top: -2rem;

}

.slider-product>.swiper-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 0.7rem;
}

.slider-product::before {
    position: absolute;
    content: '';
    right: 0;
    height: 100%;
    box-shadow: 0 0 1.7rem 2.2rem rgb(255, 255, 255);
    z-index: 6;
}

.slider-product::after {
    position: absolute;
    content: '';
    left: 0;
    height: 100%;
    box-shadow: 0 0 1.7rem 2.2rem rgb(255, 255, 255);
    z-index: 6;
}

.slider-product>.swiper-wrapper>.swiper-slide {
    display: flex;
    align-items: center;
    width: auto;
    max-height: 35.8rem;
}

.art-content-sider {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    padding: 2.9rem 0 2.7rem 0;
    width: 28rem;
    height: 22.4rem;
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.07);
    border-radius: 3.2rem;
    background-color: #fff;
    transition: .3s ease-in-out;
}

.art-content-sider>a {
    position: absolute;
    top: 70%;
    visibility: hidden;
    opacity: 0;
    transition: .1s ease-in-out;
}

.art-content-sider:hover>a {
    top: 73.7%;
    visibility: visible;
    opacity: 1;
    transition: .3s ease-in-out;
    transition-delay: .1s;
}

.art-content-sider:hover {
    height: 28.3rem;
    transition: .3s ease-in-out;
}

.art-content-sider>div {
    flex: 1 0 100%;
    display: flex;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    height: 17.3rem;
    margin-bottom: 1.6rem;
}

.art-content-sider>div>figure {
    height: auto;
}

.art-content-sider>header {
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.art-content-sider>header>h3 {
    font-size: 1.5rem;
    font-weight: 500;
}

.sec-best-prodouct {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15rem;
}

.art-svg-product {
    flex: 0 0 39.3162%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    max-width: 48rem;
    margin-left: 7rem;
}

.art-svg-product>figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.img-art-pro {
    position: absolute;
}

.img-bg-svg-pro {
    position: relative;
    top: .8rem;
    height: 40.7rem;
}

.art-best-product {
    flex: 0 0 47.8632%;
    display: flex;
    flex-wrap: wrap;
    max-width: 56rem;
}

.art-best-product>header {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
}

.art-best-product>header>h2 {
    font-size: 4rem;
}

.art-best-product>p {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.2rem;
    text-align: justify;
}

/* End Main */

/* Start Footer */
.footer-index {
    position: relative;
    height: 45.5rem;
}


.footer-index>.bg-img-header {
    position: absolute;
}

.sec-main-footer {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 18.7rem 0 6rem 0;
    z-index: 6;
}

.bg-img-footer-top {
    position: absolute;
    top: 0;
    width: 100%;
}

.bg-img-footer-top>img {
    position: absolute;
    width: 100%;
    z-index: 4;
}

.art-main-footer {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}

.art-main-footer>header {
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
}

.art-main-footer>header>h3 {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
}

.art-main-footer>address {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
}

.art-main-footer>address>span {
    flex: 1 0 100%;
}

.art-main-footer.art-main-footer-factories>address>span {
    font-weight: 800;
}

.art-main-footer.art-main-footer-factories>address>span>em {
    font-weight: 500;
}

.art-main-footer>address>span:not(:last-child) {
    margin-bottom: .3rem;
}

.art-main-footer>ul {
    flex: 1 0 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 85%;
}

.art-main-footer>ul>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 2.5rem;

}

.art-main-footer>ul>li:not(:nth-of-type(4n+4)) {
    margin-left: 1rem;
}

.art-main-footer>ul>li:nth-of-type(n+5) {
    margin-top: 1rem;
}

.art-main-footer>ul>li>a>i {
    position: relative;
    font-size: 2.4rem;
    color: #fff;
    z-index: 2;
    transition: .3s ease-in-out;
}

.art-main-footer>ul>li:hover>a>i {
    transform: scale(1.2);
    transition: .3s ease-in-out;
}

.art-main-footer>ul>li>a::before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 2.5rem;
    opacity: 0.26;
}

/* End Footer */

/* Start Project */
.site-header-main.site-header-main-single {
    position: relative;
    height: 15%;
}

.site-header-main.site-header-main-single .set-header-top {
    padding: 3.5rem 0 6.4rem 0;
}

.site-header-main.site-header-main-single .bg-img-header-bottom {
    bottom: -.1rem;
}

.sect-slider-content-project {
    display: flex;
    flex-wrap: wrap;
    padding: 8.2rem 0 7.5rem 0;
}

.sect-slider-content-project>.row>div:nth-of-type(n+3) {
    margin-top: 1.5rem;
}

.sect-slider-content-project>header {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    margin-bottom: 2.4rem;
}

.sect-slider-content-project>header>h2,
.sect-slider-content-project>header>h3 {
    font-size: 2.1rem;
    font-weight: 700;
}

.sect-slider-content-project>.art-slider-content-project {
    flex: 1 0 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 30.7rem;
    max-height: 30.7rem;
    max-width: 100%;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
    border-radius: 3.2rem;
    background-color: #fff;
}

.art-slider-content-project>.swiper-slider-project {
    flex: 0 0 50.1709%;
    position: relative;
    max-width: 50.1709%;
    max-height: 30.7rem;
    border-radius: 0 3.2rem 3.2rem 0;
}

.art-slider-content-project>.div-content-slider {
    flex: 0 0 49.8290%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    max-height: 30.7rem;
    max-width: 49.8290%;
}

.bdi-arrow-slider-project {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.9rem;
    height: 5.9rem;
    box-shadow: 0 0 2.2rem rgba(0, 0, 0, 0.09);
    border-radius: 3rem;
    background-color: #fff;
    top: 38.4%;
    z-index: 6;
}

.bdi-arrow-slider-project.prev {
    left: 1.4rem;
}

.bdi-arrow-slider-project.next {
    right: -2.9rem;
}


.bdi-arrow-slider-project>i {
    font-size: 1.4rem;
}

.art-slider-content-project>.div-content-slider>header {
    flex: 1 0 100%;
    padding: 5rem 3.5rem 1.3rem 4.5rem;
}

.art-slider-content-project>.div-content-slider>header>h2 {
    font-weight: 500;
    font-size: 2.3rem;
}

.art-slider-content-project>.div-content-slider>header>h2>em {
    font-size: 2.6rem;
    font-weight: 800;
}

.art-slider-content-project>.div-content-slider>p {
    flex: 1 0 100%;
    font-size: 1.2rem;
    line-height: 1.8;
    padding: 0 3.5rem 0 4.5rem;
}

.art-slider-content-project>.swiper-slider-project::before {
    position: absolute;
    content: '';
    background: url('../images/sample/slider-svg.svg');
    width: 4.2rem;
    height: 100%;
    left: 0;
    z-index: 2;
}

.a-btn.a-btn-bggr-product {
    position: absolute;
    bottom: -3rem;
    left: 6rem;
    width: 24.4rem;
}


.fig-img-project>img,
.fig-img-project {
    width: 100%;
    height: 30.7rem;
}

.sect-slider-content-project>article {
    margin-bottom: 6rem;
}

.sect-slider-content-project>article:nth-child(odd) {
    transform: scaleX(-1);
}

.sect-slider-content-project>article:nth-child(odd)>.div-content-slider {
    transform: inherit;
}

.sect-slider-content-project>article:nth-child(odd) .a-btn.a-btn-bggr-product {
    right: 6rem;
    left: auto;
}

/* End Project */

/* Start Faq */
.sect-slider-content-project>div {
    flex: 1 0 100%;
}

.art-content-faq {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 3.2rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
    height: 9.7rem;
    transition: .1s ease-in-out;
}

.art-content-faq>header {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    height: 9.7rem;
    padding: 0 2.5rem;
    cursor: pointer;

}

.art-content-faq>header>h3 {
    font-size: 1.5rem;
}

.art-content-faq>header>span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.6rem;
    height: 4.6rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    margin: 0 0 0 2.5rem;
    padding-top: .2rem;
    border-radius: 1.6rem;
}

.art-content-faq>header>span>i {
    position: absolute;
}

.art-content-faq>header>span>i.num {
    position: absolute;
    top: auto;
    transition: .3s ease-in-out;
}

.art-content-faq>header>span>i.mi {
    background: #fff;
    width: 1.4rem;
    height: .3rem;
    top: -10%;
    transition: .3s ease-in-out;
}

.art-content-faq>p {
    padding: 3.1rem 3.4rem;
    visibility: hidden;
    opacity: 0;
    background: #f8fbfd;
}

.art-content-faq.active>p {

    visibility: visible;
    opacity: 1;
    background: #f8fbfd;
    transition: .3s ease-in-out;
}

.art-content-faq.active {
    height: auto;
    transition: .3s ease-in-out;
}

.art-content-faq.active>header>span>i.num {
    top: 100%;
    z-index: -1;
    transition: .3s ease-in-out;
}

.art-content-faq.active>header>span>i.mi {
    top: auto;
    transition: .3s ease-in-out;
}

.art-content-faq.active>header>span {
    background: #15cfcf;
}

.art-content-cataloge {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 2.5rem;
    width: 100%;
    height: 9.7rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
    border-radius: 3.3rem;
    cursor: pointer;
}

.art-content-cataloge>a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.art-content-cataloge>.bdi-down {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 4.6rem;
    height: 4.6rem;
    margin-left: 2.5rem;
    border-radius: 1.6rem;
}

.art-content-cataloge>.bdi-bookmark {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 3.5rem;
}

.art-content-cataloge>.bdi-bookmark>i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.3rem;
}

.art-content-cataloge>.bdi-bookmark>i>em {
    position: absolute;
    color: #fff;
    font-size: 1rem;
}

.sect-slider-content-catalog .row>div:nth-of-type(n+4) {
    margin-top: 1.5rem;
}

/* End Faq */
/* Start Career */
.header-career {
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}

.header-career>ul {
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.header-career>ul>li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.header-career>ul>li::before {
    position: absolute;
    content: '';
    width: 0;
    height: .2rem;
    bottom: -.6rem;
    transition: .3s ease-in-out;
}

.header-career>ul>li.active::before,
.header-career>ul>li:hover::before {
    width: 100%;
    transition: .3s ease-in-out;
}

.header-career>ul>li>span {
    font-size: 1.2rem;
    font-weight: 500;
}

.header-career>ul>li:not(:last-child) {
    margin-left: 4.5rem;
}

.art-content-career {
    display: flex;
    align-items: center;
    width: 100%;
    height: 9.7rem;
    padding: 0 2.5rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
    border-radius: 1rem;
}

.art-content-career>a {
    display: flex;
    align-items: center;
    height: 4.6rem;
    color: #fff;
    font-size: 1.4rem;
    padding: 0 2.2rem;
    border-radius: 1rem;
    margin-left: 2.5rem;
}

.art-content-career>header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.art-content-career>header>h3 {
    flex: 1 0 100%;
}

.art-content-career>header>ul {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
}

.art-content-career>header>ul>li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
}

.art-content-career>header>ul>li:not(:last-child) {
    margin-left: 1rem;
}

.art-content-career>header>ul>li:not(:last-child)::before {
    position: absolute;
    content: ',';
    color: #1478cf;
    left: -.6rem;
}

.art-content-category {
    display: flex;
    flex-wrap: wrap;
    height: 30.7rem;
    padding: 2.5rem 0;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
    border-radius: 3.2rem;
}

.art-content-category>figure {
    flex: 0 0 43.9446%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 43.9446%;
}

.art-content-category>div {
    flex: 0 0 56.0553%;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    max-width: 56.0553%;
    padding: 2.6rem 4rem 1.1rem 4rem;
}

.art-content-category>div>header {
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.3rem;
}

.art-content-category>div>header>h3 {
    font-size: 1.5rem;
}

.art-content-category>div>header>h3>em {
    font-size: 2.6rem;
    font-weight: 800;
}

.art-content-category>div>p {
    flex: 1 0 100%;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.9;
    height: 9.6rem;
    margin-bottom: 1.2rem;
}

.art-content-category>div>a {
    width: 24.4rem;
}

/* End Career */