.desktopView {
    display: block;
}

.mobileView {
    display: none;
}

/* Social Trade Banner Styles */
.socialTradeBanner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 60px;
    border-radius: 16px;
    background-color: #07060a;
    background-image: url('../img/top_traders_bg_9b4a1f5dd5.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.socialTradeBanner .bannerInfo {
    width: 55%;
    color: #fff;
}

.socialTradeBanner .bannerImg {
    width: 45%;
}

.bannerInfo h1 {
    margin: 0;
    line-height: 72px;
    color: inherit;
}

.bannerInfo p {
    display: inline-block;
    margin: 30px 0 30px 5px;
    font-size: 16px;
    font-weight: 600;
    color: inherit;
}

.bannerInfo a {
    display: inline-block;
}

.bannerInfo a:nth-child(4) {
    margin-right: 20px;
}

.bannerInfo p:last-child {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    margin: 20px 0 0;
}

.tooltip {
    position: relative;
}

.tooltip span.googlePlayQr, .tooltip span.appStoreQr {
    display: none;
}

.tooltip span.googlePlayQr img, .tooltip span.appStoreQr img {
    max-width: 280px;
}

/* .tooltip:hover span.googlePlayQr,
.tooltip:hover span.appStoreQr {
display: block;
position: absolute;
top: 50%;
filter: drop-shadow(0 0 0.75rem rgba(41, 47, 103, .5))
} */
/* What's Social Trading Section  */
.whatSocialTrading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.whatSocialTrading .whatSocialImg {
    width: 45%;
}

.whatSocialTrading .whatSocialInfo {
    width: 48%;
}

.whatSocialInfo h2 {
    color: #13121B;
}

.whatSocialInfo p:nth-child(2) {
    margin: 20px 0 30px;
    font-weight: 500;
    color: #5C5D5D;
}

.whatSocialInfo > a {
    display: inline-block;
    width: 200px;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    background-color: #15cf74;
    color: #fff;
}

.whatSocialInfo p:nth-child(4) {
    margin: 20px 0;
    font-size: 14px;
    color: #13121B;
}

.whatSocialInfo .dlBtns {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.whatSocialInfo p:last-child {
    font-size: 14px;
}

/* Tabs Styles */
.tabs {
    display: flex;
    justify-content: space-between;
}

.tabs button {
    width: 49%;
    padding: 15px 0;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #E6E6EF;
    background-color: #fff;
    transition: border .2s, color .2s, background-color .2s;
    cursor: pointer;
}

.tabs button:hover, .tabs button:active, .tabs button:focus {
    border: 1px solid #635af0;
    color: #635af0;
    outline: 0;
}

.tabs .active-btn {
    background-color: var(--purple);
    color: var(--white) !important;
}

.tabs .active-btn:hover {
    color: var(--white);
}

/* Copier Block Styles */
.tabCon.show {
    display: block!important;
}

.content-con {
    display: none;
}

.content-con.selected {
    display: block;
}

.copierBlock > h2 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 40px;
    color: #000;
}

.copierContent {
    width: 100%;
    padding: 80px 80px;
    border: 1px solid #E6E6EF;
    border-radius: 16px;
    background-color: #fff;
    z-index: 1;
}

#copier .copierBlock:nth-child(2) > .copierContent {
    background-image: url('../img/social_trading_bg_bb43dd7f84.png');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

#signalProvider .copierBlock:nth-child(2) > .copierContent {
    background-image: url('../img/signal_provider_bg_faf3472a03.png');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.copierContent > .set, .socialTradingItems > .set {
    display: flex;
    justify-content: space-between;
}

.copierContent > .set:nth-child(1), .copierBlock:nth-of-type(1) .copierContent, .socialTradingItems > .set:nth-child(1) {
    margin-bottom: 50px;
}

.copierContent > .set .copierItem, .socialTradingItems > .set .socialTradingItem {
    display: inline-block;
    width: 30%;
    text-align: center;
}

.copierItem > img, .copierItem picture img {
    width: 80px;
    margin-bottom: 20px;
}

#copier .headingBtn, #signalProvider .headingBtn {
    margin-top: 60px;
}

.socialTradingItem > img, .socialTradingItem picture img {
    width: 100px;
    margin-bottom: 20px;
}

.socialTradingItem > h3 {
    font-size: 18px;
    color: #fff;
}

.copierItem > p {
    font-size: 16px;
    color: #5C5D5D;
}

.socialTradingItem > p {
    font-size: 14px;
    color: #fff;
}

