@media screen and (min-width: 1400px) {
    .container {
        max-width: 1194px;
    }
    .header-area .container {
        max-width: 1214px;
    }
}

/*
====================================
large Screen - Others
====================================
*/

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* indices hero  */
    .hero-image {
        max-width: calc(100% - 400px);
    }

    .metass-trader-area-second .depositss-item-image {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
}
}

/*
====================================
Medium Screen - Others
====================================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-x-40 {
        row-gap: 50px;
    }
    /* .footer responsive  */
    .footerRight {
        display: flex;
        gap: 50px;
    }
    /* indices hero  */
    .hero-image {
        max-width: calc(100% - 468px);
        position: unset;
    }
    .hero810 {
        min-height: 560px;
    }
    /* why trade area  */
    .whatIsTranding {
        padding-top: 100px;
        padding-bottom: 65px;
    }
    .whatTradeRight {
        max-width: 400px;
    }
    /* why trade CFDs area  */
    .whyTradeCFDs-area {
        padding-block: 100px;
    }
    /* plus500 market area  */
    .plus500Market-area {
        padding-block: 80px;
    }
    /* forexbuying page  */
    .forexBuying-wrapper {
        padding-block: 50px;
    }
    .forexBuyImage {
        margin-bottom: -73px;
    }
    /* commission page  */
    .spreads-wrapper {
        min-height: 435px;
    }
    .spreadsImage-sa {
        max-width: 992px;
    }
    .singlePackage .action-btn {
        padding: 15px 20px;
    }
    .depositeAmount h2 {
        font-size: 22px;
    }



     /*======= depositss area start =======*/

    .depositss-item-content {
        width: 50%;
        margin-right: 0;
        padding-right: 15px;
    }

    .depositss-item-content h2 {
        font-size: 42px;
    }

    .depositss-item-image {
        width: 50%;
        padding-left: 15px;
    }

    /*======= flexibless area start =======*/

    .flexibless-item-image {
        width: 420px;
    }

    .flexibless-item-content {
        width: calc(100% - 420px);
        padding-left: 60px;
    }

    /*======= meta-trader-04 page start =======*/

    .metass-trader-area .depositss-item-content {
        margin-right: 0px;
    }

    /*======= meta-trader-05 page start =======*/

    .metass-trader-area-second .depositss-item-content {
        padding-top: 80px;
    }

    .metass-trader-area-second .depositss-item-image {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
    }

    /*======= flexibless area start =======*/

    .flexibless-area-four .flexibless-item-image {
        max-width: 50%;
        margin-left: 0;
        margin-right: 20px;
        transform: rotate(1deg);
        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
    }

    .flexibless-area-four .flexibless-item-content {
        width: 400px;
    }

    /*======= builtss-area start =======*/

    .builtss-item-image {
        width: 50%;
    }

    .builtss-item-content {
        width: 50%;
        padding-left: 0;
    }

    /*======= expertss area start =======*/

    .expertss-item-image {
        width: calc(100% - 500px);
    }

    .expertss-item-content {
        width: 500px;
    }

    /*======= joinss-area start =======*/

    .joinss-item {
        grid-column-gap: 25px;
    }

    /*======= promisess-area start =======*/

    .promisess-area {
        padding-left: calc(calc(100% - 960px) / 2);
    }

    .promisess-item-content {
        width: 490px;
    }

    .promisess-item-image {
        width: calc(100% - 490px);
    }

    .environmentRight h2 {
        font-size: 34px;
    }

     /*======= awardss-area start =======*/

    .awardss-item-inner-second .mySwiper {
        padding-left: calc(calc(100% - 960px) / 2);
    }

    /*======= callbackss-area start =======*/

    .callbackss-item-left {
        width: 53%;
        padding-right: 60px;
    }

    .callbackss-item-right {
        width: 47%;
    }



    .fundSafe-list {
        gap: 90px 40px;
    }


       /*======= toolss-area style =======*/

    .toolss-item-inner {
        width: 420px;
        padding-right: 15px;
    }

    .toolss-item-inner-second {
        width: calc(100% - 420px);
        padding-left: 15px;
    }
}

