/*project_1*/
.Car--niva.case_1.project_1 .Car-image {
    background: transparent url(/portfolio/04_project/img/project_1/project_1_cover_bg.png) 0 0 no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    margin: 0;
    top: 0px;
    right: 0;
    bottom:0;
    z-index:-1;
}
.Car.case_1.project_1 .Car-decor.one::before {
    top: 95px;
    width: 358px;
    height: 182px;
    position: absolute;
    right: 0;
    transform: translateX(-40%);
    background: transparent url(/portfolio/04_project/img/project_1/project_1_cover_deco.png) 0 0 no-repeat;
    z-index: 1;
}
.project_1 .case_logo{
    width:110px;
}
/*project_2*/
.Car--niva.case_2.project_2 .Car-image.first {
    background: transparent url(/portfolio/04_project/img/project_2/project_2_circle_1.png) 0 0 no-repeat;
    height: 468px;
    width: 437px;
    background-size: contain;
    right: 25px;
    margin: 0;
    bottom: 0;
    top: initial;
    transform: rotate3d(1, 1, 1, 61deg) !important;
}
.Car--niva.case_2.project_2 .Car-image.second {
    background: transparent url(/portfolio/04_project/img/project_2/project_2_circle_2.png) 0 0 no-repeat;
    height: 468px;
    width: 437px;
    background-size: contain;
    right: 25px;
    margin: 0;
    bottom: 0;
    top: initial;
    transform: rotate3d(-3, -16, 2, 21deg) !important;
}
.Car--niva.case_2.project_2 .Car-image.third {
    background: transparent url(/portfolio/04_project/img/project_2/project_2_circle_2.png) 0 0 no-repeat;
    height: 468px;
    width: 437px;
    background-size: contain;
    right: 25px;
    margin: 0;
    bottom: 0;
    top: initial;
    transform: rotate3d(-3, 23, 11, 76deg) !important;
}
.Car.case_2.project_2 .Car-decor.one {
    right: -1px;
    width: 55%;
}

.Car.case_2.project_2 .Car-decor.one::before {
    height: 100%;
    position: absolute;
    background:linear-gradient(135deg, #41decf 0%, #ed82ee 100%) !important;;
    transform: none;
    clip-path: polygon(49% 0%, 100% 0, 100% 100%, 0% 100%);
    width: 100%;
    opacity:0.5;
}
.project_2 .case_logo{
    width:100px;
}
/*case_3*/
.Car--niva.case_3.project_3 .Car-image {
    background: transparent url(/portfolio/04_project/img/project_3/project_3_cover_bg.png) 0 0 no-repeat;
    height: 400px;
    width: 501px;
    background-size: contain;
    right: 0;
    margin: 0;
    bottom: 0;
    top: initial;
}
.Car--niva.case_3.project_3 .Car-decor.one::before {
    width: 300px;
    height: 100%;
    display: block;
    content: '';
    transform: unset;
    position: absolute;
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
    background: #4c654e !important;
    right: 0;
}
.Car--niva.case_3 .Car-decor.one {
    right: 0;
    width: 53%;
}
.Car--niva.case_3.project_3:after {
    opacity: 0;
}
.project_3 .case_logo {
    width: 140px;
}
/*case4*/
.Car.Car--niva.case_4:after {
    opacity: 0;
}
.Car--niva.case_4.project_4 .Car-image.first {
    background: transparent url(/portfolio/04_project/img/project_4/project_4_cover_bg.jpg) 40% 0 no-repeat;
    height: 100%;
    width: 51%;
    background-size: cover;
    right: 0;
    margin: 0;
    bottom: 0;
    top: initial;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 14% 50%);
}
.Car--niva.case_4 .Car-image.second {
    background: transparent url(/portfolio/03_work/case_4/image/about_pic-2.jpeg) 0 0 no-repeat;
    height: 195px;
    width: 148px;
    background-size: cover;
    right: 31px;
    margin: 0;
    top:37px;
}
.case_4 .pic1_text {
    position: absolute;
    top: 37px;
    width: 238px;
    height: 117px;
    border: 1px solid #888;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    right: 152px;
}
.case_4 .pic1_text span.slogan_text {
    color: #888;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 9px;
}
.case_4 .pic1_text h3 {
    color: #888;
    font-size: 15px;
}
.Car--niva.case_4 .Car-decor::before{
    display: none !important;
}
.Car--niva.case_4 .Car-decor.two {
    right: 30px;
}
.sq_two {
    width: 150px;
    height: 178px;
    position: absolute;
    right: 30px;
    bottom: 50px;
    border: 1px solid #ce9f1c;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sq_two img {
    width: 80%;
}
.sq_two h5 {
    font-size: 14px !important;
    color: #c3961b;
    margin-top: 17px;
}

