@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');







html,



body,



div,



span,



applet,



object,



iframe,



h1,



h2,



h3,



h4,



h5,



h6,



p,



blockquote,



pre,



a,



abbr,



acronym,



address,



big,



cite,



code,



del,



dfn,



em,



img,



ins,



kbd,



q,



s,



samp,



small,



strike,



strong,



sub,



sup,



tt,



var,



b,



u,



i,



center,



dl,



dt,



dd,



ol,



ul,



li,



fieldset,



form,



label,



legend,



table,



caption,



tbody,



tfoot,



thead,



tr,



th,



td,



article,



aside,



canvas,



details,



embed,



figure,



figcaption,



footer,



header,



hgroup,



menu,



nav,



output,



ruby,



section,



summary,



time,



mark,



audio,



video {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;



    font: inherit;



    vertical-align: baseline;



}







/* HTML5 display-role reset for older browsers */



article,



aside,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section {



    display: block;



}







a {



    text-decoration: none;



    color: #000;



    font-size: 16px;



    line-height: 1.2;



    font-weight: 400;



    transition: all .3s ease-in-out;



}







a:hover {



    color: #5add09;



}







body {



    line-height: 1.2;



    font-family: "Open Sans", sans-serif;



    font-size: 16px;



    color: #000;



    font-weight: 400;



}







ol,



ul {



    list-style: none;



}







blockquote,



q {



    quotes: none;



}







blockquote:before,



blockquote:after,



q:before,



q:after {



    content: '';



    content: none;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







.btn {



    background-color: #092247;



    font-size: 16px;



    font-weight: 500;



    padding: 10px 25px;



    border-radius: 10px;



    color: #fff;



    text-transform: uppercase;



    transition: all .3s ease-in-out;



}







.btn span {



    margin-right: 5px;



}







.btn-blue {



    background-color: #092247;



}







.btn-border.btn {



    background-color: transparent;



    border: 1px solid #092247;



    color: #092247;



}







.container {



    max-width: 1300px;



    padding: 0 30px;



    margin: 0 auto;



}







.slick-slide {



    outline: none;



}







.slick-dots {



    display: block;



    text-align: center;



    margin-top: 20px;



}







.slick-dots li {



    display: inline-block;



    width: auto;



    list-style: none;



    padding: 0 3px;



}











.slick-track {



    display: flex;



}







.slick-track .slick-slide {



    display: flex;



    height: auto;



}







.slick-dots li button {



    font-size: 0;



    min-height: 10px;



    line-height: 10px;



    width: 10px;



    border: none;



    border-radius: 50%;



    position: relative;



    background-color: #0922479e;



    -moz-transition: all 0.4s ease-in-out;



    -webkit-transition: all 0.4s ease-in-out;



    transition: all 0.4s ease-in-out;



    cursor: pointer;



    outline: none;



    position: relative;



    display: inline-block;



    vertical-align: middle;



    transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;



}







.slick-dots li.slick-active button {



    background-color: #092247;



}







@media(hover:hover) {



    .btn:hover {



        background-color: #000;



        color: #fff;



    }







    .btn-border.btn:hover {



        background-color: #092247;



    }







    .btn.btn-white:hover {



        background-color: #092247;



        color: #fff;



    }







    .details-row .details-col:hover .icon {



        transform: scale(1.2);



    }



}







.btn.btn-white {



    background-color: #cf2f41;



    color: #fff;



}







.header-btn {



    margin-left: 30px;



}







.header-btn {



    display: flex;



    gap: 12px;



}







.sec-title {



    font-size: 42px;



    line-height: 1.4;



    font-weight: 700;



    color: #000;



}







.sec-head {



    margin-bottom: 30px;



}







.cms-con p {



    font-size: 16px;



    line-height: 1.6;



    font-weight: 400;



    margin-bottom: 20px;



}







.cms-con p:last-child {



    margin-bottom: 0;



}







.cms-con ul li {



    position: relative;



    padding-left: 28px;



    font-size: 18px;



    line-height: 1.2;



    font-weight: 400;



    margin-bottom: 20px;



    display: block;



}







.cms-con ul li:last-child {



    margin-bottom: 0;



}







.cms-con ul li::before {



    position: absolute;



    content: "";



    left: 0;



    top: 0;



    width: 20px;



    height: 20px;



    background-image: url(../img/svg/list.svg);



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



}







p {



    font-size: 16px;



    line-height: 1.5;



    color: #000;



    font-weight: 400;



}







/* header */







body.is-nav-open {



    overflow: hidden;



}







.header {



    background-color: #fff;



    padding-block: 20px;



    position: relative;



    width: 100%;



    z-index: 10;



    transition: background-color 0.4s ease, box-shadow 0.4s ease, all .4s ease-in-out;



}







.is-header-sticky .header {



    position: fixed;



    top: 0;



    left: 0;



    right: 0;



    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);



    animation: HeaderRise 0.8s linear;



}







@keyframes HeaderRise {



    0% {



        transform: translateY(-100px);



    }







    100% {



        transform: translateY(0);



    }



}







.header-logo {



    display: block;



}







.nav-wrap {



    display: flex;



    align-items: center;







}







