:root {
    --modal-header-text: #002979;
    --modal-main-header-text: #fadf17;
    --section-bg: #f7f7f7;
}

* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: DBHeaventBlk;
    /*src: url("font/DB Heavent Original/DB Heavent v3.2.ttf");*/
    src: url("fonts/DB Helvethai x/DB Heavent Blk Cond v3.2.ttf") format("woff"),
    /* Modern Browsers */
    url("fonts/DB Helvethai x/DB Heavent Blk Cond v3.2.ttf") format("truetype"), url("fonts/DB Helvethai x/DB Heavent Blk Cond v3.2.ttf") format("svg");
    /* Legacy iOS */
    /* Safari, Android, iOS */
}

@font-face {
    font-family: DBHelvethaicaXBd;
    /*src: url("font/DB Heavent Original/DB Heavent v3.2.ttf");*/
    src: url("fonts/DB Helvethai x/DB Helvethaica X Bd v3.2.ttf") format("woff"),
    /* Modern Browsers */
    url("fonts/DB Helvethai x/DB Helvethaica X Bd v3.2.ttf") format("truetype"), url("fonts/DB Helvethai x/DB Helvethaica X Bd v3.2.ttf") format("svg");
    /* Legacy iOS */
    /* Safari, Android, iOS */
}

@font-face {
    font-family: DB Heavent;
    src: url("fonts/DB Heavent Original/DB Heavent v3.2.ttf") format("woff"),
    /* Modern Browsers */
    url("fonts/DB Heavent Original/DB Heavent v3.2.ttf") format("truetype"), url("fonts/DB Heavent Original/DB Heavent v3.2.ttf") format("svg");
}

@font-face {
    font-family: DBHeaventMed;
    /*src: url("font/DB Heavent Original/DB Heavent v3.2.ttf");*/
    src: url("fonts/DB Helvethai x/DBHelvethaicaX-MedExt.ttf") format("woff"),
    /* Modern Browsers */
    url("fonts/DB Helvethai x/DBHelvethaicaX-MedExt.ttf") format("truetype"), url("fonts/DB Helvethai x/DBHelvethaicaX-MedExt.ttf") format("svg");
    /* Legacy iOS */
    /* Safari, Android, iOS */
}

/*#region */
.banner-bg {
    background-image: url(images/banner.webp);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
}