.project_4 .case_logo {
    width: 140px;
}
/*case5*/
.Car.Car--niva.case_5.swiper-slide.project_5.swiper-slide-active {
    background: #ffe5dc8f;
}
.Car--niva.case_5 .Car-image {
    background: transparent url(/portfolio/04_project/img/project_5/project_5_cover_bg.png) 0 0 no-repeat;
    width: 377px;
    height: 100%;
    background-size: contain;
    top: 0px;
    right: 0;
    margin: 0;
}
.project_5.Car--niva .Car-decor {
    width: 100%;
    height: 100%;
}
.Car--niva.case_5.project_5 .Car-decor::before {
    background: #53758a;
    width: 401px;
    right: 0;
    transform: unset !important;
    position: absolute;
    clip-path: polygon(43% 0%, 100% 0, 100% 100%, 0% 100%);
}
/*case6*/
.case_6.project_6 .Car-name {
    margin-left: 0px;
}
.case_6.project_6 .case_logo {
    margin-left: 0px;
}
.project_6 .case_logo {
    width: 120px;
}
.Car--niva.case_6.project_6 .Car-image {
    background: transparent url(/portfolio/04_project/img/project_6/project_6_cover_bg.png) 0 0 no-repeat;
    height:100%;
    width: 456px;
    background-size: cover;
    right: 0px;
    margin: 0;
    bottom: 0px;
    top: initial;
    border-radius: 0%;
}
.Car--niva.case_6.project_6 .Car-image:after {
    display:none;
}
.Car--niva.case_6 .Car-decor.one::before {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    transform: skewX(0deg);
    position: absolute;
    background-image: url(/03_work/case_6/image/white_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    opacity: 0.5;
    background-position-x: right;
    display:none;
}
.Car--niva.case_6 .Car-decor.one {
    right: 52px;
    width: 45%;
}

/*case7*/
.project_7.case_7 .case_logo img {
    filter: brightness(1);
}
.project_7 .case_logo {
    width: 142px;
    margin-bottom: 26px;
}
.project_7 .case_logo:after {
    content: "";
    position: absolute;
    width: 253px;
    background: #000;
    height: 47px;
    left: -81px;
    z-index: -1;
    border-radius: 0 47px 47px 0;
    top: -9px;
}
.Car--niva.case_7.project_7 .Car-decor::before {
    width: 100%;
    height: 100%;
    background: #000;
    transform: skewX(0deg);
    border-radius: 50%;
    opacity: 0;
}
.Car--niva.case_7 .Car-decor.one {
    width: 300px;
    height: 300px;
    right: 50px;
    top: 50%;
    transform: translateY(-50%) !important;
}
.Car--niva.case_7.project_7 .Car-image {
    background: transparent url(/portfolio//04_project/img/project_7/project_7_cover_bg.png) 0 0 no-repeat;
    height: 100%;
    width: 100%;
    background-size: cover;
    right: 0px;
    margin: 0;
    z-index: -1;
    top: unset;
    transform: translateY(0) !important;
    bottom: 0;
}
/*case8*/
.Car.Car--niva.case_8.swiper-slide.project_8 {
    background: #868c80bf;
}
.Car--niva.case_8.project_8 .Car-image {
    background: transparent url(/portfolio/04_project/img/project_8/project_8_cover_bg.png) 0 0 no-repeat;
    height: 86%;
    width: 385px;
    background-size: cover;
    right: 0px;
    margin: 0;
    top: 37px;
}
.Car--niva.case_8 .Car-decor::before {
    background: transparent;
    transform: skewX(0deg);
}
.project_8 .case_logo {
    margin-left: -20px;
}
.project_8.Car--niva .Car-decor.one {
    right: 0;
    width: 300px;
}
.project_8.Car--niva .Car-decor.one:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: #0d1902d1;
    width: 500px;
    height: 500px;
    top: -67px;
    right: -77px;
}
/*case9*/
.case_9 .case_logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 240px;
    margin-left: 16px;
}
.case_9.project_9 .case_logo img:nth-child(1) {
    width: 160px;
    margin-right: 0px;
}
.case_9 .Car-name {
    margin-left: -5px;
}
.Car--niva.case_9 .Car-image {
    background: transparent url(/) 0 0 no-repeat;
    height: 100%;
    width: 629px;
    background-size: contain;
    right: 0px;
    margin: 0;
    bottom: 0px;
    top: initial;
}
.case_9.project_9 .case_logo {
    margin-left: 0;
    justify-content: flex-start;
}