/* Social Trading Block Styles */
.socialTrading {
    width: 70%;
}

#signalProvider .socialTrading {
    width: 60%;
}

.socialTrading > h2 {
    margin-bottom: 40px;
}

#signalProvider .socialTrading > h2 {
    margin-bottom: 20px;
}

.socialTrading > p {
    margin-bottom: 20px;
    font-size: 14px;
}

.socialTradingSteps {
    display: flex;
    margin-bottom: 40px;
}

#signalProvider .socialTradingSteps {
    margin-bottom: 20px;
}

.socialTradingSteps .steps {
    width: 160px;
}

#signalProvider .socialTradingSteps .steps {
    width: 34%;
}

.steps > .number {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 45px;
    border: 5px solid rgba(226, 53, 70, 1);
    border-radius: 40px;
    background-color: #A50A10;
}

.steps > p {
    width: 80%;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: #5C5D5D;
}

.steps > p > a {
    font-size: inherit;
    font-weight: inherit;
}

.steps > picture img {
    display: none;
}

.note {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin-top: 30px;
}

.note p {
    font-size: 14px;
    color: #5C5D5D;
}

.note p:first-child {
    font-weight: 600;
}

.note p:nth-child(2), .note p:nth-child(3) {
    white-space: pre-line;
}

.note p:nth-child(3) {
    padding-left: 15px;
    border-left: 2px solid #E6E6EF;
}

.linkMT4 > h3 {
    margin-bottom: 15px;
    font-size: 18px;
    color: #13121B;
}

.linkMT4 > ol {
    padding: 0;
    list-style-position: inside;
}

.linkMT4 > ol > li {
    font-size: 16px;
    font-weight: 500;
    color: #5C5D5D;
}

#signalProvider .linkMT4 > ol > li {
    margin-bottom: 5px;
}

/* Heading + Button Section Styles  */
.headingBtn h2 {
    margin-bottom: 30px;
    text-align: center;
}

.headingBtn .btns {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.headingBtn p {
    margin-top: 30px;
    font-size: 14px;
    text-align: center;
}

/* Emirates Global Markets Social Trading Styles */
.marketsSocialTrading {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background-image: url('../img/social_trading_graph_bg_4acf009d6e.png'), url('../img/social_trading_ellipse_9bbbc6dd9a.png');
    background-size: contain;
    background-position: left, bottom;
    background-repeat: no-repeat;
    background-color: #13121B;
}

.marketsSocialTrading .socialTradingImg {
    width: 30%;
}

.marketsSocialTrading .socialTradingContent {
    width: 60%;
    padding: 80px 40px;
    color: #fff;
}

.socialTradingContent h2 {
    margin-bottom: 60px;
    font-size: 36px;
    text-align: center;
    color: #fff;
}

/* Ready Start Trading Styles  */
.startTrading {
    text-align: center;
}

.startTrading h2 {
    margin-bottom: 40px;
}

.startTrading a {
    display: inline-block;
    margin-bottom: 20px;
}

.startTrading p {
    font-size: 14px;
    color: #13121B;
}

@media only screen and (max-width: 1400px) {
    .bannerInfo p {
        margin: 20px 0 20px 0;
    }

    .socialTrading, #signalProvider .socialTrading {
        width: 100%;
    }

    #copier .copierBlock:nth-child(2) > .copierContent, #signalProvider .copierBlock:nth-child(2) > .copierContent {
        background-image: none;
    }

    .socialTradingSteps .steps {
        width: 20%;
    }
}

