/* **************** loader  ***************** */
.ds-loader{scale:3;height:50px;width:40px}.ds-side-left,.ds-side-right{width:19px;height:5px;top:14px}.ds-box{position:relative;opacity:0;left:10px}.ds-side-left{position:absolute;background-color:#286cb5;transform:skew(0deg,-25deg);left:10px}.ds-side-right{position:absolute;background-color:#2f85e0;transform:skew(0deg,25deg);left:-9px}.ds-side-top{position:absolute;background-color:#5fa8f5;width:20px;height:20px;rotate:45deg;transform:skew(-20deg,-20deg)}.ds-box-1{animation:4s infinite from-left}.ds-box-2{animation:4s 1s infinite from-right}.ds-box-3{animation:4s 2s infinite from-left}.ds-box-4{animation:4s 3s infinite from-right}@keyframes from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0px 0px}40%{z-index:9;translate:0px 4px}60%{z-index:8;translate:0px 8px}80%{z-index:7;opacity:1;translate:0px 12px}100%{z-index:5;translate:0px 30px;opacity:0}}@keyframes from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0px 0px}40%{z-index:9;translate:0px 4px}60%{z-index:8;translate:0px 8px}80%{z-index:7;opacity:1;translate:0px 12px}100%{z-index:5;translate:0px 30px;opacity:0}}

.ds-loaderh {
    height: 100vh;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ds-lng { 
    margin-top:40px; marginLeft:-12px
}
.ant-tabs .ant-tabs-nav-wrap {
    min-height: 60px;
}
.ds-main-container > .shadow-sm {
    box-shadow: 0 0 8px 2px rgb(221 221 221 / 60%) !important }

    .ant-tabs.ant-tabs-top  .ant-tabs-nav {
        border-radius: 16px 16px 0 0 !important;
    }

/* **************** close ********************** */

/* ********************* font **************************** */

/* @font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Light.woff2') format('woff2'),
        url('/fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
} */

/* ************ font add Inter ***************** */
    @font-face {
      font-family: 'Inter';
      src: url('/fonts/Inter-Regular.woff2') format('woff2');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Inter';
      src: url('/fonts/Inter-Medium.woff2') format('woff2');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Inter';
      src: url('/fonts/Inter-SemiBold.woff2') format('woff2');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: 'Inter';
      src: url('/fonts/Inter-ExtraBold.woff2') format('woff2');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }


/* ******************** close ******************************* */