@media only screen and (min-width: 1920px) {
    html {
        font-size: 16px;
    }

    .f-t-cover-wrapper-max-width {
        max-width: 100% !important;
    }

    .s-t-fourth-title-width {
        width: 60%;
    }

    .s-t-part-4-subtitle-width {
        width: 30%;
    }

    .q-a-q-font {
        line-height: 35px;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
    html {
        font-size: 12px !important;
    }

    .f-t-cover-wrapper-max-width {
        max-width: 40% !important;
    }

    .s-t-fourth-title-width {
        width: 90%;
    }

    .s-t-part-4-subtitle-width {
        width: 40%;
    }

    .q-a-q-font {
        line-height: 20px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
    html {
        font-size: 8.533px !important;
    }

    .f-t-cover-wrapper-max-width {
        max-width: 40% !important;
    }

    .s-t-fourth-title-width {
        width: 90%;
    }
    .s-t-part-4-subtitle-width {
        width: 40%;
    }

    .q-a-q-font {
        line-height: 20px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    html {
        font-size: 6.4px !important;
    }

    .f-t-cover-wrapper-max-width {
        max-width: 40% !important;
    }

    .s-t-fourth-title-width {
        width: 90%;
    }

    .s-t-part-4-subtitle-width {
        width: 40%;
    }

    .q-a-q-font {
        line-height: 20px;
    }
}

/* Revision CSS for home-content-middle-line */
.home-content-middle-line {
    background-image: url('../img/pages/why-dolphin-markets/middle-line.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 6.25rem; /* 根据图片实际尺寸调整 */
    margin: 6.875rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 60rem) {
    .w-d-m-middle-img {
        background-image: url(/img/pages/why-dolphin-markets/middle-bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        border-radius: 9.375rem 9.375rem 0 0;
        border: 0.0625rem solid rgba(0, 0, 0, 0.10);
        background: #F5F5F5;
        max-width: unset !important;
    }

    .f-t-middle-img {
        background-image: url(/img/pages/forex-trading/bg-02.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        border-radius: 0 0 9.375rem 9.375rem;
        border: 0.0625rem solid rgba(0, 0, 0, 0.10);
        background: #F5F5F5;
        max-width: unset !important;
    }
}

.w-d-m-page-max-width {
    max-width: unset !important;
    height: 18.75rem !important;
    margin: auto 12% !important;
}

/* Two-column layout styles */
.d-m-two-col-left,
.d-m-two-col-right {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.d-m-two-col-left {
    width: 43%;
    float: left;
}

.d-m-two-col-right {
    width: 43%;
    float: right;
}

    /* Clear float after the two-column container */
    .d-m-two-col-left::after,
    .d-m-two-col-right::after {
        content: "";
        display: table;
        clear: both;
    }

.w-d-m-middle-title-font {
    color: #000;
    text-align: center;
    font-family: "Samsung Sharp Sans Bold";
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 5.625rem; /* 150% */
    text-transform: capitalize;
}

.w-d-m-item-cards {
    display: flex !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    flex-wrap: wrap !important;
}

    .w-d-m-item-cards > div {
        flex: 1;
        min-width: 12.5rem;
        border-radius: 5%;
        border: 0.0625rem solid #e0e0e0;
        padding: 1.25rem;
        background: #E9EDF6;
/*        box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);*/
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .w-d-m-item-cards .m-image {
        align-self: flex-start;
        margin-bottom: 0.9375rem;
    }

        .w-d-m-item-cards .m-image img {
            max-width: 100%;
            height: auto;
        }

    .w-d-m-item-cards .text-content {
        text-align: left;
        width: 100%;
    }

.common-part-item {
    padding: 1.25rem !important;
}

.m-auto {
    margin-left: unset !important;
}

.w-d-m-part-item-title {
    color: #000 !important;
    font-family: "Samsung Sharp Sans";
    /*    font-size: 1.125rem !important;*/
    font-size: clamp(12px, 1.125rem, 100px) !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 1.625rem !important; /* 144.444% */
    text-transform: capitalize;
}

.m-t-3p {
    margin-top: 3% !important;
}

.m-t-15p {
    margin-top: 15% !important;
}

.w-d-m-part2-title-font {
    color: #000;
    text-align: center;
    font-family: "Samsung Sharp Sans ";
    font-size: 3.75rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 5.625rem; /* 150% */
    text-transform: capitalize;
}

.w-d-m-part2-subtitle-font {
    color: #2C008F;
    text-align: center;
    font-family: "Samsung Sharp Sans ";
        font-size: 1.125rem;
/*    font-size: clamp(12px, 1.125rem, 100px);*/
    font-style: normal;
    font-weight: 500;
    line-height: 1.625rem; /* 144.444% */
    text-transform: capitalize;
    margin: 2.5rem auto;
}

.w-d-m-part2-desc-font {
    color: #7F7F7F;
    text-align: center;
    font-family: "Samsung Sharp Sans";
    font-size: 1rem !important;
    /*    font-size: clamp(12px, 1rem, 100px) !important;*/
    font-style: normal;
    font-weight: 400 !important;
    line-height: 1.625rem !important;
    /*line-height: clamp(19.5px, 1.625rem, 100px) !important;*/ /* 162.5% */
}

.title-head-img {
    flex: 1;
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;
}

.no-max-width {
    max-width: unset !important;
}

.p-part-item-title {
    color: #000;
    font-family: "Samsung Sharp Sans ";
        font-size: 1.125rem !important;
/*    font-size: clamp(16px, 1.125rem, 100px) !important;*/
    font-style: normal;
    font-weight: 700 !important;
    line-height: 1.625rem !important; /* 144.444% */
    text-transform: capitalize;
}

.p-part-item-content {
    color: #74767B;
    font-family: "Samsung Sharp Sans";
        font-size: 0.875rem !important;
/*    font-size: clamp(12px, 0.875rem, 100px) !important;*/
    font-style: normal;
    font-weight: 500 !important;
    line-height: 1.5rem !important; 
    /*line-height: clamp(18px, 1.5rem, 100px) !important;*/ /* 171.429% */
    text-transform: capitalize;
}

/* 图片居右对齐样式 */
.f-t-m-auto {
    display: block;
    margin-left: auto;
    margin-right: 0;
    max-width: 5rem;
    max-height: 5rem;
}

.head-title-margin-top {
    margin-top: 6.125rem !important;
}
/* Responsive design for mobile devices */
@media only screen and (max-width: 48rem) {
    .d-m-two-col-left, .d-m-two-col-right {
        width: 100%;
        float: none;
        display: block;
    }
}

.f-t-thrid-title-font {
    color: #000 !important;
    font-family: "Samsung Sharp Sans ";
    font-size: 3.75rem !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 5rem !important; /* 133.333% */
    text-transform: capitalize;
}

.f-t-thrid-content-font {
    color: #000 !important;
    font-family: "Samsung Sharp Sans";
    font-size: 1rem !important;
    /*    font-size: clamp(12px, 1.25rem, 100px) !important;*/
    font-style: normal;
    font-weight: 400 !important;
    line-height: 1.625rem !important;
    /*line-height: clamp(19.5px, 1.625rem, 100px) !important;*/ /* 162.5% */
    opacity: 0.5;
}

.max-width-35p {
    max-width: 35% !important
}

.max-width-45p {
    max-width: 45% !important
}

.m-l-10p {
    margin-left: 10% !important
}

.height-660 {
    /*    height: 41.25rem !important;*/
    height: clamp(495px, 41.25rem, 1000px) !important;
}

.f-t-trading-img {
    margin-left: 30%;
    margin-top: 4%;
    max-width: 60%;
}

.m-t-7p {
    margin-top: 7% !important;
}

.intro-wrapper-m {
    margin-left: 10%;
    margin-top: 1%;
    max-width: 48%;
}

.f-t-fouth-title {
    color: #FFF !important;
    font-family: "Samsung Sharp Sans";
    font-size: 3.75rem !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 5.625rem !important; /* 150% */
    text-transform: capitalize;
}

.f-t-fifth-title-font {
    color: #000 !important;
    font-family: "Samsung Sharp Sans";
    font-size: 3.75rem !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 5rem !important;
    text-transform: capitalize;
}

.f-t-fifth-subtitle-font {
    color: #2C008F;
    font-family: "Samsung Sharp Sans";
    /*    font-size: 1.125rem !important;*/
    font-size: clamp(12px, 1.125rem, 100px) !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.625rem; /* 144.444% */
    text-transform: capitalize;
}

/* SocialTrading page - center image in cover-wrapper-pic-01 */
.cover-wrapper-pic-01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: unset !important
}

    .cover-wrapper-pic-01 .m-image {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.line-height-90 {
    line-height: 5.625rem !important;
}

.max-width-70p {
    max-width: 70% !important
}

.m-l-15p {
    margin-left: 15% !important;
}

.font-16 {
    /*    font-size: 1rem !important;*/
    font-size: clamp(12px, 1rem, 100px) !important;
}

.line-height-26 {
    /*    line-height: 1.625rem !important;*/
    line-height: clamp(19.5px, 1.625rem, 100px) !important;
}

.max-width-1960 {
    max-width: 122.5rem !important;
}

.max-width-80p {
    max-width: 80% !important;
}

.opacity-06 {
    opacity: 0.6 !important;
}

.bg-color-purple {
    background-color: #2C008F;
    border: 0.125rem solid #2C008F;
    border-radius: 0.625rem;
}

.font-40 {
    font-size: 2.5rem !important;
}

.line-height-60 {
    line-height: 3.75rem !important;
}

.font-14 {
    /*    font-size: 0.875rem !important;*/
    font-size: clamp(12px, 0.875rem, 100px) !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.bg-color-F5 {
    background-color: #F5F5F5 !important;
}

.padding-t-80 {
    padding-top: 5rem !important;
}

.m-l-20p {
    margin-left: 20% !important;
}

.max-width-60p {
    max-width: 60% !important
}

.width-90p {
    width: 90% !important;
}

.border-bottom-line {
    border-bottom: 0.0625rem solid #CDC4E1 !important;
}

.t-h-table-border {
    border: 0.0625rem solid #CDC4E1 !important;
}

.font-family-samsung-bold {
    font-family: "Samsung Sharp Sans " !important;
}
/* 响应式设计 */
@media only screen and (max-width: 59.9375rem) {
    .w-d-m-item-cards {
        flex-direction: column;
        gap: 0.9375rem;
    }

        .w-d-m-item-cards > div {
            min-width: unset;
            width: 100%;
        }
}

/* SocialTrading page layout styles */
.social-trading-layout {
    width: 100%;
    /*    max-width: 75rem;*/
    margin: 0 auto;
    /*    padding: 1.25rem;*/
}

.social-trading-row {
    display: flex;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.social-trading-row-1 {
    align-items: flex-start;
}

.social-trading-row-2 {
    justify-content: space-between;
    flex-wrap: wrap;
}

.social-trading-content-item {
    border: 0.125rem solid #e0e0e0;
    background-color: #F2F6FF;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    min-width: 12.5rem;
    flex: 1;
/*    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);*/
}

.s-t-content-item {
    flex: 0 0 24.2% !important;
    max-width: 25% !important;
}

.social-trading-image {
    align-self: flex-start;
    margin-bottom: 0.9375rem;
}

.s-t-fifth-title {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    text-align: left;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.m-l-12p {
    margin-left: 12% !important;
}

.width-76p {
    width: 76% !important;
}

.max-width-24 {
    /*    max-width: 1.5rem;*/
    max-width: clamp(18px, 1.5rem, 100px);
}

.max-height-24 {
    /*    max-height: 1.5rem;*/
    max-height: clamp(18px, 1.5rem, 100px);
}

.s-t-content-font-01 {
        font-size: 1.125rem !important;
/*    font-size: clamp(16px, 1.125rem, 100px) !important;*/
        line-height: 1.625rem !important;
/*    line-height: clamp(18px, 1.625rem, 100px) !important;*/
}

.s-t-content-font-02 {
        font-size: 0.875rem !important;
/*    font-size: clamp(12px, 0.875rem, 100px) !important;*/
        line-height: 1.5rem !important;
/*    line-height: clamp(20px, 1.5rem, 100px) !important;*/
}

.min-height-300 {
    min-height: 18.75rem !important;
}

.m-l-5p {
    margin-left: 5% !important;
}

.head-title-position {
    margin-top: 7.5rem !important;
    margin-bottom: 5rem !important;
}

.q-a-q-font {
    color: #2C008F !important;
        font-size: 1rem !important;
/*    font-size: clamp(12px, 1rem, 100px) !important;*/
    font-family: "Samsung Sharp Sans" !important;
}

.q-a-a-font {
    /*    font-size: 0.9375rem !important;*/
    font-size: clamp(12px, 0.9375rem, 100px) !important;
    /*    line-height: 1.5625rem !important;*/
    line-height: clamp(18.75px, 1.5625rem, 100px) !important;
    color: #000;
    opacity: 0.7;
}

.m-b-3p {
    margin-bottom: 3% !important
}

.no-width {
    width: unset !important
}

.min-height-360 {
    min-height: 22.5rem;
}

.min-height-480 {
    min-height: 30rem;
}


.t-h-bg-color-02 {
    background-color: #FAFBFF;
    display: flex;
    align-items: center;
}

.min-height-530 {
    min-height: 33.125rem;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding {
    padding: unset !important;
}

.color-grey3 {
    color: #666666;
}

.font-18 {
    /*    font-size: 1.125rem !important;*/
    font-size: clamp(12px, 1.125rem, 100px) !important;
}

.t-h-panel-header-font {
    font-size: 1.125rem !important;
    /*    font-size: clamp(16px, 1.125rem, 100px) !important;*/
}

.t-h-table-head-font {
    font-size: 0.875rem !important;
    /*    font-size: clamp(14px, 0.875rem, 100px) !important;*/
}

.t-h-table-body-font {
    font-size: 0.875rem !important;
    /*    font-size: clamp(12px, 0.875rem, 100px) !important;*/
}
.min-height-60 {
    min-height: 3.75rem;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-color-2C008F {
    color: #2C008F !important;
}

.panel-header-padding {
    padding: 1.875rem 4.375rem !important;
}

.panel-content-padding {
    padding: 0rem 2.875rem 1rem !important;
}

.border-r-10 {
    border-radius: 0.625rem !important;
}

.border-r-16 {
    border-radius: 1rem !important;
}

.t-h-table-border .m-data-table__wrapper {
    border-radius: 0.625rem !important;
}

/* Override top border for specific expansion panels */
.no-top-border::after {
    border-top: none !important;
}

.no-top-border.m-expansion-panel::after {
    border-top: none !important;
}

.m-expansion-panel-header {
    max-width: 95%;
    margin-left: 1.25rem;
    padding: 1.0625rem 0.3125rem !important;
}

.m-expansion-panel-content .m-expansion-panel-content__wrap {
    margin-bottom: 2%;
    max-width: 90%;
/*    margin-left: 5%;*/
}


/* TradingHours page expansion panel header icon styling */
.m-expansion-panel-header .m-expansion-panel-header__icon {
    color: #2C008F !important;
    border: 0.125rem solid #2C008F !important;
    border-radius: 0.3125rem !important;
    transition: all 0.3s ease;
    opacity: 0.5;
    transform: scale(1);
}

.m-expansion-panel-header .m-expansion-panel-header__icon:hover {
    opacity: 1;
}

.m-expansion-panel-header .m-expansion-panel-header__icon .m-icon {
    color: #2C008F !important;
}

.m-expansion-panel--active .font-active-bold {
    font-weight: 700 !important;
}

/* Trading Hours Header Box - Vertical Centering */
.t-h-head-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .t-h-head-box .head-box-inner {
        text-align: center;
    }

.no-margin-top {
    margin-top: unset !important;
}

.width-30p {
    width: 30% !important;
}

.m-l-35p {
    margin-left: 35% !important;
}

.expansion-panel-border {
    border: 0.0625rem solid #D5CCE9;
    border-radius: 1.25rem;
}

.m-expansion-panel--active {
    border-radius: 1.25rem !important;
}

.e-c-subtitle {
    /*    font-size: 1.25rem !important;*/
    font-size: clamp(12px, 1.25rem, 100px) !important;
    font-weight: 400 !important;
    line-height: 1.875rem !important;
}

.economicCalendarWidget {
    margin-left: 5% !important;
}

.max-width-1560 {
    max-width: 97.5rem !important;
}

.m-center {
    margin: 0 auto !important
}

.w-d-m-bg-url {
    background-image: url(/img/pages/why-dolphin-markets/head-img.png);
}

.f-t-bg-url {
    background-image: url(/img/pages/forex-trading/head-bg.png);
}

.s-t-bg-url {
    background-image: url(/img/pages/social-trading/head-bg.png);
}

.plat-bg-url {
    background-image: url(/img/pages/platforms/head-img.png);
}

/* TradingHours: add left padding to the first th in each thead */
.t-h-table-border thead tr > th:first-child {
    padding-left: 5rem !important;
}

.t-h-table-border tbody tr > td:first-child {
    padding-left: 5rem !important;
}

/* SupportCenter page: shift custom expansion icon 0.625rem left */
/*.support-panels-grid .custom-expansion-icon {
    left: -0.625rem;
}*/

.head-box-bg {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 31.25rem; /* 确保有足够高度显示背景图 */
    display: flex;
    align-items: stretch;
}

/* 确保head-box-desc-inner高度撑满父容器 */
.head-box-desc-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.font-family-red-hat {
    font-family: "Red Hat Display" !important;
}

.font-family-red-hat-bold {
    font-family: "Red Hat Display " !important;
}

.font-20 {
/*    font-size: 1.25rem !important;*/
    font-size: clamp(12px, 1.25rem, 100px) !important;
}

.line-height-30 {
    line-height: 1.875rem !important;
}

.m-t-5p {
    margin-top: 5% !important
}

.m-r-150 {
    margin-right: 9.375rem !important;
}

.color-BFB2DD {
    color: #BFB2DD !important;
}

.min-height-80 {
/*    min-height: 5rem !important;*/
    min-height: clamp(60px, 5rem, 100px) !important;
}

.s-t-purple-block {
    max-width: 97.5rem;
    margin: 0 auto;
}
.s-t-content-max-width {
    max-width: 97.5rem !important;
}

.d-r-left-max-width {
    max-width: 45%;
}
.d-r-part-margin-l {
    margin-left: 10%;
}

.margin-b-50 {
    margin-bottom: 3.125rem;
}

.s-s-panel-width {
    width: 43.125rem;
}

.m-t-120 {
    margin-top: 7.5rem;
}

.q-a-panel-border {
    border: 1px #2C008F solid;
}


.m-l-55 {
    margin-left: 3.4375rem;
}

.m-t-20 {
    margin-top: 20px;
}

.s-t-part3-intro {
    flex: 0 0 100% !important;
    max-width: 50% !important;
}

.w-d-m-m-auto {
    max-width: 5rem;
    max-height: 5rem;
}

.q-a-panel-content-padding .m-expansion-panel-content__wrap {
    padding: 0 1.5625rem 1rem !important;
}

.block-same-hright {
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.f-t-part3-item-subtitle {
    color: #000 !important;
    font-family: "Red Hat Display";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem; /* 162.5% */
    opacity: 0.5;
}

.m-expansion-panel-header .m-expansion-panel-header__icon .m-icon {
    font-size: 1.25rem !important;
}

.m-b-30 {
    margin-bottom: 1.875rem !important;
}
/* Responsive design for SocialTrading layout */
@media only screen and (max-width: 48rem) {
    .social-trading-row {
        flex-direction: column;
        gap: 0.9375rem;
    }

    .social-trading-row-2 {
        justify-content: flex-start;
    }

    .social-trading-content-item {
        min-width: unset;
        width: 100%;
    }

    .s-t-fifth-title {
        text-align: center;
    }

    .bgbg {
        background-position: center center;
        background-size: cover;
    }
}