/*************************************  **********************************/
/* globle css  */
/*************************************  **********************************/
* {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #5C5F67;
    box-sizing: border-box;

}

html {
    overflow-x: hidden;
    overscroll-behavior: none;
    scroll-behavior: auto;
}


body {
    overflow: hidden;
    font-family: 'Inter';
    font-weight: 400;
    font-style: normal;
}

a {
    text-decoration: none;
    color: #5C5F67;
}

li {
    list-style: none;
}

.btn {
    background: #35bcea;
    color: #fff;
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    min-width: 117px;
    border-radius: 32px;
    transition: 0.5s ease-out;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0px;
    box-shadow: 0px 0px 15px rgb(197 4 53 / 25%);
    border: 1px solid #35bcea;

}

.btn span {
    color: white;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.btn:hover {
    background-color: transparent;
    border-color: #fff;
}

.btn .btn_text-main {
    width: fit-content;
    height: fit-content;
}

.btn span.one {
    display: inline-block;
    transform: translateY(0);
    transition: transform .3s ease-out .15s;
}

.btn:hover span.one {
    transform: translateY(100%);
    transition: transform .3s ease-out;
}

.btn span.two {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    transition: transform .3s ease-out;
}

.btn:hover span.two {
    transform: translateY(0);
    transition: transform .3s ease-out .15s;
}

/*************************************  **********************************/
/* header  */
/*************************************  **********************************/
.navbar-nav .show_bg_color .nav-link.custom_drop::before {
    content: "";
    position: absolute;
    top: 0px;
    background: #1e1f22;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 120px;
    z-index: -1;
}

.navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    transition: all 0.5s ease;
    padding: 0px !important;
    height: auto;
    display: flex;
    align-items: center;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .nav-link:hover {
    color: #35bcea;
}

.navbar-expand-lg .navbar-nav:hover .nav-link {
    height: 120px;
}

.navbar-expand-lg .navbar-nav,
.navbar_btn {
    gap: 35px;
}

.navbar_btn {
    min-width: 200px;
    justify-content: end;
}

a.btn_light {
    color: #35bcea;
    font-size: 16px;
    font-weight: 500;
}

.navbar-brand img {
    height: 100px;
    box-shadow: 0px 0px 15px rgb(197 4 53 / 25%);
    transition: all 0.5s;

}

a.navbar-brand {
    height: 120px;
    transition: all 0.5s;

}

.header-section {
    transition: all 0.5s;
}

.scrolled .header-section {
    background-color: rgb(30 31 34);
    /* box-shadow: rgb(30 31 34) 0px 8px 24px; */
}

.scrolled .header-section .navbar-nav .nav-link,
.scrolled .header-section a.navbar-brand {
    height: 70px;
}

a.navbar-brand {
    min-width: 200px;
}

.scrolled .navbar-brand img {
    height: 60px;
}

.nav_dropdown {
    position: absolute;
    top: 120px;
    left: 50%;
    width: 100%;
    height: 646px;
    height: auto;
    padding: 60px 0px;
    margin-bottom: 5pc;
    background: rgb(30 31 34);
    transform: translateX(-50%);
    overflow: hidden;
    display: none;
    border-top: 1px solid #e8e8e842;
    transition: all 0.5s ease;
}

.scrolled .header-section .nav_dropdown {
    top: 70px;
}

/* header:hover {
    background: rgb(30 31 34);
} */

.nav_dropdown ul li a.active,
.nav_dropdown ul li a:hover {
    color: #35bcea;
}

.nav_dropdown ul li a {
    color: #fff;
    font-size: 13px;
    line-height: 2.5;
    transition: all 0.5s ease;
}

.submenu_heading {
    color: #CCCCCC;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 300;
}

.nav-item:hover .nav_dropdown {
    display: block;
}

.nav_dropdown .btn {
    padding: 10px 30px;
}

/*************************************  **********************************/
/* banner  */
/*************************************  **********************************/
.banner_section {
    background: url("../images/banner-background.png"), #141518;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 215px 0px 70px;
}
.home_banner_section {
    min-height: 100vh;
}
.main_heading {
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 72px;
}

p {
    color: #ABAFBB;
    font-size: 13px;
    line-height: 1.5;
}

.banner_section .btn,
.ideal_account_section .btn,
.start_section .btn,
.metal_trading .btn {
    height: 50px;
    min-width: 213px;
}

.banner_section .btn span {
    font-size: 15px;
}

/*************************************  **********************************/
/* card highlight  */
/*************************************  **********************************/

.slider {
    overflow-x: hidden;
    width: 100%;
    /* position: absolute; */
    margin-top: 200px;
}

.slide {
    background-color: #1c1d20;
    padding: 17px 20px 15px;
    border-radius: 8px;
    min-width: 290px;
}

.slider .figure_img {
    height: 35px;
    width: 35px;
    background: #0087BA;
    border-radius: 100%;
    padding: 8px;
}

.card_img_name .graph_img img {
    height: 28px;
    object-fit: contain;
}

.slide.second .figure_img {
    background: #4B86F9;
}

.slide.second .percentage_div {
    color: #11CABE;
}

.percentage_div {
    color: #FA2256;
    font-weight: 600;
    line-height: 25px;
    font-size: 14px;
}

.card-name {
    color: #A5ADCF;
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
}

.price_box {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}

.slide.second .minus_plus {
    color: #11CABE;
}

.minus_plus {
    color: #FA2256;
    line-height: 22px;
    font-size: 14px;
}

.slider {
    overflow: hidden;
    width: 100%;
}

.slider .slide-track {
    display: flex;
    animation: scroll 30s linear infinite;
}

.slider .slide {
    width: 250px;
    flex-shrink: 0;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.slider:hover .slide-track {
    animation-play-state: paused;
}




.card_highlight_section {
    margin-top: -70px;
}


/*************************************  **********************************/
/* Our products  */
/*************************************  **********************************/
.common_section {
    padding: 80px 0px;
}

.product_section {
    padding: 50px 0 120px;
    background: url("../images/product-left.png"), url("../images/product-right.png");
    background-position: left -20px top -65px, right -20px top -60px;
    background-size: 27%;
    background-repeat: no-repeat;
}

h2.common_heading {
    color: #141518;
    font-size: 43px;
    font-weight: 500;
    line-height: 1.3;
}

.product_section p {
    color: #5C5F67;
}

.img-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
        background-color: rgb(53 188 234 / 65%);;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: all 0.8s ease-in-out;
    display: flex;
    align-items: end;
}

.single-img.active .img-overlay {
    height: 100%;
    padding: 20px 25px;

}

.img-overlay div {
    min-width: 220px;
    max-width: 220px;
}

.single-img img {
    max-height: 414px;
}

h3.sub_heading.outer {
    position: absolute;
    top: 0%;
    transform: rotate(-180deg);
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    left: 20px;
    line-height: 1.3;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    margin-bottom: 0px;
    height: 100%;
}

h3.sub_heading {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 4px;
    margin-bottom: 25px;
    line-height: 0px;
    text-transform: uppercase;
}

.single-img {
    margin-left: -1px;
    transition: all 0.5s ease-in-out;
    transform: scaleY(1.0);

}

.single-img.active .sub_heading.outer {
    display: none;

}

.single-img.active {
    transform: scale(1.03);
    z-index: 1;
}

/*************************************  **********************************/
/* Our products  */
/*************************************  **********************************/
.keyhighlights_section {
  
        background: url(../images/key-high.png), #141518;
    background-position: right bottom -130px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* .highlights_card:hover {
    transform: translateY(10px);
} */

.highlights_card {
    background: url("../images/Innovative-text.png"), #1C1D20;
    padding: 30px 40px;
    background-repeat: no-repeat;
    border-radius: 7px;
    height: 100%;
    transition: all 0.5s ease;
    background-position: right 7px center;
    background-size: 12%;
    min-height: 485px;
}

.highlights_card.second {
    background: url("../images/diverserange-text.png"), #1C1D20;
    background-position: right 0px center;
    background-size: 11%;
    background-repeat: no-repeat;
}
.highlights_card.highlights_card_support_team {
    background: url("../images/suport_team_text.png"), #1C1D20;
    background-position: right 0px center;
    background-size: 11%;
    background-repeat: no-repeat;
}
.highlights_card.highlights_card_educational_resources {
    background: url("../images/educational_resources_text.png"), #1C1D20;
    background-position: right 10px center;
    background-size: 11%;
    background-repeat: no-repeat;
}

.image_high {
    height: 60px;
    min-width: 60px;
    background: #141518;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel.owl-drag .owl-item.red-text.active h4 {
    font-size: 22px;
}

.owl-carousel .owl-nav {
    display: block;
    position: absolute;
    top: -5.4rem;
    right: 13rem;
}

.owl-carousel .owl-nav span {
    display: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background: url("../images/next-owl.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 50px;
    width: 50px;
}

.owl-carousel .owl-nav button.owl-prev:hover {
    background: url("../images/prev-owl-hover.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    height: 50px;
    width: 50px;
}

.owl-carousel .owl-nav button.owl-prev {
    background: url("../images/prev-owl.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 7px;
}

h4,
.owl-carousel.owl-drag .owl-item.cloned.active h4 {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0px;
}

.keyhighlights_section .owl-carousel .owl-item img {
    object-fit: contain;
}

.keyhighlights_section .owl-carousel {
    width: 120%;
}

.owl-carousel .owl-stage {
    transition: all 0.8s ease-in-out !important;
}

/*************************************  **********************************/
/* institutional program  */
/*************************************  **********************************/
.institutional_section {
    padding: 30px 0 100px;
    background: url("../images/insitute-left.png"), url("../images/insitute-right.png");
    background-position: left -20px, right -20px;
    background-size: 33%, 19%;
    background-repeat: no-repeat;
}

.eye_box {
    min-height: 90px;
    min-width: 90px;
    border-radius: 12px;
    box-shadow: 0px 0px 15px rgb(197 4 53 / 10%);
    background: linear-gradient(to right, #FFF 30%, #F27F16 100%);
}

.eye_box div {
    height: 91px;
    width: 88px;
    background: white;
    border-radius: 12px;
}

.h-91 {
    height: 97px !important;
}

.program_steps h4 {
    color: #141518;
    font-size: 19px;
    font-weight: 600;
}

.eye_box.second {
    background: linear-gradient(to right, #FFF 30%, #35bcea 100%);
}

.eye_box.three {
    background: linear-gradient(to right, #FFF 30%, #BD47FB 100%);
}

.eye_box.second div {
    margin-bottom: 1px;
}

.step_inner p {
    color: #5C5F67;
    font-weight: 400;
    line-height: 1.3;
}

.common_heading_p {
    color: #5C5F67;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
}

/*************************************  **********************************/
/* Choose Your Ideal Account Type  */
/*************************************  **********************************/
.ideal_account_section {
    background: url("../images/accout-right.png"), #141518;
    background-position: left top -90px;
    background-size: 50%;
    background-repeat: no-repeat;
    padding: 110px 0;
}

.accordion-button {
    background-color: #1C1D20;
    color: #fff;
    padding: 20px 40px;
    gap: 25px;
    font-weight: 500;
    font-size: 19px;
    transition: all 0.6s ease;
}



.accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background-color: #35bcea;
    box-shadow: none;
    transition: all 0.6s ease;

}


.accordion-item {
    color: #fff;
    background-color: #1C1D20;
    border: none;
    /* border-radius: 10px !important; */
    overflow: hidden;
    position: relative;
    transition: all 0.6s ease;

}

.accordion-item::before {
    position: absolute;
    content: "";
    border-top: 1px solid #ffffff21;
    left: 40px;
    width: 85%;
    z-index: 3;
}

.idealaccount {
    margin-bottom: -150px;
    border-radius: 10px !important;
    overflow: hidden;
}

.accordion-item:first-child::before {
    content: unset;
}

.accordion-body {
    padding: 35px 20px;
}

.accordion-button::after {
    display: none;
}

/*************************************  **********************************/
/* Trading Platforms */
/*************************************  **********************************/
.trading_platform_section {
    background: url("../images/trading_container.png"), url("../images/DecorativeLine.png");
    background-position: left 160px top 200px, left -50px top -80px;
    background-size: calc(100% - 320px) 100%, 24%;
    background-repeat: no-repeat;
    padding: 110px 0;
}

.trading_platform_section h3 {
    color: #35bcea;
}

.trading_platform_section h5 {
    color: #141518;
}

.trading_platform_section p {
    color: #5C5F67;
    font-weight: 400;
    /* font-size: 14px; */

}

/*************************************  **********************************/
/* Why Choose IXM HUB (IXMH) Limited? */
/*************************************  **********************************/
.choose_card {
    padding: 30px 40px;
    position: relative;
}

.choose_card::before {
    content: "";
    border-right: 1px solid rgb(171 175 187 / 20%);
    position: absolute;
    height: 150px;
    right: 0px;
    transform: translateY(-50%);
    top: 50%;
}

.choose_section .last-child .choose_card::before {
    display: none;
}

.bottom_choose_lines {
    color: #ABAFBB;
    width: fit-content;
    text-align: center;
    border-top: 1px solid rgb(171 175 187 / 20%);
    padding: 20px 30px;
}

.bottom_choose_lines {
    color: #ABAFBB;
    width: fit-content;
    text-align: center;
    border-top: 1px solid rgb(171 175 187 / 20%);
    padding: 30px 30px 0px;
    font-size: 24px;
    font-weight: 400;
}

.choose_section {
    background: url("../images/choose-line-1.png"), url("../images/choose-line-2.png"), #141518;
    background-position: right bottom, top -130px left -130px;
    background-size: 28%, 30%;
    background-repeat: no-repeat;
    padding: 70px 0 55px;
}

.choose_section .accordion {
    display: flex;
    width: 100%;
    height: auto;
    gap: 20px;
    /* Adjust the gap size as needed */
}

.choose_section .accordion-item:focus-visible,
.choose_section .accordion:focus-visible {
    box-shadow: none;
    border: none;
    outline: none;
}

.choose_section .accordion-item {
    flex: 1;
    transition: flex 0.3s ease;
    overflow: hidden;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 70px 30px;
    box-sizing: border-box;
    background: #1B1C1F;
    border-radius: 10px !important;
    min-height: 430px;
    transition: all 0.8s ease-in-out;
    max-height: 430px;
    border: 1px solid transparent;
}

.choose_section .accordion-item.active {
    background: url(../images/advancedone.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 65%;
    box-shadow: rgb(27 28 31 / 15%) 0px 8px 24px;
    flex: 4;
    border: 1px solid #35bcea7a;
}
.choose_section.choose_diao_ltd .accordion-item:nth-child(2).active {
    background: url(../images/text-competitive.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 80%;
}
.choose_section.choose_diao_ltd .accordion-item:nth-child(3).active {
    background: url(../images/global-text.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 55%;
}
.choose_section.choose_diao_ltd .accordion-item:nth-child(4).active {
    background: url(../images/security-text.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 60%;
}


.choose_section .accordion-item.active h4 {
    font-size: 40px;
    line-height: 1.2;
}

.horizonal_content {
    display: none;
    transition: all 0.8s ease-in-out;

}

.horizonal_content {
    min-width: 500px;
    max-width: 500px;
}

.choose_section .accordion-item.active .horizonal_content {
    display: block;
}

.choose_section .accordion-item.active .sub_heading {
    display: none;
}

.choose_section .accordion-item .sub_heading {
    font-size: 22px;
    letter-spacing: 0px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px;
    right: 0px;
}

.choose_section.choose_diao_ltd .accordion-item:nth-child(2)::before {
    background: url("../images/competivie.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
    transform: rotate(-45deg);
    top: -20px;
    right: -20px;
    border: none;
    left: unset;

}

.choose_section.choose_diao_ltd .accordion-item:nth-child(3)::before {
    background: url("../images/global.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
    transform: rotate(-45deg);
    top: -20px;
    right: -20px;
    left: unset;
    border: none;
}

.choose_section.choose_diao_ltd .accordion-item:last-child::before {
    background: url("../images/security.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
    transform: rotate(-45deg);
    top: -20px;
    right: -20px;
    border: none;
    left: unset;
}

.choose_section .accordion-item:first-child::before {
    background: url("../images/technology.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
    transform: rotate(-45deg);
    top: -20px;
    right: -20px;
    left: unset;
    border: none;
    content: "" !important;
}

.choose_section .accordion-item::after {
    background: url("../images/arrowup4.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    position: absolute;
    content: "";
    bottom: 20px;
    right: 20px;
}

.choose_section .accordion-item.active::before,
.choose_section .accordion-item.active::after {
    content: unset !important;
}

.join_IXMH_finence {
    background: #35bcea;
    padding: 60px 60px;
}

.join_IXMH_finence h6 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
}

.btn.btn_white {
    background: #fff;
    min-width: 210px;
    height: 55px;
    color: #141518;
    font-weight: 600;
    border: 1px solid #fff;
}

.btn.btn_white span {
    color: #141518;
    font-weight: 600;
    font-size: 16px;
}

.btn.btn_white:hover {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
}

.btn.btn_white:hover span {
    color: #fff;
}

/*************************************  **********************************/
/* Security of funds */
/*************************************  **********************************/
.fund_section {
    background: transparent;
    padding: 75px 0;
}

/*************************************  **********************************/
/* Start Trading Today */
/*************************************  **********************************/
.start_section {
    background: url("../images/strat-tradeing.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}

.try_free_demo {
    background: transparent;
    border-color: #fff;
}

.try_free_demo:hover {
    background-color: #35bcea;
    border-color: #35bcea;
}

/*************************************  **********************************/
/* Start Trading Today */
/*************************************  **********************************/
footer,
.copyright_section {
    background: #141518;
}

footer {
    background-image: url("../images/footer-line.png");
    background-position: left bottom -35px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -10px;
    padding-top: 90px;
}

footer::before {
    background-image: url("../images/footer-all_section.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    bottom: -102%;
    right: 0px;
    width: 100%;
    height: 212%;
}

footer ul li a:hover {
    color: #35bcea;
}

footer ul li a {
    color: #ABAFBB;
    font-size: 13px;
    line-height: 2.5;
    transition: all 0.5s ease;
}

footer p,
.disclaimer_section p,
.copyright_section p {
    color: #ABAFBB;
    font-size: 12px;
    line-height: 1.5;
}

/*************************************  **********************************/
/* Disclaimer */
/*************************************  **********************************/
.disclaimer_section {
    background: #1C1D20;
    padding: 27px 0 10px !important;
    margin: -10px 0;
}

.disclaimer_section div {
    color: #ABAFBB;
}

.or_footer_div::before {
    position: absolute;
    content: "";
    width: 100%;
    border-bottom: 1px solid #ffffff10;
    left: 0px;
    right: 0px;
    top: 50%;
}

.or_footer_div div {
    width: fit-content;
    text-align: center;
    background: #1c1d20;
    padding: 0 10px;
}

/*************************************  **********************************/
/* Forex Trading */
/*************************************  **********************************/
.inner_pages_banner {
    background: url(../images/inner-page-line.png), #1e2022;
    background-size: 93%;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 200px 0px 60px;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

/* .inner_pages_banner .main_heading {
    line-height: 70px;
} */

/* .forex_trading_card h4,
.forex_trading_card h4 {
    color: #141518;
} */

/* .forex_trading_card .image_high {
    height: 50px;
    min-width: 50px;
    background: #f9e6eb;
}

.forex_trading_card {
    background: url("../images/trading-img-card.png");
    background-size: 50%;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 30px 20px;
    border-radius: 16px;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 5px -2px;
}

.forex_trading_card p,
.key_trading_feature .highlights_card p {
    color: #5C5F67;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 5px;
} */

.key_trading_feature .highlights_card p {
    color: #ABAFBB;
    font-weight: 400;
}

.key_trading_feature {
    background-position: right bottom -223px;
    /*background-image: url("../images/Instruments.png");*/
    background-position: right top;
    background-size: cover;
}

/* .why_IXMH_section .forex_trading_card {
    min-height: 255px;
    background-image: unset;
    padding: 20px 25px;
} */

/* .why_trade_col {
    margin-top: 25%;
    
} */

/* .why_trade_col .forex_trading_card {
    min-height: 220px;
} */

.inner_pages_banner p {
    line-height: 1.8;
}

.forex-trading-acc {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.forex-trading-acc-item {
    flex: 1;
    background: #FAFAFA;
    transition: flex 0.7s ease, height 0.7s ease;
    overflow: hidden;
    cursor: pointer;
    min-height: 400px;
    max-height: 460px;
    padding: 20px;
    position: relative;
    z-index: 3;
    background-image: url("../images/blackarrow-left.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px bottom 10px !important;
    background-size: 15px !important;
}

.forex-trading-acc-item:nth-child(2) {
    min-height: 430px;
    /* margin-left: -20px; */
    background: #F3F3F3;
    z-index: 2;
}

.forex-trading-acc-item:nth-child(3) {
    background: #E3E3E3;
    min-height: 400px;
    /* margin-left: -20px; */
    z-index: 1;

}

/* .forex-trading-acc-item.active {
    flex: 3;
    background: #FAFAFA;
    box-shadow: rgb(0 0 0 / 18%) 0px 8px 24px;
} */
.forex-trading-acc-item.active {
    flex: 3;
    background: #FAFAFA !important;
    box-shadow: 8px 0px 24px rgba(0, 0, 0, 0.18);
    /* Adjust these values */
    z-index: 4;
    min-height: 470px;

}



.forex_trading_content img {
    object-fit: contain;
}

.forx_heading span,
.forx_heading {
    font-size: 22px;
    color: #141518;
    font-weight: 600;
    line-height: 1.5;
    border-top: 1px solid #B6B4B4;
    border-bottom: 1px solid #B6B4B4;
    margin: 20px 0;
    padding: 25px 0;
}

.forx_heading span {
    color: #35bcea;
    font-family: 'jsMath-cmbx10';
}

.forex_trading_content {
    display: none;
    min-width: 309px;
    max-width: 309px;
}

.forex-trading-acc-item.active .forex_trading_content {
    display: block;
}

.forex-trading-acc-item.active h3.sub_heading.outer {
    display: none;
}

.forex-trading-acc-item h3.sub_heading.outer {
    font-size: 22px;
    letter-spacing: 0px;
    left: 0px;
    color: #141518;
    text-transform: capitalize;
    font-weight: 600;
    bottom: 40px;
    top: unset;
    height: fit-content;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.forex-trading-acc-item h3.sub_heading.outer span {
    font-size: 24px;
    font-weight: 600;
    transform: rotate(90deg);
    display: inline-block;
    margin-top: 70px;
    color: #141518;
    font-family: 'jsMath-cmbx10';
}

.trading_Instruments_card {
    background: #1C1D20;
    padding: 20px 30px 110px;
    text-align: center;
    height: 100%;
    background-image: url("../images/instrument-img.png");
    background-position: center bottom -100px;
    background-size: 240px;
    background-repeat: no-repeat;
    transition: 0.5s ease-out;
    border-radius: 8px;
}

.trading_Instruments_card:hover {
    background-color: #35bcea;
}

.trading_Instruments_card:hover .Instruments_number,
.trading_Instruments_card:hover p {
    color: #ffffff;
}

.Instruments_number {
    font-size: 22px;
    color: #35bcea;
    line-height: 1.5;
    transition: 0.5s ease-out;
    font-weight: 500;
}

section.why_IXMH_section.common_section {
    background: #141518;
    margin: -1px 0;
}

.why_IXMH_section .nav-pills .nav-link {
    background: #1C1D20;
    border: 0px;
    border-radius: 10px;
    padding: 27px 25px;
    text-align: left;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: 0.5s ease-out;

}

.why_IXMH_section .nav-pills .nav-link.active {
    background: #35bcea;

}

.why_IXMH_section .nav {
    gap: 20px;
}

.trading_heading.mb-2 {
    color: #35bcea;
    font-size: 28px;
    font-weight: 500;
}

.why_IXMH_section .tab-content>.active p {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
}

.why_IXMH_section .image_high {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.why_IXMH_section img {
    object-fit: contain;
}

.forex_start_section p {
    color: #141518;
}

.forex_start_section {
    background: url("../images/strat-trading-chart.png");
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}

.forex_start_section .btn,
.share_start_section .btn {
    height: 55px;
    border: 1px solid #35bcea;
}

.forex_start_section .btn span,
.share_start_section .btn span {
    font-size: 16px;
}

.forex_start_section .btn:hover {
    background: #fff;
    border-color: #35bcea;
}

.forex_start_section .btn:hover span {
    color: #35bcea;

}

/*************************************  **********************************/
/* shares Trading */
/*************************************  **********************************/
.share_trading_banner {
    background: url("../images/shares-trading.png"), #141518;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 136px 0px 89px;
    display: flex;
    align-items: center;
    min-height: 60vh;
}

.share_trading_banner .main_heading {
    font-size: 58px;
    /* letter-spacing: 1px;
    line-height: 70px; */
}

.share_why_section.why_IXMH_section.common_section {
    background: url("../images/why-share-trade.png"), #141518;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.trading_involes img {
    margin-bottom: -70px;
}

.share_why_section .nav {
    gap: 20px;
    border: 1px solid #868686b0;
    border-radius: 7px;
}

.share_why_section .nav-pills .nav-link.active,
.share_why_section .nav-pills .nav-link {
    background: transparent;
    position: relative;
}

.share_why_section .nav-pills .nav-link {
    padding: 30px 25px;
    font-size: 22px;
}

.active_show_content {
    font-size: 14px;
    color: #ABAFBB;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.7s ease;
    height: 0px;
    overflow: hidden;
}

.share_why_section .nav-link.active .active_show_content {
    height: 84px;
}

.share_why_section .nav-link::before {
    position: absolute;
    content: "";
    border-top: 1px solid #ffffff21;
    left: 25px;
    width: 100%;
    z-index: 3;
    top: 0px;
}

.share_why_section .nav-link::after {
    position: absolute;
    content: "";
    background: url("../images/arrow_right.png"), #8B8C8E;
    background-position: center;
    background-size: 28%;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px;
    right: -20px;
    top: 32px;
    border-radius: 100%;
    transition: all 0.7s ease;
}

.share_why_section .nav-link.active::after {
    background: url("../images/arrow_right.png"), #35bcea;
    background-position: center;
    background-size: 28%;
    background-repeat: no-repeat;
    transform: rotate(90deg);

}

.share_start_section {
    background: url("../images/share_start.png");
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fs-7 {
    font-size: 14px;
}

.shares_features_wrapper {
    border: 1px solid #868686;
    padding: 20px;
    border-radius: 8px;
    height: 100%;
    transition: all 0.5s ease;
}

.shares_features_wrapper:hover {
    background: #333333;
    transform: translateY(-7px);
}

.share_img {
    height: 80px;
    width: 80px;
    border-radius: 100%;
    background-color: #35bcea;
}

.shares_features_wrapper:hover .share_img {
    background-color: #fff;
    transition: all 0.5s ease;

}

.shares_features_wrapper p {
    color: #5C5F67;
    line-height: 1.3;
    transition: all 0.5s ease;

}

.shares_features_wrapper:hover p {
    color: #A0A0A0;
}

.shares_features_wrapper h5 {
    color: #141518;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    transition: all 0.5s ease;

}

.shares_features_wrapper:hover h5 {
    color: #fff;
}

.shares_features_wrapper img {
    object-fit: contain;
}

/*************************************  **********************************/
/* metals Trading */
/*************************************  **********************************/
.metal_trading_banner {
    background: url("../images/metal-tradeing.png"), #141518;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    /* padding: 100px 0px 50px; */
}

.metal_trading {
    padding: 90px 0 60px;
}

.trade_whymetal_section.share_why_section.common_section {
    background: url("../images/why-trade-metal.png"), #F9F9F9;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

.trade_whymetal_section .nav {
    border: none;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;


}

.trade_whymetal_section .nav-pills .nav-link {
    color: #141518;
    font-weight: 600;
    padding: 17px 25px 17px 40px;
    font-size: 20px;
}

.trade_whymetal_section .nav-pills .nav-link.active {
    color: #35bcea;
}

.trade_whymetal_section .nav-link::before {
    border-top: 1px solid #0000003d;
    left: 120px;
    width: 85%;
}

.trade_whymetal_section .nav-link:first-child::before {
    display: none;
}

.trade_whymetal_section .nav-link.active::after {
    background: url("../images/vecter-right.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 23px;
    width: 23px;
    transform: rotate(0deg);
}

.trade_whymetal_section .nav-link::after {
    background: unset;
    transition: unset;
}

.trade_whymetal_section .nav-link.active .image_high {
    background-color: #35bcea;
}

.trade_whymetal_section .trading_heading {
    color: #35bcea;
    font-size: 24px;
    font-weight: 600;
}

.metal_trading_tab {
    min-height: 500px;
}

.trade_whymetal_section .tab-content>.active p {
    color: #5C5F67;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.choose_section .accordion-item:nth-child(2)::before {
    background: url("../images/competivie.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
    transform: rotate(-45deg);
    top: -20px;
    right: -20px;
    border: none;
    left: unset;
}

.keyfeature_metal_section {
    background: url("../images/key-trade_left.png"), url("../images/key-trade_right.png"), #141518;
    background-position: left top -114px, right top -20rem;
    background-size: 55%, 40%;
    background-repeat: no-repeat;
}

.keyfeature_metal_section .accordion-item {
    flex: 1;
    transition: flex 0.3s ease;
    overflow: hidden;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 30px;
    box-sizing: border-box;
    background: transparent;
    border-radius: 10px !important;
    min-height: 570px;
    transition: all 0.8s ease-in-out;
    max-height: 100%;
    border: 1px solid #868686;
}

.keyfeature_metal_section .accordion-item.active {
    background: #252629;
    box-shadow: rgb(27 28 31 / 15%) 0px 8px 24px;
    flex: 6;
    border: 1px solid #35bcea7a;
}

.keyfeature_metal_section .accordion {
    display: flex;
    width: 100%;
    height: auto;
    gap: 20px;
}

.keyfeature_metal_section .accordion-item .sub_heading {
    font-size: 22px;
    letter-spacing: 0px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px;
    right: 0px;
}

.accordion-item.active .horizonal_content {
    display: block;
}

.keyfeature_metal_section .accordion-item.active .sub_heading {
    display: none;
}

.keyfeature_metal_section .horizonal_content img {
    object-fit: contain;
}

.keyfeature_metal_section .accordion-item::before {
    display: none;
}

.keyfeature_metal_section .accordin_number {
    font-size: 24px;
    font-weight: 500;
    top: 25px;
    position: absolute;
    right: 60px;
    color: white;
}

.keyfeature_metal_section .horizonal_content h4 {
    font-size: 22px;
    font-weight: 500;
}

.keyfeature_metal_section .accordion-item.active .horizonal_content h4 {
    font-size: 32px;
}

.keyfeature_metal_section .accordion-item.active .accordin_number {
    right: 30px;
    color: #35bcea;
}

.keyfeature_metal_section .accordion-item::after {
    background: url("../images/arrowup4.png");
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    position: absolute;
    content: "";
    bottom: 20px;
    right: 20px;
}

.keyfeature_metal_section .accordion-item.active::after {
    display: none;
}

.metal_start_section {
    background: url("../images/metal_start.png"), #fff;
    background-position: right -80px center;
    background-size: contain;
    background-repeat: no-repeat;
}

.metal_start_section p {
    color: #141518;
}



/*************************************  **********************************/
/* Indices Trading */
/*************************************  **********************************/

.indices_trading_banner {
    background: url("../images/indices-banner1.png"), #141c2f;
    background-position: right top 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.trades_data h6 {
    color: #141518;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.trades_data span {
    color: #31D58F;
    font-size: 22px;
    font-weight: 600;
}
.product_section.indices_trading {
    padding: 50px 0px !important;
}
.indices_trading .items_inner {
    background: #F6F6F6;
    border-radius: 10px;
    padding: 20px;
}

.slick-slider .btn {
    height: 50px;
    min-width: 120px;
    border-radius: 30px;
    color: #fff !important;
    border: none;
    font-size: 16px;
}

.sell_btn {
    background: #FF0000 !important;
}

.buy_btn {
    background: #31D58F !important;
}

/* .slick-slider {
    width: 120%;
} */

.slick-slide {
    margin: 0 10px;
    /* Adjust the value to set the gap size */
}

.trade_majur_globle_wrapper {
    text-align: center;
    padding: 30px;
}

.trade_majur_globle {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
}

.trade_major_section .col.second {
    border-left: 1px solid #ffffff25;
    border-right: 1px solid #ffffff25;
}

.indice_trade_wrapper {
    padding: 30px 30px 5px;
    background: #F9F9F9;
    border-radius: 7px;
    height: 100%;
    transition: all 0.7s ease;
}

.indices_number {
    font-size: 22px;
    color: #35bcea;
    font-weight: 600;
    line-height: 1.5;

}

.indice_trade_wrapper h5 {
    font-size: 18px;
    font-weight: 600;
    color: #141518;
    line-height: 1.5;
}

.indice_trade_wrapper:hover {
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.key_indices_section.share_why_section.why_IXMH_section.key_cryptocurrency_section {
    background: url("../images/key-trade_left.png"), #141518;
    background-position: left top -114px;
    background-size: 55%;
    background-repeat: no-repeat;
}

.key_indices_section .nav-link::after,
.key_indices_section .nav-link::before {
    display: none;
}

.key_indices_section .nav-pills .nav-link {
    background: #1C1D20;
    border: 0px;
    border-radius: 10px;
    padding: 15px 25px;
    text-align: left;
    font-size: 19px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: 0.5s ease-out;
}

.key_indices_section .nav-pills .nav-link.active {
    background: #35bcea;
}

.key_indices_section .active_show_content {
    color: #fff;
    padding-left: 80px;
}

.key_indices_section .nav {
    gap: 12px;
}

.key_indices_section .image_high {
    font-size: 18px;
}

.key_cryptocurrency_section.key_indices_section .accordion-button {
    background: transparent;
    color: #fff;
    font-weight: 500;
}

.key_cryptocurrency_section.key_indices_section .accordion-item {
    background: #1C1D20;
    box-shadow: unset;
    font-weight: 600;
    color: #141518;
    border-radius: 8px;
    border: 0px;
}

.key_cryptocurrency_section.key_indices_section .accordion-item.active {
    background: #35bcea;
}

.key_cryptocurrency_section.key_indices_section .accordion-button:not(.collapsed) {
    color: #fff;
    padding-bottom: 0px;
    background: transparent;
}

.key_cryptocurrency_section.key_indices_section .accordion-body {
    padding: 35px 20px 30px 127px;
    /* background: #35bcea; */
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.7s ease;
}

.key_indices_section.key_cryptocurrency_section .accordion-button:not(.collapsed) .image_high {
    background-color: #141518;
}

.key_cryptocurrency_section .accordion-item::before {
    display: none;
}

.indices_start_section {
    background: url(../images/indic-strat.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.indices_start_section p {
    color: #141518;

}

.indices_accordian .accordion-item .accordion-button {
    padding: 0px !important;
}

.indices_accordian .accordion-item {
    padding: 20px 40px !important;
}

.indices_accordian .accordion-item .accordion-body {
    padding: 0px 0px 10px 87px;
}

/*************************************  **********************************/
/* crypto Trading */
/*************************************  **********************************/

.crypto_trading_banner {
    background: url("../images/crypto.png"), #141518;
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}

.key_cryptocurrencies {
    background: url("../images/why-crypto-bg-right.png"), url("../images/why-crypto-bg-left.png"), #000009;
    background-position: right top, left top;
    background-size: contain;
    background-repeat: no-repeat;
}

.key_cryptocurrencies .trading_Instruments_card {
    background: url("../images/why-crypto-vec.png"), #1C1D20;
    background-position: right -5px top;
    background-size: 35%;
    background-repeat: no-repeat;
    padding: 60px 30px 10px;
    position: relative;
}

.key_cryptocurrencies .Instruments_number {
    position: absolute;
    top: 30px;
    right: 30px;
}

.key_cryptocurrencies .trading_Instruments_card:hover {
    background-color: #35bcea;
    /* background-size: 0%; */

}

.key_cryptocurrencies .trading_Instruments_card:hover img {
    filter: invert(1) brightness(9);
}

.key_cryptocurrency_section.share_why_section.why_IXMH_section {
    background: url("../images/why-trade-metal.png"), #F9F9F9;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;

}

.key_cryptocurrency_section .accordion-body {
    padding: 35px 20px 20px 127px;
    font-size: 14px;
    color: #5C5F67;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.7s ease;
}

.key_cryptocurrency_section .accordion-item {
    background: white;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    font-weight: 600;
    color: #141518;
    border-radius: 8px;
}

.key_cryptocurrency_section .accordion-button {
    background: white;
    color: #141518;
    font-weight: 600;
}

.key_cryptocurrency_section .accordion-button:not(.collapsed) {
    color: #35bcea;
    padding-bottom: 0px;
}

.key_cryptocurrency_section .accordion-button:not(.collapsed) .image_high {
    background-color: #35bcea;
}

.key_cryptocurrency_section .accordion-button svg {
    margin-left: auto;
    height: 20px;
    animation: all 0.6s ease;
    width: 20px;
}

.key_cryptocurrency_section .accordion-button:not(.collapsed) svg {
    transform: rotate(90deg);
}

.key_cryptocurrency_section .accordion-button:not(.collapsed) svg path {
    stroke: #35bcea;
}

button:focus-visible {
    box-shadow: none;
    border: none;
    outline: none;
}

.strat_tarde_highlight {
    color: #35bcea;
}

.cryptocurrency_start {
    background: url("../images/cryptocurrency-trade.png"), #050719;
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}


/*************************************  **********************************/
/* Master the Futures Market */
/*************************************  **********************************/
.futures_trading_banner {
    background: url("../images/future-market_bg.png"), #141518;
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}

.unlock_future_section p {
    color: #5C5F67;
}

.unlock_future_section {
    background: #F9F9F9;
}

.unlock_future_section.indices_trading .items_inner {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    /* box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.keyfeature_metal_section.why_trade_IXMH .accordion-item {
    padding: 100px 30px 40px;
    max-height: 570px;
}

.features_feature_trading .shares_features_wrapper:hover img {
    object-fit: contain;
    filter: invert(1);
}

.features_feature_trading .shares_features_wrapper:hover p {
    color: #dbdbdb;
}
.features_feature_trading {
    padding: 80px 0px !important;
}
/*************************************  **********************************/
/* Harness the Power of Energy Trading */
/*************************************  **********************************/
.harness_power_banner {
    background: url("../images/harness_power_energy.png"), #141518;
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}

.metal_trading .btn:hover {
    background-color: transparent;
    border-color: #35bcea;
}

.metal_trading .btn:hover span {
    color: #35bcea;
}

.energy_future_section {
    background: #252629;
}

.energy_future_section p {
    color: #ABAFBB;
}

.why_trade_energy .horizonal_content {
    min-width: 500px;
    max-width: 500px;
}

.why_trade_energy .accordion-item {
    padding: 70px 30px 40px;
    min-height: 530px;
    max-height: 530px;
}

.why_trade_energy {
    background: url("../images/choose-line-1.png"), url("../images/choose-line-2.png"), url("../images/key-trade_right.png"), #141518;
    background-position: right bottom, top -130px left -130px, right top -20rem;
    background-size: 28%, 30%, 40%;
    background-repeat: no-repeat;
    padding: 70px 0 55px;
}

.why_trade_energy .accordion-item:first-child {
    background: url(../images/diverse-range.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 0%;
}

.why_trade_energy .accordion-item:nth-child(2) {
    background: url(../images/text-competitive.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 0%;
}

.why_trade_energy .accordion-item:nth-child(3) {
    background: url(../images/text-advanced.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 0%;
}

.why_trade_energy .accordion-item:nth-child(4) {
    background: url(../images/text-educational.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 0%;
}

.why_trade_energy .accordion-item:last-child {
    background: url(../images/text-support.png), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: 0%;
}

.why_trade_energy .accordion-item.active {
    background-size: 70%;
    box-shadow: rgb(27 28 31 / 15%) 0px 8px 24px;
    flex: 7;
    border: 1px solid #35bcea7a;
}

.why_trade_energy .accordion-item.active:nth-child(3),
.why_trade_energy .accordion-item.active:nth-child(5) {
    background-size: 50%;
}

.why_trade_energy .accordion-item:first-child::before {
    background: url("../images/why_energy-1.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px;
}

.choose_section .accordion-item:nth-child(2)::before {
    background: url("../images/why_energy-2.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px;
}

.choose_section .accordion-item:nth-child(3)::before {
    background: url("../images/why_energy-3.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px;
    transform: rotate(-45deg);
    top: -20px;
    right: -20px;
    border: none;
    left: unset;
}

.choose_section .accordion-item:nth-child(4)::before {
    background: url("../images/why_energy-4.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px;
    transform: rotate(-45deg);
    top: -20px;
    right: -20px;
    left: unset;
    border: none;
}

.choose_section .accordion-item:last-child::before {
    background: url("../images/why_energy-5.png"), #1B1C1F;
    background-position: center bottom 2px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px;
    transform: rotate(-45deg);
    top: -20px;
    right: -20px;
    border: none;
    left: unset;
}

.why_trade_energy .accordion-item.active::before,
.why_trade_energy .accordion-item.active::after {
    content: unset !important;
}

.energy_trading_start {
    background: url("../images/energy_start_trading.png"), #001618;
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*************************************  **********************************/
/* contact us */
/*************************************  **********************************/
.contact_banner_section {
    background: url("../images/contact-bg.png"), #141518;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0px 0px;
    min-height: 83vh;
}

.contact_address_section img {
    object-fit: contain;
}

.contact_address_section h4 {
    color: #141518;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}

.contact_address_section p {
    color: #5C5F67;
    font-size: 13px;
    font-weight: 400;
}

.contact_address_section .links_click.loction {
    color: #35bcea !important;
}
.contact_address_section .links_click {
    font-size: 20px;
    color: #35bcea;
    font-weight: 600;
    line-height: 1.1;
}
.contact_address_section .links_click_hover {
    font-size: 20px;
    color: #35bcea;
    font-weight: 600;
    line-height: 1.1;
}
.contact_address_section .links_click:hover {
    color: #141518;
}

.address_inner {
    /* padding: 20px 70px; */
    padding: 20px;
}

.contact_address_section.common_section {
    padding: 70px 0;
}

.contact_form {
    background: #F3F3F3;
}

.form-control:focus {
    color: #141518;
    background-color: #fff;
    border-color: #35bcea;
    outline: 0;
    box-shadow: none;
}

.form-control {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #141518;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
    min-height: 63px;
    transition: all 0.7s ease;
}

input,
textarea {
    color: #5C5F67;
}

.social_media_sec {
    background: #252629;
    padding: 60px 0;
}

.social_media_sec ul li path {
    fill: #fff;
}

.social_media_sec ul li svg {
    font-size: 40px;
    margin: 0px 5px;
}



/*************************************  **********************************/
/* privacy */
/*************************************  **********************************/
.privacy_banner_section {
    background: url("../images/privacy_banner.png"), #141518;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0px 0px;
    min-height: 77vh;
}

.privacy_content_heading {
    color: #141518;
    font-weight: 600;
    font-size: 34px;
    line-height: 1.2;
}

.privacy_section p {
    color: #5C5F67;
    margin-bottom: 0px;
    line-height: 1.9;
}

/*************************************  **********************************/
/* terms */
/*************************************  **********************************/
.terms_banner_section {
    background: url("../images/terms-bg-banner.png"), #141518;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0px 0px;
    min-height: 76vh;
}

.terms_inner {
    border: 1px solid #868686;
    border-radius: 8px;
    padding: 40px 40px;
}

.terms_inner ul {
    padding-left: 20px;
}

.terms_inner ul li {
    list-style: disc;
}

/*************************************  **********************************/
/* faqs */
/*************************************  **********************************/
.faqs_banner_section {
    background: url("../images/faq_banner.png"), #141518;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0px 0px;
    min-height: 76vh;
}

.faqs_banner_section svg {
    position: absolute;
    right: 20px;
    top: 24px;
    cursor: pointer;
}

.faqs_banner_section svg path {
    color: #35bcea;
}

.accordion_faq_wrapper {
    background: #FAFAFA;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: -30px;
}

.accordion_faq_wrapper .accordion-item {
    border: 1px solid #86868675;
    background: transparent;
    border-radius: 6px !important;
}

.accordion_faq_wrapper .accordion-button:not(.collapsed) {
    color: #141518;
    background-color: transparent;
}

.accordion_faq_wrapper .accordion-button {
    background-color: transparent;
    color: #141518;
    padding: 17px 25px;
    gap: 0px;
    font-weight: 600;
}

.accordion_faq_wrapper .accordion-body {
    padding: 0px 25px 20px;
    color: #5C5F67;
    font-size: 13px;
    line-height: 1.9;
}

.accordion_faq_wrapper .accordion-button:not(.collapsed) svg {
    transform: rotate(90deg);
}

.accordion_faq_wrapper .accordion-button:not(.collapsed) svg path {
    stroke: #35bcea;
}

.accordion_faq_wrapper .accordion-button svg {
    margin-left: auto;
    height: 20px;
    animation: all 0.6s ease;
    width: 20px;
}

/*************************************  **********************************/
/* open account */
/*************************************  **********************************/
.open_account_banner {
    background: url("../images/open-tradeing-banner-bg.png"), #141518;
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}

.open_account_step {
    background: url("../images/open_acc_step_bg_left.png"), url("../images/open_acc_step_bg_right.png");
    background-position: left top, right top;
    background-size: contain;
    background-repeat: no-repeat;
}

.dark_color {
    color: #141518 !important;
}

.number_step {
    font-family: "Inika";
    font-weight: bold;
    font-size: 100px;
    color: rgb(197 4 53 / 40%);
}

.step_roadmap_account {
    height: 40px;
    min-width: 40px;
    background: #35bcea;
    border-radius: 100%;
    outline: 5px solid #fff;
    z-index: 1;
}

.open_account_step_wrapper p {
    color: #5C5F67;
    font-size: 13px;
    line-height: 1.9;
}

.steps_inner::before {
    position: absolute;
    content: "";
    height: 100%;
    border-left: 1px dotted #35bcea;
    top: 50%;
    left: 20px;
    transform: translateY(-27%);
}

.account_name_heading {
    font-size: 22px;
}

.open_account_step img {
    object-fit: contain;
}

.open_account_why_IXMH .accordion-item.active {
    background-image: none;
    flex: 5;
}

.open_account_why_IXMH .accordion-item.active .accordin_number {
    right: 30px;
    color: #35bcea;
    bottom: 2rem;
    top: unset;
    left: 0%;
}

.open_account_why_IXMH.why_trade_IXMH .accordion-item {
    padding: 40px 30px 80px;
    max-height: 570px;
    min-height: 500px;
    border-color: transparent;
    background-image: none !important;
}

.open_account_why_IXMH.why_trade_IXMH .accordion-item.active {
    border: 1px solid #35bcea7a;
}

.open_account_why_IXMH .accordin_number {
    right: 75px;
}

.our_feature_section {
    background: #252629;
}

.our_feature_section .highlights_card {
    background: #fff;
    padding: 30px 40px;
    min-height: 100%;
}

.carousel_number {
    color: #35bcea;
    font-weight: 600;
    font-size: 22px;
}

.our_feature_section .highlights_card p {
    color: #5C5F67;
}

.account_interst_section ul li span {
    background: #EDEDED;
    height: 22px;
    min-width: 22px;
    border-radius: 100%;
}

.account_interst_section ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #848199;
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
}

.account_interst_section img {
    object-fit: contain;
}

.Interest_wrapper {
    background: #F3F3F3;
    /* padding: 10px 20px; */
    border-radius: 22px;
}

h3.charges_account {
    color: #231D4F;
    font-size: 26px;
    font-weight: 700;
    line-height: 38px;
}

.account_interst_section ul {
    gap: 15px;
    display: flex;
    flex-direction: column;
    margin: 40px 0px;
}

.Interest_wrapper_inner {
    /* padding: 30px 25px 20px; */
    padding: 30px 40px;
    height: 100%;
    transition: all 0.6s ease;
}


.Interest_wrapper_inner:hover, .Interest_wrapper_inner.hover_active {
    /* min-height: 420px; */
    background: url("../images/active_charges.png"), #35bcea !important;
    background-position: right -18rem center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.05);
    border-radius: 22px;
    /* margin: -20px 0; */
}

.Interest_wrapper_inner:hover .btn span, .Interest_wrapper_inner.hover_active .btn span {
    /* font-weight: 600; */
    color: #35bcea;
}

.Interest_wrapper_inner:hover .charges_account, .Interest_wrapper_inner.hover_active .charges_account {
    color: #fff;
    /* font-weight: 600;
    font-size: 26px; */
}

.account_interst_section .Interest_wrapper_inner:hover ul li, .account_interst_section .Interest_wrapper_inner.hover_active ul li {
    color: #fff;
}
.Interest_wrapper_inner .btn {
    min-width: 100%;
}
.Interest_wrapper_inner:hover .btn, .Interest_wrapper_inner.hover_active .btn {
    background: #fff;
}

.open_account_start {
    background: url("../images/account-start.png"), #001618;
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
}

/*************************************  **********************************/
/* open account */
/*************************************  **********************************/
.meta_banner_section {
    background: url("../images/metatrader-mt4.png"), #141518;
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}

.trading_involes.mt4_about img {
    margin-bottom: -97px;
}

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

.key_account_feature {
    background-image: url("../images/key_account_feature.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.key_account_feature .account_feature_inner .col:first-child .trading_Instruments_card {
    background-image: url("../images/advanced-charting.png");
    background-position: center bottom -100px;
    background-size: 58%;
    background-repeat: no-repeat;
}

.key_account_feature .account_feature_inner .col:nth-child(2) .trading_Instruments_card {
    background-image: url("../images/expert-advise.png");
    background-position: center bottom -100px;
    background-size: 58%;
    background-repeat: no-repeat;
}

.key_account_feature .account_feature_inner .col:nth-child(3) .trading_Instruments_card {
    background-image: url("../images/educational-res.png");
    background-position: center bottom -100px;
    background-size: 58%;
    background-repeat: no-repeat;
}

.key_account_feature .account_feature_inner .col:nth-child(4) .trading_Instruments_card {
    background-image: url("../images/multiple_types_order.png");
    background-position: center bottom -100px;
    background-size: 58%;
    background-repeat: no-repeat;
}

.key_account_feature .account_feature_inner .col:nth-child(5) .trading_Instruments_card {
    background-image: url("../images/reliable-secure.png");
    background-position: center bottom -100px;
    background-size: 58%;
    background-repeat: no-repeat;
}

.key_account_feature .account_feature_inner .col:last-child .trading_Instruments_card {
    background-image: url("../images/mobile-trading.png");
    background-position: center bottom -100px;
    background-size: 58%;
    background-repeat: no-repeat;
}

.mt4_slider img {
    width: fit-content !important;
}

.mt4_slider .highlights_card {
    position: relative;
    overflow: hidden;
}

.mt4_slider .highlights_card::before {
    position: absolute;
    content: "";
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 16px;
    background: #35bcea;
}

.started_mt4_section {
    background: #fff;
}

.open_account_why_IXMH.started_mt4_section .accordion-item {
    background: #F3F3F3;
    min-height: 520px;
    padding-bottom: 10px;
}

.started_mt4_section .accordion-item:nth-child(3) {
    background: #E3E3E3;
}

.started_mt4_section .accordion-item:nth-child(4) {
    background: #D0CCCC;
}

.open_account_why_IXMH.started_mt4_section .accordion-item.active {
    background: #FAFAFA;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-color: transparent;
}

.started_mt4_section .accordion-item::after {
    filter: invert(1);
}

.started_mt4_section .accordion-item .sub_heading,
.started_mt4_section .accordin_number {
    font-size: 30px;
}

.started_mt4_section .accordin_number {
    color: #35bcea;
}

.started_mt4_section .accordion-item.active .horizonal_content h4 {
    font-size: 32px;
}

.started_mt4_section .accordion-item p {
    color: #5C5F67;
}

.started_mt4_section .accordion-item.active .accordin_number {
    top: 25px;
    left: 25px;
    right: unset;
}

.metatrader_start {
    background: url("../images/start-with-metatrader.png"), #0E1E38;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*************************************  **********************************/
/* Trading-metatrader5 */
/*************************************  **********************************/
.meta5_banner_section {
    background: url("../images/mt5_banner.png"), #141518;
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}

.trading_involes.mt5_about img {
    margin-bottom: -62px;
}

.mt5_keyfeatures_section.why_IXMH_section.common_section {
    background: url("../images/key-trade_left.png"), #141518;
    background-position: left top -114px;
    background-size: 55%;
    background-repeat: no-repeat;
}

.mt5_keyfeatures_section .accordion-item {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
}

.mt5_keyfeatures_section .accordion-button {
    background: transparent;
    color: #fff;
    font-weight: 500;
    padding: 25px 25px !important;
    font-size: 20px;
}

.mt5_keyfeatures_section .accordion .accordion-body {
    color: #ABAFBB;
}

.mt5_keyfeatures_section .accordion {
    gap: 20px;
    border: 1px solid #868686b0;
    border-radius: 7px;
}

.mt5_keyfeatures_section .accordion-item {
    position: relative;
    /* padding: 30px 25px; */
}

.mt5_keyfeatures_section .accordion-button:not(.collapsed) {
    color: #fff;
}

.mt5_keyfeatures_section .accordion-item::before {
    position: absolute;
    content: "";
    border-top: 1px solid #ffffff21;
    left: 25px;
    width: 93%;
    z-index: 3;
    display: block;
    top: 0px;
}

.mt5_keyfeatures_section .accordion-item::after {
    position: absolute;
    content: "";
    background: url("../images/arrow_right.png"), #8B8C8E;
    background-position: center;
    background-size: 28%;
    background-repeat: no-repeat;
    height: 26px;
    width: 26px;
    right: 15px;
    top: 29px;
    border-radius: 100%;
    transition: all 0.7s ease;
}

.mt5_keyfeatures_section .accordion-item.active::after {
    background: url("../images/arrow_right.png"), #35bcea;
    background-position: center;
    background-size: 28%;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}

.mt5_keyfeatures_section .accordion-body {
    padding: 0px 25px 25px;
    font-size: 14px;
    color: #5C5F67;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.7s ease;
}

.mt5_slider {
    background: url("../images/mt4-left.png"), url("../images/mt4-right.png"), #0E1221;
    background-position: left bottom, right top;
    background-size: 10%, contain;
    background-repeat: no-repeat;
}

.mt5_slider .highlights_card {
    background: #181B2A;
    padding: 2rem;
    min-height: auto;
}

.mt5_slider .highlights_card h4 {
    font-size: 22px;
}

.mt5_slider .highlights_card p {
    color: #ABAFBB;
}

.metatrader5_start {
    background: url("../images/mt5-start.png"), #0E1221;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*************************************  **********************************/
/* Trading-metatrader5 */
/*************************************  **********************************/
.our_vision_section {
    background: #35bcea;
    margin-bottom: -25px;
    z-index: 1;
    position: relative;
}

.about_section_banner {
    background: url("../images/about-bg.png"), #141518;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.our_vision_section img {
    object-fit: contain;
}

.mission_right_ {
    border-left: 1px solid #fff;
}

.step_features_sec p {
    color: #5C5F67;
    line-height: 1.7;
}

.step_features_sec img {
    object-fit: contain;
    /* margin-top: -30px; */
}

.about_start {
    background: url("../images/about-start.png"), #0E1221;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.our_service_section.common_section.why_IXMH_section {
    background: url("../images/our-service-img.png"), #141518;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.our_service_section .accordion-button {
    padding: 20px 30px;
    font-size: 20px;
}

.our_service_section .accordion-body {
    padding: 20px 30px 30px;
    color: #fff;
    font-weight: 300;
}

.our_service_section .accordion-item::before {
    left: 30px;
    width: 90%;
}

.our_service_section .accordion-button:not(.collapsed) {
    /* padding: 20px 30px; */
    border: none !important;
}

.mission_right_ p {
    color: #5C5F67;
    font-size: 13px;
    font-weight: 300;
}

button.navbar-toggler.border-0 {
    overflow: hidden;
    width: fit-content;
    appearance: none;
}

.platform_content_tab {
    min-height: 550px;
}

.accordion-item  button:focus:not(:focus-visible) {
    outline: 0;
    border: none;
    box-shadow: none;
}