.banner-bgMobile {
    background-image: url(images/banner-m.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 700px;
}

.__flex-evenly {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.__banner-padding {
    padding: 6rem;
}
/*#endregion */

body {
    font-family: DB Heavent !important;
}

.padtop_desk{
    padding-top:6rem;
}

.modal-content {
    /* background-color: rgb(210,227,244);*/
    padding: 10pt;
}

.__login-header {
    font-size: 3rem;
    font-family: DBHelvethaicaXBd;
    color: #062B77;
}

.__login-subheader {
    font-size: 2rem;
    color: #005EA1;
}

.__login_text {
    font-size: 1.5rem;
    font-family: DB Heavent !important;
}

.__register {
    color: #343940;
}

.__register-login {
    font-family: DB Heavent !important;
    color: #5A9AF8;
}

.__register-modal {
    --bs-modal-width: 800px !important;
}

.__regis-label {
    color: #343940;
    font-size: 1.5rem;
}

.__register-pdpa-text {
    font-size: 1.2rem;
}

.__lineheight {
    line-height: 1;
}

.__register-row {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.__main-regis {
    --bs-modal-width: 650px;
}

.__Ex-username {
    font-size: 2rem;
}

.__Ex-openTfex {
    font-size: 1.5rem;
}

.__marginRate {
    font-size: 3rem;
    line-height: .6;
}

.bi {
    font-size: 1.5rem;
}

/* test */
.owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide {
    background: url(nav-icon.png) no-repeat scroll 0 0;
    left: -33px;
}

.owl-carousel .next-slide {
    background: url(nav-icon.png) no-repeat scroll -24px 0px;
    right: -33px;
}

.owl-carousel .prev-slide:hover {
    background-position: 0px -53px;
}

.owl-carousel .next-slide:hover {
    background-position: -24px -53px;
}

.__login-register-url {
    font-size: 1.3rem;
}

.form-InputText {
    font-size: 1.5rem;
}

.swal2-html-container {
    overflow: hidden !important;
}
/* end test */
/* tooltip */
.tooltips {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .tooltips .tooltiptext {
        visibility: hidden;
        width: 350px;
        background-color: #000;
        color: #fff;
        border-radius: 3px;
        padding: 10px;
        box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0%;
    }

    .tooltips .tooltiptext2 {
        visibility: hidden;
        width: 220px;
        background-color: #000;
        color: #fff;
        border-radius: 3px;
        padding: 10px;
        box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0%;
    }

    .tooltips:hover .tooltiptext,
    .tooltips:hover .tooltiptext2 {
        visibility: visible;
        font-size: 1.2rem;
    }

/* end tooltip */
.sbiColor {
    color: var(--modal-header-text);
}

.section-bg {
    background-color: var(--section-bg);
}



.__mobile {
    display: none;
}

.modal {
    /*--bs-modal-width: 800px !important;*/
}

.tooltip-inner {
    max-width: 500px !important;
}

.tip {
    display: inline-block;
    cursor: pointer;
}

.tooltip-inner {
    text-align: left !important;
}

.__flex-center {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

/* section 1 */
.openAcc-tfex {
    top: 346px;
    left: 516px;
}

.Btn-openacc-tfex {
    width: 29%;
}

.condition-tfex {
    font-size: 1.3rem;
    color: #fff;
    top: 631px;
    left: 421px;
}

/* end section 1 */

/* section 2 */
.__contact-bg {
    background-color: #0060a5;
    border-radius: 20px;
}

.__contact-mainheader {
    font-family: DBHelvethaicaXBd;
    font-size: 3.5rem;
}

.__contact-header {
    color: #fff;
    font-family: DBHelvethaicaXBd;
    font-size: 2.3rem;
}

.__contact-subtext {
    font-size: 1.5rem;
}

.__ex-text {
    color: #5fb829;
}

.__new-text {
    color: #ffaca3;
}

.setHeight-cus {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* end section 2  */

/* section 3 */
.__flex-alignCenter {
    display: flex;
    align-items: center;
}

.__step-NoIcon {
    width: 60%;
}

.__step-img {
    width: 80%;
}

.__step-text {
    font-size: 1.5rem;
    line-height: 1.2;
    font-family: DBHelvethaicaXBd;
}

.__step-subtext {
    font-size: 1.2rem;
    line-height: 1.2;
}

/* section 4 */
.__streaming-4process {
    font-size: 1.3rem;
    text-align: center;
}

/* section 4 toggle arrow */

.arrow {
    position: absolute;
    top: 83px;
    padding-left: 0.5rem;
    /*right: 20px;*/
}

    .arrow::before,
    .arrow::after {
        position: relative;
        content: "";
        display: block;
        width: 10px;
        height: 1px;
        background: black;
        transition: 0.3s ease-in-out;
    }

    .arrow::before {
        transform: rotate(45deg);
    }

    .arrow::after {
        left: 6px;
        top: -1px;
        transform: rotate(-45deg);
    }

.toggle-btn.active .arrow::before {
    transform: rotate(-45deg);
}

.toggle-btn.active .arrow::after {
    transform: rotate(45deg);
}

.seven {
    width: 14.28571428571429%;
}

/* section 7 slide process */
.__why-tfex {
    font-size: 3rem;
    color: var(--modal-header-text);
    font-family: DBHelvethaicaXBd;
}

.__detail-tfex {
    font-size: 1.2rem;
    line-height: 1.2;
}

/* end section 7 slide process */
/* owl-carousel */
/* .owl-carousel .item {
    height: 10rem;

    display: flex;
    justify-content: center;
    align-items: center; font-size:70px; color:#fff;
} */

/* footer */
.__footer-bg {
    background-color: #f7f7f7;
}

.footer-url {
    font-size: 1.2rem;
    line-height: 1.2;
    text-decoration: none;
    color: #7e7d7d;
}

.sbi-address {
    font-size: 1.5rem;
    line-height: 1.2;
}

.text__copyright {
    font-size: 1.2rem;
}

.__icon-footer {
    width: 40px;
    height: 40px;
}

.text__copyright {
    font-size: 1.2rem;
    color: #949598;
}

.text__cookie {
    font-size: 1.2rem;
    color: #949598;
}

.__copyright-border {
    border-top: 1px solid #bfbfc1;
}

/* End footer */

/* table overflow auto */
@media only screen and (max-width: 1366px) {

    /* section 1 */
    .openAcc-tfex {
        top: 263px;
        left: 361px;
    }

    .Btn-openacc-tfex {
        width: 28%;
    }

    .condition-tfex {
        font-size: 1.1rem;
        color: #fff;
        top: 485px;
        left: 308px;
    }

    .__contact-mainheader {
        font-family: DBHelvethaicaXBd;
        font-size: 1.7rem;
        line-height: 1.1;
    }

    .__marginRate {
        font-size: 1.7rem;
    }

    /* end section 1 */

    /* section 2 */
    .__contact-header {
        color: #fff;
        font-family: DBHelvethaicaXBd;
        font-size: 1.8rem;
    }

    /* end section 2 */


    .sbi-header {
        font-size: 3.25rem;
        font-weight: 700;
        font-family: DB Heavent;
    }

    .__setwidth {
        width: 58.33333% !important;
    }

    .sbi-subheader {
        font-size: 1.125rem;
        font-family: DB Heavent;
    }

    .open-clashBalance-btn {
        font-size: 1rem;
        font-weight: 500;
    }

    .e-voucher {
        font-size: 0.875rem;
    }

    .numbers-4sbi {
        font-size: 2.25rem;
        font-family: DB Heavent;
    }

    .text-4sbi {
        font-size: 1rem;
        font-family: DB Heavent;
    }

    .tradeWithSbito {
        font-size: 2.625rem;
        font-family: DB Heavent;
        font-weight: 500;
    }

    .sub-tradeWithSbito {
        font-size: 1.125rem;
        font-family: DB Heavent;
        font-weight: 400;
        line-height: 18px;
    }

    /* Section Promotion-openacc */
    .promotion-openacc {
        font-size: 2.625rem;
        font-family: DB Heavent;
        font-weight: 500;
    }

    .post-title {
        font-size: 1.25rem;
        font-family: DB Heavent;
        font-weight: 500;
        color: #062b77 !important;
    }

    .post-description {
        font-size: 1rem;
        font-family: DB Heavent;
        font-weight: 400;
    }
}

@media only screen and (max-width: 430px) and (orientation: portrait) {

    .__flex-Mobilecol {
        flex-direction: column;
    }

    .condition-tfex-main {
        font-size: 1.3rem;
    }

    /* tooltip */
    /*.tooltips .tooltiptext {
        visibility: hidden;
        width: 353px;
       
        background-color: #000;
        color: #fff;
        border-radius: 3px;
        padding: 10px;
        box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 10;
        top: 100%;*/
    /*left: 0%;*/
    /*left: -1300%;
        overflow: visible;
    }*/

    /*.tooltips .tooltiptext2 {
        visibility: hidden;
        width: 220px;
        background-color: #000;
        color: #fff;
        border-radius: 3px;
        padding: 10px;
        box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0%;

    }*/
    .tooltips .tooltiptext {
        /* visibility: hidden; */
        width: 353px;
        background-color: #000;
        color: #fff;
        border-radius: 3px;
        padding: 10px;
        box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 10;
        top: -249%;
        /*left: 0%;*/
        left: -1300%;
        overflow: visible;
    }

    .tooltips .tooltiptext2 {
        /* visibility: hidden; */
        width: 220px;
        background-color: #000;
        color: #fff;
        border-radius: 3px;
        padding: 10px;
        box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 10;
        top: -500%;
        left: -496%;
    }

    /* end tooltip */


    /* section 1 */
    .openAcc-tfex {
        top: 169px;
        left: 114px;
    }

    .Btn-openacc-tfex {
        width: 63%;
    }

    .condition-tfex {
        font-size: 1rem;
        color: #fff;
        top: 370px;
        left: 148px;
    }

    .__contact-mainheader {
        font-family: DBHelvethaicaXBd;
        font-size: 1.7rem;
        line-height: 1.1;
    }

    /* end section 1 */
    /* section 2 */

    .__contact-subtext {
        font-size: 1rem;
    }

    .setHeight-cus {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* end section 2 */
    /* section 3  step*/
    .__contact-bg {
        background-color: #0060a5;
        border-radius: 10px;
        height: 130px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    #__step1,
    #__step2,
    #__step3,
    #tfex-logo {
        display: none;
    }

    .__icon-right {
        width: 100% !important;
    }

    .__step-NoIcon {
        width: 100% !important;
    }

    .__step-text {
        font-size: 1.2rem;
        text-align: start;
    }

    .__step-subtext {
        font-size: 1.2rem;
        text-align: start;
    }

    /* end section 2  step*/
    /* section 5 logo */
    .__desktop {
        display: none;
    }

    .__mobile {
        display: block;
    }

    .__contact-header {
        color: #fff;
        font-family: DBHelvethaicaXBd;
        font-size: 1.3rem;
    }

    .__contact-subtext {
        font-size: 1rem;
    }

    #margintext {
        font-size: 1.5rem;
    }

    .arrow {
        position: absolute;
        top: 40px;
        padding-left: 0.5rem;
        /*right: 20px;*/
    }

    .arrow-logo {
        position: absolute;
        top: 1540px;
        padding-left: 0.5rem;
        /*right: 20px;*/
    }

        .arrow-logo::before,
        .arrow-logo::after {
            position: relative;
            content: "";
            display: block;
            width: 10px;
            height: 1px;
            background: black;
            transition: 0.3s ease-in-out;
        }

        .arrow-logo::before {
            transform: rotate(45deg);
        }

        .arrow-logo::after {
            left: 6px;
            top: -1px;
            transform: rotate(-45deg);
        }

    .toggle-btn-logo.active .arrow::before {
        transform: rotate(-45deg);
    }

    .toggle-btn-logo.active .arrow::after {
        transform: rotate(45deg);
    }

    /* end section 5 logo */

    /* streaming */
    .__streaming-4process {
        font-size: 1rem;
    }

    .__setHeightstream {
        height: 48px;
        font-size: 1.2rem;
        line-height: 1.1;
    }

    /* end streaming */
    /* why tfex */
    .__why-tfex {
        font-size: 1.8rem;
        padding-bottom: 1rem;
    }

    /* tfex mobile slide */
    .__detail-tfex {
        font-size: 1rem;
        line-height: 1.1;
    }

    /* end tfex mobile slide */
    .text-3topTable {
        text-align: start;
    }

    .__catTableImg {
        display: none;
    }

    thead {
        font-size: 1.2rem;
        text-align: center;
    }

    .annotation {
        font-size: 1.1rem;
    }

    tbody tr {
        font-size: 1rem;
    }

    .ipad__show {
        display: none;
    }

    .__setwidth {
        width: auto !important;
    }

    .post-slide .post-content {
        min-width: auto !important;
        min-height: auto !important;
        /* padding: 0px 15px 25px 15px; */
    }

    .__openacc-head {
        font-size: 2.5rem;
        font-weight: 700;
        padding-top: 1rem;
        color: #062b77;
    }

    .__padtop-4process {
        padding-top: 0.5rem;
        font-size: 1.1rem;
    }

    .__title-4process {
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.3px;
    }

    .__padtop-4process ul > li {
        color: #77797c;
    }

    .dropdown-menu {
        background-color: transparent !important;
        border: none !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .__register {
        border-bottom: none !important;
    }

    .__login {
        border-bottom: none !important;
    }

    .post-slide {
        background: transparent !important;
        box-shadow: none !important;
    }

    .nav-link {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .affix {
        background-color: #fff;
    }

    .navbar {
        width: 100%;
        background-color: #fff;
    }

    .nav-collapes {
        justify-content: start;
        background-color: #fff;
    }

    .__mobile-openAccprocess {
        font-size: 3rem !important;
        color: #062b77 !important;
        font-weight: 600;
        padding-top: 1.5rem;
    }

    /* .dropdown-menu li {
    border-bottom: 1px solid;
  } */
    .social-btns .btn {
        display: inline-block;
        background-color: rgb(255 255 255);
        width: auto !important;
        height: auto !important;
        line-height: 0px !important;
        margin: 0 10px;
        text-align: center;
        position: relative;
        overflow: hidden;
        border-radius: 28%;
        box-shadow: 0 5px 15px -5px rgb(0 0 0 / 10%);
        opacity: 0.99;
    }


    /* #news-slider2 > .owl-wrapper-outer > .owl-wrapper {
    width: 100% !important;
  }

  #news-slider2 > .owl-wrapper-outer > .owl-wrapper > .owl-item {
    width: 100% !important;
  } */

    .st-points-Card {
        white-space: nowrap;
        text-overflow: ellipsis;
        flex-shrink: 1;
        overflow: hidden;
        max-width: 150px;
        width: auto;
        display: inline-block;
    }

    .nav-link {
        /* border-bottom: 1px solid; */
        padding-bottom: 20px;
        padding-top: 20px;
        /* padding: 0.5rem 1.25rem 1.25rem 1.25rem; */
        padding: 0.5rem 1.25rem 0rem 0rem;
    }

    /*#region text size*/
    /* fav nav */
    .fav-bg {
        background-image: url(images/favbar.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .__fav-icon {
        width: 140%;
    }

    .__fav-subtext {
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 400;
        text-align: start;
    }

    .__fav-text {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.25rem;
        text-align: start;
    }

    .bi-x {
        font-size: 1.2rem;
    }

    /* navbar */
    #navbarSupportedContent {
        justify-content: center !important;
    }

    .dropdown-menu li {
        border-bottom: 1px solid #d5e5ee;
    }

    /* End navbar */
    /* section 1 SBI */
    .lh1 {
        padding-top: 2rem;
    }

    .sbi-header {
        font-size: 2.5rem;
        font-family: HelvethaicaX;
    }

    .sbi-bg {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .sbi-subheader {
        font-size: 1.5rem;
        font-weight: normal;
        font-family: DB Heavent;
    }

    .open-clashBalance-btn {
        font-size: 1.3rem;
        letter-spacing: 1.3;
    }

    .E__Voucher {
        padding-top: 7px;
    }

    .strengths__num {
        font-size: 1.5rem;
        font-family: DB Heavent;
        font-weight: bold;
        padding-right: 0.5rem;
        color: #062b77;
    }

    .strengths__text {
        color: #77797c;
        font-size: 1rem;
    }

    .numbers-4sbi {
        font-size: 1.5rem;
    }

    .tradeWithSbito {
        font-size: 2rem;
        font-weight: bold;
        font-family: DB Heavent;
    }

    .sub-tradeWithSbito {
        font-size: 1.2rem;
        line-height: 1.3;
        color: #413e3e;
    }

    /* End section 1 SBI */
    .__online-broker-bg {
        /* background-image: url(images/tradewithsbito_bg_mobile.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
        height: auto;*/
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(88.73deg, #0d52ba -0.25%, #b2ceed 98.71%);
    }

    /* #region section 2 Promotion openacc */
    .promotion-openacc {
        font-size: 2rem;
        font-family: DB Heavent;
        font-weight: bold;
        padding-top: 2rem;
    }

    /* #new-slider,
  .owl-prev,
  .owl-next {
    display: none !important;
  } */

    #news-slider {
        margin-top: 0px !important;
    }

    .post-title > a {
        font-size: 1.3rem;
        text-decoration: none;
    }

    .post-description {
        font-size: 1.2rem;
    }

    .bi-chevron-right {
        font-size: 0.8rem;
    }

    .bi-clock {
        font-size: 0.8rem;
        color: #000000 !important;
    }

    /* #endregion section 2 Promotion openacc */
    /* open account process */
    .chk-status {
        font-size: 1.5rem;
    }

    .onlinePaper__btn {
        padding-bottom: 2rem;
    }

    .time-period {
        font-size: 1.2rem;
    }

    .openAcc-head {
        font-size: 2rem;
    }

    .openAcc-processNum {
        font-size: 1.2rem;
    }

    .openAcc-processhead {
        font-size: 2.5rem;
    }

    .processOpenAcc__4 {
        padding-left: 1rem;
    }

    .openAcc-sub-processNum {
        font-size: 1.2rem;
        color: #77797c;
        line-height: 1;
    }

    /* End open account process */
    /* Video section */
    .vdo__player {
        padding-top: 2rem;
    }

    .vdo__description {
        padding-bottom: 2rem;
    }

    .video-header {
        font-size: 2.5rem;
    }

    .video-sub-text {
        font-size: 1rem;
        font-family: DB Heavent;
    }

    /* End Video section */
    /* 4card */
    .mb-flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .mb-4cardpad {
        padding: 1rem 0 1rem 0;
    }

    .mb-4cardpad-last {
        padding: 1rem 0 0 0;
    }

    .card-title {
        font-size: 1.2rem;
        text-align: left;
    }

    .card-text {
        font-size: 1rem;
        text-align: left;
    }

    /* End 4card */
    /* satangpoint section */
    .satangpoint-header {
        font-size: 2.5rem;
    }

    .st-points-topic {
        font-size: 2rem;
        color: #062b77;
    }

    .st-points-Card {
        font-size: 1.2rem;
        font-weight: normal;
    }

    /* #region arrow */
    .step-left {
        position: absolute;
        font-size: 1.5rem;
        top: 88px;
        left: 0;
    }

    .step-right {
        position: absolute;
        font-size: 1.5rem;
        top: 88px;
        right: 0;
    }

    .why-tfex-left {
        position: absolute;
        font-size: 1.5rem;
        top: 50px;
    }

    .why-tfex-right {
        position: absolute;
        font-size: 1.5rem;
        top: 50px;
        right: 0;
    }

    .step-slide-right {
        position: absolute;
        font-size: 1.5rem;
        top: 50px;
        right: 0;
    }

    .step-slide-left {
        position: absolute;
        font-size: 1.5rem;
        top: 50px;
        left: 0;
    }

    /* #endregion arrow */
    /* footer */
    .footer-url {
        font-size: 1.2rem;
        line-height: 1.2;
        text-decoration: none;
        color: #7e7d7d;
    }

    .sbi-address {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .text__copyright {
        font-size: 1rem;
    }

    .__social-padding {
        padding-top: 2.5rem;
        padding-bottom: 1rem;
    }

    /* End footer */

    /* popup*/
    .__popup-registerd-head {
        font-size: 2rem !important;
    }

    .__popup-registerd {
        font-size: 1.5rem !important;
    }
    /*End popup*/


}

@media only screen and (max-width: 390px) and (orientation: portrait) {
    .__catTableImg {
        display: none;
    }

    .__contact-mainheader {
        font-family: DBHelvethaicaXBd;
        font-size: 1.5rem;
        line-height: 1.1;
    }

    .__marginRate {
        font-size: 1.5rem;
    }

    .condition-tfex {
        font-size: 1rem;
        color: #fff;
        /*top: 551px !important;
        left: 40px !important;*/
        top: 344px !important;
        left: 17px !important;
    }
    .openAcc-tfex {
        top: 158px;
        left: 114px;
    }

    .banner-bgMobile {
       
        min-height: 640px;
    }

}@media only screen and (max-width: 393px) and (orientation: portrait) {
    .__catTableImg {
        display: none;
    }

    .__contact-mainheader {
        font-family: DBHelvethaicaXBd;
        font-size: 1.5rem;
        line-height: 1.1;
    }

    .__marginRate {
        font-size: 1.5rem;
    }

    .condition-tfex {
        font-size: 1rem;
        color: #fff;
        /*top: 551px !important;
        left: 40px !important;*/
        top: 345px !important;
        left: 17px !important;
    }
    .openAcc-tfex {
        top: 155px;
        left: 107px;
    }

    .banner-bgMobile {
       
        min-height: 640px;
    }

}

/* 14 pro @media*/
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .condition-tfex {
        font-size: 1rem;
        color: #fff;
        /*top: 551px !important;
        left: 40px !important;*/
        top: 551px !important;
        left: 17px !important;
    }
}



@media only screen and (min-width: 431px) and (max-width: 930px) {
    .ipad__hide {
        display: none;
    }

    .ipad__show {
        display: block;
    }

    .__ipad-overflow {
        position: sticky;
        overflow: auto;
    }

    .__padtop-4process {
        padding-top: 0.5rem;
    }

    .__title-4process {
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.3px;
        font-size: 1.5rem;
    }

    .__padtop-4process ul > li {
        color: #77797c;
        font-size: 1.2rem;
    }

    .__4process-detail {
        color: #77797c;
        font-size: 1.2rem;
    }

    .post-slide {
        background: transparent !important;
        box-shadow: none !important;
    }

    /*#region text size*/
    .navbar-collapse {
        background-color: #fff;
    }

    .affix {
        background-color: #fff;
    }

    /* navbar */
    .navbar {
        width: 100%;
    }

    .nav-link {
        font-size: 1.5rem !important;
    }

    /* End navbar */
    /* section 1 SBI */
    .ipad__text-header {
        font-size: 3.5rem;
        font-weight: bold;
        line-height: 1.1;
        /* font-family: DB_HeaventXBd; */
    }

    .ipad__text-subheader {
        font-size: 1.6rem;
        line-height: 1.1;
    }

    .ipad__text-subheader-percent {
        font-size: 2rem;
        font-weight: bold;
    }

    .ipad__openAcc-btn {
        font-size: 1.2rem;
    }

    .ipad__E-voucher {
        font-size: 1rem;
    }

    .ipad__strengths__num {
        font-size: 2rem;
        font-weight: bold;
    }

    .sbi-subheader {
        font-size: 1.5rem;
        font-weight: normal;
        font-family: DB Heavent;
    }

    .open-clashBalance-btn {
        font-size: 1.2rem;
    }

    .numbers-4sbi {
        font-size: 1.5rem;
    }

    .tradeWithSbito {
        font-size: 2.5rem;
        font-weight: bold;
    }

    .sub-tradeWithSbito {
        font-size: 1.2rem;
        line-height: 1.2;
    }

    /* End section 1 SBI */
    /* section 2 Promotion openacc */
    .promotion-openacc {
        font-size: 2.625rem;
        font-weight: bold;
    }

    /* #new-slider,
  .owl-prev,
  .owl-next {
    display: none !important;
  } */

    #news-slider {
        margin-top: 0px !important;
    }

    .post-title > a {
        font-size: 1.3rem;
        text-decoration: none;
    }

    .post-description {
        font-size: 1.2rem;
    }

    .bi-chevron-right {
        font-size: 0.8rem;
    }

    .bi-clock {
        font-size: 0.8rem;
        color: #000000 !important;
    }

    /* End section 2 Promotion openacc */
    /* open account process */
    .ipad__openAcc-header {
        font-size: 2rem;
        font-weight: bold;
    }

    .ipad__chk-process {
        font-size: 1.8rem;
        font-weight: bold;
    }

    .ipad__chk-process-sub {
        font-size: 1.2rem;
    }

    .chk-status {
        font-size: 1.5rem;
    }

    .time-period {
        font-size: 1.2rem;
    }

    .openAcc-head {
        font-size: 2rem;
    }

    .openAcc-processNum {
        font-size: 1.2rem;
    }

    .openAcc-processhead {
        font-size: 2.5rem;
    }

    .processOpenAcc__4 {
        padding-left: 1rem;
    }

    .openAcc-sub-processNum {
        font-size: 1.2rem;
        color: #77797c;
        line-height: 1;
    }

    /* End open account process */
    /* Video section */
    .video-header {
        font-size: 3rem;
    }

    .video-sub-text {
        font-size: 1rem;
        line-height: 1.3;
    }

    /* End Video section */
    /* 4-card */
    .bg__4card {
        background: linear-gradient(138.98deg, rgba(232, 236, 244, 0) 15.09%, #e8ecf4 72.84%);
    }

    .card-4 {
        overflow: hidden;
    }

    .__wave-bg-2 {
        background-image: url(images/wave.png);
        background-size: 100% 65%;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .__wave-bg {
        background-image: url(images/wave.png);
        background-size: 100% 80%;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .card-img1 {
        width: 80%;
    }

    .__4card-openaccbtn {
        margin-bottom: 1rem;
    }

    /* End 4 card */
    /* satangpoint section */
    .satangpoint-header {
        font-size: 2.5rem;
    }

    .st-points-topic {
        font-size: 2rem;
        color: #062b77;
    }

    .st-points-Card {
        font-size: 1.2rem;
        font-weight: normal;
    }

    /* End satangpoint section */
    /* ipad 4 card */
    .card-title {
        font-size: 1.8rem;
        font-weight: 700;
        text-align: start;
    }

    .card-text {
        text-align: start;
        line-height: 1.2;
    }

    /* End ipad 4 card */
    /* footer */
    /* ul > li{
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #77797C
} */
    /* footer */
    .footer-url {
        font-size: 1.2rem;
        line-height: 1.2;
        text-decoration: none;
        color: #7e7d7d;
    }

    .sbi-address {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .text__copyright {
        font-size: 1.2rem;
    }

    /* End footer */
    /*#endregion text size*/
}

@media only screen and (min-width: 1024px) and (orientation: portrait) {
    /*.sbi-header{
        font-size:2.5rem!important;
        font-weight:700!important;
    }*/
}

@media only screen and (min-width: 1024px) and (max-width: 1500px) {

    .nav-link,
    .dropdown-item {
        font-size: 1rem !important;
    }

    /*#region text size*/
    /* fav nav */
    .__fav-icon {
        width: 50%;
    }

    .__fav-subtext {
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 400;
        text-align: start;
    }

    .__fav-text {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.25rem;
        text-align: start;
    }

    .bi-x {
        font-size: 2rem;
    }

    /* navbar */
    #navbarSupportedContent {
        justify-content: end;
    }

    .header-section {
        padding-top: 84px;
    }

    /* End navbar */
    /* section 1 SBI */
    .lh1 {
        padding-top: 2rem;
        padding-left: 2rem;
    }

    .sbi-header {
        font-size: 4rem;
        font-weight: 700;
        font-family: HelvethaicaX;
    }

    .sbi-bg {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 7.5rem;
    }

    .sbi-subheader {
        font-size: 1.5rem;
        font-weight: normal;
        font-family: DB Heavent;
    }

    .open-clashBalance-btn {
        font-size: 1rem;
        letter-spacing: 1.3;
    }

    .E__Voucher {
        padding-top: 7px;
        font-size: 0.875rem;
    }

    .strengths__num {
        font-size: 1.25rem;
        font-family: DB Heavent;
        font-weight: bold;
        padding-right: 0.5rem;
        color: #062b77;
    }

    .strengths__text {
        color: #77797c;
        font-size: 1rem;
    }

    .numbers-4sbi {
        /* font-size: 2rem;
      font-weight: 500;
      line-height: 2rem;
      font-family: DB Heavent; */
    }

    .text-4sbi {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25rem;
        font-family: DB Heavent;
    }

    .strengths__num {
        font-size: 2rem;
        font-weight: 500;
        line-height: 2rem;
        font-family: DB Heavent;
    }

    .tradeWithSbito {
        font-size: 2.625rem;
        font-weight: 700;
        font-family: DB Heavent;
        line-height: 2.625rem;
    }

    .__online-broker-bg {
        /* background-image: url(images/tradewithsbito_bg_desktop.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        height: auto;*/
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(88.73deg, #0d52ba -0.25%, #b2ceed 98.71%);
    }

    .sub-tradeWithSbito {
        font-size: 1.25rem;
        line-height: 1.125rem;
        font-family: DB Heavent;
        color: #413e3e;
    }

    /* End section 1 SBI */
    /* section 2 Promotion openacc */
    .promotion-openacc {
        font-size: 2rem;
        font-family: DB Heavent;
        font-weight: bold;
        padding-top: 2rem;
    }

    /* #new-slider,
  .owl-prev,
  .owl-next {
    display: none !important;
  } */

    #news-slider {
        margin-top: 0px !important;
    }

    .post-title > a {
        font-size: 1.3rem;
        text-decoration: none;
    }

    .post-description {
        font-size: 1.2rem;
    }

    .bi-chevron-right {
        font-size: 0.8rem;
    }

    .bi-clock {
        font-size: 0.8rem;
        color: #000000 !important;
    }

    /* End section 2 Promotion openacc */
    /* open account process */
    .chk-status {
        font-size: 1.5rem;
    }

    .onlinePaper__btn {
        padding-bottom: 2rem;
    }

    .time-period {
        font-size: 1.2rem;
    }

    .openAcc-head {
        font-size: 2rem;
    }

    .openAcc-processNum {
        font-size: 1.25rem;
        color: var(--primary-blue);
        font-weight: 500;
    }

    .openAcc-processhead {
        font-size: 2.5rem;
    }

    .processOpenAcc__4 {
        padding-left: 1rem;
    }

    .openAcc-sub-processNum {
        font-size: 1.2rem;
        color: #77797c;
        line-height: 1;
    }

    /* End open account process */
    /* Video section */
    .vdo__player {
        padding-top: 2rem;
    }

    .vdo__description {
        padding-bottom: 2rem;
    }

    .video-header {
        font-size: 2.5rem;
    }

    .video-sub-text {
        font-size: 1rem;
        font-family: DB Heavent;
    }

    /* End Video section */
    /* 4card */
    .card-body {
        padding-bottom: 0;
        padding-left: 12px;
        padding-right: 12px;
    }

    .nb-screen {
        max-width: 1200px !important;
    }

    .card-4 {
        flex: 0 0 100%;
    }

    .card {
        height: 380px !important;
    }

    .card-title {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.5rem;
    }

    .card-text {
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 400;
        text-align: start;
    }

    .__academy-img {
        width: 95%;
        padding-bottom: 1.6rem;
    }

    /* End 4card */
    /* satangpoint section */
    .satangpoint-header {
        font-size: 2.5rem;
    }

    .st-points-topic {
        font-size: 2rem;
        color: #062b77;
    }

    .st-points-Card {
        font-size: 1.2rem;
        font-weight: normal;
    }

    /* footer */
    .footer-url {
        font-size: 1rem;
        line-height: 1.25rem;
        text-decoration: none;
        font-weight: 500;
        color: #7e7d7d;
    }

    .sbi-address {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .text__copyright {
        font-size: 1rem;
    }

    .__social-padding {
        padding-top: 2.5rem;
        padding-bottom: 1rem;
    }

    /* End footer */
    /*#endregion text size*/
}

#news-slider {
    margin-top: 80px;
}

.post-slide {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}

    .post-slide .post-img {
        position: relative;
        overflow: hidden;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        /*border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px; */
    }

        .post-slide .post-img img {
            width: 100%;
            height: auto;
            transform: scale(1, 1);
            transition: transform 0.2s linear;
        }

    .post-slide:hover .post-img img {
        transform: scale(1.1, 1.1);
    }

    .post-slide .over-layer {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        /* background: linear-gradient(-45deg,
        rgba(6, 190, 244, 0.75) 0%,
        rgba(45, 112, 253, 0.6) 100%); */
        transition: all 0.5s linear;
    }

    .post-slide:hover .over-layer {
        opacity: 1;
        text-decoration: none;
    }

    .post-slide .over-layer i {
        position: relative;
        top: 45%;
        text-align: center;
        display: block;
        color: #fff;
        font-size: 25px;
    }

    .post-slide .post-content {
        background: #fff;
        padding: 14px 20px 20px;
        /* border-radius: 15px; */
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .post-slide .post-content {
        /* min-width: 389px;
          min-height: 192px;*/
        /* padding: 0px 15px 25px 15px; */
    }

    .post-slide .post-title a {
        /* font-size:15px; */
        font-weight: bold;
        color: #333;
        display: inline-block;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
    }

        .post-slide .post-title a:hover {
            text-decoration: none;
            color: #3498db;
        }

    .post-slide .post-description {
        line-height: 24px;
        color: #808080;
        margin-bottom: 25px;
    }

    .post-slide .post-date {
        color: #000;
        font-size: 14px;
    }

        .post-slide .post-date i {
            /* font-size: 20px; */
            margin-right: 8px;
            color: #cfdace;
        }

    .post-slide .read-more {
        padding: 7px 20px;
        float: right;
        font-size: 1.2rem;
        text-decoration: none;
        color: #2196f3;
    }

        .post-slide .read-more:hover {
            /* background: #3498db;
      color:#fff; */
            text-decoration: none;
        }

.__primaryblue-btn {
    background-color: var(--primary-blue);
}

    .__primaryblue-btn:hover {
        text-decoration: none;
        background-color: var(--primary-blue);
    }

.__labtop-bg {
    background-image: url(images/Banner-OpenAccount_Tablet_Pic_01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/*#region Accordion*/
.faq-drawer {
    margin-bottom: 9px;
}

.faq-drawer__content-wrapper {
    font-size: 1.25em;
    line-height: 1.4em;
    max-height: 0px;
    overflow: hidden;
    transition: 0.25s ease-in-out;
}

.faq-drawer__titleFirst {
    cursor: pointer;
    display: block;
    font-size: 1.25em;
    font-weight: 500;
    padding: 11px 0 0 0;
    position: relative;
    margin-bottom: 0;
    transition: all 0.25s ease-out;
}

.faq-drawer__title {
    border-top: #bfbfc1 1px solid;
    cursor: pointer;
    display: block;
    font-size: 1.25em;
    font-weight: 500;
    padding: 11px 0 0 0;
    position: relative;
    margin-bottom: 0;
    transition: all 0.25s ease-out;
}

.faq-drawer__titleFirst::after {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: " ";
    display: inline-block;
    float: right;
    height: 10px;
    left: 2px;
    position: relative;
    right: 20px;
    top: 2px;
    transform: rotate(135deg);
    transition: 0.35s ease-in-out;
    vertical-align: top;
    width: 10px;
}

.faq-drawer__title::after {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: " ";
    display: inline-block;
    float: right;
    height: 10px;
    left: 2px;
    position: relative;
    right: 20px;
    top: 2px;
    transform: rotate(135deg);
    transition: 0.35s ease-in-out;
    vertical-align: top;
    width: 10px;
}

/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover {
    color: #4e4b52;
}

.faq-drawer__titleFirst:hover {
    color: #4e4b52;
}

.faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {
    max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__titleFirst + .faq-drawer__content-wrapper {
    max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
    transform: rotate(-45deg);
    transition: 0.25s ease-in-out;
}

.faq-drawer__trigger:checked + .faq-drawer__titleFirst::after {
    transform: rotate(-45deg);
    transition: 0.25s ease-in-out;
}

input[type="checkbox"] {
    display: none;
}

/*#endregion Accordion*/

/*#region Social*/
@import "//codepen.io/chrisdothtml/pen/ojLzJK.css";

#button {
    display: inline-block;
    /* background-color: var(--primary-blue);
    width: 50px;
    height: 50px; */
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
}

    #button::after {
        content: "";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
    }

    #button:hover {
        cursor: pointer;
        /* background-color: var(--primary-blue); */
    }

    #button:active {
        /* background-color: var(--primary-blue); */
    }

    #button.show {
        opacity: 1;
        visibility: visible;
    }

.banner-openacc-click {
    width: 100%;
}

/*#endregion Social*/

/*#region text size*/
/* fav nav */
.__fav-icon {
    width: 50%;
}

.__fav-subtext {
    font-size: 1.2rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-align: start;
}

.__fav-text {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: start;
}

.bi-x {
    font-size: 2rem;
}

/* footer */
.footer-url {
    font-size: 1.2rem;
    line-height: 1.2;
    text-decoration: none;
    color: #7e7d7d;
}

.sbi-address {
    font-size: 1.5rem;
    line-height: 1.2;
}

.text__copyright {
    font-size: 1.2rem;
}

.__icon-footer {
    width: 40px;
    height: 40px;
}

.text__copyright {
    font-size: 1.2rem;
    color: #949598;
}

.text__cookie {
    font-size: 1.2rem;
    color: #949598;
}

.__copyright-border {
    border-top: 1px solid #bfbfc1;
}

.ipad__show {
    display: none;
}

/*iPhone 12 Pro Max*/
@media only screen and (min-width: 428px)and (orientation: portrait) {
    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-clip: padding-box;
    }

    .condition-tfex {
        font-size: 1rem;
        color: #fff;
        top: 369px;
        left: 36px;
    }
}


/* piad pro 12.9 */
@media only screen and (min-width: 1024px) and (orientation: portrait) {
    /* footer */
    .footer-url {
        font-size: 1rem;
        line-height: 1.25rem;
        text-decoration: none;
        font-weight: 500;
        color: #7e7d7d;
    }

    .sbi-address {
        font-size: 1rem;
        line-height: 1.2;
    }

    .text__copyright {
        font-size: 1rem;
    }

    .__social-padding {
        padding-top: 2.5rem;
        padding-bottom: 1rem;
    }

    /* End footer */
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {

    /*.openAcc-tfex {
        top: 183px;
        left: 277px;
    }
    .condition-tfex {
       
        top: 320px;
        left: 306px;
    }*/
}

/* APPLE IPAD AIR 2 */
@media only screen and (min-width: 768px) and (orientation: portrait) {
    .openAcc-tfex {
        top: 136px;
        left: 203px;
    }

    .condition-tfex {
        top: 238px;
        left: 209px;
    }

    .__contact-bg {
        margin-bottom: 1rem;
    }

    .__step-NoIcon {
        width: 7%;
        text-align: start !important;
    }

    .__step-img {
        width: 15%;
    }

    .__step {
        width: 25% !important;
    }

    .__flex-alignCenter {
        text-align: center;
        justify-content: center;
    }

    .__te {
        text-align: start !important;
    }
}

/* APPLE IPAD AIR (2020) */
@media only screen and (min-width: 820px) and (orientation: portrait) {

    .openAcc-tfex {
        top: 146px;
        left: 214px;
    }

    .condition-tfex {
        font-size: 1.1rem;
        color: #fff;
        top: 255px;
        left: 226px;
    }

    .__contact-bg {
        margin-bottom: 1rem;
    }

    .__step-NoIcon {
        width: 7%;
        text-align: start !important;
    }

    .__step-img {
        width: 15%;
    }

    .__step {
        width: 25% !important;
    }

    .__flex-alignCenter {
        text-align: center;
        justify-content: center;
    }

    .__te {
        text-align: start !important;
    }
}

/* APPLE IPAD AIR 10.5 (2019) */
@media only screen and (min-width: 834px) and (orientation: portrait) {

    /* section 1 */
    .openAcc-tfex {
        top: 150px;
        left: 223px;
    }

    .condition-tfex {
        font-size: 1rem;
        color: #fff;
        top: 259px;
        left: 235px;
    }

    .__contact-bg {
        margin-bottom: 1rem;
    }

    .__step-NoIcon {
        width: 7%;
        text-align: start !important;
    }

    .__step-img {
        width: 15%;
    }

    .__step {
        width: 25% !important;
    }

    .__flex-alignCenter {
        text-align: center;
        justify-content: center;
    }

    .__te {
        text-align: start !important;
    }
}