.nav-wrap nav>ul {



    list-style: none;



    display: flex;



    align-items: center;



    padding: 0;



    margin: 0;



}







.nav-wrap ul a {



    display: inline-block;



    text-decoration: none;



    color: #000;



    padding: 10px 15px;



    transition: .4s all ease-in-out;



}







.nav-wrap ul li>a {



    font-size: 18px;



}











/* Sub Menu */



.header nav li {



    position: relative;



}







.header .sub-menu ul {



    position: absolute;



    background-color: #f9f9f9;



    border-top: 2px solid #000;



    padding-block: 10px;



    padding-left: 0;



    left: 15px;



    top: 140%;



    transform: translateY(100px);



    opacity: 0;



    visibility: hidden;



    transition: .4s all ease-in-out;



    min-width: 150px;



    border-radius: 10px;



    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);



}







.nav-wrap .sub-menu ul li>a {



    font-size: 16px;



}







.header-logo img {



    max-width: 250px;



    display: block;



    object-fit: cover;



}















@media(min-width:1199px) {



    .nav-wrap ul li:hover>a {



        color: #cf2f41;



    }







}







@media(max-width:1199px) {



    .nav-overlay {



        background-color: rgb(0 0 0 / 50%);



        position: fixed;



        z-index: 8;



        inset: 0;



        transform: translateX(-100%);



        opacity: 0;



        transition: opacity .4s ease-in-out;



    }







    .nav-wrap nav {



        position: fixed;



        inset: 0;



        z-index: 9;



        max-width: 500px;



        background: #fff;



        transform: translateX(-100%);



        transition: .6s all ease-in-out;



    }







    .is-nav-open .nav-overlay,



    .is-nav-open .nav-wrap nav {



        transform: translateX(0);



        opacity: 1;



    }







    .nav-wrap nav>ul {



        display: block;



        padding-top: 10px;



        max-height: calc(100vh - var(--header-height));



        overflow: auto;



        padding-bottom: 30px;



    }







    /* .nav-wrap nav>ul>li+li,



    .nav-wrap nav>ul>li:last-child {



        border-top: 1px solid #f5f5f5;



    } */







    .nav-head {



        padding: 20px 15px;



        border-bottom: 1px solid #ccc;



        display: flex;



        align-items: center;



        justify-content: space-between;



    }







    .navigation-toggler {



        border: none;



        background-color: transparent;



    }







    .header .icon {



        mask-size: 30px;



        mask-repeat: no-repeat;



        width: 30px;



        height: 30px;



        display: block;



    }







    .icon-navigation-burger {



        mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7C4 6.44771 4.44772 6 5 6H24C24.5523 6 25 6.44771 25 7C25 7.55229 24.5523 8 24 8H5C4.44772 8 4 7.55229 4 7Z' fill='%23000000'/%3E%3Cpath d='M4 13.9998C4 13.4475 4.44772 12.9997 5 12.9997L16 13C16.5523 13 17 13.4477 17 14C17 14.5523 16.5523 15 16 15L5 14.9998C4.44772 14.9998 4 14.552 4 13.9998Z' fill='%23000000'/%3E%3Cpath d='M5 19.9998C4.44772 19.9998 4 20.4475 4 20.9998C4 21.552 4.44772 21.9997 5 21.9997H22C22.5523 21.9997 23 21.552 23 20.9998C23 20.4475 22.5523 19.9998 22 19.9998H5Z' fill='%23000000'/%3E%3C/svg%3E");



        background-color: #092247;



        rotate: 180deg;



    }







    .icon-navigation-close {



        mask-image: url("../img/svg/close.svg");



        background-color: #000;



        mask-size: 20px !important;



        mask-position: center;



    }







    .nav-wrap ul li>a {



        width: 100%;



        font-weight: 600;



    }



}







.common-sec {



    padding: 110px 0;



}







/* hero-sec */







.hero-sec {



    background-color: #084597;



}



.hero-vidoe {

    overflow: hidden;

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    top: 0;

    opacity: 0.1;

    height: 100%;

}





.hero-con {

    position: relative;

    z-index: 5;

}





.hero-con .trusted-head {



    display: flex;



    width: fit-content;



    justify-content: center;



    margin: 0 auto;



    align-items: center;



    background-color: rgb(255 255 255 / 0.2);



    padding: 10px 20px;



    margin-bottom: 15px;



    border-radius: 100px;



}







.hero-con .trusted-head span {



    color: #fff;



    padding-left: 5px;



}







.hero-title {



    font-size: 80px;



    font-weight: 800;



    color: #fff;



    line-height: 1.1;



    margin-bottom: 20px;



}







.hero-con .cms-con p {



    font-size: 16px;



    color: #dbeafe;



    line-height: 1.5;



    text-align: center;



}







.hero-con .cms-con {



    margin-bottom: 35px;



}







.hero-con {



    max-width: 982px;



    margin: 0 auto;



}







.hero-card {



    padding: 24px;



    border-radius: 12px;



    background-color: rgb(255 255 255 / 0.15);



    transition: all .3s ease-in-out;



    cursor: pointer;



    height: 100%;



}











.hero-card .hero-card-name {



    font-size: 16px;



    font-weight: 600;



    color: #bfdbfe;



    display: block;



    margin-bottom: 10px;



}