/*
====================================
Small Screen - Tablate
====================================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
    .gap-x-40 {
        row-gap: 45px;
    }
    /* header responsive  */
    .nevbarLeft ul {
        display: none;
    }
    .nevbarLeft .divider {
        display: none;
    }
    .NavRight {
        display: none;
    }
    /* footer  */
    .footerTop {
        flex-direction: column;
        gap: 25px;
    }
    .footerLeft {
        max-width: 100%;
        align-items: center;
        text-align: center;
    }
    .footerRight {
        display: flex;
        gap: 50px;
        justify-content: space-between;
    }
    /* indices hero  */
    .hero-image {
        max-width: 100%;
        position: unset;
    }
    .hero810 {
        min-height: 630px;
    }
    .indicecHero {
        padding-top: 125px;
    }
    .hero-wrapper {
        flex-direction: column;
        gap: 50px;
        padding-bottom: 80px;
    }
    .heroLeft {
        max-width: 100%;
        text-align: center;
        align-items: center;
        width: 100%;
    }
    .heroLeft h2 {
        font-size: 50px;
        max-width: 100%;
    }
    /* why trade area  */
    .whatIsTranding {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    .whatTradeRight {
        max-width: 400px;
    }
    .whyChooseList {
        flex-wrap: wrap;
    }
    .sectionTitle {
        font-size: 30px;
    }
    /* why trade CFDs area  */
    .whyTradeCFDs-area {
        padding-block: 80px;
    }
    .singleCFDsTradeItem p {
        font-size: 16px;
    }
    .whyTradeCFDs-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 40px;
    }
    /* plus500 market area  */
    .plus500Market-area {
        padding-block: 70px;
    }
    .plus500Market-wrapper {
        gap: 30px;
    }
    /* how  to start trade area  */
    .howStartFirst {
        width: 330px;
    }
    .howStartContent.contentLeft p {
        max-width: 330px;
        width: 330px;
    }
    /* 3 step area  */
    .ThreestepItemOne {
        position: relative;
        top: 120px;
        left: 30px;
    }
    .singleStep11.ThreestepItemTwo {
        top: 65px;
        left: 13px;
    }
    .ThreeStepBox {
        min-height: 500px;
    }
    /* Forex CFDs page  */
    .forexCDFs-hero {
        background: url(../images/forexCFDs-hero-bgMobile.png) no-repeat;
        background-size: 100% 100%;
    }
    .heroLeft h2 br {
        display: none;
    }
    /* forexbuying page  */
    .forexBuying-wrapper {
        padding-block: 50px;
    }
    .forexBuyImage {
        margin-bottom: 0;
    }
    .forexBuying-wrapper {
        flex-direction: column-reverse;
        justify-content: end;
    }
    .forexBuying-area {
        background-size: cover;
    }
    .forexBuyImage img {
        max-width: 390px;
    }
    .gettingReady-area {
        padding-block: 70px;
    }
    /* commission page  */
    .spreads-wrapper {
        min-height: 365px;
    }
    .spreadsImage-sa {
        max-width: 768px;
    }
    /* competitive area  */
    .our-competitive-area-sa {
        padding-block: 70px;
    }
    .commissionArea-sa {
        padding-top: 90px;
        padding-bottom: 71px;
    }
    /* commissin scheme area  */
    .commissionScheme-area {
        padding-block: 70px;
    }
    .commissionSchemeList {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    .singleSchemeItem ul li {
        font-size: 16px;
    }
    .accountPackage-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .demoAccountFeatures-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .demoAccount-features {
        padding-block: 60px;
    }
    .experiencedTraders .spreadsImage-sa {
        position: unset;
        transform: none;
    }

    .howWork-area {
        padding-block: 100px;
    }
    .howWork-StepList {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
    .singleWork-Step {
        max-width: 500px;
    }
    .howWork-StepList .vector {
        display: none;
    }

    .protentail-wrpper {
        padding: 40px;
    }
    .protential-area {
        padding-block: 70px;
    }


    /*======= depositss area start =======*/

    .depositss-item-content {
        width: 50%;
        margin-right: 0;
        padding-right: 15px;
    }

    .depositss-item-content h2 {
        font-size: 32px;
    }

    .depositss-item-image {
        width: 50%;
        padding-left: 15px;
    }

    /*======= flexibless area start =======*/

    .flexibless-item-image {
        width: 340px;
    }

    .flexibless-item-content {
        width: calc(100% - 340px);
        padding-left: 30px;
        padding-top: 20px;
    }

    .flexibless-item-content h2 {
        font-size: 32px;
    }

    /*======= meta-trader-04 page start =======*/

    .metass-trader-area .depositss-item-content {
        margin-right: 0px;
        padding-top: 100px;
    }

    /*======= tradess-area start =======*/

    .tradess-area {
        padding: 100px 0;
    }

    .tradess-item-content {
        width: 350px;
    }

    .tradess-item-content h2 {
        font-size: 32px;
    }

    .tradess-item-image {
        width: calc(100% - 350px);
        padding-left: 30px;
    }

    .tradess-item-second-inner-second {
        grid-template-columns: repeat(2, 1fr);
    }

    /*======= meta-trader-05 page start =======*/

    .metass-trader-area-second {
        padding: 70px 0 70px;
    }

    .metass-trader-area-second .depositss-item-content {
        padding-top: 50px;
        margin-right: 0;
    }

    .metass-trader-area-second .depositss-item-image {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }

    /*======= flexibless area start =======*/

    .flexibless-area-four .flexibless-item-image {
        max-width: 50%;
        margin-left: 0;
        margin-right: 0px;
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
    }

    .flexibless-area-four .flexibless-item-content {
        width: 50%;
    }

    /*======= builtss-area start =======*/

    .builtss-item-image {
        width: 50%;
    }

    .builtss-item-content {
        width: 50%;
        padding-left: 0;
    }

    .builtss-item-content ul li a {
        font-size: 15px;
        padding: 15px 28px;
    }

    .builtss-item-content ul li:nth-of-type(1) a {
        margin-right: 20px;
    }

    /*======= who we are page start =======*/

    .depositss-area-four .depositss-item-content {
        padding-top: 100px;
    }

    /*======= expertss area start =======*/

    .expertss-item-image {
        width: 50%;
        padding-right: 25px;
    }

    .expertss-item-content {
        width: 50%;
    }

    .expertss-item-content h2 {
        font-size: 32px;
    }

    .expertss-item-content p {
        font-size: 14px;
        line-height: 22px;
    }

    /*======= joinss-area start =======*/

    .joinss-item {
        grid-column-gap: 25px;
    }

    /*======= promisess-area start =======*/

    .promisess-area {
        padding-left: calc(calc(100% - 720px) / 2);
    }

    .promisess-item-content {
        width: 390px;
        padding-top: 0;
        padding-right: 15px;
    }

    .promisess-item-image {
        width: calc(100% - 390px);
    }
    .homeHero-top {
        flex-direction: column-reverse;
    }
.heroTopRight {
	flex: 1;
	max-width: 400px;
}
.heroTopLeft {
	align-items: center;
	text-align: center;
}
.homeHero-area {
	background: #FFF;
}
.heroTopLeft h2 {
	font-size: 40px;
}
.homeHero-slider-area {
	margin-top: 30px;
	padding-inline: 40px;
}
.singleSlide-content {
	flex-direction: column;
	align-items: center;
	padding: 10px;
}
.heroSlideLeft {
	align-items: center;
	text-align: center;
}
.heroSliderActions {
	justify-content: center;
}

.marketUpdateInner {
	flex-direction: column;
}

.tradingEnvoironment-wp {
	flex-direction: column-reverse;
}
.environmentLeft img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%);
}
.TradingEnvoironment {
	padding-top: 65px;
	padding-bottom: 0px;
	background: url(../images/EnvironmentBg-mobile.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	z-index: 2;
}

.fundSafe-list {
        gap: 70px 40px;
}
.singleFundCard {
	width: 50%;
}
.foundSafe-area {
	padding-block: 60px;
}


.Brokers-Area .spreads-wrapper {
	flex-direction: column;
}

.spreads-area-sa.Brokers-Area {
	padding-top: 90px;
	background-size: cover;
	background-position: center;
}
.Broker-Image {
	flex: 1;
	max-width: 400px;
	padding-bottom: 31px;
}
.why-trade-list22 {
	grid-template-columns: repeat(2, 1fr);
}
.whyTrade-area22 {
	padding-bottom: 75px;
	padding-top: 70px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%);
}


    /*======= awardss-area start =======*/

    .awardss-item-inner-second .mySwiper {
        padding-left: calc(calc(100% - 720px) / 2);
    }

    /*======= get in touch page start =======*/

    .depositss-area-five .depositss-item-content {
        padding-top: 70px;
    }

    /*======= callbackss-area start =======*/

    .callbackss-item-left {
        width: 50%;
        padding-right: 30px;
    }

    .callbackss-item-left h2 {
        font-size: 30px;
    }

    .callbackss-item-left-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .callbackss-item-right {
        width: 50%;
    }

     /*======= toolss-area style =======*/

    .toolss-item-inner {
        width: 50%;
        padding-right: 15px;
    }

    .toolss-item-inner ul li h2 {
        font-size: 24px;
    }

    .toolss-item-inner ul li p {
        font-size: 14px;
        line-height: 20px;
    }

    .toolss-item-inner-second {
        width: 50%;
        padding-left: 15px;
        padding-right: 0;
    }

    /*======= recognitionss-area style =======*/

    .recognitionss-item p br {
        display: none;
    }

    .recognitionss-item ul {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
    }

}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/

