@font-face {
    font-family: 'Rubik';
    src: url('../font/Rubik-SemiBold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'Rubik';
    src: url('../font/Rubik-Regular.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../font/Rubik-Light.ttf');
    font-weight: 300;
}
.download * {
    font-family: 'Rubik';
    font-style: normal;
}
@media all{
    section{box-sizing:border-box;}
    *{box-sizing:border-box;margin:0;padding:0;}
    .overspread{display:none;width:100%;height:100%;background-color:#00000066;position:fixed;top:0;z-index:99;}
    @media (max-width: 770px){
        .overspread{display:none;width:100%;height:100%;background-color:#00000066;position:fixed;top:0;z-index:99;}
    }
}
@media all{
    div,section{box-sizing:border-box;}
    input{outline:none;border:none;resize:none;}
    button{border:none;}
    .container{max-width:1200px;margin:0 auto;padding:0 15px;}
    .mobile-style{display:none;}
    @media (max-width: 770px){
        .container{width:100%;}
        .mobile-style{display:block;}
    }
    @media (max-width: 770px){
        .download{padding:50px 0;font-size:14px;font-weight:400;line-height:1.5;background:#FFF6F7;}
        .download[data-online-slug="online-tool-amc"]{background:#FFF;}
        .download h2{color:#D83C3F;font-size:28px;text-align:center;font-weight:bold;line-height:1.5;}
        .download[data-online-slug="online-tool-amc"] h2{color:#212121;}
        .download .down_feature{position:relative;margin:15px 0 45px;width:100%;border-radius:4px;border:1px #caddd3 solid;padding:5px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#FFFFFF;}
        .download .down_feature .down_input{box-sizing:border-box;font-size:14px;color:#7e7e7e;padding:10px;flex:0 0 74%;}
        .download .down_feature .down_paste{flex:0 0 17%;border-radius:4px;background:#DDC9C94D;border:1px solid #E7D9D9;padding:10px;color:#676767;}
        .download[data-online-slug="online-tool-amc"] .down_feature .down_paste{background:#D9D9D94D;}
        .download .down_feature .error-text{position:absolute;bottom:-30px;color:#e02020;}
        .download .down_btn{background:#000;padding:13px;color:#FF4145;font-size:20px;font-weight:600;width:100%;cursor:pointer;margin-bottom:45px;}
        .download[data-online-slug="online-tool-amc"] .down_btn{color:#FFF;}
        .download .down_loading{display:none;text-align:center;}
        .download .down_loading img{width:80px;height:auto;}
        .download .down_loading .down_text{color:#888888;margin-top:18px;}
        .download .down_loading .down_text span{position:relative;top:0;display:inline-block;animation:bounce 0.3s ease infinite alternate;}
        .download .down_loading .down_text span:nth-child(2){animation-delay:0.1s;}
        .download .down_loading .down_text span:nth-child(3){animation-delay:0.2s;}
        .download .down_exhibition{display:flex;gap:20px;}
        .download .down_exhibition .exhibition_img{width:135px;height:135px;object-fit:cover;}
        .download .down_exhibition .exhibition_info{display:flex;flex-direction:column;justify-content:space-between;}
        .download .down_exhibition .info_title{color:#1db954;font-size:20px;font-weight:600;}
        .download[data-online-slug="online-tool-amc"] .down_exhibition .info_title{color:#000;}
        .download .down_exhibition .info_author{color:#767676;}
        .download .down_exhibition .info_btn{display:block;color:#ffffff;font-size:16px;background:#24a659;border-radius:67px;padding:10px 16px;text-align:center;}
        .download[data-online-slug="online-tool-amc"] .down_exhibition .info_btn{background:#E73654;}
        .download .down-pop{display:none;position:fixed;top:20%;left:50%;transform:translateX(-50%);z-index:100;background:linear-gradient(180deg, rgba(255, 53, 235, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), #FFF;box-shadow:0 4px 31px rgba(151, 151, 151, 0.25);border-radius:8px;border:1px #ffffff solid;width:231px;height:auto;padding:16px 23px 34px;text-align:center;}
        .download[data-online-slug="online-tool-amc"] .down-pop{background:linear-gradient(180deg, rgba(231, 54, 84, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), #FFF;}
        .download .down-pop .pop_close{width:18px;height:auto;position:absolute;right:5px;top:5px;cursor:pointer;}
        .download .down-pop .pop_title{color:#2e2e2e;font-size:16px;font-weight:600;margin:7px 0;}
        .download .down-pop .pop_desc{color:#2e2e2e;}
        .download .down-pop .pop_btn{margin-top:23px;display:block;color:#ffffff;font-size:16px;background:#3586FF;border-radius:67px;padding:10px 36px;}
        .download[data-online-slug="online-tool-amc"] .down-pop .pop_btn{background:#E73654;}
    }
}