.hero-card .hero-card-details span {

    font-weight: 800;

}







.hero-card .box-1 span {



    background: linear-gradient(to right, #f97316, #facc15);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



}







.hero-card .box-2 span {



    background: linear-gradient(to right, #4ade80, #10b981);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



}







.hero-card .box-3 span {



    background: linear-gradient(to right, #f472b6, #a855f7);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



}







.hero-card-details {



    font-size: 36px;



    font-weight: 700;



    color: #fff;



}



.hero-card-details span {

    font-size: 36px;



}







.hero-con .hero-btns {



    margin-top: 25px;



    text-align: center;



}







.circle-move {



    position: absolute;



    width: 100px;



    height: 100px;



    border-radius: 100px;



    background-color: #ffffff1a;



    top: 40px;



    left: 40px;



    animation: moveUpDown 3s ease-in-out infinite;



}







.circle-move.three {



    top: 150px;



    width: 60px;



    height: 60px;



    bottom: inherit;



    left: inherit;



    right: 100px;



    animation: moveUpDown 3s ease-in-out infinite;



}







@keyframes moveUpDown {







    0%,



    100% {



        transform: translateY(0);



    }







    50% {



        transform: translateY(-20px);



    }



}







.circle-move.two {



    top: inherit;



    width: 60px;



    height: 60px;



    bottom: 100px;



    left: 60px;



    animation-duration: 2s;



    animation: moveDownFirst 3s ease-in-out infinite;



}







@keyframes moveDownFirst {







    0%,



    100% {



        transform: translateY(0);



    }







    50% {



        transform: translateY(20px);



    }



}







/* details-sec */







.details-sec {



    background-color: rgb(239 246 255);



    padding: 65px 0;



}







.details-row {



    gap: 5px;



}







.details-row .details-col {



    flex: 0 0 calc((100% - 35px) / 8);



    max-width: calc((100% - 35px) / 8);



    text-align: center;



    transition: all .3s ease-in-out;



    cursor: pointer;



}















.details-row .details-col .d-icon {



    background: #fff;



    box-shadow:



        0px 1px 2px rgba(0, 0, 0, 0.05),



        0px 10px 25px rgba(0, 119, 255, 0.08);



    display: flex;



    align-items: center;



    justify-content: center;



    width: 64px;



    height: 65px;



    border-radius: 12px;



    margin: 0 auto;



    transition: all .3s ease-in-out;



}







.details-row .details-col .d-icon img {



    max-width: 24px;



    max-width: 24px;



}







.details-col .name {



    margin-top: 15px;



    font-size: 14px;



    font-weight: 600;



    color: #374151;



}







.trading-con .cms-con p {



    margin-bottom: 30px;



    color: #4b5563;



}







.trading-con .cms-con ul li {



    color: #374151;



}







.trading-img img {



    width: 100%;



    object-fit: cover;



    aspect-ratio: 600/400;



}







.trading-img {



    border-radius: 10px;



    overflow: hidden;



}







/* exchanges-platform-sec */







.exchanges-platform-sec {



    background-color: #f9fafb;



}







.exchanges-platform-sec .sec-title {



    margin-bottom: 10px;



}







.exchanges-platform-sec .sec-head+.cms-con p {



    font-size: 20px;



    color: #4b5563;



}







.platform-box {



    background-color: #fff;



    border-radius: 20px;



    padding: 35px 30px;



    box-shadow:



        0px 9px 6px rgba(0, 0, 0, 0.1);



    transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;



    cursor: pointer;



    position: relative;



    overflow: hidden;



}







.platform-box .stock-name {



    font-size: 28px;



    line-height: 1.2;



    font-weight: 700;



    transition: all .3s ease-in-out;



    max-width: 80%;



}







.platform-box-head {



    position: relative;



    z-index: 2;



    margin-bottom: 20px;



}







.platform-box-body {



    position: relative;



    z-index: 2;



}







.platform-box-body .cms-con ul li {



    margin-bottom: 18px;



    font-size: 16px;



    font-weight: 600;



    color: #37415c;



    transition: all .3s ease-in-out;



}







.platform-box .arrow {



    background-color: #dbeafe47;



    width: 48px;



    height: 48px;



    display: flex;



    justify-content: center;



    align-items: center;



    border-radius: 100px;



}







.exchanges-platform-row {



    margin-top: 45px;



}







/* why-choose-sec */







.why-choose-sec .sec-head {



    margin-bottom: 10px;



}







.why-choose-box-icon {



    background-color: #092247;



    width: fit-content;



    margin: 0 auto;



    padding: 20px;



    max-height: 64px;



    height: fit-content;



    border-radius: 10px;



    transition: all .3s ease-in-out;



}







.why-choose-box-icon img {



    width: 24px;



    max-height: 24px;



    filter: invert(1) brightness(10);



}







.why-choose-box-body {



    margin-top: 28px;



}







.why-choose-box-title {



    font-size: 24px;



    font-weight: 700;



    line-height: 1.2;



    margin-bottom: 20px;



}







.why-choose-box {



    border-radius: 12px;



    box-shadow: rgba(0, 0, 0, 0.1) 0px 9px 6px;



    background: #ffffff;



    padding: 30px;



    height: 100%;



    border: 2px solid #cf2f413d;



    padding: 30px;



    cursor: pointer;



    height: 100%;



    transition: all .3s ease-in-out;



}







.why-choose-row {



    margin-top: 45px;



}







/* trading-platform-sec */







.trading-platform-sec {



    background-color: #eff6ff;



}







.trading-platform-con .sec-head {



    margin-bottom: 15px;



}







.trading-platform-con .cms-con {



    margin-bottom: 30px;



}







.trading-platform-con .btn {



    font-size: 14px;



    padding: 8px 15px;



}







.trading-platform-img img {



    width: 100%;



    border-radius: 12px;



}







.live-lable {



    background-color: #fff;



    width: fit-content;



    padding: 15px 35px;



    position: absolute;



    bottom: -28px;



    right: -10px;



    font-size: 16px;



    text-transform: capitalize;



    font-weight: 600;



    border-radius: 10px;



    animation: moveUpDown 3s ease-in-out infinite;



}







@keyframes pulse {







    0%,



    100% {



        transform: scale(1);



        opacity: 1;



    }







    50% {



        transform: scale(1.6);



        opacity: 0.4;



    }



}











.live-lable span {



    width: 10px;



    height: 10px;



    background-color: #10b981;



    display: block;



    border-radius: 100px;



    margin-right: 10px;



    animation: pulse 1.2s ease-in-out infinite;







}







.trading-platform-btn {



    gap: 10px;



}







.trading-platform-boxs {



    margin-top: 35px;



    gap: 20px;



}







.trading-platform-box {



    background-color: #fff;



    flex: 0 0 calc(50% - 10px);



    max-width: calc(50% - 10px);



    padding: 25px 20px;



    border-radius: 12px;



    box-shadow: 0px 9px 6px rgba(0, 0, 0, 0.1);



}







.trading-platform-box .number {



    font-size: 30px;



    font-weight: 700;



    color: #092247;



    margin-bottom: 10px;



}







/* open-account-sec */







.open-account-sec {



    background-color: #092247;



}







.open-account-img img {



    width: 100%;



    object-fit: cover;



    border-radius: 12px;



}







.open-account-box {



    background-color: rgb(255 255 255 / 0.1);



    padding: 35px 25px;



    border-radius: 12px;



    margin-bottom: 30px;



}







.open-account-box p {



    color: #dbeafe;



    margin-bottom: 20px;



}







.open-account-con .sec-title {



    margin-bottom: 25px;



}







.open-account-body {



    color: #fff;



    gap: 25px;



}







.open-account-user span {



    margin-right: 5px;



}







/* testimonial-sec */







.testimonials-sec.common-sec {



    background-color: #f9fafb;



}







.testimonials-box {



    border-radius: 12px;



    background: #ffffff;



    padding: 25px 20px;



    position: relative;



    height: 100%;



}







.testimonials-box-wrapper {



    padding-bottom: 8px;



    height: 100%;







}







.testimonials-box::before {



    position: absolute;



    content: "";



    left: 0;



    right: 0;



    top: 0;



    width: 100%;



    height: 100%;



    box-shadow: 0px 9px 6px rgba(0, 0, 0, 0.1);



    border-radius: 12px;



}







.testimonials-box .cms-con p {



    font-style: italic;



}







.testimonials-img img {



    width: 100%;



    object-fit: cover;



    border-radius: 12px;



}







.testimonials-box .review img {



    max-width: 150px;



}







.testimonials-box .review {



    margin-bottom: 15px;



    display: block;



}







.testimonials-box .cms-con {



    margin-bottom: 20px;



}







.client-img {



    max-width: 48px;



    height: 48px;



    overflow: hidden;



    border-radius: 100px;



    margin-right: 15px;



}







.client-img img {



    width: 100%;



}







.client-name .name {



    font-size: 16px;



    font-weight: 600;



    margin-bottom: 4px;



}







.client-name span {



    font-size: 14px;



    color: #0C61B0;



}







.testimonials-slider {



    margin-top: 20px;



}







.testimonials-sec .slick-initialized .slick-slide {



    margin: 0 5px;



}







/* faq-sec */







.faq-con {



    max-width: 80%;



    margin: 0 auto;



}







.faq-con-inner .accordion-item {



    margin-bottom: 20px;



    border: 0;



    background-color: #eff6ff;



    border-radius: 8px;



    overflow: hidden;



    border-bottom: 1px solid #0c61b069;



}







.faq-con-inner .accordion-item:last-child {



    margin-bottom: 0;



}







.faq-con-inner .accordion-button:focus {



    outline: none;



    box-shadow: none;



    border: none;



}







.faq-con-inner .accordion-header .accordion-button {



    font-size: 18px;



    font-weight: 600;



    background-color: #eff6ff;



    color: #000;



}







.faq-con-inner .accordion-body,



.faq-con-inner .accordion-header .accordion-button {



    padding: 20px 25px;



    box-shadow: none;



}







.faq-con-inner {



    margin-top: 40px;



}







.faq-con-inner .accordion-body {



    padding-top: 0;



}







.accordion-item:last-of-type .accordion-button.collapsed {



    border-radius: 0;



}







/* start-trading-sec */







.start-trading-sec {



    background-color: #eff6ff;



    overflow: hidden;



}







.start-trading-steps .step-number {



    background: linear-gradient(135deg, #cf2f41, #092247);



    width: fit-content;



    font-size: 33px;



    font-weight: 500;



    line-height: 1;



    width: 80px;



    height: 80px;



    display: flex;



    align-items: center;



    justify-content: center;



    border-radius: 100px;



    color: #fff;



    margin: 0 auto;



}







.start-trading-steps .step-name {



    font-size: 20px;



    line-height: 1.2;



    margin: 13px 0;



    font-weight: 600;



    color: #092247;



}







.start-trading-steps .start-steps p {



    color: #000;



}







.start-steps.position-relative::after {



    position: absolute;



    content: "";



    left: 60%;



    width: 100%;



    border: 1px dashed #0C61B0;



    height: 1px;



    top: 40px;



    z-index: -1;



}







.start-trading-steps {



    margin-top: 45px;



}







/* footer */







.sticky-whatsapp-btn a {

    position: fixed;

    right: 15px;

    bottom: 150px;

    width: 60px;

    height: 60px;

    background-color: #1cd766;

    text-align: center;

    vertical-align: middle;

    border-radius: 50%;

    z-index: 99;

    padding: 15px;

    animation: breathe 2s ease-in-out infinite

}



@keyframes breathe {

    0% {

        box-shadow: 0 0 0 0 rgba(37, 211, 102, .5)

    }



    70% {

        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0)

    }



    100% {

        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)

    }

}







.footer-main {



    padding-top: 50px;



    background-color: #000;



}







.footer-box .header-logo {



    margin-bottom: 20px;



}







.footer-box p {



    color: #fff;



    max-width: 80%;



}







.footer-box .footer-title {



    font-size: 20px;



    font-weight: 700;



    margin-bottom: 20px;



    color: #fff;



}







.footer-box ul li a {



    font-size: 16px;



    margin-bottom: 15px;



    display: block;



    color: #fff;



}







.footer-box ul li a:hover {



    color: #cf2f41;



}











.social-media {



    display: flex;



    align-items: center;



    column-gap: 20px;



    font-size: 0;



}















.social-media a {



    display: block;



    width: 20px;



    height: 20px;



    position: relative;



    font-weight: 400;



    overflow: hidden;



    transition: all 0.4s ease-in-out;



}















.social-media i {



    font-size: 0;



    position: absolute;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;



    width: 100%;



    height: 100%;



    margin: auto;



    background-color: #fff;



    transition: all 0.4s ease-in-out;



    mask-position: center;



    mask-repeat: no-repeat;



    mask-size: contain;







}







.social-media i:hover {



    background-color: #cf2f41;



}







.social-media .fb i {



    mask-image: url(../img/svg/facebook.svg);



}







.social-media .instagram i {



    mask-image: url(../img/svg/instagram.svg);



}











.social-media .twitter i {



    mask-image: url(../img/svg/twitter.svg);



}







.social-media .linkedin i {



    mask-image: url(../img/svg/linkedin.svg);



}







.footer-main .copy-right {



    border-top: 1px solid #ccc;



    padding: 20px 0;



    margin-top: 40px;



}







.footer-main .copy-right p,



.footer-main .copy-right p a {



    color: #fff;



    font-size: 14px;



}







.footer-main .copy-right p a:hover {



    color: #cf2f41;



}







/* mask-image */







.btn {



    position: relative;



}







.icon-span .icon {



    font-size: 0;



    position: absolute;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;



    width: 100%;



    height: 100%;



    margin: auto;



    background-color: #fff;



    transition: all 0.4s ease-in-out;



    mask-position: center;



    mask-repeat: no-repeat;



    mask-size: contain;







}



.help-number p,.help-number p a{
    color: #fff;
}



.icon-span {



    position: relative;



    width: 20px;



    height: 20px;



    display: inline-block;



    vertical-align: middle;



}







.web-platform.icon {



    mask-image: url(../img/svg/web-platform.svg);



}







.desktop.icon {



    mask-image: url(../img/svg/desktop.svg);



}







.dow.icon {



    mask-image: url(../img/svg/dow.svg);



}







.trading-platform-con .desktop.icon,



.trading-platform-con .dow {



    background-color: #092247;



}







.trading-platform-con .btn:hover .desktop.icon,



.trading-platform-con .btn:hover .dow {



    background-color: #fff;



}







.open-account-con .dow.icon {



    background-color: #fff;



}







.open-account-con .btn:hover .dow.icon {



    background-color: #fff;



}



.open-account-con .btn.btn-white:hover {

    background-color: #000;

}



.step-register-btn {

    margin-top: 40px;

}



@media(hover:hover) {



    .hero-card:hover {



        transform: scale(1.1);



    }







    .platform-box::after {



        position: absolute;



        left: 0;



        top: 0;



        content: "";



        right: 0;



        bottom: 0;



        width: 100%;



        height: 100%;



        background: linear-gradient(162deg, #cf2f41, #092247);



        overflow: hidden;



        z-index: 1;



        opacity: 0;



        transition: opacity 0.3s ease-in-out;



    }







    .platform-box:hover {



        color: #fff;



        transform: translateY(-10px);



    }







    .platform-box:hover::after {



        opacity: 1;



    }







    .platform-box:hover .cms-con ul li::before {



        filter: brightness(0) invert(1);



    }







    .platform-box:hover .cms-con ul li {



        color: #fff;



    }







    .why-choose-box:hover {



        transform: translateY(-10px);



    }







    .why-choose-box:hover .why-choose-box-icon img {



        filter: invert(1) brightness(10);



    }







    .why-choose-box:hover .why-choose-box-icon {



        background-color: #cf2f41;



    }



}







@media screen and (max-width: 1600px) {



    .common-sec {



        padding: 100px 0;



    }



}







@media screen and (max-width: 1460px) {



    .common-sec {



        padding: 90px 0;



    }







    .hero-title {



        font-size: 60px;



    }



    .platform-box .stock-name {

        font-size: 24px;

    }



}







@media screen and (max-width: 1348px) {}







@media screen and (max-width: 1299px) {



    .common-sec {



        padding: 80px 0;



    }







    .hero-title {



        font-size: 50px;



    }







    .details-sec {



        padding: 55px 0;



    }







    .why-choose-box {



        padding: 25px;



    }







    .platform-box {



        padding: 30px 25px;



    }



    .why-choose-box-title {

        font-size: 22px;

        margin-bottom: 15px;

    }



}







@media screen and (max-width: 1199px) {



    .common-sec {



        padding: 70px 0;



    }







    p {



        font-size: 14px;



    }







    .cms-con ul li {



        font-size: 16px;



    }







    .cms-con p {



        font-size: 14px;



    }









    .sec-title {



        font-size: 30px;



    }







    .sec-head {



        margin-bottom: 18px;



    }







    .header-logo img {



        max-width: 140px;



    }







    .header {



        padding: 15px 0;



    }







    .open-account-box {



        padding: 25px 22px;



    }







    .faq-con {



        max-width: 90%;



    }







    .trading-con .cms-con p {



        margin-bottom: 20px;



    }







    .details-row {



        flex-wrap: wrap;



        justify-content: center;



        gap: 20px;



    }







    .details-row .details-col {



        flex: 0 0 calc((100% - 80px) / 5);



        max-width: calc((100% - 80px) / 5);



    }







    .details-sec {



        padding: 45px 0;



    }







    .footer-box .header-logo {



        margin-bottom: 10px;



    }







    .circle-move.two {



        bottom: 50px;



    }



}







@media screen and (max-width: 1023px) {}







@media screen and (max-width: 992px) {



    .container {



        padding: 0 15px;



    }







    .cms-con ul li {



        font-size: 14px;



        margin-bottom: 15px;



    }







    .sec-head {



        margin-bottom: 15px;



    }







    .sec-title {



        font-size: 28px;



    }







    .hero-card {



        padding: 18px;



    }







    .hero-title {



        font-size: 40px;



    }







    .start-trading-steps .step-number {



        width: 65px;



        height: 65px;



    }







    .trading-platform-boxs {



        max-width: 70%;



    }







    .platform-box .stock-name {



        font-size: 22px;



    }







    .platform-box {



        padding: 20px 15px;



        border-radius: 12px;



    }







    .testimonials-box {



        padding: 20px;



    }







    .testimonials-slider {



        margin-top: 10px;



    }







    .trading-con .cms-con p {



        margin-bottom: 13px;



    }







    .why-choose-box-body {



        margin-top: 20px;



    }







    .why-choose-box-icon {



        padding: 16px;



    }







    .why-choose-box-title {



        margin-bottom: 5px;



        font-size: 20px;



    }







    .faq-con {



        max-width: 100%;



    }







    .common-sec {



        padding: 60px 0;



    }







    .footer-box .header-logo+p {



        margin-bottom: 25px;



    }







    .footer-main .copy-right {



        margin-top: 30px;



    }







    .footer-main {



        padding-top: 35px;



    }







    .platform-box-body .cms-con ul li {



        font-size: 14px;



    }







    .hero-con .cms-con {



        margin-bottom: 25px;



    }







    .start-steps.position-relative::after {



        top: 32px;



    }







    .exchanges-platform-sec .sec-head+.cms-con p {



        font-size: 16px;



    }







    .exchanges-platform-sec .sec-head+.cms-con p br {



        display: none;



    }







    .circle-move {



        width: 70px;



        height: 70px;



    }



    .hero-card .hero-card-name {

        font-size: 14px;

    }



    .hero-card-details,

    .hero-card-details span {

        font-size: 28px;

    }



    .step-register-btn {

        margin-top: 30px;

    }



}







@media screen and (max-width: 767px) {



    .common-sec {



        padding: 50px 0;



    }









    .hero-title {



        font-size: 35px;



    }







    .trading-img {



        margin-bottom: 20px;



    }













    .open-account-con .sec-title {



        margin-bottom: 15px;



    }







    .open-account-box {



        margin-bottom: 20px;



    }







    .trading-platform-boxs {



        max-width: 90%;



    }







    .trading-platform-box {



        padding: 15px 20px;



    }







    .details-row .details-col {



        flex: 0 0 calc((100% - 80px) / 4);



        max-width: calc((100% - 80px) / 4);



    }







    .why-choose-box {



        padding: 20px;



    }







    .details-sec {



        padding: 35px 0;



    }







    .hero-con .cms-con p br {



        display: none;



    }



    .hero-card .hero-card-name {

        min-height: 33px;

    }



}







@media screen and (max-width: 568px) {







    .common-sec {



        padding: 40px 0;



    }







    .btn {



        font-size: 14px;



    }





    span {



        font-size: 14px;



    }







    .sec-head {



        margin-bottom: 10px;



    }







    .hero-con .trusted-head span {



        font-size: 13px;



    }







    .trusted-head svg {



        width: 20px;



    }







    .hero-con .trusted-head {



        padding: 10px 13px;



    }







    .hero-title {



        margin-bottom: 15px;



    }







    .hero-con .cms-con p {



        font-size: 14px;



    }







    .hero-con .cms-con {



        margin-bottom: 15px;



    }







    .hero-card .hero-card-name {



        font-size: 16px;





        min-height: fit-content;



    }







    .hero-card .hero-card-details span {

        display: inline-block;

    }







    .platform-box .arrow {



        width: 38px;



        height: 38px;



    }







    .header-btn {



        position: fixed;



        bottom: 0;



        left: 0;



        gap: 0;



        width: 100%;



        margin-left: 0;



        z-index: 9;



    }







    .header-btn .btn {



        flex: 0 0 50%;



        max-width: 50%;



        border-radius: 0;



    }







    .details-col .name {



        font-size: 16px;



    }







    .trading-platform-btn {



        flex-wrap: wrap;



    }







    .trading-platform-box .number {



        font-size: 25px;



    }







    .trading-platform-boxs {



        max-width: 100%;



    }







    .trading-platform-boxs {



        margin-top: 25px;



        gap: 10px;



    }







    .trading-platform-box {



        padding: 13px 10px;



    }







    .open-account-img {



        margin-bottom: 15px;



    }







    .faq-con-inner .accordion-header .accordion-button {



        font-size: 16px

    }







    .footer-box .footer-title {



        font-size: 16px;



        margin-bottom: 15px;



    }







    .footer-box {



        margin-bottom: 25px;



    }







    .footer-box .header-logo+p {



        margin-bottom: 0;



    }







    .footer-main .copy-right {



        margin-top: 20px;



    }







    .footer-main {



        padding-top: 30px;



    }







    .footer-main .copy-right {



        padding-bottom: 50px;



    }







    .start-steps {



        margin-bottom: 20px;



    }







    .start-trading-steps .step-name {



        margin-top: 0;



        margin-bottom: 5px;



    }







    .start-steps .box-body {



        padding-left: 10px;



    }







    .footer-box ul li a {



        font-size: 14px;



        margin-bottom: 10px;



    }







    .trusted-head img {



        max-width: 20px;



    }







    .header-btn .btn.btn-white {



        background-color: #cf2f41;



        color: #ffffff;



    }







    .footer-box p {



        max-width: 100%;



    }







    .why-choose-box {



        display: flex;



        flex-direction: row;



    }







    .why-choose-box-body {



        text-align: left !important;



        padding-left: 15px;



    }







    .why-choose-box-body {



        margin-top: 0;



    }







    .details-row .details-col .d-icon {



        width: 55px;



        height: 55px;



    }







    .start-steps {



        display: flex;



        text-align: left !important;



        flex-direction: row;



    }







    .start-steps.position-relative::after {



        width: 111px;



        height: 111px;



        border: 0;



        border-left: 1px dashed #0C61B0;



        left: 27.5px;



    }







    .start-trading-steps .step-number {



        width: 55px;



        height: 55px;



        font-size: 30px;



    }







    .hero-card {



        padding: 15px;

        width: 85%;

        margin: 0 auto;

    }







    .why-choose-box-icon {



        margin-left: 0;



        margin-right: 0;



    }







    .platform-box .stock-name {



        word-break: break-all;



        max-width: 80%;



    }







    .circle-move.three {



        top: 120px;



        width: 40px;



        height: 40px;



        right: 20px;



    }







    .circle-move {



        width: 50px;



        height: 50px;



    }







    .circle-move.two {



        left: 20px;



    }







    .start-trading-steps {



        margin-top: 25px;



    }



    .hero-btns .btn-white {



        margin-bottom: 10px;



    }







    .hero-btns {



        display: flex;



        flex-direction: column;



        justify-content: center;



        width: fit-content;



        margin-left: auto;



        margin-right: auto;



    }



    .details-row .details-col {

        flex: 0 0 calc((100% - 40px) / 3);

        max-width: calc((100% - 40px) / 3);

    }



    .platform-box .stock-name {

        font-size: 24px;

    }



    .step-register-btn {

        margin-top: 15px;

    }



    .sticky-whatsapp-btn a {

        bottom: 110px;

        width: 50px;

        height: 50px;

        padding: 10px;

    }



    .sticky-whatsapp-btn img {

        padding: 2px;

    }



    .nav-wrap nav {

        max-width: 320px;

    }

}







@media screen and (max-width: 380px) {}







.contact-section {
  padding: 80px 10%;
  background: #fff;
}

.contact-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

.contact-info {
  flex: 1 1 45%;
}

.contact-info-header {
    border-left: 3px solid #0046be;
    padding-left: 12px;
    margin-bottom: 50px;
}

.contact-info-header h4 {
    font-size: 18px;
    font-weight: bold;
    color: #cf2f41;
    line-height: 1.4;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.contact-info-header h2 {
  font-size: 32px;
  font-weight: 600;
  color: #111;
  line-height: 1.4;
  margin-bottom: 5px;
}


.info-box .info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
}

.info-item .icon {
  font-size: 26px;
  color: #0046be;
  margin-right: 15px;

    width: 50px;
    height: 50px;
    display: flex;
     align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #000000;
   
}
.info-item .icon .fa-phone {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSJNMjEgMTYuNDJWMTkuOTU2MUMyMSAyMC40ODExIDIwLjU5NDEgMjAuOTE2NyAyMC4wNzA1IDIwLjk1MzdDMTkuNjMzMSAyMC45ODQ2IDE5LjI3NjMgMjEgMTkgMjFDMTAuMTYzNCAyMSAzIDEzLjgzNjYgMyA1QzMgNC43MjM3MSAzLjAxNTQ1IDQuMzY2ODcgMy4wNDYzNSAzLjkyOTVDMy4wODMzNyAzLjQwNTg4IDMuNTE4OTQgMyA0LjA0Mzg2IDNINy41ODAxQzcuODM2NzggMyA4LjA1MTc2IDMuMTk0NDIgOC4wNzc1MyAzLjQ0OThDOC4xMDA2NyAzLjY3OTA3IDguMTIyMTggMy44NjMxNCA4LjE0MjA3IDQuMDAyMDJDOC4zNDQzNSA1LjQxNDcyIDguNzU3NTMgNi43NTkzNiA5LjM0ODcgOC4wMDMwM0M5LjQ0MzU5IDguMjAyNjUgOS4zODE3MSA4LjQ0MTU5IDkuMjAxODUgOC41NzAwNkw3LjA0MzU1IDEwLjExMThDOC4zNTc1MiAxMy4xODExIDEwLjgxODkgMTUuNjQyNSAxMy44ODgyIDE2Ljk1NjVMMTUuNDI3MSAxNC44MDE5QzE1LjU1NzIgMTQuNjE5OSAxNS43OTkgMTQuNTU3MyAxNi4wMDEgMTQuNjUzMkMxNy4yNDQ2IDE1LjI0MzkgMTguNTg5MSAxNS42NTY2IDIwLjAwMTYgMTUuODU4NEMyMC4xMzk2IDE1Ljg3ODIgMjAuMzIyNSAxNS44OTk1IDIwLjU1MDIgMTUuOTIyNUMyMC44MDU2IDE1Ljk0ODMgMjEgMTYuMTYzMyAyMSAxNi40MloiPjwvcGF0aD48L3N2Zz4=);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}

.info-item .icon .fa-envelope {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSJNMyAzSDIxQzIxLjU1MjMgMyAyMiAzLjQ0NzcyIDIyIDRWMjBDMjIgMjAuNTUyMyAyMS41NTIzIDIxIDIxIDIxSDNDMi40NDc3MiAyMSAyIDIwLjU1MjMgMiAyMFY0QzIgMy40NDc3MiAyLjQ0NzcyIDMgMyAzWk0yMCA3LjIzNzkyTDEyLjA3MTggMTQuMzM4TDQgNy4yMTU5NFYxOUgyMFY3LjIzNzkyWk00LjUxMTQ2IDVMMTIuMDYxOSAxMS42NjJMMTkuNTAxIDVINC41MTE0NloiPjwvcGF0aD48L3N2Zz4=");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}



.info-content h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.info-content a {
  margin: 5px 0 0;
  font-size: 15px;
  color: #666;
  display:inline-block;
}

.contact-form {
  flex: 1 1 45%;
  background: #fff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
}

.contact-form .small-text {
  color: #cf2f41;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}

.contact-form h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #111;
}

.contact-form form {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.contact-form label {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  transition: border 0.3s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #0046be;
}

.contact-form textarea {
  resize: none;
  height: 120px;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    margin-bottom:10px;
}
.wpcf7-not-valid-tip{
    font-size: 14px !important;
}

.contact-form .wpcf7-submit {
  background-color: #092247;
  color: #fff;
  font-weight: 600;
  padding: 12px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.contact-form .wpcf7-submit:hover {
  background-color: #cf2f41;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.ww-btn .btn img{
	max-width:25px;
	    margin-right: 10px;
}


.ww-btn .btn{
    width: 190px;
    margin: 0 auto;
	background:#1cd766;
}

/* Responsive */
@media (max-width: 900px) {
  .contact-container {
    display: block;
  }
    .contact-section {
        padding: 50px 20px;
    }
    .contact-form{
        margin-top:30px;
        
    }

}
@media (max-width: 767px) {
    .contact-section{
        padding:50px 0;
    }
    .contact-info-header h2 {
        font-size: 26px;
        line-height: 1.25;
    }
    .contact-form{
        padding: 20px;
    }
}