/* responsive */
@media screen and (max-width:1450px){
    #page-title-bar .inner {padding:0 2rem;}

    .business .overview-banner {padding:7.5rem 0;}
    .business .overview-banner .sub-title-wrap {padding:0 2rem;}
    
    .core-competencies .swiper-content .diagram-swiper {width:calc(55% - 5rem);}

    .solutions .solution-list .item .inner {gap:5rem;padding:2rem;}

    .contact.sub-form .inner .info-wrap {width:calc(50% - 5rem / 2);}
    .contact.sub-form .inner .form-wrap {width:calc(50% - 5rem / 2);}
}

@media screen and (max-width:1280px){
    #page-title-bar .inner .ptb-title {font-size:3.25rem;}

    .what-we-do .what-we-do-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);}

    .business .core-value .core-value-list .item {aspect-ratio:3 / 4;}
    .business .core-value .core-value-list .item .inner .desc {font-size:1rem;}

    .recent-works .list .swiper-content .recent-works-prev {left:0;}
    .recent-works .list .swiper-content .recent-works-next {right:0;}
    
    .core-competencies .swiper-content .diagram-swiper {width:calc(55% - 3.75rem);}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet {padding:1.75rem;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .text-wrap {width:calc(100% - 100px - 1.75rem);}

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

    .our-experts-teams .experts-list {gap:5rem 1.25rem;}
    .our-experts-teams .experts-list .item {width:calc(50% - 1.25rem / 2);}
    .our-experts-teams .experts-list .item:nth-child(3) {transition-delay:0.3s !important;}
    .our-experts-teams .experts-list .item:nth-child(3) {transition-delay:0.45s !important;}

    .contact.sub-form .inner .info-wrap {width:calc(50% - 3.75rem / 2);}
    .contact.sub-form .inner .form-wrap {width:calc(50% - 3.75rem / 2);}
}