@media only screen and (min-width: 1300px) {
    .text-editor:nth-of-type(9) .container-fluid .row, .text-editor:nth-of-type(12) .container-fluid .row {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1025px) {
    .bannerInfo h1 {
        line-height: 62px;
    }

    .bannerInfo p {
        font-size: 13px;
    }

    .bannerInfo a {
        font-size: 16px;
        width: 35%;
    }

    .bannerInfo p:last-child {
        font-size: 13px;
    }

    .steps > .number {
        margin-right: 7px;
    }
}

@media only screen and (max-width: 769px) {
    .socialTradeBanner {
        flex-direction: column;
        text-align: center;
        background-image: url('../img/social_trade_banner_bg_mb_07c3593300.png'), url(https://s3.eu-west-1.amazonaws.com/web-cdn.markets.com/social_trade_banner_ellipse_mb_8115430809.png);
        background-position: bottom;
        background-size: contain;
    }

    .socialTradeBanner .bannerInfo, .socialTradeBanner .bannerImg {
        width: 100%;
    }

    .bannerInfo h1 {
        line-height: 58px;
        font-size: 48px;
    }

    .bannerInfo p {
        margin: 20px 0 40px 0;
        font-size: 16px;
    }

    .bannerInfo a {
        width: 45%;
        margin-bottom: 30px;
        font-size: 18px;
    }

    .bannerImg img {
        width: 100%;
    }

    .whatSocialTrading {
        flex-direction: column-reverse;
    }

    .whatSocialTrading .whatSocialImg, .whatSocialTrading .whatSocialInfo {
        width: 100%;
    }

    .whatSocialTrading .whatSocialImg {
        margin-top: 40px;
    }

    .whatSocialInfo p:nth-child(2) {
        margin: 20px 0 40px;
    }

    .copierContent {
        padding: 40px 40px;
    }

    .copierContent > .set {
        flex-direction: column;
    }

    .copierContent > .set:nth-child(1), .copierContent > .set .copierItem:nth-child(-n+2), .copierBlock:nth-of-type(1) .copierContent {
        margin-bottom: 40px;
    }

    .copierContent > .set .copierItem {
        width: 100%;
    }

    .socialTrading > p {
        margin-bottom: 40px;
        font-size: 16px;
        text-align: center;
    }

    .socialTradingSteps {
        flex-direction: column;
    }

    .socialTradingSteps .steps, #signalProvider .socialTradingSteps .steps {
        width: 100%;
        text-align: center;
    }

    .steps > .number {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .steps > p {
        width: 100%;
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

    .steps > picture img {
        display: inline-flex;
        width: 15px;
        margin-bottom: 20px;
    }

    .linkMT4 > h3 {
        font-size: 16px;
    }

    .linkMT4 > ol > li {
        font-weight: normal;
    }

    .desktopView {
        display: none;
    }

    .mobileView {
        display: flex;
    }

    .marketsSocialTrading {
        flex-direction: column-reverse;
        background-image: url('../img/social_trading_graph_mb_93c5a3919d.png'), url('../img/social_trading_ellipse_mb_af279a6f8c.png');
        background-position: bottom;
    }

    .marketsSocialTrading .socialTradingImg {
        justify-content: center;
        width: 100%;
    }

    .marketsSocialTrading .socialTradingContent {
        width: 100%;
        padding: 40px 20px;
    }

    .socialTradingContent h2 {
        margin-bottom: 40px;
        font-size: 34px;
    }

    .socialTradingContent .socialTradingItems {
        flex-direction: column;
    }

    .socialTradingItems > .set {
        justify-content: space-around;
    }

    .socialTradingItems > .set:nth-child(-n+2) {
        margin-bottom: 40px;
    }

    .socialTradingItems > .set > .socialTradingItem {
        width: 40%;
    }

    .socialTradingItems > .set .socialTradingItem > h3, .socialTradingItems > .set .socialTradingItem > p {
        font-size: 16px;
        text-align: left;
    }
}

@media only screen and (max-width: 435px) {
    .socialTradeBanner {
        padding: 30px 20px;
    }

    .bannerInfo p:last-child {
        margin: 0;
        font-size: 12px;
    }

    .whatSocialInfo > a {
        width: 100%;
        text-align: center;
    }

    .whatSocialInfo p:last-child {
        font-size: 14px;
    }

    #copier .copierBlock:nth-child(2) > .copierContent {
        background-image: url('../img/social_trading_bg_mobile_f38a05b34e.png');
        background-size: 100%;
        background-position: bottom;
    }

    #signalProvider .copierBlock:nth-child(2) > .copierContent {
        background-image: url(https://s3.eu-west-1.amazonaws.com/web-cdn.markets.com/social_trading_mobile_lady_7726150552.png);
        background-size: 100%;
        background-position: bottom;
    }

    .copierBlock > h2 {
        text-align: left;
    }

    .socialTrading > .mobilePhone {
        text-align: center;
    }

    .mobilePhone img {
        width: 100%;
    }

    .headingBtn p {
        margin-top: 15px;
        font-size: 12px;
    }

    .startTrading h2, .startTrading p {
        text-align: left;
    }

    .startTrading p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 576px) {
    .tooltip:hover span.googlePlayQr, .tooltip:hover span.appStoreQr {
        display: block;
        position: absolute;
        z-index: 100;
        top: 50%;
        filter: drop-shadow(0 0 0.75rem rgba(41, 47, 103, .5))
    }
}