/* responsive */
@media screen and (max-width:1450px){
    #hero-section .hero-swiper .swiper-wrapper .swiper-slide .slide-text {padding:0 2rem;}

    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner {gap:5rem;padding:2rem;}
    .solutions .swiper-content .solution-prev {left:-28px;}
    .solutions .swiper-content .solution-next {right:-28px;}

    .packages .package-list .item .inner {padding:2rem;}
    .packages .package-list .item .inner .tag span {padding:1rem;}

    .contact .inner .info-wrap .box {padding:7.5rem 2rem;}
    .contact .inner .info-wrap .box .contact-list::before {left:-2rem;width:calc(2rem + 3.75rem);}
    .contact .inner .form-wrap {padding:7.5rem 2rem;}
}

@media screen and (max-width:1280px){
    #hero-section .hero-swiper .swiper-wrapper .swiper-slide .slide-text {font-size:1.75rem;}

    .overview .cont-text .text-change-wrap .texts {font-size:2.25rem;}

    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner {gap:3.75rem;padding:1.75rem;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner .num {font-size:1.75rem;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .label {font-size:1.75rem;margin-bottom:1.25rem;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .label br,
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .desc br {display:none;}

    .packages .package-list .item {aspect-ratio:1 / 1;}
    .packages .package-list .item .inner {gap:1.75rem;padding:1.75rem;}
    .packages .package-list .item .inner .tag span {font-size:1.25rem;padding:0.75rem 1rem;}

    .services .table-wrap table tbody tr.head th {font-size:1.125rem;}
    .services .table-wrap table tbody tr th {font-size:1.125rem;}
    
    .contact .inner .info-wrap .box {gap:2.5rem;}
    .contact .inner .info-wrap .box .title {font-size:3.25rem;}
    .contact .inner .info-wrap .box .contact-list {padding-top:2.5rem;}
    .contact .inner .form-wrap .fluentform .ff-el-group.form-horizontal .ff-el-input--label {width:180px;}
    .contact .inner .form-wrap .fluentform .ff-el-group.form-horizontal .ff-el-input--content {width:calc(100% - 180px - 1.25rem);}
    .contact .inner .form-wrap .fluentform .ff-name-field-wrapper .ff-el-group .ff-el-input--label {width:180px;}
    .contact .inner .form-wrap .fluentform .ff-name-field-wrapper .ff-el-group .ff-el-input--content {width:calc(100% - 180px - 1.25rem);}
}

@media screen and (max-width:1024px){
    #hero-section .hero-swiper .swiper-wrapper .swiper-slide .slide-text {bottom:17.5%;font-size:1.5rem;padding:0 1rem;}
    
    .overview .cont-text .text-change-wrap .texts {font-size:1.75rem;}

    .solutions .deco {top:1.75rem;width:65%;}
    .solutions .swiper-content .solution-prev,
    .solutions .swiper-content .solution-next {width:44px;font-size:1.125rem;border-radius:0.5rem;}
    .solutions .swiper-content .solution-prev {left:-0.5rem;}
    .solutions .swiper-content .solution-next {right:-0.5rem;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide {border-radius:1rem;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner {gap:5rem;padding:1.5rem;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .desc {font-size:1rem;}

    .packages .package-list {gap:1.25rem;}
    .packages .package-list .item {width:100%;aspect-ratio:unset;border-width:5px;border-radius:1rem;transition-delay:0.3s !important;}
    .packages .package-list .item .inner {gap:1.5rem;padding:1.5rem;}
    .packages .package-list .item .inner .tag span {border-radius:0.5rem;}
    .packages .package-list .item .inner .desc {font-size:1rem;}

    .services .deco {top:6.25rem;width:120%;}
    .services .table-wrap table {margin-top:-2.25rem;border-spacing:0.5rem 0.75rem;}
    .services .table-wrap table tbody tr.head th {font-size:1rem;border-radius:0.5rem;}
    .services .table-wrap table tbody tr th {font-size:1rem;border-radius:0.5rem;}
    .services .table-wrap table tbody tr td {border-radius:0.5rem;}
    .services .table-wrap table tbody tr td.checked {background-size:1rem;}
    .services .table-wrap + .caption {font-size:1rem;padding:0 0.5rem;margin-top:0;}

    .contact .inner .info-wrap {width:100%;height:auto;}
    .contact .inner .info-wrap .box {gap:1.75rem;padding:5rem 1rem;}
    .contact .inner .info-wrap .box .title {font-size:2.5rem;}
    .contact .inner .info-wrap .box .contact-list {padding-top:1.75rem;}
    .contact .inner .info-wrap .box .contact-list::before {left:-1rem;width:3.75rem;}
    .contact .inner .info-wrap .box .contact-list li {gap:0.25rem;font-size:1rem;}
    .contact .inner .info-wrap .box .contact-list li + li {margin-top:0.375rem;}
    /* .contact .inner .info-wrap .box .contact-list li:nth-child(1) .label {width:25px}
    .contact .inner .info-wrap .box .contact-list li:nth-child(1) .desc {width:calc(100% - 0.25rem - 25px);} */
    .contact .inner .info-wrap .box .contact-list li:nth-child(1) .label {width:40px;}
    .contact .inner .info-wrap .box .contact-list li:nth-child(1) .desc {width:calc(100% - 0.25rem - 40px);}
    .contact .inner .info-wrap .box .contact-list li:nth-child(2) .label {width:60px;}
    .contact .inner .info-wrap .box .contact-list li:nth-child(2) .desc {width:calc(100% - 0.25rem - 60px);}
    .contact .inner .form-wrap {width:100%;padding:5rem 1rem;}
    .contact .inner .form-wrap .fluentform .ff-el-group {margin-bottom:1.75rem;}
    .contact .inner .form-wrap .fluentform .ff-el-input--label label {font-size:1rem;}
    .contact .inner .form-wrap .fluentform .ff-el-group.form-horizontal .ff-el-input--label {width:160px;}
    .contact .inner .form-wrap .fluentform .ff-el-group.form-horizontal .ff-el-input--content {width:calc(100% - 160px - 0.75rem);}
    .contact .inner .form-wrap .fluentform .ff-name-field-wrapper .ff-el-group .ff-el-input--label {width:160px;}
    .contact .inner .form-wrap .fluentform .ff-name-field-wrapper .ff-el-group .ff-el-input--content {width:calc(100% - 160px - 0.75rem);}
    .contact .inner .form-wrap .fluentform .form-terms {margin-bottom:1rem;}
    .contact .inner .form-wrap .fluentform .form-terms-box {padding:1.25rem;}
    .contact .inner .form-wrap .fluentform .form-terms-box .form-terms-scroll {font-size:0.875rem;}
    .contact .inner .form-wrap .fluentform .form-terms-check .ff-el-form-check-label .ff_t_c {font-size:0.875rem;}
    .contact .inner .form-wrap .fluentform .ff_submit_btn_wrapper {margin-top:3.75rem;margin-bottom:0;}
    .contact .inner .form-wrap .fluentform .ff_submit_btn_wrapper button {font-size:1rem;line-height:44px;padding:0 3.75rem;border-radius:0.5rem;}
}

@media screen and (max-width:768px){
    #hero-section .hero-swiper .hero-pagination {gap:0.5rem;}
    #hero-section .hero-swiper .hero-pagination .swiper-pagination-bullet {width:0.5rem;height:0.5rem;}
    #hero-section .hero-swiper .hero-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:1.5rem;}

    .overview .title-wrap {margin-bottom:1.5rem;}
    .overview .cont-text .text-change-wrap .texts {font-size:3.25vw}

    .solutions .swiper-content {padding-bottom:calc(2.5rem + 44px);}
    .solutions .swiper-content .solution-navigation {position:absolute;bottom:0;left:0;display:flex;flex-flow:row wrap;justify-content:center;gap:0.75rem;width:100%;}
    .solutions .swiper-content .solution-prev,
    .solutions .swiper-content .solution-next {position:static;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide {aspect-ratio:4 / 3;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner {gap:2.5rem;}

    .services .table-wrap {display:none;}
    .services .table-wrap.mobile {display:block;}
    .services .table-wrap + .caption {padding:0;margin-top:0.75rem;}
}

@media screen and (max-width:480px){
    #hero-section {height:auto;aspect-ratio:9 / 16;}
    #hero-section .hero-swiper .swiper-wrapper .swiper-slide .slide-text {font-size:1rem;}

    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide {aspect-ratio:1 / 1;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner .num {font-size:1.25rem;}
    .solutions .swiper-content .solution-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .label {font-size:1.25rem;margin-bottom:0.75rem;}

    .packages .package-list .item .inner .tag span {font-size:1rem;}

    .contact .inner .info-wrap .box .title {font-size:2rem;}
    .contact .inner .form-wrap .fluentform .ff-el-input--label {margin-bottom:0.5rem;}
    .contact .inner .form-wrap .fluentform .ff-el-group.form-horizontal .ff-el-input--label {width:100%;}
    .contact .inner .form-wrap .fluentform .ff-el-group.form-horizontal .ff-el-input--content {width:100%;}
    .contact .inner .form-wrap .fluentform .ff-name-field-wrapper .ff-el-group .ff-el-input--label {width:100%;}
    .contact .inner .form-wrap .fluentform .ff-name-field-wrapper .ff-el-group .ff-el-input--content {width:100%;}
}