/* Prevent unwanted zooming and ensure proper responsive behavior */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    max-width: 100vw;
}

/* Ensure images and media don't cause horizontal overflow */
img, video, iframe, object, embed {
    max-width: 100%;
    height: auto;
}

/* Prevent horizontal scrolling on mobile */
* {
    box-sizing: border-box;
}

/* Ensure proper viewport behavior */
@media screen and (max-width: 768px) {
    html, body {
        width: 100%;
        overflow-x: hidden;
        position: relative;
    }
    
    .container, .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
    }
    
    /* Prevent any unwanted scaling on mobile */
    * {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    
    /* Allow only specific transforms for animations */
    [data-aos] {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
}

/* Additional mobile-specific fixes */
@media screen and (max-width: 480px) {
    html, body {
        font-size: 16px; /* Prevent iOS zoom on input focus */
        line-height: 1.4;
    }
    
    input, textarea, select {
        font-size: 16px; /* Prevent iOS zoom on input focus */
    }
    
    /* Ensure proper spacing on very small screens */
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* Disable AOS animations on very small screens to prevent scaling issues */
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* Disable AOS animations on mobile to prevent scaling issues */
@media screen and (max-width: 768px) {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    
    /* Ensure smooth scrolling without transforms */
    html {
        scroll-behavior: smooth;
    }
}

@media (max-width:1400px) {
    .aside {
        position: fixed;
        top: 0%;
        left: -280px;
        width: 250px;
        height: 100vh;
        overflow-y: auto;
        z-index: 1000;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        padding: 40px 10px 40px 10px;
    }

    .aside.open {
        left: 0;
    }

    .sidebar-toggle-btn {
        display: block;
    }

    .aside.open~.sidebar-toggle-btn {
        left: 250px;
    }

    .fixed-tradingacc {
        display: block;
        flex-direction: column;
    }

    .fixedcon-trading {
        width: 100%;
    }

    .submenu li a {
        max-width: 200px;
    }
}

@media (max-width:1399px) {
    .tool-content {
        gap: 0px 60px;
    }

    .center-tool {
        padding: 60px 90px;
    }

    .centre-icon img {
        height: 90px;
        width: 80px;
    }

    .tool-box .platform h4 {
        font-size: 20px;
    }

    .tool-box .platform p {
        font-size: 15px;
    }

    .connector-top-right, .connector-top-left,
    .connector-bottom-right, .connector-bottom-right {
        width: 205px;
    }

    .calculator-step:nth-child(2)::before {
        top: -9px;
        right: 0%;
        width: 165px;
        left: -40%;
    }
}

@media (max-width:1366px) {

    .trading-safe-details .section-para p,
    .withdrawing .section-details p {
        width: 100%;
    }

    .content .section-details h3 {
        font-size: 22px;
        line-height: 40px;
    }

    .withdrawing-details,
    .why-choose .why-choose-content {
        padding-left: 0;
    }

    .why-choose .heading h1 {
        width: 90%;
    }

    .why-choose .section-details .card {
        padding: 0;
    }

    .corporate .section-para p {
        font-size: 16px;
        line-height: 24px;
    }

}


@media(max-width:1280px) {

    .trader .section-para span,
    .trader-details .card-text,
    .enpowring .section-para span,
    .enpowring-details .card-text,
    .plans .section-para span {
        width: 100%;
    }

    .footer .logo-details p {
        width: 55%;
    }

    .stp-broker .card,
    .why-pipze .card {
        min-height: 225px;
    }

    .content .content-details {
        padding: 1rem 0;
    }

    .secure .secure-details {
        padding: 3rem 0;
    }

    .footer-list .row {
        margin: 0;
        display: flex;
        justify-content: space-between;
    }

    .calculator-step:nth-child(2)::before {
        top: -9px;
        right: 0%;
        width: 165px;
        left: -40%;
    }

    .calculator-step:nth-child(2)::after {
        width: 165px;
        right: -43%;
        left: 69%;
    }

}


@media (max-width:1199px) {
    .tool-content {
        gap: 0px 45px;
    }

    .center-tool {
        padding: 45px 60px;
    }

    .centre-icon img {
        height: 90px;
        width: 80px;
    }

    .tool-box .platform h4 {
        font-size: 17px;
        line-height: 22px;
    }

    .tool-box .platform p {
        font-size: 13px;
        line-height: 18px;
    }

    .tool-box .icon {
        z-index: 1009;
        width: 60px;
        height: 70px;
    }

    .connector-top-right {
        top: -5%;
        right: 29.5%;
        width: 174px;
        height: 47px;
    }

    .connector-top-left {
        width: 174px;
        top: -5%;
        left: 29.5%;
        height: 47px;
    }

    .connector-bottom-right {
        width: 174px;
        height: 43px;
        right: 29.5%;
    }

    .connector-bottom-left {
        width: 174px;
        height: 43px;
        left: 29.5%;
    }

    .market-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }

    .platform-features {
        width: 100%;
    }


    .platform-selection {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    /* .navmenu .login-buttons{
        display: none;
    } */

    .trade-now-account-btn a{
        padding: 20px;
    }

    .instrument-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .heading-top {
        padding: 0px 40px;
    }

    .heading-bottom {
        padding: 10px 40px;
    }

    .live-quote .section-image,
    .platform .section-image {
        padding: 0 15px;
    }

    .stp-broker .section-para span,
    .live-quote .section-para span {
        width: 95%;
    }

    .why-pipze .card {
        min-height: 240px;
    }

    .news-letter {
        padding: 0 40px;
    }

    .footer .card {
        padding: 15px;
    }

    .footer .card .card-text {
        font-size: 15px;
    }

    .footer .social-media .social-img {
        padding: 11px;
    }

    .footer .social-media {
        gap: 10px;
    }

    .footer .logo-details p {
        width: 65%;
    }

    .award-details .heading h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .plans-tab-content .card h5 {
        font-size: 28px;
    }

    .plans-tab-content .card.active h5 span {
        padding: 2px 3px;
        padding-right: 8px;
        font-size: 14px;
    }

    .plans-tab-content .card p {
        font-size: 14px;
        line-height: 24px;
    }

    .plans-tab-content .card h1 span {
        font-size: 18px;
    }

    .plans-tab-content .card h1 {
        font-size: 40px;
    }

    .plans-tab-content .plans-list ul li p {
        font-size: 14px;
        line-height: 6px;
    }

    .plans-tab-content .card .plan-btn {
        padding: 10px 0;
        font-size: 14px;
    }

    .plans-tab-content .card .plan-btn img,
    .plans-tab-content .card.active h5 span img {
        width: 20px;
        height: 20px;
    }

    .about .heading h1 {
        width: 70%;
    }

    .about .section-para p {
        width: 76%;
    }

    .ready-to .section-button a {
        padding: 12px 16px;
        font-size: 14px;
    }

    .ready-to .section-button {
        gap: 20px;
    }

    .who-can .section-para p {
        margin-bottom: 0.5rem;
    }

    .who-can .section-title span {
        padding: 8px 20px;
    }

    .who-can .heading h1 {
        padding-top: 10px;
    }

    .content .section-details h3 {
        font-size: 16px;
        line-height: 28px;
    }

    .considerations-details .card {
        padding: 5px;
    }

    .why-choose .heading h1 {
        width: 100%;
        padding-top: 20px;
    }

    .why-choose .section-details .card-body {
        padding: 8px;
    }

    .considerations-content .heading h1,
    .why-choose .heading h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .corporate-details .card .card-title {
        font-size: 20px;
        line-height: 24px;
    }

    .corporate-details .card .card-text {
        font-size: 15px;
        line-height: 22px;
    }

    .corporate .corporate-details .card {
        padding: 10px;
    }

    .corporate .section-para p {
        font-size: 14px;
        line-height: 20px;
    }

    .corporate .heading h1 {
        padding: 20px 0 0 0;
    }

    .copy-trading .section-details {
        display: block;
    }

    .copy-trading .section-details .first,
    .copy-trading .section-details .second {
        padding: 15px 0;
    }

    .copy-trading .section-content,
    .copy-trading .copy-trading-details {
        justify-content: center;
        text-align: center;
    }

    .video-section {
        height: 450px;
    }

    .video-section .play-btn img {
        width: 70px;
        height: 70px;
    }

    .swiper-slide.card-pad {
        width: 400px !important;
    }

    .hero-composite .person-image {
        width: 50%;
    }

    .add-question {
        display: block;
    }

    .standard-faq {
        display: none;
    }

    /* .what-are-pipze-trading-hour-main {
        padding: 60px 0;
    } */

    .how-to-withdraw-main {
        padding: 60px 0;
    }

    .common-content-parent-overview-and-withdraw-main {
        padding-right: 20px;
    }

    .feature-box {
        max-width: 215px;
        margin: 0;
    }

    .start-trading-section .top-section {
        padding: 20px 80px 0;
    }

    .pipze-spread-note ul {
        padding-left: 0px;
    }

    .calculator-step:nth-child(2)::before {
        position: relative;
    }

    .calculator-step:nth-child(2)::after {
        position: relative;
    }

    .calculator-store {
        display: none;
    }

    .hero-composite .hero-btn-wrapper {
        right: 100px;
    }

    .content-weekly-chart img {
        width: 100%;
    }

    .trader-details .card-title, .enpowring-details .card-title{
        margin-bottom: 2px;
    }

    a.common-btn{
        padding: 16px 7px;
    }

}

@media (max-width: 991.98px) {
    .calc-tab-list {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .calc-tab-list li {
        margin: 0 20px 5px 0;
        /* border-bottom: 1px solid black; */
    }

    .calc-tab-list li.active {
        border-bottom: 1px solid #5F259E;
    }
}

@media (max-width: 991px) {
    .live-quote-table .nav-pills {
        display: block;
        white-space: nowrap;
        overflow: auto;
    }

    .who-can .section-para p {
        padding: 0 10px;
    }

    .live-quote-table .nav-pills a {
        display: inline-block;
        padding: 10px;
        margin: 5px 0;
        border-radius: 0;
    }

    .live-quote-table .nav-pills a.active {
        border-bottom: 0px solid #fff;
        color: var(--default-color);
        border-radius: 6px !important;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        background-color: #fff;
    }

    .nav-pills .nav-link.active .top-round-corner {
        position: relative;
    }

    .nav-pills .nav-link.active .bottom-round-corner {
        position: relative;
    }

    .live-quote-table {
        background: transparent;
    }

    .live-quote-table .left-side {
        margin-bottom: 10px;
    }

    .live-quote-table .tab-content {
        padding: 0 10px;
    }

    .about .heading h1,
    .about .section-para p {
        width: 100%;
    }

    .deposit-funds .deposit-funds-details,
    .secure .secure-details {
        padding: 3rem 0;
        text-align: center;
    }

    .deposit-funds::before,
    .secure::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(76, 25, 118, 0.6);
        z-index: -1;
    }

    .withdrawing-details,
    .why-choose-content {
        padding-left: 10px;
        padding-top: 30px;
        text-align: center;
    }

    .why-choose .section-details .card {
        text-align: left;
        padding-left: 10px;
    }

    .why-choose .section-title,
    .why-choose .heading h1 {
        padding-left: 10px;
    }

    .reverse-on-mobile {
        flex-direction: column;
    }

    .reverse-on-mobile .first-col {
        order: 2;
    }

    .reverse-on-mobile .second-col {
        order: 1;
    }

    .center-tool {
        display: none;
    }

    .connector {
        display: none;
    }

    .tool-box.bottom-left .platform, .tool-box.top-left .platform {
        text-align: justify;
    }

    .tool-box .platform p {
        font-size: 15px;
    }

    .deposit .heading h1 {
        text-align: center;
    }

    .trade-overview-content .img-fluid {
        height: 600px;
        width: 100%;
    }

    .trade-overview-content .account-card {
        padding: 20px 10px;
    }

    .trading-platform-header {
        justify-content: center;
        margin-top: 20px;
    }

    .platform-buttons {
        justify-content: center;
    }

    /* .platform-features li {
        text-align: center;
    } */

    .platform-features li::before {
        position: relative;
        left: -8px;
    }

    .calc-tab-list {
        display: block;
        list-style: disc;
        padding-left: 20px;
    }

    .calc-tab-list li {
        margin-bottom: 8px;
    }

    .signal-grid {
        flex-direction: column;
    }

    .signal-text {
        width: 100%;
    }

    .signal-form-card {
        width: 100%;
    }

    .top-banner h1 {
        font-size: 36px;
    }
    .help-area-wrap {
        flex-direction: column;
        gap: 20px;
    }
    .side-menu {
        width: 100%;
        padding: 10px 0;
    }
    .side-menu-title {
        padding: 5px 15px;
        margin-bottom: 5px;
    }
    .side-menu-item {
        padding: 10px 15px;
    }

    .content-display-area {
        padding: 20px;
    }
    .article-section h3 {
        font-size: 20px;
    }
    .section-heading-icon h3 {
        font-size: 18px;
    }
    a.common-btn{
        padding: 16px 24px;
    }
    .slider-contnent{
        text-align: center;
    }
    .hero .section-para span,
    .deposit-bonus .trader{
        margin: auto;
    }
    .hero .hero-details, .enpowring .enpowring-section,
    .stp-broker .card .card-body, .first-col.content,
    .trader .trader-section, .enpowring .enpowring-section, .why-pipze .card-body,
    .brokers-introducing .content, .deposit-bonus.section,
    .common-banner-content,.account-features .card, section.spread-calcultaed,
    .section-para-content, .swaprate-text, .swap-check-image,
    .intro-broker-contact-container{
        text-align: center;
    }
    .copy-trading-img{
        justify-content: center;
    }

    .trader .trader-details .card, .enpowring .enpowring-details .card{
        text-align: start;
    }

    .who-can .who-can-img,
    .who-can .section-para,
    .corporate .corporate-img {
        padding-bottom: 30px;
    }

    .who-can .who-can-details,
    .ready-to .ready-to-details,
    .ready-to .section-button,
    .corporate .corporate-details {
        text-align: center;
        padding: 0;
        justify-content: center;
    }

    /* img.spread-calculate-img{
        height: 100%;
    } */

    .economic-calendar-text, section.trending-app-main.common-trading-app-web-section,
    .trending-web-main .text-content, .content-area, .content, 
    section.start-trading-section,.platform-overview-info-section,
    .trade-support-common-box,.content-section, .platform-android-feature-card,
    .start-trading-journey-main,.promotion-depositbonus .hero-section,
    .about-pipze-partner-program,.who-we-are-content,
    .shared-with-friends-content{
        text-align: center;
    }

    .signal-text h2,.content-txt-parent,
    .banner-info-details,.funds-security-common-section,
    .powerful-trading-main-content,.responsive-experience-content-container,
    .trading-safe {
        text-align: center;
    }


    .explore-trading-main h1,.explore-trading-main p,
    .start-trading-section .top-section h2{
        max-width: 100%;
    }

    .iamge-area{
        display: flex;
        justify-content: center;
        margin-top: 25px;
    }

    .action-btn{
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .app-images{
        display: flex;
        justify-content: center;
    }

    .cta-section,.responsive-devices{
        justify-content: center !important;
    }

    .intro-broker-contact-form-box{
        margin: auto;
    }

    .who-is-our-cpa-affiliate .content-wrapper{
        padding: 25px 14px 0;
    }

    .ib-form-card{
        margin: auto;
    }

    .secondebbok{
        display: none;
    }

    .common-image{
        margin-bottom: 10px;
    }

    .terminology-tag {
        font-size: 17px;
        padding: 15px;
    }

    .corporate-journey{
        margin: auto;
    }

    .common-btn-overview-and-withdraw-main{
        margin: 16px auto;
    }

    .funds-security-common-section p,.nagative-balance-page-info-content p,
    .powerful-trading-main-content p,.responsive-experience-content-container p{
        max-width: 100% !important;
    }

    .news-letter .row {
        gap: 20px;
    }

    .common-content-default {
        align-items: center;
        flex-direction: column;
    }

    .pipze-cta-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
        text-align: center;
        flex-direction: column-reverse;
        padding-bottom: 30px;
    }

    .step-image-forex {
        display: flex;
        margin: auto;
        /* height: 660px; */
    }

    .image-market img{
        height: 100%;
        width: 100%;
    }

    .faq-section {
        padding: 30px 0px 0px;
    }

    .guide-content {
        display: block;
        text-align: center;
    }

    .signup-content p{
        margin: 30px auto;
    }

    .guide-left{
        min-height: 100%;
        margin-bottom: 10px;
    }
    
    .guide-right{
        padding-left: 0px;
    }

    .hero-section{
        align-items: center;
        padding-bottom: 0px;
    }

    .small-card .icon{
        margin: auto;
    }

    .slider-img img{
        height: 100%;
    }

    .stp-broker .card .card-title{
        text-align: center;
    }

    .stp-broker .card .card-text, .why-pipze .card .card-text, .why-pipze .card .card-text {
        text-align: justify;
    }
    .stp-broker .card .icon img, .why-pipze .card .icon img, .account-features .card .icon img {
        margin: 0px auto 10px;
        display: flex;
    }

    .stp-broker .section-para span,.small-card .content p{
        text-align: justify;
    }

    .plans-data.card h5{
        justify-content: center;
    }

    .advantage-image img{
        height: 100%;
    }

    img.spread-calculate-img {
        height: 650px;
        width: 100%;
    }

    .overview-and-withdraw-main .hero-section{
        background-position: center !important;
    }

    .footer .card .left-side .card-subtitle{
        margin-bottom: 0px;
    }

    .footer .card .card-text {
        padding: 5px 0;
    }

    .trader .trader-img img,
    .enpowring .enpowring-img img {
        margin-top: 30px;
    }

    .footer-links{
        justify-content: center;
        margin-top: 20px;
    }

    .copyright{
        text-align: center;
    }

    .connecting-trader-introducing-broker .content-section{
        padding: 0px;
    }

    .connecting-trader-introducing-broker .content-section h6{
        font-size: 32px;
    }

    .tool-card{
        text-align: center;
    }

    .tool-card p{
        text-align: justify;
    }

    .tool-card a.common-btn{
        margin: auto;
    }

    .trending-web-main .text-content{
        padding: 30px;
        max-width: 750px;
        margin: 0 auto 20px;
    }

    .get-the-most-out-of-web-main .gif-section img{
        height: 100%;
    }
}

@media (max-width: 768px) {
    .heading-top {
        padding: 0px 30px;
    }

    .heading-bottom {
        padding: 10px 30px;
    }

    .trader .container,
    .enpowring .container {
        padding: 0 20px;
    }

    .trader-img,
    .enpowring {
        margin: -30px 0;
    }

    .liquidity {
        margin-top: 30px;
    }

    .news-letter .container {
        padding: 35px 30px;
    }

    .footer .cards {
        padding: 20px 0;
    }

    .footer .card {
        padding: 10px;
    }

    .footer .logo-details p {
        width: 100%;
    }

    .award-details .heading h1 {
        font-size: 32px;
        line-height: 42px;
        text-align: center;
    }

    .award .section-para span {
        display: flex;
        text-align: center;
    }

    .plans-tab-content .card-pad {
        padding-bottom: 20px;
    }

    .plans-tab-content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .plans {
        margin-bottom: -70px;
    }

    .ready-to .ready-to-img {
        margin-bottom: 20px;
    }

    .who-can .heading h1 {
        padding-top: 20px;
    }

    .deposit {
        min-height: 55vh;
    }

    .deposit .heading h1 {
        font-size: 42px;
        line-height: 50px;
        width: 100%;
    }

    .why-choose .why-choose-details,
    .copy-trading .copy-trading-details,
    .video .video-details {
        padding: 0;
    }

    .video-section {
        height: 380px;
        margin: 0;
    }

    .content .section-details {
        padding-top: 20px;
    }

    .swiper-slide.card-pad {
        width: 350px !important;
    }

    .plans-data.card p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 6px;
    }

    .plans-data.card p span {
        font-size: 13px;
    }

    .plans-data.card h5 {
        font-size: 29px;
    }

    .plans-data.card .plan-btn {
        padding: 14px 0;
        font-size: 15px;
    }

    .ecn-description h2 {
        font-size: 24px;
    }

    .ecn-info-banner .info-box h2 {
        font-size: 26px;
    }

    .ecn-info-banner .info-box:nth-child(2) {
        border-left: 0px solid #E4B9FF;
        border-right: 0px solid #E4B9FF;
    }

    .responsive-experience-main {
        padding: 30px;
    }

    .feature-in-content {
        padding: 20px 0 20px 20px;
    }

    .feature-in-content .content-section {
        padding: 0;
    }

    .trending-web-main .text-content {
        padding: 30px;
        max-width: 500px;
        margin: 0 auto 20px;
    }

    .start-trading-section .top-section {
        padding: 20px 48px 0;
    }

    .start-trading-section .top-section .iamge-area {
        text-align: left;
        margin-top: 20px;
    }

    .platform-overview-info-grid {
        flex-direction: column;
    }

    .platform-overview-info-box:first-child {
        border-right: none;
        border-bottom: 1px solid #e2d6ff;
    }

    .platform-android-features-section .container {
        flex-direction: column;
        gap: 20px;
    }


    .platform-android-feature-card {
        padding: 25px 20px;
    }

    .platform-android-feature-card h3 {
        font-size: 20px;
    }

    .platform-android-feature-card p {
        font-size: 14px;
    }

    .cards-right-section {
        gap: 15px;
    }
    
    .top-banner {
        height: 300px;
        padding: 40px 0;
    }
    .top-banner h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .search-box input {
        padding: 12px 44px;
        padding-right: 45px;
        font-size: 14px;
    }
    .search-box svg {
        width: 18px;
        height: 18px;
    }
    .main-help-section {
        padding: 30px 0;
    }

    .common-banner-content h1 {
        font-size: 38px;
        line-height: 45px;
    }

    .common-banner-content p {
        font-size: 18px;
    }

    /* .ecn-advantage .advantage-item{
        text-align: center;
    } */
    .content{
        text-align: center;
    }

    .icon-box {
        padding: 12px;
    }

    .icon1 { 
        top: 20%; 
        left: 55%; 
        transform: translate(-50%, -50%) scale(0.8);
    }
    .icon2 { 
        top: 15%; 
        right: 8%; 
        transform: translate(0, -50%) scale(0.8);
    }
    .icon3 { 
        bottom: 35%; 
        left: 50%; 
        transform: translate(-50%, 50%) scale(0.8);
    }
    .icon4 { 
        bottom: 25%; 
        right: 12%; 
        transform: translate(0, 50%) scale(0.8);
    }

    .deposit-bonus.section .row {
        justify-content: center;
        margin: 40px 0px 230px;
    }
    .trading-instruments-section h2{
        font-size: 41px;
        line-height: 40px;
    }

    .get-the-most-out-of-web-main .gif-section img{
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .icon-box {
        padding: 10px;
    }
    
    .icon-box img {
        height: 65px;
    }
    
    .icon1 { 
        top: 22%; 
        left: 60%; 
        transform: translate(-50%, -50%) scale(0.8);
    }
    .icon2 { 
        top: 18%; 
        right: 5%; 
        transform: translate(0, -50%) scale(0.8);
    }
    .icon3 { 
        bottom: 38%; 
        left: 55%; 
        transform: translate(-50%, 50%) scale(0.8);
    }
    .icon4 { 
        bottom: 30%; 
        right: 8%; 
        transform: translate(0, 50%) scale(0.8);
    }

    .heading-top ul{
        justify-content: center;
    }

}

@media (max-width: 575px) {
    .hero-desktop {
        display: none !important;
    }

    .hero-mobile {
        display: block !important;
    }

    .hero-details {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 145px;
        padding-bottom: 351px;
    }

    .custom-hero-section.section .heading h1{
        font-size: 34px;
    }

    .custom-hero-section.section .section-title span{
        font-size: 14px;    
    }

    .hero-details {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 145px;
        padding-bottom: 351px;
    }


    .custom-hero-section {
        min-height: 60vh;
    }
    
    .icon-box {
        padding: 8px;
    }
    
    .icon-box img {
        height: 60px;
    }
    
    .icon1 { 
        top: 66%;
        left: 16%;
        transform: translate(-50%, -50%) scale(0.8);
    }
    .icon2 { 
        top: 70%;
        right: 3%;
        transform: translate(0, -50%) scale(0.8);
    }
    .icon3 { 
        bottom: 7%;
        left: 11%;
        transform: translate(-50%, 50%) scale(0.8);
    }
    .icon4 { 
        bottom: 10%;
        right: 12%;
        transform: translate(0, 50%) scale(0.8);
    }
    a.common-btn {
        padding: 10px 15px;
        font-size: 13px;
    }
}

@media (max-width: 540px) {
    .who-can .row {
        margin: 0 5px;
    }

    .content .section-details h3 {
        font-size: 16px;
        line-height: 28px;
        text-align: justify;
        padding-top: 20px;
    }

    .deposit-funds .section-btn a,
    .withdrawing .section-btn a {
        padding: 8px 28px;
        font-size: 14px;
    }

    .deposit-funds .deposit-funds-details,
    .content .content-details,
    .withdrawing-content {
        padding: 0;
    }

    .considerations-details .card {
        padding: 0;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    }

    .considerations-details .card .card-title {
        font-size: 20px;
        line-height: 22px;
    }

    .considerations-details .card .card-text {
        font-size: 14px;
        line-height: 20px;
    }

    .considerations-content .heading h1 {
        text-align: center;
    }

    .secure .secure-details {
        padding: 1rem 0 0 0;
    }

    .corporate .corporate-details .card {
        display: flex;
    }

    .video-section {
        height: 300px;
    }

    .video-section .play-btn img {
        width: 60px;
        height: 60px;
    }


    .hero-composite .hero-btn-wrapper {
        display: none;
    }

    .top-banner {
        height: 250px;
    }
    .top-banner h1 {
        font-size: 24px;
    }
    .content-display-area {
        padding: 15px;
    }
    .article-section h4 {
        font-size: 16px;
    }
    .article-section h3 {
        font-size: 18px;
    }
    .section-heading-icon h3 {
        font-size: 16px;
    }
    .article-section ul li {
        font-size: 12px;
    }
    .deposit-bonus.section .row {
        justify-content: center;
        margin: 20px 0px 230px;
    }
    .login-buttons .ac-btn{
        font-size: 15px;
    }
    .stat-box{
        height: 120px;
        padding: 0px 20px;
    }
    .stats-grid{
        gap: 0px;
    }

    section#corporate{
        padding: 30px 0px 0px;
    }

    .pipze-cta-text h2{
        font-size: 30px;
        line-height: 39px;
    }

    .partner-program-intoducing-broker-main .hero-section .common-banner-content p{
        font-size: 20px;
    }

    .connecting-trader-introducing-broker .content-section p {
        margin-bottom: 5px;
    }

    .intro-broker-contact-container h2{
        font-size: 32px;
        line-height: 37px;
    }

    .who-is-our-cpa-affiliate .title-section h1{
        font-size: 30px;
        line-height: 40px;
    }

    .who-is-our-cpa-affiliate .content-wrapper h2{
        font-size: 30px;
    }

    /* .why-pipze .title-section {
        padding: 20px 0px 0px;
    } */

    .affiliate-benefits-main .benefit-box{
        max-width: 100%;
        padding: 0px;
    }

    .affiliate-benefits-main .benefits-grid{
        margin-top: 0px;
        gap: 10px;
    }

    .who-is-our-cpa-affiliate {
        padding: 20px 0 10px;
    }

    .affiliate-benefits-main h2 {
        line-height: 39px;
        font-size: 30px;
    }

    .banned-country-note .title p{
        text-align: center;
    }

    .banned-country-note .content p{
        text-align: justify;
    }

    .banned-country-note{
        margin: 30px auto 0;
    }

    .slider-area {
        margin: 30px 0;
    }

    .news-image{
        width: 100%;
    }

    .economic-calendar-text .section-title {
        font-size: 30px;
    }

    .news-card{
        display: block;
    }

    .economic-calendar-image img{
        height: 100%;
    }

    .signal-text h2{
        font-size: 32px;
        line-height: 38px;
    }

    .release-box .title{
        text-align: justify;
    }

    .white-card{
        padding: 0px;
    }

    .section-title-right{
        text-align: center;
    }

    .images-with-content-card-content h3{
        text-align: center;
    }

    .images-with-content-card-content small{
        text-align: justify;
    }

    .terminology-character-group{
        margin-bottom: 5px !important;
    }

    .ib-form-title {
        font-size: 31px;
        line-height: 46px;
    }

    .ib-form-download-btn{
        font-size: 19px;
        line-height: 14px;
    }    

    .ib-form-hero-section{
        padding: 80px 0px 0px;
    }

    .partner-program-number-details-section{
        padding: 0px;
    }

    .partner-program-number-details-section .partner-program-number-card-group .partner-program-number-card{
        margin-bottom: 20px;
    }

    .partner-program-number-details-section .partner-program-number-card-group .partner-program-number-card-title,
    .partner-program-number-details-section .partner-program-number-card-group .partner-program-number-card-number,
    .partner-program-number-details-section .partner-program-number-card-group .partner-program-number-card-info{
        margin-bottom: 0px;
    }

    .ib-ebook-detail-section .section-title{
        font-size: 25px;
    }

    section#ib-ebook-detail-section{
        padding-top: 0px;
        padding-bottom: 0px !important;
    }

    section.ib-ebook-detail-section.ib-ebook-detail-with-right-content{
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    section.ib-ebook-detail-section.ib-ebook-detail-with-right-content a.common-btn {
        display: flex;
        justify-content: center;
        margin: auto;
        width: fit-content;
    }

    .course-description{
        text-align: justify;
    }

    .course-meta-item{
        margin-bottom: 0px;
    }

    .trending-web-main .text-content {
        padding: 0px 30px;
    }

    .why-chose-mt5-content p {
        padding: 10px 0;
    }

    .why-chose-mt5-content h6{
        font-size: 30px;
    }

   .why-chose-mt5-main {
        padding: 30px 0;
    }

    .trade-with-support-main{
        padding: 0px 0px 30px;
    }

    .trade-with-support-main h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 8px;
    }

    .start-trading-journey-main h1 {
        font-size: 30px;
    }

    .start-trading-journey-main p{
        text-align: justify;
    }

    .trading-android-main .content-section p{
        text-align: justify;
    }

    .pricing-table .table thead th{
        font-size: 17.29px;
    }

    .instrument-table-title-section{
        text-align: center;
    }

    .faq-section h2{
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 10px !important;
    }

    .slider-contnent .section-para{
        text-align: justify;
    }

    .trade-now-account-btn a {
        padding: 13px 35px;
        font-size: 15px;
    }
}


