body,
html {
    /*font-family: "Manrope", sans-serif;
    font-size: 10px;
    margin: 0;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', sans-serif;
}

ul,
ol,
table {
    margin: 0;
    padding: 0;
}

.header {
    /* height: 100vh; */
}


.customBtn {
    background: #ff5100;
    height: 4.2rem;
    padding: 0 2rem;
    color: #fff;
    outline: none;
    border: 0;
    font-size: 1.6rem;
    margin: 0;
    font-weight: bold;
    border-radius: 0;
    /* border: .2rem solid #fbaa38; */
    text-transform: capitalize;
    transition: all 0.5s ease-out;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.customBtn i {
    margin: 0 0 0 1rem;
}

.customBtn span {
    position: relative;
    z-index: 1;
    transition: all 0.7s ease-out;
}

.customBtn:before,
.customBtn:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 2rem;
    height: 2rem;
    background-color: #4c61ff;
    border-radius: 50%;
}

.customBtn:before {
    left: -2rem;
    transform: translate(-50%, -50%);
}

.customBtn:after {
    right: -2rem;
    transform: translate(50%, -50%);
}

.customBtn:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.customBtn:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
    animation: criss-cross-right 0.8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.customBtn:hover {
    border-color: #6744ff;
}

.customBtn:hover span {
    color: #fff;
}

@keyframes criss-cross-left {
    0% {
        left: -2rem;
    }

    50% {
        left: 50%;
        width: 2rem;
        height: 2rem;
    }

    100% {
        left: 50%;
        width: 37.5rem;
        height: 37.5rem;
    }
}

@keyframes criss-cross-right {
    0% {
        right: -2rem;
    }

    50% {
        right: 50%;
        width: 2rem;
        height: 2rem;
    }

    100% {
        right: 50%;
        width: 37.5rem;
        height: 37.5rem;
    }
}

