/*Content CSS*/
#c2_wrap{padding: 135px 0 100px; position:relative;}
#c2_wrap::before{content: ''; display: block; width: 100%; height: calc(100% + 450px);  background: url('../img/c2_bg.jpg') 50% / cover no-repeat; position: absolute; top: 0; left: 0; z-index: 1;}
.c2_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; position: relative; z-index: 2;}
.c2_inner .fs_60{font-size: 60px; font-weight: 700; line-height: 1; color: #fff; font-family: 'Montserrat';}
.c2_inner .fs_20{font-size: 20px; font-weight: 500; color: #fff;}
.c2_inner .fs_18{font-size: 18px; font-weight: 400; line-height: 30px;}

.c2_inner .fs_22{font-size: 22px; font-weight: 600; color: #fff; text-transform: uppercase; font-family: 'Montserrat'}
.c2_inner .fs_16{font-size: 16px; font-weight: 400; line-height: 1.7; color: #fff;}
.c2_inner .vm_btn{font-size: 16px; font-weight: 500; color: #fff; font-family: 'Montserrat'; border: solid 1px #fff; text-align: center; width: 190px; height: 50px; line-height: 50px; border-radius: 25px; display: block; transition: .3s; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255, 255, 255,.15));}

.c2_inner .top{display: flex; justify-content: space-between; align-items: flex-end;}
.c2_inner .tit{}
.c2_inner .tit h3{margin: 20px 0 0;}

.c2_flex{display: flex; justify-content: space-between; align-items: center; margin-top: 35px;}
.c2_flex .tab_wrap{width: calc(50% + 60px); position: relative; left: -5px;}
.c2_inner .tab{display: none;}
.c2_inner .tab.active{display: block;}
.c2_inner .tab .slick-slide{margin: 0 5px; border-radius: 20px; overflow: hidden;}

.c2_inner .dots{margin-top: 25px;}
.c2_inner .slick-dots{display: flex; justify-content: center; align-items: center;}
.c2_inner .slick-dots li{margin-right: 23px;}
.c2_inner .slick-dots li:last-child{margin-right: 0}
.c2_inner .slick-dots li button{font-size: 0; width: 9px; height: 9px; opacity: .3; background-color: #fff; border-radius: 50%; transition: .3s;}
.c2_inner .slick-dots li.slick-active button{width: 26px; height: 8px; border-radius: 15px; opacity: 1;}

.ul_wrap{width: calc(50% - 150px); margin-top: -20px; margin-right: 48px;}
.ul_wrap > h4{padding-left: 24px; margin-bottom: 17px;}
.display_tab{border-top: solid 2px #fff;}
.display_tab li{border-bottom: solid 1px rgba(255,255,255,.3);}
.display_tab li a{padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.display_tab li a h5{color: rgba(255,255,255,.55);}
.display_tab li a p{margin-top: 7px;}
.display_tab li a i{width: 50px; height: 50px; border: solid 1px #fff; background: url('../img/c2_arrow.png') 50% no-repeat; display: none; align-items: center; justify-content: center; border-radius: 50%; transition: .3s; position: relative;z-index: 5;}
.display_tab li a.active{padding: 24px;}
.display_tab li a.active h5{font-size: 20px; color: #fff;}
.display_tab .text > *:not(h5){display: none;}
.display_tab li a.active p{display: block;}
.display_tab li a.active i{display: flex; flex-shrink: 0;}





@media screen and (min-width:1025px) {

    .c2_inner .vm_btn:hover{background-color: #2a00ff; border-color: #2a00ff;}
    /* .display_tab li:hover a i{background-color: #2a00ff; border-color: #2a00ff;} */
    #c2_wrap .spot{display: block; position: absolute; z-index: 1}
    #c2_wrap .spot1{right: 100px; top: 400px;}
    #c2_wrap .spot2{left: 35px; bottom: -400px;}
}
@media screen and (max-width:1800px) {
    #c2_wrap .spot{display: none;}
}
@media screen and (max-width:1400px) {
    #c2_wrap::before{height: calc(100% + 100px);}
    #c2_wrap{padding: 100px 0;}
    .ul_wrap{width: calc(50% - 100px); margin-right: 0;}
    .ul_wrap > h4{padding-left: 15px;}
    .display_tab li a.active{padding: 15px;}
    .display_tab li a{padding: 15px; }
    .display_tab li a p{margin-top: 5px;}

}

@media screen and (max-width:1280px) {
    .c2_inner .tit h3{margin: 7px 0 0;}
    .c2_inner .vm_btn{font-size: 15px; line-height: 45px; height: 45px; width: 180px;}
    .display_tab li a.active h5{font-size: 18px;}
    .c2_inner .fs_60{font-size: 50px;}
    .c2_inner .fs_20{font-size: 18px;}
    .c2_inner .fs_18{font-size: 16px;line-height: 1.7;}

    .c2_inner .fs_22{font-size: 19px;}
    .c2_inner .fs_16{font-size: 14px;}
    .display_tab li a i{width: 35px; height: 35px; background-size: 7px 14px;}
    .c2_flex .tab_wrap{width: calc(50% + 5px); }
    .ul_wrap{width: calc(50% - 50px);}

    .ul_wrap > h4{padding-left: 5px;}
    .display_tab li a.active{padding: 10px 5px;}
    .display_tab li a{padding: 10px 5px; }
    .display_tab li a p{margin-top: 0;}
    .c2_inner .tab .slick-slide{border-radius: 15px;}

}

@media screen and (max-width: 1024px) {
    #c2_wrap{padding: 60px 0;}
    .c2_inner{display: block; padding: 0 30px;}
    .c2_inner .top{display: block;}
    .c2_inner .tit{text-align: center;}
    .c2_inner .tit h3{margin: 0;}
    .c2_inner .vm_btn{margin: 20px auto 0;}


    .c2_inner .fs_60{font-size: 40px;}
    .c2_inner .fs_20{font-size: 17px;}
    .c2_inner .fs_18{font-size: 15px;}
    .display_tab li a.active h5{font-size: 16px;}

    .c2_inner .fs_22{font-size: 18px;}
    .c2_inner .fs_16{font-size: 13px;}

    .c2_flex{flex-direction: column-reverse;}
    .ul_wrap{width:100%; margin-top: 0;}
    .c2_flex .tab_wrap{width: calc(100% + 10px); left: 0; margin-top: 30px;}
    .c2_inner .slick-slide img{width: 100%;}

}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 640px) {
    #c2_wrap{padding: 50px 0;}
    .c2_inner{display: block; padding: 0 20px;}

    .c2_inner .vm_btn{height: 40px; line-height: 40px; font-size: 14px; width: 100%;}
    .c2_inner .fs_60{font-size: 30px;}
    .c2_inner .fs_20{font-size: 16px;}
    .c2_inner .fs_18{font-size: 14px;}

    .c2_inner .fs_22{font-size: 17px;}
    .c2_inner .fs_16{font-size: 13px;}

    .c2_inner .tab .slick-slide{border-radius: 10px;}


}