@media (max-width: 480px) {
    .header .logo img {
        width: auto;
        /* height: 67px; */
        height: 39px;
    }

    .stp-broker .card-mar {
        margin-bottom: 1rem;
    }

    .hero .section-title span,
    .live-quote .section-title span,
    .trader .section-title span,
    .platform .section-title span,
    .liquidity .section-title span,
    .plans .section-title span,
    .enpowring .section-title span,
    .about .section-title span,
    .who-can .section-title span,
    .withdrawing .section-title span,
    .considerations-content .section-title span,
    .secure .section-title span,
    .why-choose .section-title span,
    .corporate .section-title span,
    .copy-trading .section-title span,
    .video .section-title span {
        font-size: 14px;
    }

    .hero .heading h1,
    .hero .heading span,
    .live-quote .heading h1,
    .stp-broker .heading h1,
    .trader .heading h1,
    .liquidity .heading h1,
    .forex-acc-details .heading h1,
    .award .heading h1,
    .plans .heading h1,
    .enpowring .heading h1,
    .about .heading h1,
    .who-can .heading h1,
    .trading-safe-details .heading h1,
    .withdrawing .heading h1,
    .considerations-content .heading h1,
    .secure .heading h1,
    .why-choose .heading h1,
    .corporate .heading h1,
    .copy-trading .heading h1,
    .video .heading h1 {
        font-size: 27px;
        line-height: 34px;
    }

    .trading-safe-details .section-details h3,
    .trading-safe-details .section-details-2 h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .forex-acc-details .heading h1,
    .forex-acc-details .section-para span {
        text-align: center;
    }

    .forex-acc-details .section-para span,
    .award .section-para span,
    .enpowring .section-para span,
    .about .section-para p,
    .who-can .section-para p,
    .trading-safe-details .section-para p,
    .trading-safe-details .section-para p span,
    .withdrawing .section-details p,
    .corporate .section-para p,
    .copy-trading .section-para p,
    .video .section-para p {
        font-size: 12px;
        line-height: 18px;
    }

    .copy-trading .section-content .divider {
        width: 170px;
    }

    .copy-trading .section-content h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .copy-trading .section-content img {
        width: 45px;
        height: 45px;
    }

    .corporate-details .card .card-title {
        font-size: 18px;
        line-height: 20px;
    }

    .corporate-details .card .card-text,
    .copy-trading .section-content p {
        font-size: 13px;
        line-height: 18px;
    }

    .copy-trading .section-details .first,
    .copy-trading .section-details .second {
        display: flex;
        justify-content: center;
        padding: 8px 0;
    }

    .copy-trading .section-details span {
        padding: 5px 15px;
        font-size: 12px;
        line-height: 24px;
    }

    .trading-safe-details .section-details ul,
    .trading-safe .trading-safe-details {
        padding: 0;
    }

    .trading-safe-details .section-details ul li {
        font-size: 12px;
        line-height: 24px;
    }

    .live-quote-table .nav-pills a {
        font-size: 13px;
    }

    .live-quote-table .tab-content table thead tr td {
        font-size: 11px;
        text-align: center;
    }

    .live-quote-table .scroll-custom {
        height: 300px;
    }

    .live-quote-table {
        margin: 0 25px;
    }

    .table td,
    .table th {
        padding: 0.5rem 15px;
        font-size: 12px;
    }

    .platform .heading h1 {
        padding: 0 10px;
        font-size: 19px;
        line-height: 34px;
        text-align: center;
    }

    .stp-broker .section-para,
    .live-quote .section-para {
        margin-top: -15px;
    }

    .hero .section-para span,
    .stp-broker .section-para span,
    .live-quote .section-para span,
    .trader .section-para span {
        line-height: 19px;
        width: 97%;
    }

    .hero .hero-details {
        gap: 15px;
    }

    .hero a,
    .live-quote .account a {
        padding: 10px 16px;
    }

    .trader-details .card-text {
        font-size: 12px;
        line-height: 20px;
    }

    .why-pipze .card {
        min-height: 190px;
    }

    .liquidity .liq-img {
        margin-bottom: 15px;
    }

    .news-letter {
        padding: 0 10px;
    }

    .news-letter .news-letter-details .heading h1 {
        font-size: 22px;
        line-height: 28px;
    }

    .news-letter .news-letter-details .section-para span {
        font-size: 12px;
        line-height: 20px;
    }

    .news-letter .container {
        padding: 25px;
    }

    .news-letter .news-letter-form .form .subscribe-btn {
        padding: 9px 16px;
        font-size: 14px;
        line-height: 20px;
    }

    .footer .social-media {
        justify-content: flex-start;
    }

    .copyright {
        line-height: 28px;
    }

    .plans .nav-tabs .nav-item .nav-link {
        padding: 8px 30px;
        font-size: 16px;
    }

    .ready-to .section-button,
    .ready-to .ready-to-details {
        flex-direction: column;
    }

    .why-choose .section-details .card-body h6 {
        font-size: 13px;
        line-height: 20px;
    }

    .video-section {
        height: 225px;
    }

    .plans .plans-details {
        padding: 35px 10px;
    }

    .swiper-slide.card-pad {
        width: 100% !important;
    }

    .brokers-introducing.section .content {
        margin: 0px 10px;
    }

    .market-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
/* 
    .trade-overview h1 {
        font-size: 44px;
        line-height: 100px;
        text-align: center;
    }

    .trade-overview p {
        font-size: 18px;
        text-align: center;
    } */

    .account-comparison .card-body {
        text-align: center;
    }

    .section-para span {
        width: 100%;
    }

    .ecn-advantage .advantage-item {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .platform-image img {
        height: 100%;
        margin-top: 30px;
    }

    .pipze-cta-container {
        justify-content: center;
    }

    .article-card .img-fluid.rounded {
        height: 270px;
        width: 100%;
    }

    .economic-calendar-image img {
        width: inherit;
        margin-bottom: 10px;
    }

    .logo-btn {
        background: #5F259E;
        border: none;
        padding: 7px 10px;
        border-radius: 40px;
        box-shadow: 0 4px 8px rgba(106, 27, 154, 0.3);
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 0px;
        color: #FFFFFF;
        font-family: Poppins;
        font-size: 13px;
        transition: background 0.2s ease;
    }

    .brokers-introducing .section-image img{
        height: 100%;
    }

    .platform-web-main .trending-web-main{
        padding-top: 10px;
    }

    .footer-btn{
        justify-content: space-between;
    }

    .guide-heading{
        margin-bottom: 30px;
    }

    .store-buttons img {
        height: 42px;
    }


    .signup-content h4,.signup-content .purple{
        font-size: 39px;
    }

    .signup-content p {
        margin: 20px auto;
    }

    img.spread-calculate-img {
        height: 450px;
        width: 100%;
    }

    .display-cta-image{
        display: none;
    }

    .mobile-cta-image{
        display: block !important;
    }

    .mobile-cta-image img{
        height: 400px;
    }

    .pipze-cta-container{
        gap: 0px;
    }

    .pipze-cta-text {
        padding: 0px;
    }

    .footer-content{
        padding: 20px;
    }


    .footer-links {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on small screens and up */
    }

    .footer-links a {
        padding: 0px 20px;
    }

    .heading-top a img{
        width: 22px;
        height: 20px;
    }

}

@media (max-width: 450px) {
    .heading-top {
        padding: 0px 22px;
    }

    .heading-bottom {
        padding: 10px 12px;
    }

    .heading-top ul {
        padding: 10px 0px;
        font-size: 13px;
        text-align: center;
        justify-content: space-between;
    }

    .copy-trading .section-content .divider {
        width: 150px;
    }

    .account-arrow {
        display: none;
    }

    span.arrow {
        margin-left: inherit;
    }

    .tradinginstru-table-change {
        flex-direction: column;
        margin-bottom: 20px;
    }

    input#searchInput {
        width: 100%;
    }

    .default-common-hero-section .action-btn a {
        font-size: 13px;
        padding: 7px 5px;
    }

    .tradeinstru-filter {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .common-banner-content h1{
        font-size: 28px;
    }

    .common-banner-content p{
        font-size: 23px;
        letter-spacing: 1px;
    }

    .step-image-forex-mobile{
        width: -webkit-fill-available;
        height: 290px;
    }

    /* .advantage-image img {
        height: auto;
    } */

    .heading-top a{
        margin-left: 0px;
    }
}

@media (max-width: 375px) {
    .footer-btn{
        display: block;
    }

    .footer-btn a.common-btn{
        width: -webkit-fill-available;
        margin-bottom: 10px;
    }

    .news-letter{
        text-align: center;
    }

    .footer-btn a.common-btn.demo-accountP{
        width: -webkit-fill-available;
    }

    .navmenu .login-buttons {
        flex-direction: column;
    }
}

@media (max-width: 320px) {
    .heading-top ul {
        padding: 10px 0px;
        flex-direction: column;
        gap: 10px;
    }

    .news-letter .news-letter-form .form {
        display: inline-grid;
        width: 100%;
        gap: 10px;
        justify-content: normal;
        align-items: center;
    }

    .forex-acc-details .heading h1 {
        font-size: 26px;
    }

    .award .heading h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .live-quote-table .nav-pills a {
        padding: 6px;
        font-size: 12px;
    }

    .live-quote-table .tab-content table thead tr td {
        font-size: 10px;
    }

    .live-quote-table .tab-content table thead tr td {
        padding: 12px;
    }

    .plans-tab-content .card.active h5 span {
        font-size: 12px;
    }

    .considerations-content .heading h1,
    .why-choose .heading h1 {
        font-size: 23px;
        line-height: 28px;
    }

    .copy-trading .section-content .divider {
        width: 130px;
    }

    .copy-trading .section-content h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .copy-trading .section-content img {
        width: 40px;
        height: 40px;
    }
    
}

/*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
    .navmenu {
        padding: 0;
    }

    .navmenu ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }

    .navmenu li {
        position: relative;
    }

    .navmenu li a,
    .navmenu li a:focus {
        color: #fff;
        padding: 18px 15px;
        font-size: 14px;
        font-weight: 300;
        display: inline-block;
        white-space: nowrap;
        transition: color 0.3s ease;
        position: relative;
    }

    /* 
  .navmenu li a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: width 0.3s ease, left 0.3s ease;
  } */

    .navmenu li a:hover {
        color: #f0f0f0;
        font-weight: 400;
    }

    .navmenu li a:hover::before {
        width: 100%;
        left: 0;
    }

    .navmenu li:hover>a,
    .navmenu .active,
    .navmenu .active:focus {
        color: var(--nav-hover-color);
    }

    /* Mega Menu */
    .navmenu .megamenu {
        position: static;
    }

    .navmenu .megamenu ul {
        margin: 0;
        padding: 10px;
        background: var(--nav-dropdown-background-color);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        position: absolute;
        top: 130%;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        display: flex;
        transition: 0.3s;
        border-radius: 4px;
        z-index: 99;
    }

    .navmenu .megamenu ul li {
        flex: 1;
    }

    .navmenu .megamenu ul li a {
        padding: 10px 20px;
        font-size: 15px;
        color: var(--nav-dropdown-color);
    }

    .navmenu .megamenu ul li a:hover,
    .navmenu .megamenu ul li .active {
        color: var(--nav-dropdown-hover-color);
    }

    .navmenu .megamenu:hover>ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }
}

