@font-face {
        font-family: Inter;
        src: url(../font/Inter-Regular.ttf);
        font-weight: 300;
    }
    
    @font-face {
        font-family: Inter;
        src: url(../font/Inter-Medium.ttf);
        font-weight: 400;
    }
    
    @font-face {
        font-family: Gilroy;
        src: url(../font/Gilroy-Thin.ttf);
        font-weight: 100;
    }
    
    @font-face {
        font-family: Gilroy;
        src: url(../font/Gilroy-Medium.ttf);
        font-weight: 400;
    }
    
    @font-face {
        font-family: Gilroy;
        src: url(../font/Gilroy-SemiBold.ttf);
        font-weight: 500;
    }
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        scroll-behavior: smooth;
    }
    
    .maxW {
        max-width: 1310px;
        margin: auto;
        padding: 0 15px;
    }
    
    body {
        font-family: Inter;
        font-weight: 300;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: Gilroy;
    }
    
    .pcHd {
        padding: 10px 0;
        border-bottom: 1px solid #ECECEC;
    }
    
    .PCMn {
        display: flex;
        gap: 10%;
        align-items: center;
        justify-content: space-between;
    }
    
    .pcMrBtm {
        margin-top: 30px;
    }
    
    .pcMrBtm ul {
        display: flex;
        justify-content: space-between;
        list-style: none;
        gap: 100px;
    }
    
    .pcMrBtm a {
        text-decoration: none;
        font-size: 17px;
        font-weight: 600;
        color: #000000;
        letter-spacing: 1px;
    }
    
    .pcbnr {
        border-bottom: 1px solid #ECECEC;
        position: relative;
    }
    
    .trans {
        display: flex;
        justify-content: flex-end;
        gap: 20px;
        align-items: center;
    }
    
    .trans span {
        font-size: 16px;
        font-weight: 500;
    }
    
    .tranBtn {
        justify-content: flex-end;
        margin-bottom: unset!important;
    }
    
    .pcbl>div {
        width: 48%;
        min-height: calc(100vh - 140px);
        display: flex;
        align-items: center;
    }
    
    .pcbl>img {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        object-fit: cover;
    }
    
    .pcbl h1 {
        font-size: 70px;
        font-weight: 500;
        letter-spacing: .5px;
        line-height: 110%;
        margin-bottom: 80px;
    }
    
    .pcbl a {
        display: inline-flex;
        align-items: center;
        gap: 20px;
        text-decoration: none;
        font-size: 35px;
        font-weight: 500;
        color: #1D59F2;
    }
    
    .pcbl a img {
        display: block;
        height: 32px;
    }
    
    .aboutUs,
    .whyUs,
    .whatWeDo,
    .contactUs {
        padding-top: 135px;
    }
    
    .aboutUs h2,
    .whyUs h2,
    .whatWeDo h2,
    .contactUs h2 {
        font-size: 45px;
        font-weight: 400;
    }
    
    .aboutUs img {
        max-width: 100%;
        width: 100%
    }
    
    .aboutUs p,
    .aboutUs li,
    .whyUs p,
    .whyUs li,
    .whatWeDo p {
        font-size: 17px;
        letter-spacing: .2px;
        line-height: 150%;
    }
    
    .aboutUs ul,
    .whyUs ul {
        padding-left: 25px;
    }
    
    .aboutUs p,
    .whyUs p,
    .whatWeDo p {
        margin-bottom: 30px;
    }
    
    .abLR {
        display: flex;
        justify-content: space-between;
    }
    
    .abLR>div {
        width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .abLR img {
        margin: 15px 0;
    }
    
    .abGet {
        text-align: center;
        margin-top: 80px;
        background-color: #fff;
        padding: 60px 0;
    }
    
    .abGet p {
        font-size: 24px;
        letter-spacing: .5px;
        line-height: 150%;
        max-width: 980px;
        margin: auto;
    }
    
    .abGet p a {
        display: inline-block;
        color: #1D59F2;
    }
    
    .aboutUs>img {
        margin-top: -175px;
        position: relative;
        z-index: -1;
        display: block;
    }
    
    .whyLR {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .whyUsSub {
        position: relative;
    }
    
    .whyUsSub>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 48%;
        height: 100%;
        display: block;
    }
    
    .whyLR>div {
        padding: 80px 0;
        width: 48%;
        display: flex;
        align-items: center;
    }
    
    .whatLR {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .whatWeDoSub {
        position: relative;
    }
    
    .whatWeDoSub>img {
        position: absolute;
        top: 0;
        right: 0;
        width: 48%;
        height: 100%;
        display: block;
    }
    
    .whatLR>div {
        padding: 80px 0;
        width: 48%;
        display: flex;
        align-items: center;
    }
    
    .whatWeDo ul {
        padding-left: 30px;
    }
    
    .whatWeDo ul li {
        font-size: 24px;
        font-weight: 500;
        color: #1D59F2;
        line-height: 150%;
        padding: 12px 0;
        border-bottom: 1px solid #ECECEC;
    }
    
    .contLR {
        display: flex;
        justify-content: space-between;
    }
    
    .contLR>* {
        width: 48%;
    }
    
    .contLR>div {
        padding-top: 80px;
    }
    
    .contLR>div span {
        font-size: 16px;
        margin-bottom: 6px;
        color: #8E8E8E;
    }
    
    .contLR>div a {
        display: flex;
        flex-direction: column;
        color: #000000;
        font-size: 24px;
        line-height: 150%;
        text-decoration: none;
        margin-bottom: 30px;
    }
    
    .follow {
        text-align: center;
        margin-top: 135px;
        background-color: #eaf1ff;
        padding: 30px 0;
    }
    
    .followSub {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    
    .follow span {
        font-weight: 500;
        font-size: 24px;
    }
    
    .follow img {
        height: 60px;
    }
    
    .foot {
        padding: 50px 0 0 0;
        background-color: #000;
    }
    
    .footTop {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .footTop ul {
        display: flex;
        list-style: none;
        gap: 100px;
    }
    
    .footTop a {
        text-decoration: none;
        color: #fff;
    }
    
    .footTop img {
        filter: brightness(150%);
    }
    
    .footCopy {
        color: #8E8E8E;
        padding: 50px 0;
        margin-top: 50px;
        border-top: 1px solid #303030;
    }
    
    .footCopy a {
        display: inline-block;
        color: #588BFF;
    }
    
    .HI {
        display: none;
    }
    
    .checkbox {
        width: 194px;
        /* height: 37px; */
        background-color: #d0d0d0;
        border-radius: 30px;
        position: relative;
        color: #000;
        overflow: hidden;
        z-index: 1;
    }
    
    .whycheck,
    .whatcheck {
        display: none;
    }
    
    .abcheck>div {
        display: none;
    }
    
    .checkbox .toggle {
        width: 46%;
        height: 30px;
        position: absolute;
        border-radius: 30px;
        left: 4px;
        bottom: 3px;
        cursor: pointer;
        background: #fff;
        transition: 0.4s;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    
    .checkbox .slide {
        width: 196px;
        height: 36px;
        top: 66px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        cursor: pointer;
    }
    
    .checkbox .slide .text {
        font-size: 16px;
        width: 50%;
        font-weight: 600;
        text-align: center;
        z-index: 100;
        cursor: pointer;
    }
    
    .checkbox.active .slide label:last-child {
        color: #1D59F2;
    }
    
    .checkbox .slide label:nth-child(2) {
        color: #1D59F2;
    }
    
    .checkbox.active .slide label:nth-child(2) {
        color: #000;
    }
    
    .checkbox.active .toggle {
        transform: translateX(98px);
    }
    
    .swiTch {
        display: flex;
        align-items: center;
        gap: 40px;
        margin-bottom: 30px;
    }
    
    @media all and (min-width:1024px) {
        .lg-none {
            display: none;
        }
    }
    
    @media all and (max-width:1024px) {
        body {
            overflow-x: hidden;
        }
        .pcbl>div {
            width: 100%;
        }
        .pcbl>img {
            position: static;
            width: 100%;
        }
        .abLR,
        .contLR,
        .footTop,
        .footTop ul {
            flex-direction: column;
        }
        .abLR>div,
        .whyLR>div,
        .whatLR>div,
        .contLR>* {
            width: 100%;
        }
        .whyUsSub>img,
        .whatWeDoSub>img {
            position: static;
            width: 100%;
        }
        .pcMrBtm {
            position: fixed;
            top: 0;
            left: 100%;
            width: 100%;
            height: 100%;
            background-color: #588BFF;
            z-index: 10;
            transition-duration: .3s;
        }
        .navActive .pcMrBtm {
            left: 0;
        }
        .pcMrBtm ul {
            flex-direction: column;
            margin: 50px 30px;
            gap: 0;
            text-align: center;
        }
        .pcMrBtm a {
            color: #fff;
            font-size: 24px;
            display: block;
            padding: 30px 0;
        }
        .pcMrBtm>div {
            display: flex;
            justify-content: flex-end;
            padding: 24px;
        }
        .pcMrBtm>div>img {
            height: 50px;
        }
        .pcMl img {
            height: 80px;
        }
        #menuBtn {
            height: 44px;
        }
        .footTop ul {
            padding-top: 50px;
            text-align: center;
            gap: 50px;
        }
        .footCopy {
            text-align: center;
        }
    }
    
    @media all and (max-width:768px) {
        .langLbl{
            display: none;
        }
        .pcbl h1 {
            font-size: 35px;
            margin-bottom: 40px;
        }
        .pcbl a {
            font-size: 20px;
            gap: 10px;
        }
        .pcbl a img {
            height: 20px;
        }
        .pcbl>div {
            padding: 80px 0;
            min-height: auto;
        }
        .aboutUs,
        .whyUs,
        .whatWeDo,
        .contactUs {
            padding-top: 50px;
        }
        .aboutUs h2,
        .whyUs h2,
        .whatWeDo h2,
        .contactUs h2 {
            font-size: 24px;
            font-weight: 500;
        }
        .abLR img,
        .aboutUs ul {
            margin-bottom: 40px;
        }
        .abGet {
            margin-top: 10px;
            padding: 0 15px 50px 15px;
        }
        .abGet p {
            font-size: 18px;
        }
        .aboutUs>img {
            margin-top: -50px;
        }
        .whyLR>div,
        .whatLR>div {
            padding: 50px 0 0 0;
        }
        .whatWeDo ul li {
            font-size: 20px;
        }
        .contLR>div {
            padding-top: 50px;
        }
        .contLR>div a {
            font-size: 18px;
            font-weight: 500;
        }
        .followSub {
            gap: 10px;
        }
        .follow span {
            font-size: 18px;
            line-height: 1;
        }
        .follow img {
            height: 32px;
        }
        .follow {
            margin-top: 50px;
            padding: 15px 0;
        }
        .footCopy {
            padding: 25px 0;
            font-size: 14px;
            line-height: 150%;
        }
    }
    
    @media all and (max-width:500px) {
        .checkbox,
        .checkbox .slide {
            width: 150px;
        }
        .swiTch {
            gap: 15px;
        }
        .checkbox.active .toggle {
            transform: translateX(61px);
        }
    }
    
    @media all and (max-width:416px) {
        .checkbox .slide .text {
            font-size: 12px;
        }
        .trans span {
            font-size: 12px;
        }
        .PCMn {
            gap: 5%;
        }
        .trans {
            gap: 12px;
        }
        .checkbox,
        .checkbox .slide {
            width: 120px;
        }
        .checkbox .toggle {
            width: 46%;
            height: 24px;
            bottom: unset;
        }
        .checkbox.active .toggle {
            transform: translateX(57px);
        }
        .checkbox .slide {
            height: 32px;
        }
    }