@media screen and (max-width:1024px){
    #page-title-bar {height:300px;margin-top:64px;}
    #page-title-bar .inner {padding:0 1rem;}
    #page-title-bar .inner .ptb-title {font-size:2.5rem;}

    .what-we-do .what-we-do-list .item {width:calc(50% - 1.25rem / 2);aspect-ratio:4 / 3;}
    .what-we-do .what-we-do-list .item a .card.front {border-radius:1rem;}
    .what-we-do .what-we-do-list .item a .card.back {border-radius:1rem;}
    .what-we-do .what-we-do-list .item a .card.back .inner {padding:1.5rem;}

    .business .overview-banner {padding:5rem 0;}
    .business .overview-banner .sub-title-wrap {padding:0 1rem;}
    .business .overview-banner .sub-title-wrap .subject {padding-bottom:1.25rem;}
    .business .overview-banner .sub-title-wrap .subject::after {width:30px;}
    .business .overview-banner .sub-title-wrap .desc {margin-top:1.25rem;}
    .business .core-value {padding:5rem 0;}
    .business .core-value .core-value-list {margin-top:2.5rem;}
    .business .core-value .core-value-list .item {width:calc(50% - 1.25rem / 2);aspect-ratio:4 / 3;}
    .business .core-value .core-value-list .item:nth-child(3) {transition-delay:0.3s !important;}
    .business .core-value .core-value-list .item:nth-child(4) {transition-delay:0.45s !important;}
    .business .core-value .core-value-list .item .inner {padding:1.5rem;border-radius:1rem;}
    .business .contact-banner {padding:3.75rem 0;}
    .business .contact-banner .button-wrapper {margin-top:1.25rem;}

    .recent-works .list .swiper-content .recent-works-prev,
    .recent-works .list .swiper-content .recent-works-next {top:calc((100% - 0.5rem - 2.5rem - 54px) / 2);width:44px;font-size:1.125rem;border-radius:0.5rem;}
    .recent-works .list .swiper-content .recent-works-prev {left:-0.5rem;}
    .recent-works .list .swiper-content .recent-works-next {right:-0.5rem;}
    .recent-works .list .swiper-content .recent-works-swiper .swiper-wrapper .swiper-slide .slide-image {border-radius:1rem;}
    .recent-works .list .swiper-content .recent-works-swiper .swiper-wrapper .swiper-slide .slide-video {border-radius:1rem;}
    .recent-works .list .swiper-content .recent-works-swiper .swiper-wrapper .swiper-slide .slide-content .label {font-size:1.5rem;}
    .recent-works .list .swiper-content .recent-works-swiper .swiper-wrapper .swiper-slide .slide-content .desc {font-size:1rem;}
    .recent-works .list .swiper-content .recent-works-swiper .swiper-wrapper .swiper-slide .slide-content .edit {margin-top:0.75rem;}

    .core-competencies {padding:0;}
    .core-competencies .swiper-content .diagram-swiper {width:calc(50% - 2.5rem);}
    .core-competencies .swiper-content .diagram-pagination {gap:0.75rem;width:50%;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet {padding:1.5rem;border-radius:1rem;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .icon-wrap {width:80px;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .text-wrap {width:calc(100% - 80px - 1.5rem);}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .text-wrap .label {font-size:1.25rem;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .text-wrap .desc {font-size:1rem;margin-top:0.5rem;}

    .solutions .solution-list {gap:1.25rem;}
    .solutions .solution-list .item {width:calc(50% - 1.25rem / 2);border-radius:1rem;}
    .solutions .solution-list .item:nth-child(3) {transition-delay:0.3s !important;}
    .solutions .solution-list .item:nth-child(4) {transition-delay:0.45s !important;}
    .solutions .solution-list .item:nth-child(5) {transition-delay:0.3s !important;}
    .solutions .solution-list .item:nth-child(6) {transition-delay:0.45s !important;}
    .solutions .solution-list .item .inner {gap:5rem;padding:1.5rem;}
    .solutions .solution-list .item .inner .text-wrap .desc {font-size:1rem;}

    .our-experts-teams .experts-list {gap:2.5rem 1.25rem;}
    .our-experts-teams .experts-list .item .team-name {height:44px;font-size:1.125rem;border-radius:0.5rem;}
    .our-experts-teams .experts-list .item .team-name::before {height:1.75rem;}
    .our-experts-teams .experts-list .item .team-name::after {top:calc(100% + 1.75rem - 0.5rem);}
    .our-experts-teams .experts-list .item .task-wrap {margin-top:1.75rem;}

    .contact.sub-form {padding-top:5rem;}
    .contact.sub-form .inner {padding-bottom:5rem;}
    .contact.sub-form .inner .info-wrap {width:100%;margin-bottom:2.5rem;}
    .contact.sub-form .inner .info-wrap .box {padding:1.5rem;border-radius:1rem;}
    .contact.sub-form .inner .info-wrap .box .contact-list {padding-top:1.25rem;margin-top:1.25rem;}
    .contact.sub-form .inner .info-wrap .box .contact-list::before {width:30px;}
    .contact.sub-form .inner .form-wrap {width:100%;}
    .contact.sub-form .portfolio-banner {padding:3.75rem 0;}
    .contact.sub-form .portfolio-banner .button-wrapper {margin-top:1.25rem;}

    .policy .wrapper + .wrapper {padding-top:3.75rem;}
    .policy .wrapper .subject {font-size:1.5rem;margin-bottom:0.75rem;}
    .policy .wrapper .cont .default-text {padding:1.25rem;border-radius:1rem;}
    .policy .wrapper .cont .default-text .text {font-size:1rem;}
    .policy .wrapper .cont .default-text .text + .text {margin-top:1rem;}
    .policy .wrapper .cont .default-text table th {font-size:0.875rem;}
    .policy .wrapper .cont .default-text table td {font-size:0.875rem;}

    .policy.form-terms .wrapper + .wrapper {padding-top:1.5rem;}
    .policy.form-terms .wrapper .subject {font-size:1.125rem;}
    .policy.form-terms .wrapper .cont .default-text .text {font-size:0.875rem;}
    .policy.form-terms .wrapper .cont .default-text .text + .text {margin-top:0.75rem;}
    .policy.form-terms .wrapper .cont .default-text table th {font-size:0.75rem;}
    .policy.form-terms .wrapper .cont .default-text table td {font-size:0.75rem;}
}

@media screen and (max-width:768px){
    .what-we-do .what-we-do-list .item {width:100%;aspect-ratio:3 / 2;}
    .what-we-do .what-we-do-list .item a .card.front .inner .icon {width:4rem;}
    .what-we-do .what-we-do-list .item a .card.back .inner {padding:1.25rem;}
    .what-we-do .what-we-do-list .item a .card.front .inner .title {font-size:1.125rem;margin:1.25rem 0 0.75rem;}
    .what-we-do .what-we-do-list .item a .card.back .inner .label {font-size:0.875rem;margin-bottom:0.5rem;}
    .what-we-do .what-we-do-list .item a .card.back .inner .desc {font-size:1rem;}

    .business .core-value .core-value-list .item {width:100%;height:275px;aspect-ratio:unset;}
    .business .core-value .core-value-list .item:nth-child(2) {transition-delay:0.3s !important;}
    .business .core-value .core-value-list .item:nth-child(4) {transition-delay:0.3s !important;}

    .recent-works .list .swiper-content .recent-works-prev,
    .recent-works .list .swiper-content .recent-works-next {top:calc((100% - 0.5rem - 2.5rem - 44px) / 2);}
    .recent-works .list .swiper-content .recent-works-swiper .swiper-wrapper .swiper-slide .slide-content {padding-top:1rem;}
    .recent-works .list .swiper-content .recent-works-swiper .swiper-wrapper .swiper-slide .slide-content .label {font-size:1.25rem;}

    .core-competencies .swiper-content .diagram-swiper {width:100%;margin-bottom:2.5rem;}
    .core-competencies .swiper-content .diagram-pagination {width:100%;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet {padding:1.25rem;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .icon-wrap {width:60px;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .text-wrap {width:calc(100% - 60px - 1.25rem);}

    .solutions .solution-list .item {width:100%;aspect-ratio:4 / 3;}
    .solutions .solution-list .item:nth-child(2) {transition-delay:0.3s !important;}
    .solutions .solution-list .item:nth-child(4) {transition-delay:0.3s !important;}
    .solutions .solution-list .item:nth-child(6) {transition-delay:0.3s !important;}
    .solutions .solution-list .item .inner {gap:2.5rem;}
    
    .our-experts-teams .experts-list .item {width:100%;}
    .our-experts-teams .experts-list .item:nth-child(2) {transition-delay:0.3s !important;}
    .our-experts-teams .experts-list .item:nth-child(4) {transition-delay:0.3s !important;}
    .our-experts-teams .experts-list .item .task-wrap .label {font-size:1.125rem;}
}

@media screen and (max-width:480px){
    #page-title-bar {height:200px;}
    #page-title-bar .inner .ptb-title {font-size:2rem;}

    .what-we-do .what-we-do-list .item {aspect-ratio:4 / 3;}

    .recent-works .list .swiper-content .recent-works-prev,
    .recent-works .list .swiper-content .recent-works-next {display:none;}
    .recent-works .list .swiper-content .recent-works-swiper .swiper-wrapper .swiper-slide .slide-content .label {font-size:1.125rem;}
    .recent-works .list .swiper-content .recent-works-pagination {margin-top:1.25rem;}

    .core-competencies .swiper-content .diagram-swiper {margin-bottom:1.25rem;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet {padding:0.75rem;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .icon-wrap {width:40px;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .text-wrap {width:calc(100% - 40px - 0.75rem);}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .text-wrap .label {font-size:1rem;}
    .core-competencies .swiper-content .diagram-pagination .swiper-pagination-bullet .text-wrap .desc {font-size:0.75rem;}

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