/*Content CSS*/
#c3_wrap{padding: 100px 0; position:relative;}
#c3_wrap::before{content: ''; display: block; width: 100%; height: calc(100% + 150px); background-image: linear-gradient(to bottom, #020e2d, #001d65); position: absolute; top: 450px; left: 0; z-index: 1;}

.c3_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; position: relative; z-index: 2;}
.c3_inner .fs_60{font-size: 60px; font-weight: 700; line-height: 1; color: #fff; font-family: 'Montserrat';}
.c3_inner .fs_20{font-size: 20px; font-weight: 500; color: #fff;}

.c3_inner .fs_26{font-size: 26px; font-weight: 500; color: #fff;}
.c3_inner .fs_17{font-size: 17px; font-weight: 400; line-height: 28px; color: #fff;}
.c3_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));}

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

.c3_list{display: flex; margin-top: 30px;}
.c3_list li{width: calc(50% - 15px); margin-right: 30px;}
.c3_list li:last-child{margin: 0;}
.c3_list li a{display: block; position: relative; overflow: hidden; border-radius: 20px;}
.c3_list li a .text{position: absolute; left: 0; bottom: 0; width: 100%; padding: 38px; display: flex; justify-content: space-between; align-items: flex-end;}
.c3_list li a .text span{margin-top: 10px; display: block;}
.c3_list li a .text i{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background-color: #fff; box-shadow: 1px 1.7px 8px 0 rgba(0, 0, 0, 0.32); border-radius: 50%; transition: .3s;}


@media screen and (min-width:1025px) {
    .c3_inner .vm_btn:hover{background-color: #2a00ff; border-color: #2a00ff;}
    .c3_list li a > img{transition: .3s;}
    .c3_list li:hover a > img{transform: scale(1.1);}

}
@media screen and (max-width:1400px) {
    #c3_wrap{padding: 0 0 100px;}
    #c3_wrap::before{ top: 100px; height: calc(100% + 100px);}
    .c3_list li{width: calc(50% - 10px); margin-right: 20px;}
    .c3_list li a .text{padding: 20px}
    .c3_list li a .text span{margin-top: 7px;}

}

@media screen and (max-width:1280px) {
    .c3_inner .tit h3{margin: 7px 0 0;}
    .c3_inner .vm_btn{font-size: 15px; line-height: 45px; height: 45px; width: 180px;}

    .c3_inner .fs_60{font-size: 50px;}
    .c3_inner .fs_20{font-size: 18px;}

    .c3_inner .fs_26{font-size: 22px;}
    .c3_inner .fs_17{font-size: 15px; line-height: 1.6;}
    .c3_list li a {border-radius: 15px;}


}

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


    .c3_inner .fs_60{font-size: 40px;}
    .c3_inner .fs_20{font-size: 17px;}

    .c3_inner .fs_26{font-size: 19px;}
    .c3_inner .fs_17{font-size: 13px; letter-spacing: -.5px;}
    .c3_list{flex-wrap: wrap;}

    .c3_list li a .text br{display: none;}
    .c3_list li a .text span{margin-top: 5px;}
    .c3_list li a .text i{width: 30px; height: 30px; flex-shrink: 0; margin-left: 15px;}
    .c3_list li a .text i img{width: 14px;}
    .c3_list li a  > img{width: 100%;}


}

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

    .c3_list li{width: 100%; margin-right: 0; margin-bottom: 15px;}
    .c3_list li a{height: 250px; overflow: hidden; border-radius: 15px;}
    .c3_list li a > img{height: 100%; object-fit: cover;}
}

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

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

    .c3_inner .fs_26{font-size: 18px;}
    .c3_inner .fs_17{font-size: 14px;}
    .c3_list li a {border-radius: 10px;}



}