@media screen and (max-width: 767px) {
    .gap-x-40 {
        row-gap: 38px;
    }
    /* header responsive  */
    .nevbarLeft ul {
        display: none;
    }
    .nevbarLeft .divider {
        display: none;
    }
    .NavRight {
        display: none;
    }
    .logo img {
        max-width: 120px;
    }
    .header-area {
        padding-top: 20px;
    }
    /* footer  */
    .footerTop {
        flex-direction: column;
        gap: 25px;
    }
    .footerLeft {
        max-width: 100%;
        align-items: center;
        text-align: center;
    }
    .footerRight {
        display: flex;
        gap: 50px;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .footerBottom {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .footer-area {
        padding-top: 35px;
        padding-bottom: 20px;
    }
    .footer-logo img {
        max-width: 120px;
    }
    .footerAbout p {
        font-size: 12px;
    }
    .footerLinkBlock ul li a {
        font-size: 14px;
    }
    .footerLinkBlock h4 {
        font-size: 16px;
    }
    .copyright-text {
        font-size: 12px;
    }
    .footerSocial ul li a {
        width: 30px;
        height: 30px;
        padding: 3px;
    }
    /* indices hero  */
    .hero-image {
        max-width: 100%;
        position: unset;
    }
    .hero810 {
        min-height: 480px;
    }
    .indicecHero {
        padding-top: 82px;
    }
    .hero-wrapper {
        flex-direction: column;
        gap: 50px;
        padding-bottom: 70px;
    }
    .heroLeft {
        max-width: 100%;
        text-align: center;
        align-items: center;
        width: 100%;
        padding-top: 0;
        gap: 12px;
    }
    .heroLeft h2 {
        font-size: 24px;
        max-width: 100%;
    }
    /* why trade area  */
    .whatIsTranding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .whatTradeRight {
        max-width: 400px;
    }
    .whyChooseList {
        flex-direction: column;
    }
    .sectionTitle {
        font-size: 24px;
        text-align: center;
        line-height: 125%;
    }
    .whatTradeTop {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .whatTradeTopLeft p {
        font-size: 12px;
        line-height: 166.667%;
        text-align: center;
    }
    .whatTradeTopLeft {
        gap: 10px;
    }
    .singleWhyChooseItem {
        max-width: 100%;
    }
    /* why trade CFDs area  */
    .whyTradeCFDs-area {
        padding-block: 70px;
    }
    .singleCFDsTradeItem p {
        font-size: 18px;
        line-height: 150%;
    }
    .whyTradeCFDs-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 30px;
        padding-top: 25px;
    }
    .singleCFDsTradeItem {
        gap: 18px;
    }
    .singleCFDsTradeItem .icon {
        width: 95px !important;
        height: 95px !important;
    }
    .action-btn {
        font-size: 14px;
        padding: 12px 35px;
    }
    .demoAccountLink h4 {
        font-size: 16px;
    }
    .demoAccountLink {
        padding-top: 20px;
    }
    .cfds-actions-btn {
        padding-top: 25px;
    }
    .whyTradeCFDs-area {
        background: url(../images/why-trade-CFDs-mobile-bg.png) no-repeat;
        background-size: 100% 100%;
        background-position: center;
    }
    /* plus500 market area  */
    .plus500Market-area {
        padding-block: 60px;
    }
    .plus500Market-wrapper {
        gap: 15px;
        flex-direction: column;
    }
    .plus500MarketRight {
        width: 100%;
    }
    .plus500MarketLeft p {
        font-size: 12px;
        line-height: 166.667%;
    }
    .plus500MarketLeft {
        gap: 10px;
    }
    .marketTable th {
        font-size: 12px;
    }
    .marketTable td {
        font-size: 12px;
    }
    .marketTable td svg {
        width: 20px;
        height: 20px;
    }
    .plus500MarketRight a {
        font-size: 12px;
    }
    /* how to start trade  */
    .howStartBlock::before {
        display: none;
    }
    .singleStartItem {
        gap: 15px;
        flex-direction: column;
    }
    .howStartFirst {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .number svg {
        width: 28px;
        height: 61px;
    }
    .howStartContent p {
        font-size: 12px;
        line-height: 166.667%;
        max-width: 100%;
        text-align: center;
    }
    .howStartFirst .step-one-image {
        margin-top: 10px;
    }
    .howStartFirst h4 {
        text-align: center;
        font-size: 18px;
        line-height: 100%;
    }
    .singleStartItem.startTwo {
        flex-direction: column-reverse;
        padding-top: 30px;
    }
    .howStartFirst.startRight {
        max-width: 100%;
        align-items: center;
    }
    .howStartContent.contentLeft p {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .startThree {
        padding-top: 30px;
    }
    .howStartTrading-area {
        padding-block: 60px;
        clip-path: polygon(0 0, 100% 3%, 100% 100%, 0% 100%);
    }
    /* 3 step area  */
    .ThreestepItemOne {
        position: relative;
        top: 120px;
        left: 30px;
    }
    .singleStep11.ThreestepItemTwo {
        top: 65px;
        left: 13px;
    }
    .ThreeStepBox {
        min-height: fit-content;
        margin: 27px;
        flex-direction: column;
        gap: 40px;
    }
    .topContent {
        gap: 15px;
        align-items: center;
    }
    .threeStepLine {
        display: none;
    }
    .singleStep11 {
        position: unset !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .stepInnerBox {
        gap: 15px;
        align-items: center;
        text-align: center;
    }
    .stepInnerBox h4 {
        font-size: 16px;
    }
    .stepInnerBox p {
        font-size: 12px;
        line-height: 166.25%;
    }
    .ThreeStep-area {
        background: url(../images/3step-bgMobile.png) no-repeat;
        background-size: 100% 100%;
        padding-block: 60px;
        position: relative;
    }
    /* Forex CFDs page  */
    .forexCDFs-hero {
        background: url(../images/forexCFDs-hero-bgMobile.png) no-repeat;
        background-size: 100% 100%;
    }
    .heroLeft h2 br {
        display: none;
    }
    /* forexbuying page  */
    .forexBuying-wrapper {
        padding-block: 0;
        padding-top: 50px;
    }
    .forexBuyImage {
        margin-bottom: 0;
    }
    .forexBuying-wrapper {
        flex-direction: column-reverse;
        justify-content: end;
    }
    .forexBuying-area {
        background-size: cover;
    }
    .forexBuyImage img {
        max-width: 390px;
    }
    .forexBuying-area {
        background: url(../images/ForexBuing-bgmobile.png) no-repeat;
        background-size: 100% 100%;
    }
    .forexBuyingContent {
        text-align: center;
    }
    .gettingReady-area {
        padding-block: 60px;
    }
    .gettingReady-wrapper {
        flex-direction: column-reverse;
        gap: 25px;
    }
    .gettingReadyLeft ul li {
        font-size: 12px;
    }
    .gettingReadyLeft ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .whatTradeTop.PricingTradeTop {
        flex-direction: column-reverse;
        text-align: center;
    }
    .PricingTradeTop .whatTradeTopLeft {
        gap: 20px;
    }
    .spreads-area-sa {
        background: url(../images/spreads-bg-mobile-sa.png) no-repeat;
        background-size: 100% 100%;
        padding-top: 60px;
    }
    .spreads-wrapper {
        min-height: fit-content;
    }
    .spreadsImage-sa {
        position: relative !important;
        margin-top: -42%;
    }
    .spreadsInnerText {
        text-align: center;
    }
    .spreadsInnerText p {
        color: #FFF;
        font-size: 12px;
        line-height: 166.5%;
    }
    /* competitive area  */
    .our-competitive-area-sa {
        padding-block: 60px;
    }
    .competitiveTabNav-sa ul li a {
        font-size: 12px;
        width: fit-content;
        min-width: 102px;
    }
    .CompetitiveTable th {
        font-size: 16px;
    }
    .CompetitiveTable td {
        font-size: 14px;
    }
    .CompetitiveTable td:first-child {
        padding-left: 22px;
    }
    .CompetitiveTable th,
    .CompetitiveTable td {
        min-width: 100px;
        padding: 13px 0px;
    }
    .ourCompetitive-wrapper-sa {
        gap: 20px;
    }
    /* commission area  */
    .commissionArea-sa {
        padding-block: 60px;
        background: url(../images/commisionSec-bg-mobile-sa.png) no-repeat;
        background-size: 100% 100%;
    }
    .commissionWrapper-sa {
        flex-direction: column;
        gap: 60px;
    }
    .commissionImageRight img {
        max-width: 312px;
    }
    .commissionLeft p {
        font-size: 12px;
        line-height: 166.5%;
        text-align: center;
    }
    .commissionLeft {
        gap: 10px;
    }
    /* commissin scheme area  */
    .commissionScheme-area {
        padding-block: 60px;
    }
    .commissionSchemeList {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .singleSchemeItem ul li {
        font-size: 16px;
    }
    .singleSchemeItem {
        gap: 19px;
        min-height: fit-content;
    }
    .marginWrapper-sa {
        flex-direction: column;
    }
    .marginInner-cnt {
        text-align: center;
    }
    .margin-area-sa {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
    }
    .marginWp-left p {
        font-size: 12px;
        line-height: 162.5%;
    }
    .leverage-spreds::before {
        height: 40px;
    }
    .GlobalMarket-area .spreads-wrapper {
        justify-content: start;
        min-height: fit-content;
    }
    .globalMarketContent {
        justify-content: center;
        gap: 10px;
    }
    .MarketHourHeader-sa {
        padding-left: 25px;
        padding-right: 16px;
    }
    .MarketHourHeader-sa p {
        font-size: 12px;
    }
    .marketHourSingleList {
        padding-left: 25px;
        padding-right: 16px;
    }
    .marketHourSingleList p {
        font-size: 12px;
    }
    .marketHourSingleList p:last-child {
        flex: unset;
        min-width: 124px;
    }
    .tip-wp-sa p {
        font-size: 12px;
    }
    .tip-wp-sa h4 {
        font-size: 14px;
    }
    .tip-wp-sa {
        padding-top: 20px;
        gap: 10px;
    }
    .accountPackage-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .accountPackage-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .packageNote p {
        font-size: 12px;
    }
    .newAccount-leverage h4 {
        font-size: 14px;
    }
    .newAccount-leverage p {
        font-size: 12px;
    }
    .demoAccountFeatures-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .demoAccount-features {
        padding-block: 60px;
    }
    .GlobalMarket-area.forexBeginer .spreads-wrapper {
        justify-content: start;
        min-height: fit-content;
        padding-bottom: 0;
        padding-top: 0;
    }
    .experiencedTraders .spreadsImage-sa {
        position: unset;
        transform: none;
        margin-top: -20%;
    }
    .experiencedTraders {
        padding-block: 60px;
    }
    .experiencedTraders ul li {
        font-size: 14px;
    }
    .experiencedTraders ul {
        gap: 17px;
    }
    .forexBeginer ul li {
        font-size: 14px;
    }
    .forexBeginer ul {
        gap: 18px;
    }
    .GlobalMarket-area .spreadsImage-sa {
        position: relative !important;
        margin-top: -20%;
    }

    .heroLeft p {
        font-size: 14px;
    }
    .leverageHero .hero-wrapper {
        padding-bottom: 70px;
    }

    .rafer-hero .hero-wrapper {
        padding-top: 90px;
    }
    .heroLeft h5 {
        font-size: 14px;
    }

    .RaferMain-area {
        padding-block: 60px;
    }
    .raferMain-wrapper p {
        font-size: 12px;
        line-height: 166.556%;
    }
    .singleInput label {
        font-size: 12px;
    }

    .singleInput input, .singleInput select {
        font-size: 12px;
    }
    .checkEligibility form {
        gap: 10px;
    }
    .checkEligibility form p {
        font-size: 12px;
    }

    .howWork-area {
        padding-block: 60px;
        clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 97%);
    }
    .howWork-StepList {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
    .singleWork-Step {
        max-width: 500px;
    }
    .howWork-StepList .vector {
        display: none;
    }
    .howWork-TabNav ul {
        gap: 15px;
    }

    .howWork-TabNav ul li {
        flex: 1;
    }
    .howWork-TabNav ul a {
        width: 100%;
    }
    .workContent p {
        font-size: 12px;
    }
    .singleWork-Step h4 {
        font-size: 16px;
    }

    .protentail-wrpper {
        padding: 55px 25px;
    }
    .protential-area {
        padding-block: 60px;
    }
    .protentail-wrpper p {
        font-size: 14px;
    }


    /*======= depositss area start =======*/

    .depositss-area {
        background-image: none;
        padding: 65px 0 68px;
    }

    .depositss-area::after {
        display: block;
    }

    .depositss-item-content {
        padding-top: 0px;
        margin-right: 0;
        width: 100%;
        margin-bottom: 42px;
        text-align: center;
    }

    .depositss-item-content h2 {
        font-size: 24px;
        line-height: 125%;
        margin-bottom: 10px;
    }

    .depositss-item-content h2 br {
        display: none;
    }

    .depositss-item-content p {
        font-size: 12px;
        line-height: 20px;
    }

    .depositss-item-image img {
        display: block;
        margin: 0 auto;
    }

    /*======= flexibless area start =======*/

    .flexibless-area {
        padding-top: 60px;
    }

    .flexibless-item {
        flex-direction: column-reverse;
    }

    .flexibless-item-image {
        width: 100%;   
    }

    .flexibless-item-content {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 25px;
        text-align: center;
    }

    .flexibless-item-content h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .flexibless-item-content p {
        font-size: 12px;
        line-height: 20px;
    }

    /*======= methodss area start =======*/

    .methodss-area {
        padding: 60px 0;
    }

    .methodss-item-inner h2 {
        font-size: 24px;
    }

    .methodss-item-inner ul {
        margin-bottom: 30px;
    }

    .methodss-item-inner ul li {
        width: 50%;
    }

    .methodss-item-inner ul li a {
        font-size: 16px;
        line-height: 16px;
        width: 100%;
        height: 45px;
    }

    .methodss-item-inner ul li:nth-of-type(1) {
        padding-right: 7.5px;
    }

    .methodss-item-inner ul li:nth-of-type(2) {
        padding-left: 7.8px;
    }

    .accordion-item {
        margin-bottom: 20px;
    }

    .accordion-title {
        padding: 15px;
        padding-left: 20px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

    .accordion-title.active {
        border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        -ms-border-radius: 8px 8px 0 0;
        -o-border-radius: 8px 8px 0 0;
    }

    .accordion-title h2 {
        font-size: 16px;
    }

    .accordion-title i {
        font-size: 14px;
    }

    .methodss-item-note {
        padding-top: 21px;
    }

    .methodss-item-note-inner {
        padding: 12px;
    }

    .methodss-item-note-inner h2 {
        font-size: 16px;
        line-height: 16px;
    }

    .methodss-item-note ul {
        padding: 21px 10px 9px;
    }

    .methodss-item-note ul li {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 11px;
    }

    .methodss-item-note ul li div:nth-of-type(1) {
        width: 26px;
        flex: 0 0 26px;
    }

    /*======= meta-trader-04 page start =======*/

    .metass-trader-area {
        padding: 75px 0 0;
    }

    .metass-trader-area .depositss-item-content {
        margin-right: 0;
        padding-top: 0;
        margin-bottom: 0;
    }

    .flexibless-area-second {
        padding: 60px 0; 
    }

    .flexibless-area-second .flexibless-item-content h2 {
        margin-bottom: 10px;
    }

    .flexibless-area-second .flexibless-item-content h2 br {
        display: none;
    }

    .flexibless-area-second .flexibless-item-content p {
        margin-bottom: 20px;
    }

    /*======= tradess-area start =======*/

    .tradess-area {
        background-image: none;
        padding: 60px 0;
    }

    .tradess-area::after {
        display: block;
    }

    .tradess-item {
        flex-direction: column-reverse;
    }

    .tradess-item-content {
        width: 100%;
        margin-bottom: 15px;
    }

    .tradess-item-content h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .tradess-item-content h3 {
        font-size: 18px;
        line-height: 18px;
    }

    .tradess-item-content ul li {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 15px;
    }

    .tradess-item-image {
        width: 100%;
        padding-left: 0;
        margin-bottom: 30px;
    }

    .tradess-item-image img {
        display: block;
        margin: 0 auto;
    }

    .tradess-item-second-inner h2 {
        font-size: 18px;
        line-height: 18px;
    }

    .tradess-item-second-inner-second {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 15px;
    }

    .tradess-item-second-inner-third {
        height: 112px;
        border-radius: 4px;
        border: .65px solid rgba(255, 255, 255, 0.25);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    .tradess-item-second-inner-third img {
        margin-bottom: 15px;
    }

    .tradess-item-second-inner-third p {
        font-size: 12px;
        line-height: 12px;
    }

    .tradess-item-second-inner-four a {
        font-size: 14px;
        line-height: 14px;
    }

    /*======= standoutss-area start =======*/

    .standoutss-area {
        padding: 60px 0;
    }

    .standoutss-item-title {
        margin-bottom: 40px;
    }

    .standoutss-item-title h2 {
        font-size: 24px;
        line-height: 125%;
    }

    .standoutss-item-inner {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 51px;
    }

    .standoutss-item-inner-second p {
        font-size: 16px;
        line-height: 100%;
    }

    .standoutss-item-inner-third {
        padding-top: 40px;
    }

    .standoutss-item-inner-third > a {
        font-size: 12px;
        padding: 15px 40px;
        border-radius: 6px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.14);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
    }

    .standoutss-item-inner-third p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    /*======= meta-trader-05 page start =======*/

    .metass-trader-area-second {
        padding: 75px 0 20px;
    }

    .metass-trader-area-second .depositss-item-content {
        padding-top: 0px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .metass-trader-area-second .depositss-item-image {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        margin-left: -20px;
    }

    .flexibless-area-third {
        padding: 60px 0;
    }

    .flexibless-area-third .flexibless-item-content {
        margin-bottom: 0;
    }

    .flexibless-area-third .flexibless-item-content h2 span {
        display: block;
    }

    /*======= mt4 vs mt5 page start =======*/

    .metass-trader-area-third {
        padding-bottom: 60px;
    }

    .metass-trader-area-third .depositss-item-image {
        margin-left: 0;
    }

    .metass-trader-area-third .depositss-item-content p br {
        display: none;
    }

    /*======= flexibless area start =======*/

    .flexibless-area-four {
        background-image: none;
        margin-top: -40px;
        padding-bottom: 8px;
    }

    .flexibless-area-four::after {
        display: block;
    }

    .flexibless-area-four .flexibless-item-image {
        margin: 0;
        margin-top: -15px;
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
    }

    .flexibless-area-four .flexibless-item-content {
        width: 100%;
    }

    .flexibless-area-four .flexibless-item-content h2 span {
        display: inline-block;
    }

    /*======= comparess area start =======*/

    .comparess-area {
        padding: 60px 0 80px;
    }

    .comparess-item-title {
        margin-bottom: 10px;
    }

    .comparess-item-title h2 {
        font-size: 24px;
        line-height: 125%;
    }

    .comparess-item-inner table tr:nth-of-type(odd) {
        padding: 14px 0;
    }

    .comparess-item-inner table tr:nth-of-type(1) {
        background-color: #4055ce;
        border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        -ms-border-radius: 8px 8px 0 0;
        -o-border-radius: 8px 8px 0 0;
    }

    .comparess-item-inner table tr:last-of-type {
        border-radius: 0 0 12px 12px;
        -webkit-border-radius: 0 0 12px 12px;
        -moz-border-radius: 0 0 12px 12px;
        -ms-border-radius: 0 0 12px 12px;
        -o-border-radius: 0 0 12px 12px;
    }

    .comparess-item-inner table tr th,
    .comparess-item-inner table tr td {
        font-size: 18px;
        line-height: 20px;
    }

    .comparess-item-inner table tr th:nth-of-type(1), .comparess-item-inner table tr td:nth-of-type(1) {
        padding-left: 20px;
    }

    /*======= platformss-area start =======*/

    .platformss-area {
        background-image: none;
        padding: 60px 0 44px;
    }

    .platformss-area::after {
        display: block;
    }

    .platformss-item-inner {
        margin-bottom: 30px;
    }

    .platformss-item-inner a {
        padding: 18px 45px;
        border-radius: 3.6px;
        -webkit-border-radius: 3.6px;
        -moz-border-radius: 3.6px;
        -ms-border-radius: 3.6px;
        -o-border-radius: 3.6px;
    }

    .platformss-item-inner p {
        font-size: 14px;
        line-height: 18px;
    }

    .platformss-item-inner-second {
        padding-top: 30px;
    }

    /*======= builtss-area start =======*/

    .builtss-area {
        padding: 60px 0;
    }

    .builtss-item {
        flex-direction: column-reverse;
    }

    .builtss-item-image {
        width: 100%;
    }

    .builtss-item-content {
        width: 100%;
        padding-left: 0;
        margin-bottom: 7px;
    }

    .builtss-item-content p {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }

    .builtss-item-content ul {
        padding-top: 10px;
        flex-direction: column;
    }

    .builtss-item-content ul li a {
        font-size: 12px;
        border-radius: 6px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.14);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
    }

    .builtss-item-content ul li:nth-of-type(1) a {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    /*======= who we are page start =======*/

    .depositss-area-four {
        padding-bottom: 23px;
    }

    .depositss-area-four .depositss-item-content {
        padding: 0;
        margin: 0;
    }

    /*======= expertss area start =======*/

    .expertss-area {
        padding: 60px 0;
    }

    .expertss-item {
        flex-direction: column-reverse;
    }

    .expertss-item-image {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    .expertss-item-content {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .expertss-item-content h2 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .expertss-item-content p {
        font-size: 12px;
        line-height: 20px;
    }

    /*======= joinss-area start =======*/

    .joinss-area {
        background-image: none;
        padding: 60px 0;
    }

    .joinss-area::after {
        display: block;
    }

    .joinss-title {
        margin-bottom: 30px;
    }

    .joinss-title h2 {
        font-size: 24px;
        line-height: 100%;
    }

    .joinss-item {
        grid-template-columns: repeat(1, 1fr);
    }

    .joinss-item-inner {
        text-align: left;
        display: flex;
        align-items: center;
        margin-bottom: 40px;
    }

    .joinss-item-inner-image {
        width: 75px;
        padding-right: 10px;
    }

    .joinss-item-inner img {
        margin: 0 auto 0;
    }

    .joinss-item-inner-content {
        width: calc(100% - 75px);
    }

    .joinss-item-inner h2 {
        font-size: 14px;
        line-height: 100%;
        margin-bottom: 5px;
    }

    .joinss-item-inner p {
        font-size: 14px;
        line-height: 20px;
    }

    .joinss-button {
        padding-top: 0;
    }

    .joinss-button a {
        font-size: 12px;
        border-radius: 6px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.14);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
    }

    /*======= promisess-area start =======*/

    .promisess-area {
        padding: 60px 0;
    }

    .promisess-item {
        max-width: 540px;
        flex-wrap: wrap;
        margin: 0 auto;
        padding-right: 12px;
    }

    .promisess-item-content {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
        text-align: center;
        margin-bottom: 20px;
    }

    .promisess-item-content h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .promisess-item-content p {
        font-size: 12px;
        line-height: 20px;
    }

    .promisess-item-image {
        max-width: 100%;
    }
    /*======= joinss-area start =======*/

    .valuess-area {
        background-image: none;
        padding: 60px 0 40px;
    }

    .valuess-area::after {
        display: block;
    }

    .valuess-item-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -7.5px;
    }

    .valuess-item-inner-second {
        width: 50%;
        padding: 0 7.5px 20px;
    }


    /* home page  */

    .homeHero-top {
        flex-direction: column-reverse;
    }
.heroTopRight {
	flex: 1;
	max-width: 400px;
	display: none;
}
.heroTopLeft {
	align-items: center;
	text-align: center;
	gap: 15px;
}
.homeHero-area {
	background: #FFF;
}
.heroTopLeft h2 {
	font-size: 26px;
}
.homeHero-slider-area {
	margin-top: 50px;
	padding: 20px;
}
.singleSlide-content {
	flex-direction: column-reverse;
	align-items: center;
	padding: 10px;
	gap: 0;
}



.homeHero-wrapper {
	padding-top: 25px;
}
.tryDemo h4 {
	font-size: 12px;
}

.slide-image {
	flex: 1;
	max-width: 216px;
	max-height: 167px;
}
.heroSlideLeft .no {
	font-size: 20px;
}
.heroSlideLeft h4 {
	font-size: 16px;
	padding-top: 0;
}
.heroSlideLeft p {
	font-size: 12px;
}
.heroSlideLeft {
	gap: 10px;
}

.marketUpdateInner {
	flex-direction: column;
}
.marketUpdateInnerRight p {
    font-size: 12px;
}
.marketUpdateInnerRight h4 
{
    font-size: 16px;
    padding: 0;
}

.tradingEnvoironment-wp {
	flex-direction: column-reverse;
}
.environmentLeft img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%);
}
.TradingEnvoironment {
	padding-top: 65px;
	padding-bottom: 0px;
	background: url(../images/EnvironmentBg-mobile.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	z-index: 2;
}
.environmentRight h2 {
	font-size: 24px;
}
.environmentRight p {
	font-size: 12px;
}
.EnvironmentInner-conten h4 {
	font-size: 14px;
}
.environmentRight ul li .icon {
	width: 22px;
	height: 22px;
}
.environmentRight ul::before {
	left: 10px;
}


.fundSafe-list {
        gap: 70px 40px;
}
.singleFundCard {
	width: 100%;
	min-height: 135px;
	padding-bottom: 20px;
}
.foundSafe-area {
    padding-block: 60px;
}
.fundSafe-list {
	flex-direction: column;
	align-items: center;
	gap: 47px;
}
.singleFundCard p {
	font-size: 14px;
}
.singleFundCard .icon {
	width: 55px;
	height: 55px;
	top: -27px;
    padding: 10px;
}
.singleFundCard .icon svg  {
    width: 100%;
    height: 100%;
}
.fundSave-wrapper {
	gap: 55px;
}

.Brokers-Area .spreads-wrapper {
	flex-direction: column;
}

.spreads-area-sa.Brokers-Area {
	padding-top: 60px;
	background: url(../images/brokerBG-mobile.png) no-repeat;
    background-size: 100%;
    min-height: fit-content;
}
.Broker-Image {
	flex: 1;
	max-width: 400px;
	padding-bottom: 0;
}
.Broker-Image img {
	clip-path: none;
	margin-bottom: 0;
}

.why-trade-list22 {
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}
.whyTrade-area22 {
	padding-bottom: 60px;
	padding-top: 54px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 98%);
	margin-top: 0;
}
.singleTrade22 {
	padding: 20px 10px;
	flex-direction: row;
	gap: 10px;
	align-items: start;
	min-height: 144px;
}
.tradeCOntent2 {
	flex: 1;
	text-align: left !important;
	align-items: start;
}
.tradeCOntent2 p {
    text-align: left;
}

    /*======= awardss-area start =======*/

    .awardss-area {
        padding: 60px 0;
    }

    .awardss-item-inner ul {
        margin: 0;
        padding: 0 10px;
    }

    .awardss-item-inner ul li {
        width: auto;
    }

    .awardss-item-inner ul li a {
        width: 108px;
        max-width: 108px;
        height: 31px;
        margin: 0 5px;
    }

    .awardss-item-inner-second {
        padding-left: 12px;
    }

    .awardss-item-inner-second .mySwiper {
        padding-top: 40px;
        padding-left: calc(calc(100% - 540px) / 2);
    }

    .awardss-item-inner-second .swiper-slide {
        width: 200px;
    }

    .awardss-item-inner-four {
        height: 115px;
        border-radius: 5.6px;
        -webkit-border-radius: 5.6px;
        -moz-border-radius: 5.6px;
        -ms-border-radius: 5.6px;
        -o-border-radius: 5.6px;
        margin-bottom: 15px;
    }

    .awardss-item-inner-four img {
        max-width: 42.5px;
    }

    .awardss-item-inner-five h2 {
        font-size: 12px;
        line-height: 14px;
    }

    /*======= get in touch page start =======*/

    .depositss-area-five {
        padding-bottom: 28px;
    }

    .depositss-area-five .depositss-item-content {
        padding-top: 0;
        margin-bottom: 24px;
    }

    /*======= callbackss-area start =======*/

    .callbackss-map {
        margin-bottom: 64px;
    }

    .callbackss-item-left {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 40px;
    }

    .callbackss-item-left h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .callbackss-item-left-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .callbackss-item-input {
        margin-bottom: 20px;
    }

    .callbackss-item-input label {
        font-size: 14px;
        margin: 0 0 10px;
    }

    .callbackss-item-input input,
    .callbackss-item-input select {
        font-size: 14px;
        height: 40px;
        border-radius: 5px;
        background-color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .form-group label {
        font-size: 12px;
        line-height: 20px;
    }

    .callbackss-item-left-button button {
        font-size: 12px;
        padding: 15px 40px;
        border-radius: 6px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.14);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
    }

    .callbackss-item-right {
        width: 100%;
        padding: 30px 15px;
    }

    .callbackss-item-right h2 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 0;
    }

    .callbackss-item-right-inner {
        padding: 20px 5px;
    }

    .callbackss-item-right-inner p {
        font-size: 14px;
    }

    .callbackss-item-right-inner p a {
        font-size: 12px;
    }

    /*======= popularfaqss-area start =======*/

    .popularfaqss-area {
        padding: 60px 0;
    }

    .popularfaqss-area .joinss-title {
        margin-bottom: 40px;
    }

    .popularfaqss-item .accordion-title {
        padding: 15px;
    }

    .popularfaqss-item .accordion-title h3 {
        font-size: 14px;
    }

    .popularfaqss-item .accordion-title i {
        font-size: 16px;
    }

    .popularfaqss-item .accordion-body {
        padding: 15px;  
    }

    .popularfaqss-item .accordion-body::after {
        width: calc(100% - 30px);
        left: 15px;
    }

    .popularfaqss-item .accordion-body p {
        font-size: 12px;
        line-height: 20px;
    }
.topContent h4 {
    font-size: 14px;
}
.topContent p {
    font-size: 12px;
}


    /*======= toolss-area style =======*/

    .toolss-area {
        background-image: none;
        padding: 60px 0;
    }

    .toolss-area::after {
        display: block;
    }

    .toolss-title {
        margin-bottom: 20px;
    }

    .toolss-title h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .toolss-item {
        max-height: 348px;
        padding-left: 10px;
        overflow-y: scroll;
        direction: rtl;
        text-align: left;
    }

    .toolss-item-inner {
        width: 100%;
        height: auto;
        padding-left: 0px;
        overflow: visible;
        order: 2;
    }

    .toolss-item-inner ul li {
        margin-bottom: 25px;
    }

    .toolss-item-inner ul li h2 {
        font-size: 16px;
        line-height: 100%;
        margin-bottom: 10px;
    }

    .toolss-item-inner ul li p {
        font-size: 12px;
        line-height: 22px;
    }

    .toolss-item-inner-second {
        width: 100%;
        padding: 0;
        text-align: center;
        margin-bottom: 14px;
        order: 1;
    }

    .toolss-item-inner-second img {
        max-width: 255px;
    }



    /*======= recognitionss-area style =======*/

    .recognitionss-area {
        background-image: none;
        padding: 60px 0;
    }

    .recognitionss-area::after {
        display: block;
    }

    .recognitionss-item h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .recognitionss-item p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .recognitionss-item p br {
        display: none;
    }

    .recognitionss-item ul {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 17px;
        grid-row-gap: 16px;
    }

    .recognitionss-item ul li {
        height: 99px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

    .recognitionss-item ul li:nth-of-type(1) a img {
        max-width: 134px;
    }

    .recognitionss-item ul li:nth-of-type(2) a img {
        max-width: 82px;
    }

    .recognitionss-item ul li:nth-of-type(3) a img {
        max-width: 97px;
    }

    .recognitionss-item ul li:nth-of-type(4) a img {
        max-width: 54px;
    }
    .homeHero-top {
        padding: 105px 0;
    }

}

@media screen and (max-width: 575px) {
    .whyTradeCFDs-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 35px 0px;
        padding-top: 25px;
    }
    .singleCFDsTradeItem {
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }
    .singleCFDsTradeItem .icon {
        width: 90px !important;
        height: 90px !important;
        max-width: 90px;
        min-width: 90px;
        flex-shrink: 0;
    }
    .CFDsTradeContent {
        flex: 1;
        width: 100%;
        text-align: center;
    }
    .singleCFDsTradeItem p {
        font-size: 16px;
        text-align: center;
        line-height: 150%;
        margin: 0;
    }
    .whyTradeCFDs-area {
        padding-block: 50px;
    }
    .whyTradeCFDs-wrapper {
        padding: 0 15px;
    }
    .cfds-actions-btn {
        padding-top: 25px;
    }
    .demoAccountLink {
        padding-top: 15px;
    }
    .gettingReadyLeft ul li {
        font-size: 12px;
    }
    .accountPackage-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .packageFeaures>svg {
        width: 100%;
    }
    .singlePackage {
        max-width: 278px;
        margin-inline: auto;
    }
    .packageNote {
        text-align: center;
    }
    .newAccount-leverage {
        text-align: center;
        gap: 10px;
    }
    .withdrawMethod h4 {
        font-size: 14px;
        text-align: center;
    }
    .withdrawMethod ul {
        gap: 15px;
        justify-content: center;
    }
    .demoAccountFeatures-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .singleDemoFeatures {
        max-width: 274px;
        margin-inline: auto;
    }
    .hero810 {
        min-height: fit-content;
    }
    section.hero-area.hero810.forexCDFs-hero {
        min-height: 430px;
    }
    .protentail-wrpper p {
        font-size: 12px;
    }
    .protential-actions {
        gap: 15px;
    }
    .protential-actions a {
        padding-inline: 20px;
    }
    .standoutss-item-inner {
        grid-template-columns: repeat(1, 1fr);
    }
    .homeHero-top {
        padding: 75px 0;
    }
}