/* Mobile Navigation */
@media (max-width: 1199px) {

    .right-column.submenu {
        position: static;
        /* cancel absolute */
        display: none;
        /* hide by default */
        width: 100%;
        background: white;
        margin-top: 0;
        border-radius: 10px;
    }


    .item:hover, .submenu-item:hover {
        border-left: 0px;
        padding-left: 8px;
        background: none;
    }

    .right-column.submenu.active {
        display: block;
    }

    .dropdown-columns {
        flex-direction: column;
    }

    .item.has-submenu .arrow img {
        transform: rotate(0deg);
        transition: transform 0.3s ease;
    }

    .item.has-submenu.active .arrow img {
        transform: rotate(90deg);
    }

    .dropdown .dropdown-menu {
        display: none;
        position: static !important;
        /* remove absolute on mobile */
        width: auto !important;
        padding: 0px 20px;
        margin: 0;
        box-shadow: none;
        background: transparent;
        border: 0px;
    }

    .dropdown.active .dropdown-menu {
        display: block;
    }

    /* optional: add small arrow indicator on mobile */
    .dropdown>a::after {
        content: "▶";
        margin-left: 6px;
        font-size: 12px;
        transform: rotate(0deg);
        transition: transform 0.3s;
        display: inline-block;
    }

    .dropdown.active>a::after {
        transform: rotate(90deg);
    }

    .mobile-nav-toggle {
        color: var(--nav-color);
        font-size: 28px;
        line-height: 0;
        cursor: pointer;
        transition: color 0.3s;
    }

    .navmenu {
        padding: 0;
        z-index: 9997;
        width: auto;
    }

    .navmenu ul {
        display: none;
        list-style: none;
        position: absolute;
        inset: 60px 20px 20px 20px;
        padding: 10px 0;
        margin: 0;
        border-radius: 6px;
        background-color: rgba(102, 52, 151, 0.75);
        overflow-y: auto;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        transition: 0.3s;
        z-index: 9998;
    }

    .navmenu .login-buttons {
        justify-content: center;
        margin: auto;
    }

    .navmenu a,
    .navmenu a:focus {
        color: var(--nav-dropdown-color);
        padding: 10px 20px;
        font-family: var(--nav-font);
        font-size: 17px;
        font-weight: 500;
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
        white-space: nowrap;
        transition: 0.3s;
    }

    .navmenu a i,
    .navmenu a:focus i {
        font-size: 12px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.3s;
        background-color: rgba(138, 43, 226, 0.1);
        /* fallback, works better than color-mix */
    }

    .navmenu a:hover,
    .navmenu .active,
    .navmenu .active:focus {
        color: var(--nav-dropdown-hover-color);
    }

    .navmenu .active i,
    .navmenu .active:focus i {
        background-color: var(--accent-color);
        color: var(--contrast-color);
        transform: rotate(180deg);
    }

    .item .text span {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0%;
        color: #f6dfff;
    }

    .item .text strong {
        color: white;
    }

    .item img {
        filter: brightness(0) invert(1);
    }

    .mobile-nav-active {
        overflow: hidden;
    }

    .mobile-nav-active .mobile-nav-toggle {
        color: #fff;
        position: absolute;
        font-size: 32px;
        top: 15px;
        right: 15px;
        z-index: 9999;
    }

    .mobile-nav-active .navmenu {
        position: fixed;
        inset: 0;
        background: rgba(33, 37, 41, 0.8);
        transition: 0.3s;
    }

    .mobile-nav-active .navmenu>ul,
    .mobile-nav-active .navmenu>.login-buttons {
        display: block;
    }

    .left-column, .right-column.submenu{
        min-width: auto;
    }

    

}

/* Section scroll margin */
section, .section {
    scroll-margin-top: 66px;
}

@media (max-width: 425px) {
    .affiliate-marketing-tools, .affiliate-marketing-support {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

/* Between 786 and 1024 */
@media (min-width: 768px) and (max-width: 1024px) {
    .responsive-experience-main {
        padding: 20px 0;
    }


    .platform-android-feature-card h3 {
        font-size: 22px;
    }
}