.customNavbarMove {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.headerContentGrid {
    /* display: grid;
    grid-template-columns: 50% 40%;
    justify-content: space-between;
    position: relative;
    align-items: center; */
}

/* .header:before{
    content: '';
    background: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: center top;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.header:after{
    content: '';
    background-image: url(../images/slide/bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
} */

/* .headerVideo {
    transform: scale3d(1, 1, 1);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -100;
    background-position: 50% center;
    background-size: cover;
    margin: auto;
    position: absolute;
    inset: -100%;
    animation: 2s ease 0s 1 normal none running zoomOut;
} */

.headerContent {
    /* margin: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 7.4rem 0 0; */
}

/* .headerContent:before{
    content: '';
    background-image: url(../images/slide/linechart.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
} */

.leftToRight {
    -webkit-animation-name: leftToRight;
    animation-name: leftToRight;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes leftToRight {
    0% {
        transform: rotateX(0deg) translateX(0px);
    }

    50% {
        transform: rotateX(0deg) translateX(40px);
    }

    100% {
        transform: rotateX(0deg) translateX(0px);
    }
}

.topToBottom {
    -webkit-animation-name: topToBottom;
    animation-name: topToBottom;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes topToBottom {
    0% {
        transform: rotateX(0deg) translateY(0px);
    }

    50% {
        transform: rotateX(0deg) translateY(-30px);
    }

    100% {
        transform: rotateX(0deg) translateY(0px);
    }
}

.animatemove {
    animation: ticker 80s infinite linear;
}

@keyframes ticker {
    100% {
        transform: translateX(-100%);
    }
}


.headerContentInner {
    /* width: 82%;
    position: relative; */
    z-index: 1;
}

.headerContent p {
    /* color: #ffffff;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 2rem;
    text-transform: uppercase; */
}

.headerContent h1 {
    /* font-size: 5.8rem;
    color: #ffffff;
    margin: 0;
    font-weight: 400;
    font-family: 'tusker_grotesk6500_medium';
    line-height: 1.4;
    text-transform: uppercase; */
}

.headerContent h1 span {
    /* color: #ff5100;
    border-bottom: 6px solid #ff5100;
    margin: 0 0 2rem;
    display: inline-table;
    line-height: initial; */
}

.headerContent h6 {
    /* font-size: 1.6rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.70);
    margin: 2rem 0 0;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize;
    text-shadow: 10px 5px 20px rgb(0 0 0 / 90%); */
}

.headerContent .customBtn {
    padding: 0 4rem;
    margin: 4rem auto 0;
    height: 6rem;
}

.headerContent .pattern {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8.6rem;
    height: 23.4rem;
    background-repeat: no-repeat;
    z-index: 1;
}

.headerContentImg {

    z-index: 1;
}


.TraderRawSpread {
    padding: 25rem 0 10rem;
}

.headingCenter {
    padding: 0;
    text-align: center;
}

.headingCenter {
    padding: 0;
    text-align: center;
}

.HeadingSection.headingCenter h2:before {
    margin: 2rem auto 0;
    right: 0;
}

.TraderRawSpreadgrid {
    display: grid;
    grid-template-columns: 54rem 48rem;
    justify-content: center;
    align-items: center;
    margin-top: 10rem;
    gap: 15rem;
}

.TraderRawSpreadImg img {
    max-width: 100%;
}

.HeadingSection {}

.HeadingSection h2 {
    font-size: 4.4rem;
    color: #212529;
    margin: 0 0 4.4rem;
    font-family: 'tusker_grotesk6500_medium';
    position: relative;
    line-height: 1.4;
    text-transform: uppercase;
}

.HeadingSection h2:before {
    content: '';
    display: table;
    width: 8rem;
    height: 0.4rem;
    background: #4c61ff;
    margin: 0.5rem 0 0;
    position: absolute;
    left: 0;
    bottom: -1.2rem;
}

.HeadingSection p {
    font-size: 1.8rem;
    color: #415076;
    margin: 0;
    line-height: 2.8rem;
    font-family: 'Ubuntu', sans-serif;
}

.HeadingSection p a {
    color: #6744ff;
}

/* .widgetbar{
    background: #00150F;
}

.widgetbar iframe{
    user-select: none; 
    box-sizing: border-box; 
    display: block; 
    height: 6.4rem; 
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none;
    padding: 1rem 0;
} */

.contentlist {
    padding: 0 0 2rem;
}

.contentlist li {
    line-height: 1.8;
    padding: 0;
    margin: 0;
    position: relative;
    color: #415076;
    font-size: 1.5rem;
    list-style-type: none;
}

.contentlist.list_check li:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2rem;
    font-size: 1.1rem;
    top: .2rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fbaa38;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    transition: all .4s;
}

.contentlist li h4 {
    margin-bottom: 1rem;
    font-size: 2.2rem;
    font-family: 'tusker_grotesk6500_medium';
    text-transform: uppercase;
    color: #212529;
    font-weight: normal;
    line-height: 1.4;
}

.contentlist li p {
    font-size: 1.5rem;
    color: #415076;
    margin: 0;
    line-height: 2.8rem;
    font-family: 'Ubuntu', sans-serif;
}

.contentlist hr {
    width: 10rem;
    margin: 4rem 8rem;
    border-top: 1px solid #737373;
    display: table;
}

.listSelf {}

.listSelf li {
    display: flex;
}

.AssetsIcon {
    width: 5rem;
    margin: 0 3rem 0 0;
    min-width: 5rem;
    filter: invert(38%) sepia(72%) saturate(4040%) hue-rotate(2deg) brightness(105%) contrast(105%);
}

.custombuttons {
    display: flex;
    align-items: center;
    margin: 4rem 0 0;
}

.changebtn {
    padding: 0 4rem;
    height: 6rem;
}

.custombuttons .customBtnB {
    margin: 0 0 0 1rem;
}

.customBtnB {
    background: #fff;
    border-color: #6744ff;
}

.InnovativeTransparent {
    padding: 10rem 0;
}

.InnovativeTransparentGrid {
    margin: 8rem 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.Innovativebox {
    border-radius: 2rem;
    width: 100%;
    padding: 6rem 4rem 5rem;
    transition: .4s ease;
    position: relative;
    background: #F8F8F8;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
    transition: all 0.5s ease-out;
}

.Innovativebox .ImgLeft {
    position: absolute;
    top: 0px;
    left: -4rem;
    transition: all 0.5s ease-out;
}

.Innovativebox .ImgRight {
    position: absolute;
    top: 10rem;
    right: -2rem;
    opacity: .1;
    transition: all 0.5s ease-out;
}

.Innovativebox h3 {
    font-family: 'tusker_grotesk6500_medium';
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: center;
    color: #212529;
    margin-bottom: 1.4rem;
    text-transform: uppercase;
    z-index: 2;
}

.Innovativebox p {
    line-height: 2.8rem;
    text-align: center;
    color: #242c41;
    z-index: 2;
    font-size: 1.6rem;
    margin: 0 3rem 2rem;
}

.Innovativebox .InnovativeboxBtn {
    display: table;
    margin: auto;
}

.Innovativebox .learnMore {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.8rem;
    text-align: center;
    color: #B68756;
}

.Innovativebox:hover {
    background: #4c61ff;
}

.Innovativebox:hover .ImgLeft {
    opacity: .2;
    left: -6rem;
}

.Innovativebox:hover .ImgRight {
    opacity: 0;
}

.Innovativebox:hover h3 {
    color: #fff;
}

.Innovativebox:hover p {
    color: #fff;
}

.Innovativebox:hover .customBtn {
    background: #212529;
}

.Innovativebox:hover .customBtn:before,
.Innovativebox:hover .customBtn:after,
.Innovativebox:hover .customBtn:before,
.Innovativebox:hover .customBtn:after {
    background: #212529;
}

.TradeInstruments {
    margin: 0;
    background-color: #101820;
}

.TradeInstrumentsInner {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 10rem 0;
    justify-content: space-between;
    margin: auto;
    position: relative;
}

.TradeInstrumentsInner:before {
    content: '';
    position: absolute;
    background: radial-gradient(circle, rgba(76, 97, 255, .22) 0, rgba(76, 97, 255, 0) 70%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.TradeInstrumentsInner .HeadingSection h2 {
    margin: 0;
    color: rgb(255 255 255 / 94%);
    width: 90rem;
    font-size: 3.4rem;
    text-transform: uppercase;
    line-height: 1.5;
}

.TradeInstrumentsInner .HeadingSection h2 span {
    color: #4c61ff;
    font-weight: bold;
}

.TradeInstrumentsInner .HeadingSection h2:before {
    display: none;
}

.TradeInstrumentsInner .customBtn {
    min-width: 15rem;
}

.TradeInstrumentsInner .customBtn {
    background: #4c61ff;
    color: #fff;
}

.TradeInstrumentsInner .customBtn:before,
.TradeInstrumentsInner .customBtn:after {
    background-color: #4c61ff;
}

.TradeInstrumentsInner .customBtn:hover span {
    color: #4c61ff;
}

.TradeInstrumentsInner:hover .customBtn:before,
.TradeInstrumentsInner:hover .customBtn:after,
.TradeInstrumentsInner:hover .customBtn:before,
.TradeInstrumentsInner:hover .customBtn:after {
    background: #fff;
    color: #4c61ff;
}

.ExploreTradingOuter {
    padding: 10rem 0;
}

.ExploreTrading+.ExploreTrading {
    margin-top: 10rem;
}

.ExploreTradingGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 7rem;
}

.ExploreTradingImg {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
}

.ExploreTradingImg:before {
    content: '';
    position: absolute;
    background: radial-gradient(circle, rgba(76, 97, 255, .22) 0, rgba(76, 97, 255, 0) 70%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ExploreTradingContent {}

.ExploreTradingContent img {
    margin: 0 0 4rem;
    width: 8rem;
    filter: invert(38%) sepia(72%) saturate(4040%) hue-rotate(2deg) brightness(105%) contrast(105%);
}

.ExploreTrading:nth-child(2) .ExploreTradingImg {
    order: 2;
}

.ThreeSteps {
    background: #f7f7f7;
    padding: 10rem 0;
}

.ThreeStepsgrid {
    margin: 6rem 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10rem;
}

.ThreeStepsInner {
    text-align: center;
}

.ThreeStepsInner img {
    width: 8rem;
}

.ThreeStepsInner .HeadingSection h2 {
    font-size: 2.2rem;
    text-transform: capitalize;
    margin: 3rem auto 1.4rem;
    width: 27rem;
}

.ThreeStepsInner .HeadingSection h2:before {
    opacity: 0;
}

.ThreeSteps .custombuttons {
    margin: 5rem auto 0;
    display: table;
}

.TradeInstrumentsPlatf {}

.TradeInstrumentsPlatf .HeadingSection p {
    font-size: 2rem;
    color: #ffffff;
    margin: 3rem 0 0;
    line-height: 3.4rem;
    z-index: 1;
    position: relative;
    width: 90rem;
}

.TradePreferences:after {
    content: '';
    background-image: url(../images/ExperienceTrading/bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
}

.ExperienceTrading {
    display: grid;
    grid-template-columns: 60rem 51rem;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.Accounttypes {}

.Accounttypes:after {
    content: '';
    background-image: url(../images/accountType/bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
}

.AccountPackage {
    background: #f7f7f7;
}

.AccountPackage:after {
    display: none;
}

.AccountPackage .nav-item .nav-link {
    opacity: .5;
    border-bottom: .2rem solid #b1b1b1;
    color: #b1b1b1;
}

.AccountPackage .nav-item .nav-link.active:after {
    border-top-color: #f7f7f7;
}

.AccountPackagegrid {
    display: grid;
    grid-template-columns: repeat(5, 24.5rem);
    margin: 6rem 0 0;
    gap: 2rem;
}

.AccountPackagebox {
    border-radius: 2rem;
    padding: 4rem 2rem 5.2rem;
    transition: .4s ease;
    background: #ffffff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-out;
}

.AccountPackagebox .HeadingSection h2 {
    font-size: 2.6rem;
    margin: 0 0 0.4rem;
}

.AccountPackagebox .HeadingSection h2:before {
    width: 6rem;
    margin: 0;
    bottom: -1rem;
    display: none;
}

.AccountPackagebox .HeadingSection p {
    font-size: 2.2rem;
    color: #4a535b;
}

.AccountPackagebox ul {
    list-style-type: none;
    padding: 0;
    margin: 2rem -2rem 3rem;
}

.AccountPackagebox ul li {
    font-size: 1.6rem;
    color: #415076;
    margin: 0;
    padding: 1rem 2rem;
    line-height: 2.8rem;
    font-family: 'Ubuntu', sans-serif;
    border-bottom: 1px solid rgb(65 80 118 / 17%);
    transition: all 0.5s ease-out;
}

.AccountPackagebox ul li:hover {
    background: rgb(65 80 118 / 8%);
}

.AccountPackagebox ul li i {
    font-size: 1.4rem;
    margin: 0 .8rem 0 0;
    /*color: #4c61ff;*/
}

.AccountPackagebox .customBtn {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    justify-content: center;
    bottom: 0;
    height: 5.2rem;
}


.AccountPackagegridB {
    grid-template-columns: repeat(2, 39.5rem);
    justify-content: center;
}

.custList {
    margin: 4rem 0 0;
    padding: 0;
}

.custList li {
    list-style-type: none;
    font-size: 1.8rem;
    color: #415076;
    line-height: 2.6rem;
    font-family: 'Ubuntu', sans-serif;
    display: flex;
    align-items: center;
    margin: 1.5rem 0;
}

.custList li i {
    font-size: 2.5rem;
    color: #ff5100;
    margin: 0 1rem 0 0;
}

.CryptoAssetHeader:after {
    content: '';
    background-image: url(../images/cryptoAsstes/bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
}

.CryptoAsset {
    background: #f7f7f7;
}

.CryptoAsset .InnovativeTransparentGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
}

.CryptoAsset .Innovativebox {
    background: #ffffff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}

.CryptoAsset .Innovativebox:hover {
    background: #4c61ff;
}

.CryptoTradeingPlatform:after {
    content: '';
    position: absolute;
    background: url(../images/cryptoAsstes/pricing.png);
    top: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: left center;
    width: 90rem;
    height: 100%;
}

.ourStory:after {
    content: '';
    background-image: url(../images/ourStory/bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
}

.TraderRawSpread.TradingSuccess {
    padding-top: 10rem;
}

.TradingSuccess .AssetsIcon i {
    font-size: 5rem;
}

.TradingSuccess .contentlist hr {
    margin: 3rem 8rem;
}

.JoinTrading {}

.JoinTrading .SpreadsPipsgrid {
    margin: 0;
    padding: 0;
}

.contact:after {
    content: '';
    background-image: url(../images/contactus/bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
}

.contactdetail {
    padding: 10rem 0;
    background: #f7f7f7;
}

.contactdetail .container-lg {
    position: relative;
}

.contactimg {
    bottom: 0;
    position: absolute;
    right: 0;
    /*transform: translateX(-18%);*/
    z-index: 0;
    height: 53.2rem;
    width: 53.2rem;
    border-radius: 4rem;
    overflow: hidden;
}

.contactimg img {
    max-width: 100%;
}

.ContactUsInfogrid {
    display: grid;
    grid-template-columns: repeat(3, 28%);
    gap: 2rem;
    margin: 9rem 0 0;
    z-index: 2;
    position: relative;
    padding-bottom: 10rem;
}

.ContactUsInfobox {
    background: linear-gradient(177deg, #24262d, rgba(14, 15, 18, .88) 115%);
    color: #fff;
    padding: 3rem 3.5rem 5rem;
    border-radius: 2rem;
    position: relative;
    border-top: 0;
    transition: all 0.3s ease-out;
}

.ContactUsInfoIcon {
    position: relative;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    background: #4c61ff;
    text-align: center;
    border-radius: 50%;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 500ms ease;
}

.ContactUsInfoIcon img {
    max-width: 2.5rem;
}

.ContactUsInfobox .ContactUsInfoContent {
    margin: 3rem 0 0;
}

.ContactUsInfobox .ContactUsInfoContent h3 {
    position: relative;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0.9rem;
    font-family: 'Ubuntu', sans-serif;
    transition: all 500ms ease;
    text-transform: uppercase;
}

.ContactUsInfobox .ContactUsInfoContent p {
    font-size: 1.8rem;
    color: #fff;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
}

.contactusright {
    margin: auto;
    display: table;
    padding: 10rem 0;
}

.contactusright .ContactformInner {
    border: 0;
}

.contactusright .form-group {
    margin: 0 0 2rem;
    border: 0;
}

.ContactformInner .form-group label {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 17px;
    transition: all 500ms ease;
}

.ContactformInner .form-group input,
.ContactformInner .form-group textarea {
    background: none;
    position: relative;
    display: block;
    width: 100%;
    height: 7rem;
    text-align: left;
    font-size: 17px;
    padding: 10px 30px;
    transition: all 500ms ease;
    border: 0;
    outline: none;
}

.contactusright .ContactformInner .form-group input,
.contactusright .ContactformInner .form-group textarea {
    border: 1px solid #9cb0c2;
    border-radius: 5px;
    margin: 1rem 0 0;
}

.ContactformInner .form-group textarea {
    height: 17rem;
    resize: none;
}

.SendBtn {
    display: table;
    margin: auto;
}

.SendBtn button {
    border: 0;
    padding: 0 14rem;
}

.CryptoAssetHeader:after {
    content: '';
    background-image: url(../images/cryptoAsstes/bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
}

.footer {
    padding: 8rem 0 4rem;
    background-size: cover;
}

.footergrid {
    display: grid;
    grid-template-columns: 39rem 25rem 25rem;
    justify-content: space-between;
}

.footerInner {}

.footerlogo {
    margin: 0 0 3.2rem;
}

.footerlogo img {
    height: 4rem;
    transition: height .5s;
}

.footerInner .HeadingSection h2 {
    font-size: 1.8rem;
    margin: 0 0 5rem;
    font-weight: 400;
}

.footerInner a {
    font-size: 1.6rem;
    color: #415076;
    margin: 1.6rem 0 0;
    display: block;
    text-decoration: none;
    transition: all 500ms ease;
    font-family: 'Ubuntu', sans-serif;
}

.footerInner a i {
    margin: 0 1rem 0 0;
}

.footerInner a:hover {
    color: #ff5100;
    padding: 0 0 0 1rem;
}

.socialIcon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
    margin: 0;
}

.socialIcon a {
    color: #415076;
    cursor: pointer;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin: 0;
    background: rgb(65 80 118 / 16%);
}

.socialIcon a i {
    margin: 0;
}

.socialIcon a:hover {
    background-color: #ff5100;
    margin: 0;
    color: #fff;
    padding: 0;
}

.divdline {
    width: 100%;
    height: .1rem;
    background: rgba(112 112 112 / 22%);
    display: block;
    margin: 5rem 0;
}

.footer p {
    font-size: 1.6rem;
    color: #415076;
    margin: 2rem 0 0;
    display: block;
    transition: all 500ms ease;
    font-family: 'Ubuntu', sans-serif;
}

.footer p a {
    color: rgb(249 253 251 / 73%);
}

.footer p.copyright {
    text-align: center;
}

.header.loginHeader:before,
.header.loginHeader:after {
    display: none;
}

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    height: 84%;
}

.loginHeader:after {
    content: '';
    width: 50%;
    height: 100%;
    position: fixed;
    background: #f7f7f7;
    right: 0;
    top: 0;
    bottom: 0;
    display: block !important;
    left: inherit;
    opacity: 1;
}

.container .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: transparent;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.container .login-box {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 60%);
    height: 100%;
    background: transparent;
    overflow: hidden;
}

.login-box .form-box {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: transparent;
}

.login-box .form-box.login {
    transform: translateX(0);
    transition: transform .5s ease;
    transition-delay: .7s;
}

.login-box.active .form-box.login {
    transform: translateX(528px);
    transition-delay: 0s;
}

.login-box .form-box.register {
    transform: translateX(528px);
    transition: .5s ease;
    transition-delay: 0s;
}

.login-box.active .form-box.register {
    transform: translateX(0);
    transition-delay: .7s;
}

.login-box .form-box.register {
    transform: translateX(528px);
}

.form-box .input-box {
    position: relative;
    height: 6rem;
    border-bottom: 1px solid #9cb0c2;
    margin: 30px 0;
}

.input-box input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    /*color: #e4e4e4;*/
    padding-right: 28px;
}

.input-box label {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 1.7rem;
    font-weight: 500;
    pointer-events: none;
    transition: .5s ease;
}

.input-box input:focus~label,
.input-box input:valid~label {
    top: -5px;
}

.input-box .icon {
    position: absolute;
    top: 13px;
    right: 0;
    font-size: 19px;
}

.form-box .remember-forgot {
    font-size: 1.7rem;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.remember-forgot label input {
    accent-color: #e4e4e4;
    margin-right: 5px;
}

.remember-forgot a {
    color: #4c61ff;
    text-decoration: none;
    font-weight: bold;
}

.remember-forgot a:hover {
    text-decoration: underline;
}

.form-box .login-register {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 2.5rem;
}

.login-register p a {
    color: #4c61ff;
    font-size: 1.8rem;
    text-decoration: none;
    font-weight: bold;
}

.login-register p a:hover {
    text-decoration: underline;
}


.MarketOverviewHeader {}

.MarketOverviewHeader:after {
    content: '';
    background-image: url(../images/marketoverview/bg.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
}

.mrktFirstGrid {
    display: grid;
    grid-template-columns: 42.5rem 42.5rem 35rem;
    justify-content: space-between;
    margin-top: 3rem;
}

.mrktSecondGrid {
    display: grid;
    grid-template-columns: 35rem 35rem 50.5rem;
    justify-content: space-between;
}

.mrktThirdGrid {
    display: grid;
    grid-template-columns: 42.5rem 35rem 42.5rem;
    justify-content: space-between;
}

.mrktFourGrid {
    display: grid;
    grid-template-columns: repeat(3, 40rem);
    justify-content: space-between;
}

.tradingview-widget-container {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(28, 28, 28, .08);
    box-shadow: 0 2px 10px 0 rgba(28, 28, 28, .08);
    width: 100% !important;
    margin-top: 5rem;
}








@media (min-width:1200px) and (max-width:1499px) {

    .headerContentGrid {
        grid-template-columns: auto 60rem;
    }

    .headerContent h1 {
        font-size: 5rem;
    }

    .headerContentInner {
        width: 92%;
    }

    .customNavbar .navbar-brand img {
        height: 3.4rem;
    }

    .headerContentImgInner {
        margin-top: 7.5rem;
    }

    .customNavbar.navbar-expand-lg .navbar-brand {
        margin: 0;
    }

    .customNavbar.navbar-expand-lg .navbar-nav {
        margin-right: 2rem;
        margin-left: 2rem;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link,
    .customNavbar.navbar-expand-lg .navbar-nav .dropdown-toggle {
        font-size: 1.5rem;
    }

    .customNavbar.navbar-expand-lg .customLnk {
        font-size: 1.4rem;
    }

    .customNavbar.navbar-expand-lg .customBtn {
        font-size: 1.4rem;
    }

    .TraderRawSpread {
        padding: 20rem 0 10rem;
    }

    .HeadingSection h2 {
        font-size: 3.4rem;
    }

    .HeadingSection p {
        font-size: 1.6rem;
    }

    .TraderRawSpreadgrid {
        gap: 10rem;
    }

    .contentlist li h4 {
        font-size: 1.8rem;
    }

    .changebtn {
        height: 5.2rem;
    }

    .Innovativebox h3 {
        font-size: 1.8rem;
    }

    .Innovativebox p {
        line-height: 2.6rem;
        font-size: 1.4rem;
        margin: 0 1rem 2rem;
    }

    .TradeInstrumentsInner .HeadingSection h2 {
        width: 75rem;
        font-size: 2.8rem;
        line-height: 1.4;
    }

    .ThreeStepsInner img {
        width: 6rem;
    }

    .ThreeStepsInner .HeadingSection h2 {
        font-size: 1.8rem;
        width: 22rem;
    }

    .TradeingPlatformInner .HeadingSection {
        width: 47rem;
    }

    .ExploreTradingContent img {
        width: 7rem;
    }

    .TradeInstrumentsPlatf .HeadingSection p {
        width: 75rem;
    }

    .ExperienceTrading {
        grid-template-columns: 56rem 48rem;
    }

    .AccountPackagegrid {
        grid-template-columns: repeat(5, 21.7rem);
        gap: 1rem;
    }

    .AccountPackagebox .HeadingSection h2 {
        font-size: 2.2rem;
    }

    .AccountPackagebox .HeadingSection p {
        font-size: 2rem;
    }

    .AccountPackagebox ul li {
        font-size: 1.4rem;
        padding: 1rem 1.5rem;
    }

    .AccountPackagebox ul li i {
        font-size: 1.2rem;
        margin: 0 .5rem 0 0;
    }

    .AccountPackagebox .customBtn {
        height: 4.8rem;
        font-size: 1.4rem;
    }

    .AccountPackagegridB {
        grid-template-columns: repeat(2, 33.5rem);
    }

    .TradingSuccess .AssetsIcon {
        width: 4rem
    }

    .TradingSuccess .AssetsIcon i {
        width: 4rem
    }

    .MarketOverviewOuter {
        padding-top: 5rem;
    }

    .mrktFirstGrid {
        grid-template-columns: 33% 33% 25%;
    }

    .mrktSecondGrid {
        grid-template-columns: 25% 25% 40%;
    }


    .mrktThirdGrid {
        grid-template-columns: 33% 25% 33%;
    }

    .mrktFourGrid {
        grid-template-columns: repeat(3, 30.5%);
    }

    .CryptoTradeingPlatform:after {
        width: 76rem;
    }

}


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

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link,
    .customNavbar.navbar-expand-lg .navbar-nav .dropdown-toggle {
        font-size: 1.5rem;
        padding: 0 .6rem;
    }

    .loginAccount {
        display: flex;
    }

    .customNavbar.navbar-expand-lg .customLnk {
        height: auto;
    }

    .customNavbar.navbar-expand-lg .customBtn {
        margin: 0 0 0 1.5rem;
        border-radius: 1rem;
        padding: 0 1.5rem;
    }

    .customNavbar.navbar-expand-lg .customLnk i,
    .customNavbar.navbar-expand-lg .customBtn i {
        display: block;
        margin: 0;
    }

    .customNavbar.navbar-expand-lg .customLnk span,
    .customNavbar.navbar-expand-lg .customBtn span {
        display: none;
    }

    .customNavbar .navbar-brand {
        margin: 0;
    }

    .customNavbar .navbar-brand img {
        height: 2.8rem;
    }

    .header {
        height: auto;
    }

    .header:before,
    .header:after {
        height: 100%;
    }

    .headerContent {
        position: relative;
        padding: 6.6rem 0;
        margin-top: 7.5rem;
    }

    .headerContentGrid {
        grid-template-columns: auto 43rem;
    }

    .headerContent p {
        font-size: 1.4rem;
    }

    .headerContent h1 {
        font-size: 4.6rem;
    }

    .headerContent h6 {
        font-size: 1.4rem;
    }

    .headerContent .customBtn {
        padding: 0 2rem;
        margin: 3rem auto 0;
        height: 5rem;
        font-size: 1.4rem;
    }

    .headerContentImg {
        max-width: 45%;
        right: 4%;
    }

    .headerContentImgInner {
        margin-top: 2rem;
        padding-right: 0;
    }

    .TraderRawSpread {
        padding: 16rem 0 10rem;
    }

    .HeadingSection h2 {
        font-size: 3.6rem;
    }

    .HeadingSection p {
        font-size: 1.6rem;
    }

    .TraderRawSpreadgrid {
        grid-template-columns: 40rem 48.5rem;
        gap: 6rem;
    }

    .contentlist li h4 {
        font-size: 2rem;
    }

    .contentlist hr {
        width: 8rem;
        margin: 2rem 8rem;
    }

    .custombuttons {
        margin: 2rem 0 0;
    }

    .changebtn {
        padding: 0 2rem;
        height: 5rem;
    }

    .SpreadsPips .nav-item .nav-link {
        font-size: 2.2rem;
    }


    .Innovativebox h3 {
        font-size: 2rem;
    }

    .Innovativebox p {
        margin: 0 0 2rem;
    }

    .Innovativebox {
        padding: 5rem 4rem;
    }

    .TradeInstrumentsInner .HeadingSection h2 {
        width: 73rem;
        font-size: 2.8rem;
    }

    .ExploreTradingContent img {
        margin: 0 0 3rem;
        width: 7rem;
    }

    .ThreeStepsgrid {
        gap: 6rem;
    }

    .ThreeStepsInner .HeadingSection h2 {
        font-size: 1.8rem;
        margin: 3rem auto 1.4rem;
        width: 23rem;
    }

    .TradeingPlatformInner .HeadingSection {
        width: 48rem;
    }

    .footergrid {
        grid-template-columns: 39rem 16rem 24rem;
    }

    .TradeInstrumentsPlatf .HeadingSection p {
        width: 72rem;
    }

    .ExperienceTrading {
        grid-template-columns: 44rem 44rem;
    }

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

    .AccountPackagebox {
        width: 30.1rem;
    }

    .AccountPackagebox:nth-child(4) {
        grid-column: 1 / span 2;
        margin: auto;
    }

    .AccountPackagebox:nth-child(5) {
        margin-left: -16rem;
    }

    .AccountPackagegridB {
        grid-template-columns: repeat(2, 39.5rem);
    }

    .AccountPackagegridB .AccountPackagebox {
        width: 100%;
    }

    .mrktFirstGrid {
        grid-template-columns: 47.5% 47.5%;
    }

    .mrktFirstGridInner {
        grid-column: 1 / span 2;
        grid-template-columns: 47.5% 47.5%;
        display: grid;
        justify-content: space-between;
    }

    .mrktSecondGrid {
        grid-template-columns: 47.5% 47.5%;
    }

    .mrktSecondGridInner {
        grid-column: 1 / span 2;
    }

    .mrktThirdGrid {
        grid-template-columns: 47.5% 47.5%;
    }

    .mrktThirdGridInner {
        grid-column: 1 / span 2;
    }

    .mrktFourGrid {
        grid-template-columns: repeat(3, 32%);
    }


    .TradePreferences .headerContent {
        padding: 10rem 0;
    }

    .SpreadsPipsPlatf .ExperienceTrading {
        grid-template-columns: 44rem 42rem;
    }

    .ContactUsInfogrid {
        grid-template-columns: 29% 34% 29%;
    }

    .contactimg {
        height: 48.2rem;
        width: 48.2rem;
    }


}

@media (min-width:768px) and (max-width:991px) {

    .container-lg {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .customNavbar .navbar-toggler {
        border: 0;
        padding: 0;
        position: absolute;
        right: 2rem;
        top: 1.3rem;
        outline: none;
        box-shadow: none;
    }

    .customNavbar .navbar-toggler span,
    .customNavbar .navbar-toggler span:before,
    .customNavbar .navbar-toggler span:after {
        content: '';
        position: absolute;
        display: block;
        height: 3px;
        background: #000;
        width: 4rem;
        right: 0px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .customNavbar .navbar-toggler span {
        top: 1rem;
    }

    .customNavbar .navbar-toggler span:before {
        top: 1.3rem;
    }

    .customNavbar .navbar-toggler span:after {
        top: 2.6rem;
    }

    .customNavbar .navbar-toggler[aria-expanded="true"] span {
        background: transparent;
    }

    .customNavbar .navbar-toggler[aria-expanded="true"] span:before {
        top: 1.5rem;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        background: #000;
    }

    .customNavbar .navbar-toggler[aria-expanded="true"] span:after {
        top: 1.5rem;
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
        background: #000;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link,
    .customNavbar.navbar-expand-lg .navbar-nav .dropdown-toggle {
        height: auto;
        padding: 1.2rem 2rem;
    }

    .customNavbar.navbar-expand-lg .navbar-nav {
        margin-left: 0;
        background: #fff;
        position: fixed;
        left: 0;
        right: 0;
        padding: 3rem 0;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link:after {
        background: none;
    }

    .loginAccount {
        display: flex;
        position: absolute;
        right: 8rem;
        top: 1.6rem;
    }

    .customNavbar.navbar-expand-lg .customLnk {
        height: auto;
    }

    .customNavbar.navbar-expand-lg .customBtn {
        margin: 0 0 0 1.5rem;
        border-radius: 1rem;
        padding: 0 1.5rem;
    }

    .customNavbar .navbar-brand {
        margin: 0;
    }

    .header {
        height: auto;
        overflow: hidden;
    }

    .headerContent {
        position: relative;
        padding: 8rem 0 0;
        margin-top: 7.5rem;
    }

    .headerContentGrid {
        grid-template-columns: auto;
    }

    .headerContentInner {
        width: 84%;
        text-align: center;
        margin: auto;
    }

    .headerContent h1 {
        font-size: 4rem;
    }

    .headerContent h1 span {
        margin: 0;
        border: 0;
    }

    .headerContent .customBtn {
        padding: 0 2rem;
        margin: 3rem auto 0;
        height: 5rem;
        font-size: 1.4rem;
    }

    .headerContentImg {
        max-width: 60%;
        position: initial;
        height: auto;
        margin: auto;
    }

    .headerContentImgInner {
        margin-top: 7rem;
        padding-right: 0;
        position: initial;
    }

    .TraderRawSpread {
        padding: 8rem 0;
    }

    .HeadingSection h2 {
        font-size: 3rem;
    }

    .HeadingSection p {
        font-size: 1.6rem;
    }

    .HeadingSection p br {
        display: none;
    }

    .TraderRawSpreadgrid {
        grid-template-columns: 60%;
        margin-top: 6rem;
        gap: 8rem;
    }

    .contentlist li h4 {
        font-size: 2rem;
    }

    .SpreadsPips {
        padding: 8rem 0;
    }

    .SpreadsPips .nav-item .nav-link {
        font-size: 2.2rem;
    }

    .SpreadsPipsgrid {
        grid-template-columns: 39rem 21rem;
        margin: 6rem 0 0;
        padding: 0 3rem;
    }

    .InnovativeTransparent {
        padding: 8rem 0;
    }

    .InnovativeTransparentGrid {
        margin: 6rem 0 0;
        grid-template-columns: 50rem;
        justify-content: center;
    }

    .TradeInstrumentsInner {
        flex-direction: column;
        padding: 8rem 0;
        justify-content: center;
    }

    .TradeInstrumentsInner .HeadingSection h2 {
        width: auto;
        font-size: 2.6rem;
        text-align: center;
        margin: 0 3rem 3rem;
    }

    .ExploreTradingOuter {
        padding: 8rem 0;
    }

    .ExploreTradingGrid {
        grid-template-columns: 54rem;
        grid-gap: 6rem;
        justify-content: center;
    }

    .ExploreTradingContent {
        order: 2;
    }

    .ThreeSteps {
        padding: 8rem 0;
    }

    .ThreeStepsgrid {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        padding: 0 6rem;
        gap: 5rem;
    }

    .ThreeStepsInner {
        width: 28rem;
    }

    .ThreeStepsInner:nth-child(3) {
        grid-column: 1 / span 2;
        margin: auto;
    }

    .ThreeStepsInner .HeadingSection h2 {
        font-size: 1.8rem;
        width: 100%;
    }

    .ThreeStepsInner img {
        width: 6rem;
    }

    .TradeingPlatformInner {
        padding: 8rem 0;
    }

    .TradeingPlatformInner .HeadingSection {
        width: 38rem;
    }

    .TradeingPlatformInner .HeadingSection p {
        font-size: 1.8rem;
        margin: 3rem 0;
    }

    footer {
        padding: 6rem 0 4rem;
    }

    .footergrid {
        grid-template-columns: auto;
        gap: 5rem;
    }

    .footer .divdline {
        margin: 3rem 0;
    }

    .footer p.copyright {
        text-align: left;
    }

    .TradePreferences .headerContent,
    .Accounttypes .headerContent,
    .MarketOverviewHeader .headerContent,
    .CryptoAssetHeader .headerContent,
    .ourStory .headerContent,
    .contact .headerContent {
        padding: 8rem 0;
    }

    .TradeInstrumentsPlatf .HeadingSection p {
        width: auto;
        margin: 3rem 0;
        text-align: center;
    }

    .ExperienceTrading {
        grid-template-columns: auto;
    }

    .AccountPackagegrid {
        grid-template-columns: repeat(3, 23rem);
    }

    .AccountPackagebox {
        width: 23rem;
    }

    .AccountPackagebox:nth-child(n + 4) {
        margin: 0 auto 0 12rem;
    }

    .AccountPackagegridB {
        grid-template-columns: repeat(2, 1fr);
    }

    .AccountPackagegridB .AccountPackagebox {
        width: auto;
    }

    .AccountPackagebox .HeadingSection h2 {
        font-size: 2.2rem;
    }

    .mrktFirstGrid,
    .mrktSecondGrid,
    .mrktThirdGrid {
        grid-template-columns: 1fr 1fr;
        column-gap: 2rem;

    }

    .mrktFirstGridInner {
        grid-column: 1 / span 2;
        display: flex;
        gap: 2rem;
    }

    .mrktSecondGrid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        margin-bottom: 2rem;
    }

    .mrktSecondGridInner,
    .mrktThirdGridInner {
        grid-column: 1 /span 2;
    }

    .mrktFourGrid {
        grid-template-columns: 1fr;
    }

    .tradingview-widget-container {
        -webkit-box-shadow: 0 2px 10px 0 rgba(28, 28, 28, .04);
        box-shadow: 0 2px 10px 0 rgba(28, 28, 28, .04);
        margin-top: 2rem;
    }

    .MarketOverviewOuter {
        padding: 6rem 1rem;
    }

    .CurrencyWidget {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .CryptoAsset .InnovativeTransparentGrid {
        gap: 3rem;
    }

    .CryptoAsset .Innovativebox {
        padding: 5rem 3rem;
    }

    .CryptoAsset .Innovativebox p {
        margin: 0 0 2rem;
    }

    .CryptoTradeingPlatform:after {
        width: 41rem;
    }

    .TraderRawSpread.TradingSuccess {
        padding-top: 8rem;
    }

    .JoinTrading .SpreadsPipsgrid {
        grid-template-columns: 40rem 28rem;
    }

    .contactdetail {
        padding: 8rem 0;
    }

    .ContactUsInfogrid {
        grid-template-columns: auto;
        gap: 1rem;
        margin: 6rem 0 0;
        padding: 0;
    }

    .ContactUsInfobox {
        display: grid;
        justify-content: flex-start;
        align-items: center;
        grid-template-columns: auto auto;
        padding: 3rem;
    }

    .ContactUsInfobox .ContactUsInfoContent {
        margin: 0 0 0 2rem;
    }

    .ContactUsInfobox .ContactUsInfoContent h3 {
        line-height: 1.4rem;
    }

    .contactimg {
        display: none;
    }

    .contactusright {
        padding: 8rem 0;
        width: 80%;
    }
}


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

    .container-lg {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .customNavbar {
        height: 6rem;
    }

    .customNavbar .navbar-brand img {
        height: 2.4rem;
    }

    .customNavbar.navbar-expand-lg .customLnk span,
    .customNavbar.navbar-expand-lg .customBtn span {
        display: none;
    }

    .customNavbar.navbar-expand-lg .customLnk i,
    .customNavbar.navbar-expand-lg .customBtn i {
        display: block;
        margin: 0;
    }

    .customNavbar .navbar-toggler {
        border: 0;
        padding: 0;
        position: absolute;
        right: 1rem;
        top: .9rem;
        outline: none;
        box-shadow: none;
    }

    .customNavbar .navbar-toggler span,
    .customNavbar .navbar-toggler span:before,
    .customNavbar .navbar-toggler span:after {
        content: '';
        position: absolute;
        display: block;
        height: 2.6px;
        background: #000;
        width: 3.4rem;
        right: 0px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .customNavbar .navbar-toggler span {
        top: 1rem;
    }

    .customNavbar .navbar-toggler span:before {
        top: 1.1rem;
    }

    .customNavbar .navbar-toggler span:after {
        top: 2.2rem;
    }

    .customNavbar .navbar-toggler[aria-expanded="true"] span {
        background: transparent;
    }

    .customNavbar .navbar-toggler[aria-expanded="true"] span:before {
        top: 1.1rem;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        background: #000;
    }

    .customNavbar .navbar-toggler[aria-expanded="true"] span:after {
        top: 1.1rem;
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
        background: #000;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link,
    .customNavbar.navbar-expand-lg .navbar-nav .dropdown-toggle {
        height: auto;
        padding: 1.2rem 2rem;
    }

    .customNavbar.navbar-expand-lg .navbar-nav {
        margin-left: 0;
        background: #fff;
        position: fixed;
        left: 0;
        right: 0;
        padding: 3rem 0 1rem;
        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .15);
    }

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link:after {
        background: none;
    }

    .loginAccount {
        display: flex;
        position: absolute;
        right: 6rem;
        top: 1.4rem;
    }

    .customNavbar.navbar-expand-lg .customLnk {
        height: auto;
    }

    .customNavbar.navbar-expand-lg .customBtn {
        margin: 0 0 0 1rem;
        border-radius: 0.6rem;
        padding: 0;
        height: 3.4rem;
        font-size: 1.4rem;
        width: 3.8rem;
        justify-content: center;
    }

    .customNavbar .navbar-brand {
        margin: 0;
    }

    .header {
        height: auto;
    }

    .header:before,
    .header:after {
        height: 100%;
    }

    .headerContent {
        position: relative;
        padding: 6rem 1rem 0;
        margin: 6rem 0 0;
    }

    .headerContentGrid {
        grid-template-columns: auto;
    }

    .headerContentInner {
        width: 100%;
        text-align: center;
        margin: auto;
    }

    .headerContent h1 {
        font-size: 3.8rem;
    }

    .headerContent h1 span {
        margin: 0;
        border: 0;
    }

    .headerContent .customBtn {
        padding: 0 2rem;
        margin: 3rem auto 0;
        height: 5rem;
        font-size: 1.4rem;
    }

    .headerContentImg {
        max-width: 84%;
        position: initial;
        height: auto;
        margin: auto;
    }

    .headerContentImgInner {
        margin-top: 7rem;
        padding-right: 0;
        position: initial;
    }

    .TraderRawSpread {
        padding: 6rem 1rem;
    }

    .HeadingSection h2 {
        font-size: 2.4rem;
    }

    .HeadingSection h2 br {
        display: none;
    }

    .HeadingSection h2:before {
        width: 6rem;
    }

    .HeadingSection p {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HeadingSection p br {
        display: none;
    }

    .TraderRawSpreadgrid {
        grid-template-columns: 90%;
        margin-top: 6rem;
        gap: 6rem;
    }

    .TraderRawSpreadImg {
        width: 90%;
        margin: auto;
    }

    .AssetsIcon {
        width: 4rem;
        margin: 0 2rem 0 0;
        min-width: 4rem;
    }

    .contentlist li h4 {
        font-size: 1.8rem;
    }

    .contentlist hr {
        width: 8rem;
        margin: 3rem 6rem;
    }

    .contentlist li p {
        line-height: 2.6rem;
    }

    .custombuttons {
        margin: 2rem 0 0;
    }

    .changebtn {
        height: 6rem;
        width: 100%;
        justify-content: center;
    }

    .SpreadsPips {
        padding: 6rem 1rem;
    }

    .SpreadsPips .nav-item .nav-link {
        font-size: 1.8rem;
    }

    .SpreadsPipsgrid {
        grid-template-columns: auto;
        margin: 6rem 0 0;
        padding: 0 2rem;
    }

    .SpreadsPipsContent {
        order: 2;
        margin: 5rem 0 0;
    }

    .SpreadsPipsImg {
        width: 74%;
        margin: auto;
    }

    .InnovativeTransparent {
        padding: 6rem 1rem;
    }

    .InnovativeTransparentGrid {
        margin: 4rem 0 0;
        grid-template-columns: 90%;
        justify-content: center;
    }

    .Innovativebox {
        padding: 4rem 3rem 3rem;
    }

    .Innovativebox h3 {
        font-size: 2rem;
    }

    .Innovativebox p {
        line-height: 2.6rem;
        font-size: 1.6rem;
        margin: 0 0 2rem;
    }

    .TradeInstrumentsInner {
        flex-direction: column;
        padding: 6rem 1rem;
        justify-content: center;
    }

    .TradeInstrumentsInner .HeadingSection h2 {
        width: auto;
        font-size: 2.2rem;
        text-align: center;
        margin: 0 1rem 3rem;
    }

    .TradeInstrumentsInner .customBtn {
        min-width: 22rem;
    }

    .ExploreTradingOuter {
        padding: 6rem 1rem;
    }

    .ExploreTradingGrid {
        grid-template-columns: 100%;
        grid-gap: 4rem;
        justify-content: center;
    }

    .ExploreTradingImg {
        border-radius: 2rem;
    }

    .ExploreTradingContent {
        order: 2;
    }

    .ExploreTradingContent img {
        margin: 0 0 2rem;
        width: 6rem;
    }

    .ExploreTrading+.ExploreTrading {
        margin-top: 6rem;
    }

    .ThreeSteps {
        padding: 6rem 1rem;
    }

    .ThreeStepsgrid {
        grid-template-columns: auto;
        justify-content: center;
        padding: 0 4rem;
        gap: 5rem;
    }

    .ThreeStepsInner .HeadingSection h2 {
        font-size: 1.8rem;
        width: 100%;
    }

    .ThreeStepsInner img {
        width: 5rem;
    }

    .TradeingPlatformInner {
        padding: 6rem 1rem;
    }

    .TradeingPlatformInner .HeadingSection {
        width: 38rem;
    }

    .TradeingPlatformInner .HeadingSection p {
        font-size: 1.6rem;
        margin: 3rem 0;
        line-height: 2.6rem;
    }

    .TradeingPlatform:after {
        opacity: 0;
    }

    .footer {
        padding: 4rem 1rem;
    }

    .footerlogo img {
        height: 3rem;
    }

    .footergrid {
        grid-template-columns: auto;
        gap: 5rem;
    }

    .footer .divdline {
        margin: 3rem 0;
    }

    .footer p.copyright {
        text-align: left;
    }

    .TradePreferences .headerContent,
    .Accounttypes .headerContent,
    .MarketOverviewHeader .headerContent,
    .CryptoAssetHeader .headerContent,
    .ourStory .headerContent,
    .contact .headerContent {
        padding: 6rem 1rem;
    }

    .TradePreferences .headerContent h1,
    .Accounttypes .headerContent h1,
    .MarketOverviewHeader .headerContent h1,
    .CryptoAssetHeader .headerContent h1,
    .ourStory .headerContent h1,
    .contact .headerContent h1 {
        font-size: 2.8rem;
    }

    .TradeInstrumentsPlatf .HeadingSection p {
        font-size: 1.6rem;
        margin: 3rem 0;
        line-height: 2.6rem;
        width: auto;
        text-align: center;
    }

    .ExperienceTrading {
        grid-template-columns: auto;
    }


    .AccountPackagegrid {
        grid-template-columns: 1fr;
        margin: 4.5rem 0 0;
    }

    .AccountPackagebox .HeadingSection h2 {
        font-size: 2.2rem;
    }

    .mrktFirstGrid,
    .mrktSecondGrid,
    .mrktThirdGrid,
    .mrktFourGrid {
        grid-template-columns: 1fr;
    }

    .mrktFirstGrid {
        margin-top: 1rem;
    }

    .tradingview-widget-container {
        margin-top: 2rem;
    }

    .CryptoAsset .InnovativeTransparentGrid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .TraderRawSpread.TradingSuccess {
        padding-top: 6rem;
    }

    .contactdetail {
        padding: 6rem 0;
    }

    .ContactUsInfogrid {
        grid-template-columns: auto;
        gap: 1rem;
        margin: 4rem 0 0;
        padding: 0;
    }

    .ContactUsInfobox {
        display: grid;
        justify-content: flex-start;
        align-items: center;
        grid-template-columns: auto auto;
        padding: 3rem;
    }

    .ContactUsInfobox .ContactUsInfoContent {
        margin: 0 0 0 2rem;
    }

    .ContactUsInfobox .ContactUsInfoContent h3 {
        font-size: 1.6rem;
        line-height: 1.4rem;
    }

    .ContactUsInfobox .ContactUsInfoContent p {
        font-size: 1.6rem;
    }

    .contactimg {
        display: none;
    }

    .contactusright {
        padding: 6rem 1rem;
        width: 100%;
    }

    .SendBtn button {
        padding: 0 4rem;
    }

}