body,
html {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    margin: 0;
}

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

.notificationb_bar {
    padding: 1rem 0;
    background: #F9D72F;
    text-align: center;
    color: #000;
    font-size: 1.6rem;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    /*text-transform: capitalize;*/
    font-weight: bold;
    /*font-family: 'Ubuntu', sans-serif;*/
}

.header {
    /* height: calc(100vh - -16rem); */
    /* background-image: url(../images/slide/bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 6rem); 
    position: relative;*/
    background: #dee2e8;
    overflow: hidden;
}

.carousel .customBtn {

    font-size: 25px;
}

#carouselExampleAutoplaying {
    position: relative;
    z-index: 1;
    background: #dee2e8;
}

.header .carousel-item video {
    padding-top: 4rem;
    width: 100%;
    margin-left: 2rem;
}

.customNavbar {
    padding: 1rem 2rem;
    z-index: 9;
    transition: padding .5s;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0px 140px 60px -60px rgba(0, 0, 0, 0.8) inset;
}

.customNavbar .navbar-brand img {
    height: 12rem;
    transition: height .5s;
}

.customNavbar.customNavbarMove {
    padding: .5rem 2rem;
}

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

/*.customNavbar.customNavbarMove .navbar-brand img {
    height: 6rem;
}*/

.changelogo,
.loginscreen .defaultlogo,
.loginscreen .customNavbarMove .changelogo {
    display: none;
}

.loginscreen .changelogo,
.loginscreen .customNavbarMove .defaultlogo {
    display: block;
}

.loginscreen .customNavbar .customBtn,
.loginscreen .customNavbar .homelink {
    display: none;
}

.customNavbar.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 1.6rem;
    color: #fff;
    padding: 20px 9px;
    font-family: 'Ubuntu', sans-serif;
}

.customNavbar.navbar-expand-lg .navbar-nav .nav-link.active {
    color: #0094ff;
    font-weight: bold;
}

.customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu {
    padding: 2rem;
    border: 1px solid #2D3138;
    background: #14161A;
    margin: 0;
}

.customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item {
    font-size: 1.6rem;
    color: #fff;
    padding: .6rem 1rem;
    font-family: 'Ubuntu', sans-serif;
    background: none;
}


.customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,
.customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus {
    color: #b4cde3;
}

@media (min-width: 768px) and (max-width: 9999px) {
    .customNavbar.navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
    }


}

@media (min-width: 768px) and (max-width: 999px) {
    .customNavbar.navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu {
        position: relative;
    }

    .carousel .customBtn {
        font-size: 22px;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu {
        padding: 2rem;
        border: 0;
        background: #e0e8f6;
        margin: 0;
        border-radius: 0;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,
    .customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        color: #000;
    }

    .customNavbar .navbar-collapse ul {
        overflow-x: auto;
        padding: 5rem 0 0;
    }

}

.customNavbar.navbar-expand-lg .customBtn {
    margin: 0 0 0 1rem;
}

.customBtn {
    background: #0094ff;
    height: 5rem;
    padding: 0 3rem;
    color: #fff;
    border: 0;
    outline: none;
    font-size: 1.9rem;
    margin: 0;
    font-weight: 600;
    border-radius: 0.6rem;
    text-transform: capitalize;
    transition: all 0.3s ease-out;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.customBtn img {
    width: 2.4rem;
    margin: 0 0 0 1rem;
    filter: invert(100%) sepia(1%) saturate(584%) hue-rotate(310deg) brightness(120%) contrast(100%);
}

.customBtn:hover {
    /*color: #0C263A;*/
    transform: translateY(-3px);
    filter: brightness(1.12);
}

.customBtn:after {
    background: #ffffff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
    position: absolute;
}

.customBtn:hover:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

/* .slider-1-btn {
    position: relative;
    bottom: 35rem;
    z-index: 1;
    left: 17rem;
}

.slider-2-btn {
    position: relative;
    bottom: 33rem;
    z-index: 1;
    left: 17rem;
} */

.slider-3-btn {}


.btnchange {
    flex-direction: column;
    height: 6rem;
    line-height: initial;
    justify-content: center;
    padding: 0 2rem;
    box-shadow: 0 0 15px rgb(0 146 255 / 82%);
}

.btnchange small {
    font-size: .8em;
    font-weight: 400;
}

.customNavbarMove {
    background: rgba(0, 0, 0, .8);
}

.aboutus:after {
    content: '';
    background: rgba(0, 0, 0, .6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -2rem;
}

.headerContent {
    margin: auto;
    position: relative;
    z-index: 1;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12rem 0 0;
}

.headerContent h1 {
    font-size: 6rem;
    color: #fff;
    margin: 0;
    font-weight: bold;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize;
}

.headerContent h6 {
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.70);
    margin: 2rem 0 0;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize;
}

.headerContent .customBtn {
    padding: 0 4rem;
    margin: 4rem auto 0;
    height: 6rem;
    font-size: 1.8rem;
}

.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;
}

.AboutCompany {
    padding: 10rem 0;
    background: #131519;
    position: relative;
    overflow: hidden;
}

.AboutCompanygrid {
    display: grid;
    grid-template-columns: 62rem auto;
    justify-content: space-between;
    align-items: center;
}

.AboutCompany_Content {}

.HeadingSection {}

.HeadingSection h6,
.Contactform h6 {
    font-size: 1.8rem;
    color: #b4cde3;
    margin: 0;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize;
}

.HeadingSection h2 {
    font-size: 4rem;
    color: #fff;
    margin: 2rem 0 0;
    font-weight: bold;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize;
}

.HeadingSection h2 span {
    color: #DC1414;
}

.HeadingSection p {
    font-size: 1.8rem;
    color: #9cb0c2;
    margin: 2rem 0 5rem;
    font-family: 'Ubuntu', sans-serif;
}

.AboutCompany_sub {
    margin: 3rem 0;
}

.AboutCompany_subinner {
    display: flex;
}

.AboutCompany_icon {
    width: 7rem;
    height: 7rem;
    min-width: 7rem;
    min-height: 7rem;
    background: rgb(0, 148, 255, .2);
    border-radius: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.AboutCompany_icon img {
    width: 3rem;
    filter: invert(53%) sepia(41%) saturate(7341%) hue-rotate(184deg) brightness(101%) contrast(103%);
}

.AboutCompany_details {
    margin: 0 0 0 2rem;
}

.AboutCompany_details h5 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
}

.AboutCompany_details p {
    color: #9cb0c2;
    font-size: 1.7rem;
    margin: 1rem 0 0;
}

.AboutCompany_Content .customBtn {
    padding: 0 4rem;
    margin: 3rem auto 0;
    height: 6rem;
    font-size: 1.8rem;
}

.AboutCompanyImg {
    position: relative;
    z-index: 1;
}

.AboutCompanyImgInner {
    background: #fff;
    border-radius: 3rem;
    overflow: hidden;
    height: 66rem;
    display: flex;
    align-items: center;
}

.AboutCompanyImgInner video {
    width: 100%;
}

.AboutCompanyImg img.mainimg {
    position: relative;
    z-index: 1;
    max-width: 100%
}

.img_shape {
    position: absolute;
    right: -10.8rem;
    z-index: -1;
    top: 11rem;
    width: 20rem;
    height: 20rem;
    background-repeat: no-repeat;
    animation: zoom-fade 8s linear infinite;
    background-image: url(../images/about_company/shape.png);
}

.CompanyExperience {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -25rem;
    bottom: -8rem;
    width: 18rem;
    height: 18rem;
    text-align: center;
    background: #0094ff;
    border-radius: 50%;
    padding: 1.5rem 2rem;
    z-index: 1;
    margin: auto;
}

/*.CompanyExperience:before {
    position: absolute;
    content: "";
    width: 29rem;
    height: 29rem;
    border-radius: 50%;
    left: -5.5rem;
    top: -5.5rem;
    border: 2rem solid rgba(0, 21, 15, .2);
}*/

.CompanyExperience h2 {
    display: block;
    font-size: 5.4rem;
    line-height: 7rem;
    color: #fff;
    font-weight: 700;
}

.CompanyExperience h6 {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff;
    font-weight: 600;
}

.AboutCompanyshape {
    position: absolute;
    content: "";
    height: 96%;
    width: 1200px;
    top: -45%;
    right: 0%;
    background: linear-gradient(4deg, rgb(255 255 255 / 3%) 0%, rgb(251 170 56 / 10%) 100%);
    border-radius: 100px 213px 100px 100px;
    transform: rotate(132deg);
}

.WhyChoose {
    padding: 10rem 0;
    background: url(../images/whychoose/bg.png);
    background-size: cover;
    position: relative;
}

.WhyChoose .HeadingSection {
    text-align: center;
    margin: 0 0 9rem;
}

.WhyChooseImg {
    position: absolute;
    left: 50%;
    top: 33%;
    transform: translateX(-50%);
    width: 30rem;

}

.newImg-2 {
    position: absolute;
    left: 50%;
    top: 28%;
    transform: translateX(-50%);
    width: 35rem;
}

.setAnimation {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 3rem;
    /* border: 7px solid #353a44; */
}


.WhyChooseImg video {
    height: 100%;
    object-fit: cover;
    margin: 0 0 0 -4.5rem;
    width: 100%;
}

.WhyChoose .inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.WhyChoose .inner .leftSection,
.WhyChoose .inner .rightSection {
    max-width: 32rem;
}

.WhyChoose .inneritem {
    position: relative;
    display: block;
    margin-bottom: 6.3rem;
}

.WhyChoose .inneritem+.inneritem {
    margin-bottom: 0;
}

.WhyChoose .inneritem .itemshape {
    position: absolute;
    width: 16.5rem;
    height: 5.9rem;
    background-repeat: no-repeat;
}

.WhyChoose .leftSection .inneritem .itemshape {
    left: 17rem;
}

.WhyChoose .inneritem:first-child .itemshape {
    top: 3.4rem;
}

.WhyChoose .inneritem .itemshape:before {
    position: absolute;
    content: '';
    width: 3rem;
    height: 3rem;
    border: 1px solid rgb(156, 176, 194, .2);
    border-radius: 50%;
}

.WhyChoose .leftSection .inneritem:first-child .itemshape:before {
    right: -3.6rem;
    bottom: -2.8rem;
}

.WhyChoose .inneritem .itemshape:after {
    position: absolute;
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: rgb(156, 176, 194, .2);
    border-radius: 50%;
}

.WhyChoose .leftSection .inneritem:first-child .itemshape:after {
    right: -2.9rem;
    bottom: -2.1rem;
}

.WhyChoose .leftSection .inneritem:last-child .itemshape:before {
    right: -3.6rem;
    top: -2.8rem;
}

.WhyChoose .leftSection .inneritem:last-child .itemshape:after {
    right: -2.9rem;
    top: -2.1rem;
}

.WhyChoose .rightSection .inneritem:first-child .itemshape:before {
    left: -3.6rem;
    bottom: -2.8rem;
}

.WhyChoose .rightSection .inneritem:first-child .itemshape:after {
    left: -2.9rem;
    bottom: -2.1rem;
}

.WhyChoose .rightSection .inneritem:last-child .itemshape:before {
    left: -3.6rem;
    top: -2.8rem;
}

.WhyChoose .rightSection .inneritem:last-child .itemshape:after {
    left: -2.9rem;
    top: -2.1rem;
}

.WhyChoose .inneritem:first-child .iconbox {
    margin-bottom: 2.3rem;
}

.WhyChoose .inneritem:last-child .iconbox {
    margin-top: 2.3rem;
}

.WhyChoose .inneritem .iconbox {
    position: relative;
    display: inline-block;
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    background: rgb(156, 176, 194, .2);
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.WhyChoose .inneritem .iconbox i {
    color: #fff;
    font-size: 2.7rem;
    transition: all 500ms ease;
}

.WhyChoose .inneritem .iconbox img {
    position: relative;
}

.WhyChoose .inneritem:hover .iconbox {
    background: rgba(251, 170, 56, .3);
}

.WhyChoose .inneritem:hover .iconbox i {
    opacity: .6;
}

.WhyChoose .inneritem h3 {
    position: relative;
    display: inline-block;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: .9rem;
    font-family: 'Ubuntu', sans-serif;
    transition: all 500ms ease;
}

.WhyChoose .leftSection .inneritem h3 {
    padding-right: 3.5rem;
}

.WhyChoose .leftSection .inneritem:hover h3 {
    padding-right: 4rem;
}

.WhyChoose .inneritem h3 span {
    position: absolute;
    top: -1.3rem;
    color: #DC1414;
}

.WhyChoose .leftSection .inneritem h3 span {
    right: 0;
}

.WhyChoose .inneritem p {
    font-size: 1.7rem;
    color: #9cb0c2;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
}

.WhyChoose .inneritem:last-child .itemshape {
    bottom: 3.8rem;
}

.WhyChoose .rightSection {
    text-align: right;
}

.WhyChoose .rightSection .inneritem .itemshape {
    right: 17rem;
}

.WhyChoose .rightSection .inneritem .iconbox {
    margin-left: auto;
}

.WhyChoose .rightSection .inneritem:first-child .shape:before {
    left: -3.6rem;
    bottom: -2.8rem;
}

.WhyChoose .rightSection .inneritem:first-child .itemshape:after {
    left: -2.9rem;
    bottom: -2.1rem;
}

.WhyChoose .rightSection .inneritem h3 {
    padding-left: 3.5rem;
}

.WhyChoose .rightSection .inneritem:hover h3 {
    padding-left: 4rem;
}

.WhyChoose .rightSection .inneritem h3 span {
    left: 0;
}

.itemshape_a {
    background-image: url(../images/whychoose/shape_a.png);
}

.itemshape_b {
    background-image: url(../images/whychoose/shape_b.png);
}

.itemshape_c {
    background-image: url(../images/whychoose/shape_c.png);
}

.itemshape_d {
    background-image: url(../images/whychoose/shape_d.png);
}

.ourservice {
    padding: 10rem 0;
    background: url(../images/ourservice/bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.ourservice:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #17191e;
    opacity: .95;
}

.ourserviceInner {
    position: relative;
    z-index: 1;
}

.ourservice .HeadingSection {
    text-align: center;
    margin: 0 0 6rem;
}

.ourservice_video {
    width: 98rem;
    height: 57rem;
    margin: auto;
    border-radius: 3rem;
    padding: 2rem;
    background: #353a44;
}

.ourservice_video iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    display: table;
    border-radius: 3rem;
}

.outhervideolink {
    display: grid;
    grid-template-columns: repeat(2, 35rem);
    gap: 20px;
    margin: 4rem auto 0;
    justify-content: center;
    width: 98rem;
}

.outhervideolinkInner {
    background: rgb(53, 58, 68, .6);
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    padding: 0 2rem 0 0;
    color: #fff;
    font-size: 1.6rem;
    text-decoration: none;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
}

.outhervideolinkInner span {
    margin: 0 0 0 2rem;
}

.youtubevideo_img {
    position: relative;
    text-align: center;
    border-radius: 0rem;
    overflow: hidden;
    height: 70px;
    width: 86px;
    background: #ffffff47;
}

.youtubevideo_img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
}

.outhervideolinkInner img {
    width: 10rem;
    opacity: .5;
}

.outhervideolinkInner i {
    margin: auto;
    font-size: 3rem;
    color: #0094ff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -5px;
    line-height: 8rem;
    z-index: 1;
}

.outhervideolinkInner:hover {
    transform: translateY(-3px);
}

.outhervideolinkInner:after {
    background: #ffffff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
    position: absolute;
}

.outhervideolinkInner:hover:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.TradingPlatforms {
    padding: 10rem 0;
    background: #000000;
    background-image: url(../images/tradingplatform/bg.png);
    background-position: top right;
    background-size: 70%;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
}

.TradingPlatforms .HeadingSection {
    text-align: center;
    margin: 0 0 6rem;
}

.TradingPlatforms .HeadingSection h2 {
    margin: 0;
}

.TradingPlatforms .HeadingSection p {
    margin-bottom: 0;
}

.TradingPlatformsgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
}

.TradingPlatformsBox {
    background: linear-gradient(137.45deg, #24262d 7.42%, #0e0f12 104.16%, #24262d 7.42%);
    border-radius: 2rem;
    overflow: hidden;
    padding: 4.2rem 4.2rem 0;
    position: relative;
}

.TradingPlatformsBox h4 {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 2.4rem;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

.TradingPlatformslist {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.6rem 2.8rem;
    margin: 2.5rem 0 0;
}

.TradingPlatformslist a {
    display: inline-flex;
    align-items: center;
    color: #9cb0c2;
    font-size: 1.8rem;
    font-weight: 500;
    gap: .8rem;
    line-height: 2.4rem;
    padding: 0;
    transition: color .2s ease-out;
    text-decoration: none;
}

.TradingPlatformslist a i {
    font-size: 2.4rem;
}

.TradingPlatformslist a:hover {
    color: #fff;
}

.tradingplatform_img {
    width: 30rem;
    margin: 6rem auto -16rem;
}

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

.TradingPlatformsBox:last-child .tradingplatform_img {
    width: auto;
    margin-bottom: 0;
}

.Empowering {
    padding: 10rem 0;
    background: #1B1D24;
}

.EmpoweringGrid {
    display: grid;
    grid-template-columns: 60rem 58rem;
    justify-content: space-between;
    align-items: center;
}

.EmpoweringLeft {}

.EmpoweringLeft .customBtn {
    margin: 2rem 0 0;
    height: 7rem;
    flex-direction: column;
    justify-content: center;
}

.EmpoweringLeft .customBtn small {
    font-size: .8em;
    font-weight: 400;
}

.EmpoweringLeft .customBtn span {
    opacity: .7;
}

.EmpoweringRightgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
}

.EmpoweringRightbox {
    background: rgb(156, 176, 194, .1);
    color: #fff;
    max-width: 277px;
    min-height: 42rem;
    padding: 2rem 1.9rem 0;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
}

.EmpoweringRightbox i {
    font-size: 2.4rem;
    position: absolute;
    top: 3rem;
    color: #fbaa38;
}

.EmpoweringRightbox img {
    position: absolute;
    top: 2.5rem;
    width: 3.5rem;
    filter: invert(53%) sepia(41%) saturate(7341%) hue-rotate(184deg) brightness(101%) contrast(103%)
}

.EmpoweringRightbox h3 {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.33;
    margin: 0;
    max-width: 20.5rem;
    text-transform: uppercase;
    transition: -webkit-padding-after .2s ease-in-out;
    transition: padding-block-end .2s ease-in-out;
    transition: padding-block-end .2s ease-in-out, -webkit-padding-after .2s ease-in-out;
}

.EmpoweringRightbox p {
    color: #fff;
    max-height: 0;
    padding-top: 3rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    transition: max-height .3s ease-out .1s, -webkit-padding-before .2s ease-in-out, -webkit-padding-after .2s ease-in-out;
    transition: max-height .3s ease-out .1s, padding-block-start .2s ease-in-out, padding-block-end .2s ease-in-out;
    transition: max-height .3s ease-out .1s, padding-block-start .2s ease-in-out, padding-block-end .2s ease-in-out, -webkit-padding-before .2s ease-in-out, -webkit-padding-after .2s ease-in-out;
}

.EmpoweringRightbox:hover {
    background-color: #0094ff;
}

.EmpoweringRightbox:hover h3 {
    /* padding-bottom: 1.4rem; */
    padding-bottom: 0.5rem;
    color: #fff;
}

.EmpoweringRightbox:hover p {
    max-height: 29rem;
    padding-bottom: 3rem;
    padding-top: 0;
    color: #fff;
}

.EmpoweringRightbox:hover i {
    color: #fff;
}

.EmpoweringRightbox:hover img {
    filter: invert(100%) sepia(1%) saturate(584%) hue-rotate(310deg) brightness(120%) contrast(100%)
}


.Contact {
    padding: 10rem 0 0;
    background: url(../images/contactus/bg.jpg);
    background-size: cover;
}

.Contactgrid {
    display: grid;
    grid-template-columns: 53rem 50rem;
    justify-content: space-between;
}

.footerlinkGrid {
    display: grid;
    grid-template-columns: 24rem 20rem;
    margin: 6rem 0 4rem;
    justify-content: space-between;
}

.footerlink {}

.footerlink .HeadingSection h2 {
    font-size: 2rem;
    margin: 0 0 2rem;
}

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

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

.footerlink a:hover {
    color: #0094ff;
    padding: 0 0 0 1rem;
}

.call {
    font-size: 1.8rem;
    text-transform: capitalize;
    display: block;
    color: #9cb0c2;
    margin: 1.5rem 0 0;
}

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

.call a {
    color: #9cb0c2;
    text-decoration: none;
}

.call a:hover {
    text-decoration: underline;
}

.call.email {
    text-transform: inherit;
}

.footer_logo img {
    height: 12rem;
}

.ContactformInner {
    position: relative;
    display: block;
    border: 1px solid #9cb0c2;
    border-radius: 5px;
    margin: 3rem 0 0;
}

.ContactformInner .form-group {
    position: relative;
    border-bottom: 1px solid #9cb0c2;
}

.twoflieds {
    display: flex;
    gap: 3rem;
}

.contactusright .twoflieds .form-group {
    width: 100%;
}

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

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

.ContactformInner .form-group select {
    background: rgba(0, 0, 0, 0) url(../images/arrow.png) no-repeat right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ContactformInner .form-group select option[value=""] {
    background: #2B2F37;
}

.ContactformInner .form-group input::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(100%) sepia(100%) saturate(10000%) hue-rotate(180deg)
}

.ContactformInner .form-group select:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: red transparent transparent transparent;
}

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

.SendBtn {
    margin: 1.5rem 0 0;
}

.SendBtn .customBtn {
    width: 100%;
    justify-content: center;
    text-transform: uppercase;
    font-size: 1.8rem;
    height: 6rem;
}

/* Chrome/Opera/Safari */
.ContactformInner .form-group input::-webkit-input-placeholder,
.ContactformInner .form-group textarea::-webkit-input-placeholder {
    color: #9cb0c2;
}

/* Firefox 19+ */
.ContactformInner .form-group input::-moz-placeholder,
.ContactformInner .form-group textarea::-moz-placeholder {
    color: #9cb0c2;
}

/* IE 10+ */
.ContactformInner .form-group input:-ms-input-placeholder,
.ContactformInner .form-group textarea:-ms-input-placeholder {
    color: #9cb0c2;
}

/* Firefox 18- */
.ContactformInner .form-group input:-moz-placeholder,
.ContactformInner .form-group textarea:-moz-placeholder {
    color: #9cb0c2;
}

.ContactformInner .form-group:last-child {
    border-bottom: 0;
}

.copyright {
    margin: 10rem 0 0;
    padding: 2rem 0;
    background: rgba(0, 0, 0, .5);
    border-top: 1px solid #9cb0c2;
}

.copyrightInner {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    justify-content: space-between;
}

.copyrightInner span {
    font-size: 1.6rem;
    color: #9cb0c2;
    font-family: 'Ubuntu', sans-serif;
}

.socialicons {
    display: flex;
    align-items: center;
}

.socialicons a {
    width: 3rem;
    height: 3rem;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    color: #000;
    background: #9cb0c2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 1rem;
    text-decoration: none;
    transition: all 500ms ease;
    position: relative;
    top: 0;
}

.socialicons a:hover {
    top: -.5rem;
    background: #0094ff;
    color: #fff;
}


/*About Us*/

.header.aboutus {
    /* background-image: url(../images/about/bg.jpg); */
    background-position: center;
    height: auto;
}

.bgVideo {
    position: absolute;
    inset: 0;
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
}

.Service,
.leaderpartnerships {
    position: relative;
    overflow: hidden;
}

.Serviceheader .bgVideo {
    margin-top: -16rem;
}

.header .aboutVid {
    height: 100%;
}

/*    .header.aboutus.Contactheader .bgVideo {
       
        top: -213px;}*/
.header.booking {
    /*background-image: url(../images/book-appointment.jpg) !important;*/
    background-position: center;
    /*height: 456px !important;*/
    background: no-repeat;
    background-size: cover;
}

.aboutus .headerContent {
    padding: 30rem 0 18rem;
    display: inherit;
    /*position: inherit;*/
}

.aboutus .headerContentInner {
    display: flex;
    align-items: center;
    justify-content: end;
    top: 12rem;
    position: relative;
}

.aboutus .headerContent h1 {
    font-size: 4.4rem;
}

.aboutus .headerContent h1:after {
    content: '';
    margin-left: 5px;
    display: inline-block;
    width: 50px;
    height: 3px;
    background-color: #0094ff;
}

.breadcrumb {
    display: flex;
    align-items: center;
    margin: 0;
}

.breadcrumb a,
.breadcrumb span {
    font-size: 1.8rem;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.breadcrumb i {
    margin: 0 1rem;
    color: #0094ff;
    font-size: 1.6rem;
}

.header.aboutus:after {
    background: linear-gradient(to top, transparent -30%, rgba(0, 0, 0, .5) 100%);
}

.header.aboutvid:after {
    background: linear-gradient(to top, transparent -30%, rgb(0 0 0 / 47%) 100%);
}

.moretext {
    display: none;
}

.moreless-button {
    font-size: 1.8rem;
    color: #0094ff;
    font-family: 'Ubuntu', sans-serif;
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    margin: 2rem 0 0;
}

.moreless-button i {
    margin: 0 0 0 1rem;
}

.AboutUsCompany {
    background-image: radial-gradient(circle at top left, rgba(0, 0, 0, 0.5) 0%, #000 100%), url(../images/aboutpage/company_introd/bg.jpg);
}

.AboutUsCompany .AboutCompanygrid {
    grid-column-gap: 8rem;
}

.AboutUsCompany .HeadingSection {
    position: relative;
}

.AboutUsCompany .HeadingSection h2 {
    margin: 0;
}

.AboutUsCompany .HeadingSection:after {
    content: '';
    height: 100%;
    position: absolute;
    left: -4rem;
    background: linear-gradient(transparent 230px, rgb(8, 20, 36, .9), transparent);
    right: 0;
    bottom: -6rem;
    transition: all .4s linear;
}

.AboutUsCompany .HeadingSection.textexpend:after {
    opacity: 0;
}

.ourvision {}

.ourvision .TradingPlatformsBox {
    padding: 4.2rem;
}

.ourvision .TradingPlatformsBox p {
    color: #9cb0c2;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding: 0;
    transition: color .2s ease-out;
    text-decoration: none;
    margin: 2rem 0 0;
    font-family: 'Ubuntu', sans-serif;
}

.ourvision .TradingPlatformsBox p i {
    margin: 0 1rem 0 0;
    color: #0094ff;
}

.ourvision .TradingPlatformsBox.Mission p {
    font-style: italic;
}

.ourvision .tradingplatform_img {
    /*padding: 0 10rem;*/
    margin: 0;
    width: 100%;
    /*background-color: #fff;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
}

.ourvisionmissingContentInner {
    min-height: 24rem;
}

.ourCorevalue {
    background: #202225;
}

/* Overlay content to display text and button */
.overlay-content {
    position: absolute;
    top: 66%;
    left: 21.3%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    z-index: 2;
}

/* Text content styling */
.text-content h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.text-content p {
    font-size: 18px;
    margin-bottom: 20px;
}

/* Button styling */
.slider-1-btn {
    position: relative;

}

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

.ourCorevalueImg {
    position: relative;
    display: flex;
    align-items: center;
    /*background: #fff;*/
}

/*.ourCorevalueImg .ourCorevaluebg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background: url(../images/aboutpage/corevalue/bg.png);
}*/

.ourCorevalueImg video {
    width: 100%;
    object-fit: cover;
}

.ourCorevalueContent {
    padding: 12rem 15%;
}

.ourCorevalueContent .HeadingSection h2 {
    margin: 0;
}

.ourCorevalueContent .HeadingSection p {
    margin-bottom: 0;
}

.ourCorevalueList {
    margin: 5rem 0 0;
}

.ourCorevalueListInner {
    display: flex;
}

.ourCorevalueListIcon {}

.ourCorevalueListIcon img {
    font-size: 6rem;
    width: 6rem;
    height: 6rem;
    filter: invert(53%) sepia(41%) saturate(7341%) hue-rotate(184deg) brightness(101%) contrast(103%);
}

.ourCorevalueListContent {
    margin: 0 0 0 3rem;
}

.ourCorevalueListContent h3 {
    font-size: 22px;
    margin: 0;
    color: #fff;
}

.ourCorevalueListContent p {
    font-size: 1.7rem;
    color: #9cb0c2;
    margin: 1rem 0 0;
    font-family: 'Ubuntu', sans-serif;
}


.ourCorevalueListInner+.ourCorevalueListInner {
    margin: 5rem 0 0;
}

.ourServices {
    padding: 10rem 0;
    background: #000000;
}

.ourServices .HeadingSection {
    text-align: center;
}

.ourServices .HeadingSection p {
    padding: 0 10rem;
}

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

.ourServicesInner {
    position: relative;
}

.ourServicesimg {
    position: relative;
    overflow: hidden;
}

.ourServicesimg img {
    transition: all .4s linear;
    /*transform: scale(1.1, 1.1);*/
    max-width: 100%;
    width: 100%;
}

.ourServicesimg h3 {
    font-size: 1.6rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px 0;
    font-weight: 500;
    margin: 0;
    z-index: 1;
    color: #fff;
    background: rgb(0, 148, 255, .9);
    transition: all .4s ease-in-out;
}

.ourServicesInner .ourServicescontent {
    position: absolute;
    opacity: 0;
    padding: 20px;
    color: #0C263A;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    transition: all .4s ease-in-out;
    z-index: 2;
    font-size: 1.8rem;
    font-family: 'Ubuntu', sans-serif;
}

.ourServicescontent:before {
    content: "";
    position: absolute;
    background: #0094ff;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    top: 0;
    opacity: 0;
    z-index: 0;
}

.ourServicescontent .ourServicescontentInner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    right: 0;
    z-index: 3;
}

.ourServicescontent .ourServicescontentInner p {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 0 25px;
    color: #fff;
}

.ourServicescontent .servicebutton {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .4s linear;
}

.ourServicescontent .servicebutton a {
    height: 40px;
    line-height: 35px;
    background: #fff;
    border: 2px solid #fff;
    color: #0C263A;
    border-radius: 25px;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    font-size: 16px;
    text-decoration: none;
    margin: 1rem 0 0 0;
    transition: all .4s linear;
    overflow: hidden;
}

.ourServicescontent .servicebutton a:before {
    position: absolute;
    height: 100%;
    font-size: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    right: -6rem;
    opacity: 0;
    top: 0;
    content: "\f054";
    font-size: 12px;
    font-family: fontawesome;
    color: #0C263A;
}

.ourServicesInner:hover .ourServicesimg h3 {
    opacity: 0;
}

.ourServicesInner:hover .ourServicescontent {
    opacity: 1;
}

.ourServicesInner:hover .ourServicescontent .ourServicescontentInner p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.ourServicesInner:hover .ourServicescontent:before {
    opacity: .95;
}

.ourServicesInner:hover .servicebutton {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.ourServicescontent .servicebutton a:hover {
    padding-right: 30px;
}

.ourServicescontent .servicebutton a:hover:before {
    right: 16px;
    opacity: 1;
}

.TechnologAdvancemt {
    background: #181818;
}

.TechnologAdvancemt .HeadingSection {
    text-align: left;
    max-width: 58rem;
}

.TechnologAdvancemtGrid {
    gap: 5rem;
    display: grid;
    margin: 0;
    padding-top: 100px;
    grid-template-columns: repeat(2, 1fr);
}

.TechnologAdvancemtInner {
    background: linear-gradient(137.45deg, #24262d 7.42%, #0e0f12 104.16%);
    border-radius: 2rem;
    padding: 4rem;
    position: relative;
    display: grid;
    grid-template-columns: 29rem 16rem;
    justify-content: space-between;
}

.TechnologAdvancemtcontent {}

.TechnologAdvancemtcontent h3 {
    font-size: 24px;
    color: #fff;
    margin: 0;
}

.TechnologAdvancemtcontent p {
    font-size: 1.7rem;
    color: #9cb0c2;
    margin: 1rem 0 0;
    font-family: 'Ubuntu', sans-serif;
}

.TechnologAdvancemtImg {
    position: absolute;
    height: 34rem;
    bottom: 0;
    right: 6rem;
}

.TechnologAdvancemtImg img {
    max-height: 100%;
    will-change: opacity;
}


.DirectorsInformation {
    padding: 10rem 0;
    background: #242730;
}

.DirectorsInformation .HeadingSection {
    text-align: center;
}

.DirectorsInformationSilder {
    margin: 6rem 0 0;
    padding: 0 5rem;
    position: relative;
}

.DirectorsInformationInner {
    background: rgb(156, 176, 194, .1);
    color: #fff;
    padding: 6rem 8rem;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.DirectorsInformationInner h3 {
    font-size: 2.8rem;
    color: #fff;
    margin: 0;
}

.DirectorsInformationInner h3 span {
    font-size: 1.6rem;
    color: #8caac5;
    opacity: .9;
    display: block;
    font-weight: normal;
    margin: 0.5rem 0 0;
}

.DirectorsInformationInner p {
    font-size: 1.8rem;
    color: #9cb0c2;
    margin: 2rem 0 0;
    line-height: 3rem;
}

.DirectorsContact {
    margin: 4rem 0 0;
    display: flex;
    justify-content: center;
}

.DirectorsContact a {
    background: rgb(156, 176, 194, .3);
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #fff;
    text-decoration: none;
    margin: 0 0.5rem;
    border-radius: 10rem;
    transition: background-color 0.3s ease-in-out 0s;
}

.DirectorsContact a:hover {
    background: #0094ff;
    color: #fff;
}

.DirectorsInformationSilder .owl-nav {
    position: absolute;
    top: 12rem;
    left: -9rem;
    right: -9rem;
    display: flex;
    justify-content: space-between;
}

.DirectorsInformationSilder .owl-carousel .owl-nav button {
    width: 4.5rem;
    height: 4.5rem;
    border: 0.1rem solid #323740;
    border-radius: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #ffffff;
    transition: background-color 0.3s ease-in-out 0s;
    font-size: 3.6rem;
    background: #323740;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.2);
}

.DirectorsInformationSilder .owl-carousel .owl-nav button span {
    position: relative;
    top: -0.4rem;
}

.DirectorsInformationSilder .owl-carousel .owl-nav button:hover {
    background: #0094ff;
    border-color: #0094ff;
    color: #fff;
}


.KeyDifferent {
    padding: 10rem 0;
    background: url(../images/whychoose/bg.png);
    background-size: cover;
    background-position: center;
    position: relative;
}

.KeyDifferent .HeadingSection {
    text-align: center;
}

/*.KeyDifferent:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .7;
}*/

.KeyDifferentInner {
    position: relative;
    z-index: 1;
}

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

.KeyDifferentbox {
    background-image: linear-gradient(127.77deg, #0e0f12 -11.73%, #24262d 50%, #0e0f12);
    background-position: 100% 100%;
    background-size: 200% 200%;
    border-radius: 20px;
    padding: 6rem 3rem;
    position: relative;
    text-align: center;
    transition: background-position .6s cubic-bezier(.25, .46, .45, .94);
}

.KeyDifferentIcon {}

.KeyDifferentIcon img {
    filter: invert(53%) sepia(41%) saturate(7341%) hue-rotate(184deg) brightness(101%) contrast(103%);
    height: 5.5rem;
}

.KeyDifferentbox h3 {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: .9px;
    line-height: 24px;
    margin: 14px auto 0;
    text-transform: uppercase;
    color: #fff;
}

.KeyDifferentbox p {
    color: #9cb0c2;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 16px auto 0;
}

.KeyDifferentbox:hover {
    background-position: 0 0;
}



.header.Serviceheader {
    /*background-image: url(../images/servics/bg.jpg);*/
    background-position: center;
    height: auto;
}

.Service {}

.Service {
    padding: 15rem 0 10rem;
    background: #1B1D24;
}

.Service .HeadingSection {
    text-align: center;
}

.Service .HeadingSection p {
    margin: 1.5rem 0 0;
}

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

.Servicebox {
    background: rgb(156, 176, 194, .1);
    color: #fff;
    padding: 3rem 2rem;
    border-radius: 2rem;
    position: relative;
    border-top: 2px solid #0094ff;
    text-align: center;
    transition: all 0.3s ease-out;
}

.ServiceIcon {
    position: relative;
    display: inline-block;
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    background: rgb(156, 176, 194, .2);
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2.7rem;
    transition: all 500ms ease;
    margin: auto;
}

.ServiceIcon img {
    filter: invert(97%) sepia(0%) saturate(1357%) hue-rotate(62deg) brightness(116%) contrast(100%);
    max-width: 4rem;
}

.Servicebox .ServiceContent {
    margin: 3rem 0 0;
}

.Servicebox .ServiceContent h3 {
    position: relative;
    display: inline-block;
    font-size: 1.9rem;
    /*line-height: 3.2rem;*/
    color: #fff;
    font-weight: 600;
    margin-bottom: 2rem;
    font-family: 'Ubuntu', sans-serif;
    transition: all 500ms ease;
}

.Servicebox .ServiceContent p {
    font-size: 1.7rem;
    color: #9cb0c2;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
}

.Servicebox:hover {
    background: #0094ff;
}

.Servicebox:hover .ServiceIcon {
    background: #282c34;
}

.Servicebox:hover .ServiceContent h3 {
    color: #fff;
}

.Servicebox:hover .ServiceContent p {
    color: #fff;
}

.stepss {
    margin: 2rem 0 0;
}

.stepssInner {
    margin: 0 0;
}

.stepssInner h3 {
    font-size: 3rem;
    color: #fff;
    margin: 2rem 0 0;
    font-weight: bold;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize;
}

.stepssInner h3 span {
    color: #DC1414;
}

/*.stepssInner h3:after {
    content: '';
    margin-left: 5px;
    display: inline-block;
    width: 50px;
    height: 3px;
    background-color: #fbaa38;
}*/

.stepssInner p {
    font-size: 1.8rem;
    color: #9cb0c2;
    margin: 2rem 0 0;
    font-family: 'Ubuntu', sans-serif;
}

.stepsmoveright {
    padding: 0 0 0 3rem;
}

.videos {
    margin: 6rem 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
}


.videosInner h3 {
    font-size: 2rem;
    text-transform: inherit;
    margin: 0 0 2rem;
    font-weight: 500;
}

.videosInner iframe {
    width: 100%;
    height: 34rem;
    margin: 0;
    border: 0;
    display: table;
    border-radius: 2rem;
}

.videosInner video {
    width: 100%;
    margin: 0;
    border: 0;
    display: table;
    border-radius: 2rem;
    background-color: #000;
}

.stepssInner ul {
    margin: 2rem 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.stepssInner ul li {
    list-style-type: none;
}

.fade-in {
    opacity: 0;
    transform: translateY(40%);
    transition: all 2s ease-out;
}

.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

.fade-in.active {
    opacity: 1;
    transform: translateY(0);
}

.stepssInner ul li a {
    background: rgb(53, 58, 68, .6);
    border-radius: 1.5rem;
    color: #fff;
    font-size: 1.7rem;
    text-decoration: none;
    transition: all 0.3s ease-out;
    margin: 0;
    padding: 1.5rem 3rem;
    display: table;
    font-weight: 600;
}

.stepssInner ul li a:hover {
    background: #0094ff;
    color: #fff;
    padding: 1.5rem 4rem;
}

.textCenter {
    text-align: center;
}

.login {
    height: 15rem;
    background-position: center top;
}

.loginSect {
    background: url(../images/login/bg.png);
    background-size: cover;
    background-position: center;
    padding: 10rem 0;
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
}

.loginSect:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(27, 29, 36, .9)
}

.loginBox {
    background: #282C34;
    color: #fff;
    padding: 3rem 4rem;
    border-radius: 2rem;
    position: relative;
    border-top: 2px solid #fbaa38;
    text-align: center;
    transition: all 0.3s ease-out;
    width: 66rem;
    margin: auto;
    position: relative;
    z-index: 1;
}

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

.HeadingSection p {
    margin: 1.5rem 0 0;
}

.loginformInner {
    position: relative;
    display: block;
    border-radius: 5px;
    margin: 5rem 0 0;
}

.loginformInner .form-floating .form-control,
.loginformInner .form-floating .form-control-plaintext,
.loginformInner .form-floating .form-select,
.register .loginformInner .form-floating.date input {
    padding: 3.4rem 3rem;
    /*background: none;*/
    border: 0;
    border: 1px solid #9cb0c2;
    font-size: 1.6rem;
    border-radius: 0.4rem;
    outline: none;
    box-shadow: none;
}

.loginformInner .form-floating .form-control.formCustomSelect {
    padding: 0rem 3rem;
    height: 6.9rem;
}

.loginformInner .form-floating>label {
    color: #9cb0c2;
    font-size: 1.6rem;
    padding: 2rem 3rem;
}

.loginformInner .form-floating>.form-control:focus~label,
.loginformInner .form-floating>.form-control:not(:placeholder-shown)~label {
    color: #9cb0c2;
    padding: 1rem 3rem;
}

.loginformInner .form-floating>.form-control:focus~label::after,
.loginformInner .form-floating>.form-control:not(:placeholder-shown)~label::after {
    background: none;
    color: #fff;
}

.loginformInner .form-floating+.form-floating {
    margin-top: -.1rem;
}

.loginformInner .form-floating+.form-floating>.form-control {
    border-radius: 0 0 .4rem .4rem;
}


.forgetpass {
    font-size: 1.6rem;
    color: #9cb0c2;
    margin: 2rem 0 0;
    text-align: right;
}

.forgetpass a {
    color: #abc3d9;
    font-family: 'Ubuntu', sans-serif;
    text-decoration: none;
}

.forgetpass a:hover {
    text-decoration: underline;
}

.loginformBtn {
    margin: 3rem 0 0;
}

.loginformBtn a,
.forgetloginformBtn a.singup {
    margin: 0 1rem;
    text-transform: uppercase;
    border: 1px solid #0094ff;
}

.forgetloginformBtn a.singup {
    margin: 0;
}

.loginformBtn a.singup,
.loginformBtn a.customBtn:hover,
.forgetloginformBtn a.singup {
    background: none;
    color: #fff;
}

.loginformBtn a.customBtn.singup:hover,
.forgetloginformBtn a.singup:hover {
    background: #0094ff;
    color: #0C263A;
}

/*body.loginscreen{
    background: #f1f4f6;
}*/

.LoginNew {
    height: 100vh;
    padding: 0;
}

/*.LoginNew .customNavbar .navbar-brand img + img{
    display: none;
}*/

/*.LoginNew:after{
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: red;
    height: 50%;
}*/

.loginheader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
}

/*.loginheader .whiteLogo{
    display: none;
}

.loginheader .customNavbarMove img{
    display: none;
}

.loginheader .customNavbarMove .whiteLogo{
    display: block;
}*/

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

.LoginNew .customNavbar.navbar-expand-lg .navbar-nav .nav-link {
    color: #282c34;
}

.LoginNew .customNavbar.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #0094ff;
}

.LoginNew:before {
    content: '';
    width: 50%;
    height: 100vh;
    background: #fff;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.LoginNewGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10rem;
    height: 100vh;
    align-items: center;
    padding-top: 19rem;
}

.LoginNewLeft .loginBox {
    text-align: left;
    border: 0;
    background: none;
    width: 100%;
    padding: 3rem 0;
}

.LoginNewLeft .loginBox .HeadingSection h2 {
    color: #282C34;
    width: 35rem;
    font-size: 4rem;
    margin: 0;
}

.LoginNewLeft .HeadingSection p {
    color: #0C263A;
}

.LoginNewLeft .loginformInner .form-floating>.form-control,
.LoginNewLeft .loginformInner .form-floating>.form-control-plaintext,
.LoginNewLeft .loginformInner .form-floating>.form-select {
    color: #495057;
}

.form-floating>.form-control:focus {
    border-left: .3rem solid #fbaa38;
}

.Request-Type-label {
    color: #000;
    font-size: 1.6rem;
    margin: 3rem 0 -1rem;
}

.LoginNewLeft .form-floating>.form-control-plaintext~label::after,
.LoginNewLeft .form-floating>.form-control:focus~label::after,
.LoginNewLeft .form-floating>.form-control:not(:placeholder-shown)~label::after,
.LoginNewLeft .form-floating>.form-select~label::after {
    background: none;
}

.LoginNewRight {
    text-align: right;
}

.LoginNewRight img {
    max-width: 80%;
}

.LoginNewLeft .forgetpass a {
    color: #0C263A;
}

.LoginNewLeft .loginformBtn a {
    margin: 0 1rem 0 0;
}

.LoginNewLeft .loginformBtn a.singup,
.LoginNewLeft .loginformBtn a.customBtn:hover,
.forgetloginformBtn a.singup {
    color: #0C263A;
}

.loginformBtn a.customBtn.singup:hover,
.forgetloginformBtn a.singup:hover {
    color: #fff;
}

.register {
    padding: 19rem 0 0;
    height: auto
}

.registerscreen .copyright {
    margin: 10rem 0 0;
    background: rgba(0, 0, 0, 1);
    border-top: 0;
}

.registerscreen .customNavbar,
.loginscreen .customNavbar {
    box-shadow: none;
}

.registerscreen .copyright .customBtn {
    background: #F9D72F;
    height: 3.6rem;
    padding: 0 1.5rem;
    color: #000;
    display: flex;
    line-height: 3.6rem;
    font-size: 1.4rem;
}

.register .LoginNewGrid {
    display: block;
    /*width: 92%;*/
    height: auto;
    padding: 0;
}

.register.LoginNew:before {
    width: 78.5%;
}

.register .LoginNewLeft .loginBox {
    padding: 2rem 0;
}

.register .LoginNewLeft .loginBox .HeadingSection h2 {
    font-size: 3.6rem;
    margin: 0;
    width: auto;
}

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

.register .loginformInner .form-floating .form-control,
.register .loginformInner .form-floating .form-control-plaintext,
.register .loginformInner .form-floating .form-select {
    padding: 1rem 2rem;
    border-radius: .4rem;
    height: 5rem;
}

.register .loginformInner .form-floating .form-select,
.register .loginformInner .form-floating.date input {
    padding: 1rem 2rem .4rem;
    height: 5rem;
}

.register .loginformInner .form-floating>.form-control[type="file"] {
    padding: 1.5rem 2rem
}

.register .loginformInner .form-floating.date input {
    padding: 1rem 2rem;
}

.register .loginformInner .form-floating>label {
    padding: 0;
    line-height: initial;
    position: inherit;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 .5rem;
    font-size: 1.4rem;
}

.register .loginformInner .form-floating>.form-select+label {
    font-size: 1.4rem;
    padding: 0.7rem 2rem
}

.register .loginformInner .form-floating>.form-control:focus~label,
.register .loginformInner .form-floating>.form-control:not(:placeholder-shown)~label {
    padding: 0.5rem 2rem;
    font-size: 1.4rem;
}

/* Chrome/Opera/Safari */
.register .loginformInner .form-floating input::-webkit-input-placeholder,
.register .loginformInner .form-floating textarea::-webkit-input-placeholder {
    color: #9cb0c2;
}

/* Firefox 19+ */
.register .loginformInner .form-floating input::-moz-placeholder,
.register .loginformInner .form-floating textarea::-moz-placeholder {
    color: #9cb0c2;
}

/* IE 10+ */
.register .loginformInner .form-floating input:-ms-input-placeholder,
.register .loginformInner .form-floating textarea:-ms-input-placeholder {
    color: #9cb0c2;
}

/* Firefox 18- */
.register .loginformInner .form-floating input:-moz-placeholder,
.register .loginformInner .form-floating textarea:-moz-placeholder {
    color: #9cb0c2;
}

.register .loginform {
    /*overflow-x: auto;
    height: calc(100vh - 39rem);
    padding: 0 4rem 0 0;*/
    margin: 4rem 0 0;
}

.register .loginform::-webkit-scrollbar {
    width: 5px;
    background: #f1f4f6;
}

.register .loginform::-webkit-scrollbar-track {
    border-radius: 15px;
}

.register .loginform::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: #BDC4C5;
}

.register .loginformInner .form-floating.date input {
    border-right: 0;
}

.register .loginformInner .form-floating .input-group-text {
    padding: 1.3rem 2rem;
    height: 5rem;
    background: none;
    border-color: #9cb0c2;
    border-left: 0;
    font-size: 1.6rem;
    color: #9cb0c2;
}

.datepicker {
    font-size: 1.6rem;
    padding: 1rem;
    text-align: center;
}

.datepicker tr th.dow {
    padding: 1rem;
}

.file-floating {
    border: 1px solid #9cb0c2;
    border-radius: .4rem;
}


.register .loginformInner .file-floating input {
    opacity: 0;
}

.register .loginformInner .file-floating>.form-control~label,
.register .loginformInner .file-floating>.form-control:focus~label,
.register .loginformInner .file-floating>.form-control:not(:placeholder-shown)~label {
    padding: 1.4rem 2rem;
    font-size: 1.6rem;
    transform: inherit;
}

.register .loginformInner .form-floating label span {
    font-size: 1.2rem;
    color: #0094ff;
}

.LoginNew .customNavbar.customNavbarMove.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
}

.acceptTermsCond {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 0;
}

.acceptTermsCond .form-check {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.acceptTermsCond .form-check input {
    width: 2rem;
    height: 2rem;
    margin: 0 1rem 0 0;
}

.acceptTermsCond .form-check label {
    font-size: 1.6rem;
    color: #0C263A;
}

.acceptTermsCond .form-check label span {
    color: #0094ff;
}

.register .customNavbarMove {
    background: #000;
}

.register .loginformBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.register .loginformBtn span {
    font-size: 1.8rem;
    color: #0C263A;
    margin: 0 1rem 0 0;
}

.register .LoginNewLeft .loginformBtn a {
    margin: 0;
}

.termsCondition .modal-header {
    padding: 2rem 4rem;
    font-size: 1.4rem;
    background: #f1f4f6;
}

.termsCondition .modal-header .modal-title {
    font-size: 2rem;
}

.termsCondition .modal-body::-webkit-scrollbar {
    width: 8px;
    background: #f1f4f6;
}

.termsCondition .modal-body::-webkit-scrollbar-track {
    border-radius: 15px;
}

.termsCondition .modal-body::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: #0094ff;
}

.termsCondition .modal-body {
    padding: 2rem 4rem 4rem;
    font-size: 1.6rem;
}

.termsCondition p,
.termsCondition li {
    font-size: 1.6rem;
    color: #0C263A;
    margin: 2rem 0 0;
    font-family: 'Ubuntu', sans-serif;
}

.termsCondition ol,
.termsCondition ul {
    padding: 0 0 0 4rem;
}

.termsCondition ul li {
    list-style-type: none;
}

.tableOuter {
    padding: 2rem;
}

.tableOuter .table>:not(caption)>*>* {
    box-shadow: none;
    padding: 1rem 2rem;
    border: 0;
}

.tableOuter .table-striped thead tr,
.tableOuter .table-striped thead tr th {
    background: #282C34;
    color: #f1f4f6;
}

.tableOuter .table-striped tr:nth-child(even),
.tableOuter .table-striped tr:nth-child(even) td {
    background: #f1f4f6;
}

.tableOuter .table-striped tr:nth-child(odd),
.tableOuter .table-striped tr:nth-child(odd) td {
    background: #fff;
}


.termsCondition .modal-footer {
    padding: 2rem 4rem;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .6);
}

.termsCondition .dontaccept {
    background: none;
    border: 1px solid #0094ff;
    margin: 0 1rem 0 0;
    color: #0C263A;
}

.termsCondition .dontaccept:hover {
    background: #0094ff;
    color: #fff;
}

.IBANnumber {
    grid-column: 2 / span 2;
}

.register .loginformInner .form-floating.IBANnumber .input-group {
    font-size: 1.6rem;
}

.register .loginformInner .form-floating.IBANnumber .input-group .form-control {
    border-color: #9cb0c2;
    font-size: 1.6rem;
}


.register .loginformInner .form-floating.IBANnumber .input-group-text {
    border-left: 1px solid #9cb0c2;
}

.register .loginformInner .form-floating.IBANnumber .input-mask-trigger {
    max-width: 8rem;
}

.register .loginformInner .form-floating.IBANnumber .input-mask-trigger.mask-input {
    max-width: inherit;
}

.dynamic_code {
    padding: 0 2rem;
    color: #0C263A;
    background: #f1f4f6;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    border: 1px solid #9cb0c2;
    border-radius: 0.4rem 0 0 0.4rem;
}

.verifycode .dynamic_code {
    padding: 0 4rem;
    height: 7rem;
}

.verifycode .form-control {
    height: 7rem;
}

.forgetsubmit {
    margin: 2rem 0 0;
    text-align: right;
}

/*.forgetloginformBtn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}*/

.forgetlogininner {
    display: flex;
    align-items: center;
}

.forgetlogininner+.forgetlogininner {
    margin: 2rem 0 0;
}

.forgetloginformBtn {
    margin-top: 2rem;
}

.forgetloginformBtn span {
    font-size: 1.8rem;
    color: #0C263A;
    margin: 0 1rem 0 0;
    width: 20rem;
}

.forgetloginformBtn a {
    margin: 0;
}

.hidedesktop {
    display: none;
}

.forgetlogininner a.singup,
.forgetlogininner a.customBtn {
    width: 12.4rem;
    justify-content: center;
    text-transform: uppercase;
    padding: 0;
}


.ourProduct {
    padding: 10rem 0;
    background: url(../images/our_product/bg.jpg);
    position: relative;
    background-position: center;
    background-size: cover;
}

.ourProduct:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
}

.ourProduct .container-lg {
    position: relative;
    z-index: 1;
}

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

.ourProductbox {
    background: linear-gradient(137.45deg, #24262d 7.42%, #0e0f12 104.16%, #24262d 7.42%);
    border-radius: 2rem;
    overflow: hidden;
    padding: 4.2rem;
    position: relative;
    text-align: center;
}

.ourProductbox img {
    max-width: 5rem;
}

.ourProductbox h3 {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 24px;
    margin: 2rem auto 0;
    text-transform: uppercase;
    color: #fff;
}





.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;

    border: 1px solid #282a30;
}

.flip-container:hover .flipper,
.flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
    width: 100%;
    height: 22rem;
    border-radius: 2rem;
    background: linear-gradient(137.45deg, #24262d 7.42%, #0e0f12 104.16%, #24262d 7.42%);
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

.front,
.back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

.front {
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 3rem;
    justify-content: center;
    text-align: center;
}

.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #0094ff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.front img {
    max-height: 5rem;
    filter: invert(53%) sepia(41%) saturate(7341%) hue-rotate(184deg) brightness(101%) contrast(103%);
}

.front h3 {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 24px;
    margin: 2rem auto 0;
    text-transform: uppercase;
    color: #fff;
}

.learntradingbtn {
    padding: 0 2rem;
    height: 4rem;
    padding: 0 2rem;
    background-color: #e69d15;
    font-size: 1.6rem;
}

/*.front .name {
    font-size: 2em;
    display: inline-block;
    background: rgba(33, 33, 33, 0.9);
    color: #f8f8f8;
    font-family: Courier;
    padding: 5px 10px;
    border-radius: 5px;
    bottom: 60px;
    left: 25%;
    position: absolute;
    text-shadow: 0.1em 0.1em 0.05em #333;

    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}*/

.back h3 {
    font-size: 2rem;
    font-weight: 800;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}

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

/* .header.aboutus.Contactheader {
    background: url(../images/contactus/bgB.jpg);
} */

.header.aboutus.Contactheader .bgVideo {
    object-fit: cover;
    object-position: bottom;
}

.header.aboutus.TutorialHeader {
    background: url(../images/tutorial-vids.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
}

.contactdetail {
    padding: 10rem 0;
    background: #1B1D24;
    position: relative;
    overflow: hidden;
}

.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: #0094ff;
    text-align: center;
    border-radius: 50%;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 500ms ease;
}

.ContactUsInfoIcon img {
    /*filter: invert(97%) sepia(0%) saturate(1357%) hue-rotate(62deg) brightness(116%) contrast(100%);*/
    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: #b4cde3;
    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: #9cb0c2;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
}

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

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

.contactusright .ContactformInner {
    border: 0;
}

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

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

.contactmap {
    border-radius: 2rem;
    overflow: hidden;
    margin: 10rem 0 0;
}

.contactmap iframe {
    width: 100%;
    height: 58rem;
}

.ContactNew .Contactgrid {
    grid-template-columns: auto;
}

.ContactNew .ContactContent {
    display: grid;
    grid-template-columns: auto auto;
}

.ContactNew .footerlinkGrid {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 0 20rem;
}


.addressinfo p.call:first-child {
    margin: 0;
}

.faq {
    padding: 10rem 0;
    background: #1B1D24;
}

.faq .accordion {
    margin: 6rem 0 0;
}

.faq .accordion .accordion-item {
    background: rgb(156, 176, 194, .1);
    border-bottom-color: #44495a;
    margin: 0 0 2rem;
    border-radius: 2rem;
    border: 0;
}

.faq .accordion .accordion-button {
    background: none;
    color: #9cb0c2;
    font-size: 1.8rem;
    font-family: 'Ubuntu', sans-serif;
    padding: 2rem 3rem;
    outline: none;
    box-shadow: none;
    text-transform: uppercase;
    font-weight: bold;
}

.faq .accordion .accordion-body {
    color: #9cb0c2;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding: 0;
    transition: color .2s ease-out;
    text-decoration: none;
    padding: 1rem 3rem 2rem;
    font-family: 'Ubuntu', sans-serif;
}

.faq .accordion .accordion-button::after {
    content: "\2b";
    font-family: fontawesome;
    color: #9cb0c2;
    position: absolute;
    right: 3.5rem;
    top: 2rem;
}

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

.faq .accordion .accordion-button:not(.collapsed)::after {
    content: "\f068";
    color: #fff;
}


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

.complainbottomInner {
    background: #1A1D21;
    border-radius: 2rem;
    padding: 3rem;
}

.complainbottomInner h4 {
    position: relative;
    font-size: 2.2rem;
    color: #b4cde3;
    font-weight: 600;
    margin-bottom: 2rem;
    font-family: 'Ubuntu', sans-serif;
    transition: all 500ms ease;
    text-transform: uppercase;
    display: block;
}


.header.aboutus.Complaintsheader {
    background: url(../images/complain/bg.jpg);
}

.header.aboutus.importantdoctsheader {
    background: url(../images/importantdoct/bg.jpg);
}



.AboutCompany.importantdocts {
    background: #1B1D24;
    padding-top: 0;
}

.importantdocts .AboutCompanyshape {
    opacity: .5;
}

.importantdocumentouter {
    padding: 10rem 0 0;
    position: relative;
    z-index: 1;
}

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

.importantdoctbox {
    background: rgb(156, 176, 194, .1);
    color: #fff;
    min-height: 24.6rem;
    padding: 3rem 2rem;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
}

.importantdoctbox img {
    position: absolute;
    top: 3rem;
    width: 3.5rem;
    filter: invert(53%) sepia(41%) saturate(7341%) hue-rotate(184deg) brightness(101%) contrast(103%);
}

.importantdoctbox h3,
.importantdoctbox h3 a {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.33;
    margin: 0;
    text-decoration: none;
    transition: -webkit-padding-after .2s ease-in-out;
    transition: padding-block-end .2s ease-in-out;
    transition: padding-block-end .2s ease-in-out, -webkit-padding-after .2s ease-in-out;
}

.importantdoctbox:hover {
    background-color: #0094ff;
}

.importantdoctbox:hover h3,
.importantdoctbox:hover h3 a {
    padding-bottom: 1.6rem;
}

.importantdoctbox:hover img {
    filter: invert(100%) sepia(1%) saturate(584%) hue-rotate(310deg) brightness(120%) contrast(100%);
}



.header.aboutus.financialsheader {
    background: url(../images/financials/bg.jpg);
}


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

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

ul.financialsreportbox {
    padding: 0;
    margin: 5rem 0 0;
}

ul.financialsreportbox li {
    list-style-type: none;
    margin: 2rem 0 0;
}

ul.financialsreportbox li a {
    background: rgb(156, 176, 194, .3);
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 2rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.33;
    margin: 0;
    text-decoration: none;
    align-items: center;
    transition: all 0.5s ease;
}

.financialsreportboxLeft {
    display: flex;
    align-items: center;
}

ul.financialsreportbox li a img {
    height: 3rem;
    margin: 0 1.5rem 0 0;
    filter: invert(53%) sepia(41%) saturate(7341%) hue-rotate(184deg) brightness(101%) contrast(103%);
}

ul.financialsreportbox li a:hover {
    background-color: #0094ff;
    color: #fff;
}

ul.financialsreportbox li:hover img {
    filter: invert(100%) sepia(1%) saturate(584%) hue-rotate(310deg) brightness(120%) contrast(100%);
}


.header.aboutus.learntrading {
    background: url(../images/learn_trading/header_bg.png);
    background-position: center;
    height: auto;
}

.learntradingSection {
    background-image: radial-gradient(circle at top left, rgba(0, 0, 0, 0.5) 0%, #000 100%), url(../images/learn_trading/bg.png);
    background-size: cover;
    background-position: top center;
}

.learntradingPackage {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    z-index: 1;
    gap: 2rem;
}

.learntradingPackageInner {
    background: red;
    width: 100%;
    position: relative;
    border-radius: 2rem;
}

.learntradingPackageInner:before {
    content: '';
    position: absolute;
    left: .8rem;
    right: .8rem;
    top: .8rem;
    bottom: .8rem;
    border: 1px solid #fff;
    border-radius: 2rem;
    opacity: .3;
}

.packageOne {
    background: #ffc444;
    background: linear-gradient(to bottom, rgb(255 196 68) 0%, rgb(255 196 68) 50%, rgb(0, 0, 0, .1) 100%);
    padding: 3rem;
}

.learntradingPackageInner.packageOne:before {
    border: 1px solid #000;
}

.learntradingPackageInner h2 {
    font-size: 3.6rem;
    color: #fff;
    margin: 1rem auto 0;
    font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.learntradingPackageInner h2:before,
.learntradingPackageInner h2:after {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    background: #fff;
    margin: 0 1rem;
    display: table;
}

.learntradingPackageInner p {
    font-size: 1.8rem;
    color: #ffffff;
    margin: 0 0 3rem;
    font-family: 'Ubuntu', sans-serif;
    opacity: .9;
    height: 190px;
}

.learntradingPackageInner.packageOne p {
    color: #000;
    height: auto;
}

.divider {
    border-top: 1px solid rgba(0, 0, 0, .5);
    margin: 0;
}

.learntradingPackageInner ul {
    margin: 0 0 2rem;
    padding: 2rem 0 0;
    list-style-type: none;
    min-height: 215px;
}

.learntradingPackageInner ul li {
    font-size: 1.8rem;
    color: #fff;
    margin: 2rem 0 0;
    font-family: 'Ubuntu', sans-serif;
    opacity: .9;
    display: flex
}

.learntradingPackageInner ul li i {
    position: relative;
    top: .5rem;
}

.learntradingPackageInner.packageOne ul li {
    color: #000;
}


.learntradingPackageInner ul li span {
    margin: 0 0 0 .7rem;
}

.packageTwo {
    background: #6549ff;
    background: linear-gradient(to bottom, rgb(101 73 255) 0%, rgb(101, 73, 255) 50%, rgb(0, 0, 0, .1) 100%);
}

.learntradingSection .modal-content {
    background-color: #333;
    color: white;
}

.learntradingSection .modal-header {
    border-bottom: 1px solid #444;
}

.learntradingSection .modal-footer {
    border-top: 1px solid #444;
}

.learntradingSection .btn-close {
    color: white;
}

.learntradingSection .modal-body img {
    border-radius: 8px;
}

.packageTopArea {
    padding: 5rem 3rem 3rem;
}

.packicon {
    background: rgba(0, 0, 0, .2);
    width: 6rem;
    height: 6rem;
    border-radius: 6rem;
    display: table;
    margin: auto;
    text-align: center;
    line-height: 6rem;
    position: relative;
}

.packicon img {
    height: 3rem;
    filter: invert(100%) sepia(0%) saturate(7475%) hue-rotate(89deg) brightness(98%) contrast(105%);
}

.timeperiodBar {
    background: linear-gradient(to bottom, rgb(120 95 255) 0%, rgb(145 125 255) 100%);
    font-size: 5.6rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    margin: -0.5rem 0 0;
    /*background: #9582ff;*/
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    position: absolute;
    left: -.6rem;
    right: -.6rem;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}

.timeperiodBar:before,
.timeperiodBar:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -12px;
    border-style: solid;
    border-bottom-color: transparent;
}

.timeperiodBar:before {
    left: 0px;
    border-width: 0 12px 12px 0;
    border-right-color: rgb(145 125 255);
}

.timeperiodBar:after {
    right: 0px;
    border-width: 0 0 12px 12px;
    border-left-color: rgb(145 125 255);
}

.timeperiodBar sub {
    font-size: 0.4em;
    bottom: 0;
}

.packageBottomArea {
    padding: 8.5rem 4rem 2rem;
}

.packageBtn {
    display: flex;
    justify-content: center;
    position: relative;
    top: 3rem;
}

.packageBottomArea a {
    background: #fff;
    height: 4rem;
    padding: 0 4rem;
    border-radius: 4rem;
    color: #333;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease-out;
    overflow: hidden;
    position: relative;
}

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

.packageBottomArea a:hover {
    /*color: #0C263A;*/
    transform: translateY(-3px);
    filter: brightness(1.12);
}

.packageBottomArea a:after {
    background: #ffffff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
    position: absolute;
}

.packageBottomArea a:hover:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.packageTwo .packageBottomArea a {
    background: linear-gradient(to bottom, rgb(120 95 255) 0%, rgb(145 125 255) 100%);
    color: #fff;
}

.packageThree {
    background: #9449ff;
    background: linear-gradient(to bottom, rgb(148 73 255) 0%, rgb(148 73 255) 50%, rgb(0, 0, 0, .1) 100%);
}

.packageThree .timeperiodBar {
    background: linear-gradient(to bottom, rgb(164 95 255) 0%, rgb(171 125 255) 100%);
}

.packageThree .timeperiodBar:before {
    left: 0px;
    border-width: 0 12px 12px 0;
    border-right-color: rgb(171 125 255);
}

.packageThree .timeperiodBar:after {
    right: 0px;
    border-width: 0 0 12px 12px;
    border-left-color: rgb(171 125 255);
}

.packageThree .packageBottomArea a {
    background: linear-gradient(to bottom, rgb(152 76 252) 0%, rgb(171 125 255) 100%);
    color: #fff;
}

.packageFour {
    background: #49a6ff;
    background: linear-gradient(to bottom, rgb(73 166 255) 0%, rgb(73 166 255) 50%, rgb(0, 0, 0, .1) 100%);
}

.packageFour .timeperiodBar {
    background: linear-gradient(to bottom, rgb(95 186 255) 0%, rgb(125 203 255) 100%);
}

.packageFour .timeperiodBar:before {
    left: 0px;
    border-width: 0 12px 12px 0;
    border-right-color: rgb(125 203 255);
}

.packageFour .timeperiodBar:after {
    right: 0px;
    border-width: 0 0 12px 12px;
    border-left-color: rgb(125 203 255);
}

.packageFour .packageBottomArea a {
    background: linear-gradient(to bottom, rgb(78 174 247) 0%, rgb(105 193 252) 100%);
    color: #fff;
}

.exportThreeIcons {
    display: flex;
    justify-content: center;
}

.exportThreeIcons .packicon {
    margin: 0;
}

.exportThreeIcons .packicon:nth-child(2) {
    margin: -2rem .5rem 0;
}

.shapeleftbottom {
    background: url(../images/learn_trading/shape.svg);
    background-size: 100%;
    width: 34rem;
    height: 34rem;
    position: absolute;
    left: 0;
    bottom: -5rem;
    background-position: -74px;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: .1;
}


.loginformInnerSub {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 33%);
}

.loginformInnerSub+.loginformInnerSub {
    margin: 2rem 0 0;
}

.loginformInnerSub .form-floating>label {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.careerModal .modal-lg {
    --bs-modal-width: 900px;
}

.careerModal .modal-content {
    border-radius: 2rem;
    overflow: hidden;
}

.careerModal .btn-close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 1;
    font-size: 1.2rem;
    opacity: 1;
    outline: none;
    box-shadow: none;
}

.careerModalGrid {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    align-items: center;
    background: #F2F5F9;
}

.careerModalLeft {
    text-align: center;
    padding: 0 4rem;
}

.careerModalLeft h3 {
    font-size: 3.6rem;
    color: #1d4171;
    margin: 0;
    font-weight: bold;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize;
}

.careerModalLeft p {
    font-size: 1.6rem;
    display: block;
    color: #555a60;
    margin: 2rem 0;
}

.careerModalLeft select,
.careerModalLeft input {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    font-size: 1.6rem;
    border-radius: var(--bs-border-radius-lg);
}

.careerModalLeft input+input {
    margin-top: 1rem;
}

.careerModalLeft button.btn {
    --bs-btn-padding-y: .8rem;
    --bs-btn-padding-x: 2.5rem;
    font-size: 1.6rem;
    border-radius: var(--bs-border-radius-lg);
    margin-left: auto;
    display: table;
    margin-top: 2rem;
}

.careerImage {
    background: #fff;
    padding: 8rem 4rem;
}

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

.careerModalLeft button.btn.backDiv {
    width: 4rem;
    height: 4rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
}

.careerModalLeft ol {
    margin: 3rem 0 0;
    padding: 0;
    counter-reset: item;
    list-style-type: none;
}

.careerModalLeft ol li {
    text-align: left;
    font-size: 1.6rem;
    color: #555a60;
    margin: 1.4rem 0;
    display: flex;
    align-items: center;
}

.careerModalLeft ol li::before {
    content: counter(item) " ";
    counter-increment: item;
    min-width: 2em;
    /* margin-left: -2em; */
    background: #dbdbdb;
    min-height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 2em;
    border-radius: 3rem;
    margin: 0 1rem 0 0;
    color: #263238;
    font-weight: 500;
    font-size: 1.4rem;
    max-height: 2.8rem;
    line-height: 2.8rem;
    border: 1px solid #dbdbdb;
}

.careerModalLeft ol li:last-child {
    align-items: flex-start;
}

img.skill-logo {

    width: 24rem;
    height: 24rem;
    display: table;
    margin: auto;
    text-align: center;
}

.not-avaliable p {
    font-size: 1.6rem;
    display: block;
    color: #555a60;
    margin: 2rem 3rem;
}

.live-feed {
    padding: 10rem 0;
    background: #1B1D24;
}

.live-feed iframe {
    border: none;
    width: 100%;
    height: 100vh;
}

.acadamicModal p {
    font-size: 1.8rem;
    display: block;
    color: #555a60;

}

.acadamicModal .modal-body {
    margin: 3rem 4rem 3rem 4rem;
}

.acadamicModal .btn-close,
.not-avaliable .btn-close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 1;
    font-size: 1.2rem;
    opacity: 1;
    outline: none;
    box-shadow: none;
}

.acadamicModal .modal-content,
.not-avaliable .modal-content {
    border-radius: 2rem;
    overflow: hidden;
}

.btn-primary.btn-lg {
    padding: 4px 18px;
    font-size: 16px;
    margin-top: 1rem;
}

/* .servicebutton a {
        text-decoration: none;
        color: #007bff;
        font-weight: bold;
        cursor: pointer;
    }

    .servicebutton a:hover {
        text-decoration: underline;
    }

    .ourServicescontent {
        padding: 10px;
    }

    .ourServicesInner {
        margin: 20px;
    } */
.flash-demo-acc {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: none !important;
    z-index: 9999;
    animation: flash 5s infinite ease-in-out;
    cursor: pointer;
}




@keyframes flash {

    0% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(-20px);
    }

}

.Cautionarea {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3rem;
}

.CautionBox {
    padding: 3rem;
    font-size: 1.4rem;
    border-radius: 1rem;
    background: #57595B;
    color: #fff;
}

.CautionBox h3 {
    font-size: 2.2rem;
    margin: 0 0 2rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    color: #000;
    background: #F6B703;
    padding: .5rem 1.5rem;
    border-radius: .5rem;
}

.CautionBox h3 i {
    font-size: 2rem;
}

.CautionBox ul {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.CautionBox li {
    padding-bottom: .5rem;
}

.CautionBoxright {
    direction: rtl;
}

.CautionBoxright ul {
    padding: 0 2rem 0 0;
}








.leaderpartnerships {
    padding: 10rem 0;
    background: url(../images/leadership/bg.png);
    background-size: cover;
    background-position: center;
    position: relative;
}

.leaderpartnerships .HeadingSection {
    text-align: center;
    margin: 0 0 6rem;
}

.leaderpartnerships:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #282C34;
    opacity: .9;
}

.leaderpartnershipsGrid {
    display: grid;
    grid-template-columns: repeat(3, 31.3%);
    grid-column-gap: 3%;
    margin: 3rem 0 0;
    grid-row-gap: 4rem;
}

.leaderpartnershipsInner {
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);*/
    background: #3f4551;
    text-decoration: none;
}

.leaderpartnershipsInner a {
    text-decoration: none;
}

.leaderpartnershipsImg {
    height: 27.7rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.leaderpartnershipsImg a {
    width: 100%;
    height: 100%;
}

.leaderpartnershipsImg img,
.leaderpartnershipsImg video {
    height: 100%;
    width: 100%;
}

.leaderpartnershipsImg img {
    object-fit: cover;
}

.leaderpartnershipsContent {
    padding: 3rem;
}

.leaderpartnershipsContent h5 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.leaderpartnershipsContent p {
    color: #9cb0c2;
    font-size: 1.5rem;
    margin: 1rem 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.leaderpartnershipsContent .readmrbtn {
    margin: 2.5rem 0 0;
}

.leaderpartnershipsContent .readmrbtn a {
    height: 40px;
    line-height: 35px;
    background: #fff;
    border: 2px solid #fff;
    color: #0C263A;
    border-radius: 25px;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    font-size: 16px;
    text-decoration: none;
    margin: 0;
    transition: all .4s linear;
    overflow: hidden;
}

.leaderpartnershipsContent .readmrbtn a:before {
    position: absolute;
    height: 100%;
    font-size: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    right: -6rem;
    opacity: 0;
    top: 0;
    content: "\f054";
    font-size: 12px;
    font-family: fontawesome;
    color: #0C263A;
}

.leaderpartnershipsInner:hover .readmrbtn a {
    padding-right: 30px;
}

.leaderpartnershipsInner:hover .readmrbtn a:before {
    right: 16px;
    opacity: 1;
}


.LicensedRegulated .HeadingSection {
    text-align: center;
    margin: 0 0 6rem;
}

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

.LicensedRegulatedbox {
    background: radial-gradient(circle at top left, rgba(0, 0, 0, 0.5) 0%, #343434 100%);
    color: #fff;
    padding: 4rem;
    border-radius: 2rem;
    position: relative;
    width: 100%;
    text-align: center;
    /*border: 1px solid rgb(0 148 255 / 60%);*/
    transition: background 1s ease;
}

.LicensedRegulatedbox h3 {
    color: #fff;
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.33;
    margin: 0;
}

.LicensedRegulatedbox p {
    font-size: 1.8rem;
    color: #9cb0c2;
    margin: 2rem 0 3rem;
    font-family: 'Ubuntu', sans-serif;
    min-height: 8.1rem;
}

.licdregulIcon {
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    padding: 0 2rem;
    height: 6.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.LicensedRegulatedbox:hover {
    background: radial-gradient(circle at top left, rgb(0, 148, 255, .4) 0%, #1c1c1c 100%);
}

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

.header.aboutus.blog {
    /*background-image: url(../images/leadership/bg.jpg);*/
    background-position: center;
    height: auto;
}

.header.aboutus.blogDetailHeader:after {
    background: rgba(0, 0, 0, .6);
}

.blogContent {
    background: #2E3036;
}

.blogContentDetail {
    overflow: inherit;
}

.blogContentDetail:before {
    content: '';
    background: linear-gradient(180deg, rgba(8, 0, 0, 0) 0%, rgba(43, 47, 52, 1) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: -14rem;
    height: 14rem;
}

.headerContent .blogDetailTitle h1 {
    font-size: 4rem;
    width: 74rem;
    margin: auto;
}

.headerContent .blogDetailTitle h1:after {
    display: block;
    margin: 2rem auto 0;
    width: 10rem;
}



.blogDetailBlock {
    position: relative;
    z-index: 1;
    margin: -18rem auto 0;
    display: table;
    width: 100%;
}

.blogDetailImg {
    border-radius: 3rem;
    background: linear-gradient(#292D34, #292D34) padding-box, linear-gradient(132.2deg, #F9D423 7.64%, #FF4E50 97.11%) border-box;
    border: 3px solid transparent;
    padding: 2rem;
    box-shadow: 0 0 60px rgb(249, 212, 35, .15);
}

.blogDetailImgInner {
    height: 43rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 2rem;
    overflow: hidden;
}

.blogDetailImgInner img {
    max-width: 100%;
    width: 100%;
    object-fit: fill;
}

.blogDetailContent {
    margin: 6rem 0 0;
}

.leaderpartnerships .blogDetailContent .HeadingSection,
.leaderpartnerships .blogDetailContent .HeadingSection div {
    text-align: left;
    font-size: 1.6rem;
    font-family: 'Lato', sans-serif !important;
}

.leaderpartnerships .blogDetailContent .HeadingSection h1 {
    font-size: 4rem !important;
    margin: 4rem 0 0 !important;
    color: #9cb0c2 !important;
    text-align: left !important;
}

.leaderpartnerships .blogDetailContent .HeadingSection h2 {
    font-size: 3rem !important;
    margin: 4rem 0 0 !important;
    color: #9cb0c2 !important;
    text-align: left !important;
}

.leaderpartnerships .blogDetailContent .HeadingSection h3 {
    font-size: 2.5rem !important;
    margin: 2rem 0 0;
    color: #9cb0c2 !important;
    text-align: left !important;
}

.leaderpartnerships .blogDetailContent .HeadingSection h4 {
    font-size: 2rem !important;
    margin: 1.5rem 0 0;
    color: #9cb0c2 !important;
    text-align: left !important;
}

.leaderpartnerships .blogDetailContent .HeadingSection h5 {
    font-size: 1.5rem !important;
    margin: 1rem 0 0;
    color: #9cb0c2 !important;
    text-align: left !important;
}

.leaderpartnerships .blogDetailContent .HeadingSection h6 {
    font-size: 1rem !important;
    margin: .5rem 0 0;
    color: #9cb0c2 !important;
    text-align: left !important;
}

.leaderpartnerships .blogDetailContent .HeadingSection p,
.leaderpartnerships .blogDetailContent .HeadingSection span,
.leaderpartnerships .blogDetailContent .HeadingSection b {
    font-family: 'Ubuntu', sans-serif !important;
    color: #9cb0c2 !important;
    text-align: left !important;
}

.leaderpartnerships .blogDetailContent .HeadingSection img {
    max-width: 100% !important;
    width: auto !important;
    margin-top: 4rem;
}

.leaderpartnerships .blogDetailContent .HeadingSection ol,
.leaderpartnerships .blogDetailContent .HeadingSection ul {
    padding: 0 0 0 5rem;
}

.leaderpartnerships .blogDetailContent .HeadingSection ol li,
.leaderpartnerships .blogDetailContent .HeadingSection ul li {
    font-size: 1.8rem;
    color: #9cb0c2;
    margin: 1rem 0 0;
    font-family: 'Ubuntu', sans-serif;
}

.paginationWrapper {
    display: table;
    margin: 6rem auto 0;
}

.paginationWrapper * {
    display: flex;
    align-items: center;
    color: #9cb0c2;
    fill: #9cb0c2;
    font-size: 1.6rem;
    background: none !important;
    border: 0 !important;
    text-decoration: none;
}

.paginationWrapper svg {
    width: 2.4rem;
}

.paginationWrapper>nav div:first-child {
    display: none;
}

.paginationWrapper span.cursor-default {
    font-weight: bold;
    color: #fff;
    background: #0094ff !important;
    border-radius: 2rem;
    width: 3.4rem;
    padding: 0 !important;
    height: 3.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paginationWrapper span.cursor-default.rounded-r-md,
.paginationWrapper span.cursor-default.rounded-l-md {
    background: none !important;
}

.paginationWrapper svg:hover {
    fill: #bbd3e8;
}











.timeline-container-outer {
    height: 100vh;
    display: grid;
    place-items: center;
}

/* Timeline container styling */
.timeline-container {
    display: flex;
    gap: 33px;
    width: 100%;
    height: 134px;
    justify-content: center;
    font-weight: 900;
    font-size: 68px;
}

/* Individual timeline point styling */
.timeline-point {
    transition-duration: 0.5s;
    border-radius: 50%;
    background: linear-gradient(145deg, #ffffff, #ececec);
    /*box-shadow: 13px 13px 40px #d0d0d0;*/
    display: grid;
    place-items: center;
    width: 134px;
    position: relative;
    color: var(--color);
    border: 2px dashed #fff;
}

.timeline-point img {
    height: 64px;
}

.timeline-point::before {
    content: "";
    width: 200px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    background: conic-gradient(var(--color) var(--angle), transparent 0deg 360deg);
    animation: rotateBorder 1s linear var(--delay) forwards;
}

.timeline-point:nth-child(odd)::before {
    transform: rotate(-90deg);
}

.timeline-point:nth-child(even)::before {
    transform: rotate(90deg) scaleY(-1);
}

/* Custom property for angle */
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

/* Common styling for timeline points */
.timeline-point:nth-child(1) {
    --color: #E9222B;
    --delay: 0s;
}

.timeline-point:nth-child(1) .popup-details {
    --color: #ff363f;
}

.timeline-point:nth-child(2) {
    --color: #FFBA16;
    --delay: 1s;
}

.timeline-point:nth-child(2) .popup-details {
    --color: #ffc335;
}

.timeline-point:nth-child(3) {
    --color: #73BA0A;
    --delay: 2s;
}

.timeline-point:nth-child(3) .popup-details {
    --color: #8de60a;
}

.timeline-point:nth-child(4) {
    --color: #04B6FF;
    --delay: 3s;
}

.timeline-point:nth-child(4) .popup-details {
    --color: #5ed0ff;
}

.timeline-point:nth-child(5) {
    --color: #9F005D;
    --delay: 4s;
}

.timeline-point:nth-child(5) .popup-details {
    --color: #d9007f;
}

/* Popup styling */
.popup {
    width: 262px;
    width: 309px;
    height: auto;
    max-height: 0;
    /* background-color: var(--color); */
    /* display: grid; */
    /* grid-template-columns: 18% 82%; */
    position: absolute;
    color: #727272;
    border-radius: 30px;
    /* box-shadow: 6.7px 6.7px 21.4px #17191d, -6.7px -6.7px 21.4px #212529; */
    transform-origin: bottom bottom;
    animation: expandPopup 0.5s linear calc(var(--delay) + 0.5s) forwards;
    text-align: center;
}

.timeline-point:nth-child(odd) .popup {
    bottom: 206px;
}

.timeline-point:nth-child(even) .popup {
    top: 208px;
}

.timeline-point:nth-child(even) .popup-title {
    padding: 10px 0 12px;
}

.popup-number {
    grid-row: span 2;
    /* display: grid ; */
    font-size: 2rem;
    font-weight: bold;
    place-items: center;
    cursor: auto;
    animation: fadeIn 0.5s linear calc(var(--delay) + 0.7s) forwards;
    opacity: 0;
    height: 41px;
    width: 41px;
    background: var(--color);
    line-height: initial;
    border-radius: 50px;
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Popup title styling */
.popup-title {
    color: var(--color);
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 18px;
}

/* Popup details styling */
.popup-details {
    padding: 0 0 10px;
    /*background-color: #ffffff;*/
    /* border-radius: 30px; */
    opacity: 0;
    font-weight: 700;
    user-select: none;
    cursor: auto;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    /* background: linear-gradient(145deg, #16181b, #22262b); */
    margin: 0;
    animation: fadeIn 0.5s linear calc(var(--delay) + 0.7s) forwards;
    color: var(--color);
    line-height: initial;
}

.popup::before {
    content: "";
    width: 6px;
    height: 0;
    border-radius: 20px;
    background-color: var(--color);
    position: absolute;
    left: 50%;
    top: -41.9px;
    display: flex;
    animation: drawLine 0.5s linear infinite alternate;
    animation-delay: var(--delay);
}

.timeline-point:nth-child(odd) .popup:before {
    top: calc(100% + 31px);
    transform: rotateX(180deg);
    transform-origin: top;
    left: calc(50% - 2px);
}

.timeline-point:nth-child(even) .popup:before {
    top: calc(100% - 142px);
    transform: rotateX(180deg);
    transform-origin: top;
    left: calc(50% - 4px);
}

.timeline-point:nth-child(even) .popup-details {
    height: 102px;
}

.Empowering .customBtn:hover {
    transform: scale(1.03);
}

/* Hover effect for timeline points */
/*.timeline-point:hover {
background: linear-gradient(145deg, var(--color), #1e2125);
background: linear-gradient(145deg, var(--color), var(--color));
color: white;
}*/

.joinNow .HeadingSection p {
    font-size: 3rem;
    color: #b0c6da;
}

.joinNow .customBtn {
    margin: 5rem 0 0;
    height: 7rem;
    flex-direction: column;
    justify-content: center;
    font-size: 3rem;
    padding: 0 5rem;
    text-transform: uppercase;
}

/* Animation for border rotation */
@keyframes rotateBorder {
    from {
        --angle: 0deg;
    }

    to {
        --angle: 180deg;
    }
}

/* Animation for popup expansion */
@keyframes expandPopup {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 200px;
    }
}

/* Animation for line drawing */
@keyframes drawLine {
    0% {
        height: 0%;
        opacity: 0;
    }

    100% {
        height: 33.5px;
        opacity: 1;
    }
}

/* Animation for fade-in effect */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@media (max-width: 1050px) {

    .timeline-container {
        flex-direction: column;
        height: auto;
        width: 320px;
        padding: 100px 0px;
        gap: 10px;
        font-size: 40px;
    }

    .timeline-point {
        height: 94px;
        flex-shrink: 0;
        /* left: calc(-222px / 2); */
        position: relative;
        width: 94px;
    }

    .timeline-point::before {
        width: 112px;
        height: 112px;
    }

    .timeline-point:nth-child(odd)::before {
        transform: rotate(0deg);
    }

    .timeline-point:nth-child(even)::before {
        transform: rotate(0deg) scaleX(-1);
    }

    .timeline-point .popup:before {
        display: none;
    }

    .popup {
        width: 212px;
    }

    .timeline-point:nth-child(odd) .popup {
        bottom: auto;
        right: -232px;
    }

    .timeline-point:nth-child(even) .popup {
        top: initial;
        right: -232px;
    }

    .popup-number {
        position: absolute;
        top: 33%;
        height: 30px;
        width: 30px;
        font-size: 1.1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup-details {
        padding: 0 0 0 40px;
        text-align: left;
        font-size: 8px;
    }

    .timeline-point:nth-child(even) .popup-details {
        height: auto;
    }

    .popup-title {
        font-size: 12px;
        line-height: 13px;
        padding-bottom: 6px;
    }

    .timeline-point:nth-child(even) .popup-title {
        padding: 0 0 6px;
    }

    .timeline-point img {
        height: 44px;
    }
}

@media screen and (min-width:1800px) {
    .headerContent {
        padding: 19rem 0 0;
    }

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

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

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link {
        padding: 2rem 1.6rem;
    }

    .AboutCompanygrid {
        grid-template-columns: 57rem auto;
    }

    .customNavbar.navbar-expand-lg .customBtn.learntradingbtn {
        margin: 0 0 0 1rem;
        height: 5rem !important;
    }
}

@media (min-width: 1399px) and (max-width: 1463px) {
    .customBtn {
        font-size: 16px;
    }

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

    .slider-1-btn {
        bottom: 0rem;
        left: -0.5rem;

    }

    .slider-2-btn {

        bottom: 1rem;
        left: 2.5rem;
    }

    .slider-1 {
        top: 65%;
        left: 22.4%;
    }

}

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

    .headerContent {
        padding: 15rem 0 0;
    }

    .CompanyExperience {
        left: -18rem;
        bottom: -6rem;
    }

    .newImg-2 {
        position: absolute;
        left: 50%;
        top: 32%;
        transform: translateX(-50%);
        width: 30rem;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link {
        font-size: 1.5rem;
        padding: 20px .5rem;
        white-space: nowrap;
    }

    .customNavbar.navbar-expand-lg .customBtn {
        padding: 0 1.5rem;
        margin: 0 0 0 2rem;
        white-space: nowrap;
        height: 6rem;
    }

    .overlay-content {
        position: absolute;
        top: 67%;
        left: 23.7%;
    }


    .customNavbar.navbar-expand-lg .learntradingbtn {

        height: 4.8rem;
    }

    .learntradingPackageInner p {
        font-size: 1.6rem;
        height: 214px;
    }

    .header .carousel-item video {
        padding-top: 5rem;
    }

    .learntradingPackageInner ul li {
        font-size: 1.6rem;
    }

    .register .loginformInner {
        grid-template-columns: repeat(3, 33%);
    }

    .register .loginformInner .form-floating>label {
        white-space: inherit;
    }

    .ourServicescontent .ourServicescontentInner p {

        padding: 0 18px;
        color: #fff;
        font-size: 16px;
    }
}

@media (min-width: 1200px) and (max-width: 1800px) {
    .TechnologAdvancemtInner {
        grid-template-columns: 24rem 19rem;
    }

    .Servicegrid {
        gap: 1rem;
    }

    .Servicegrid {
        grid-template-columns: repeat(5, 1fr);
    }

    .Servicebox {
        padding: 2rem 1rem;
    }

    .Servicebox .ServiceContent h3 {
        font-size: 1.6rem;
    }

    .Servicebox .ServiceContent p {
        font-size: 1.6rem;
    }

    .register {
        background: #fff;
    }

    .register.LoginNew:before {
        display: none;
    }

    /*.register.LoginNew .customNavbar.customNavbarMove .navbar-brand img{
        display: none;
    }

    .register.LoginNew .customNavbar.customNavbarMove .navbar-brand img + img{
        display: block;
    }*/

    .register .LoginNewGrid {
        width: 100%;
    }

    .register .LoginNewLeft .loginBox {
        padding: 3rem 0;
    }

    .LoginNewLeft .loginBox .HeadingSection h2 {
        width: auto;
        font-size: 2.6rem;
        margin: 0;
    }

    .LoginNewLeft .HeadingSection p {
        margin: .5rem 0 0;
    }

    .loginformInner {
        margin: 2rem 0 0;
    }

    .loginformInner .form-floating .form-control,
    .loginformInner .form-floating .form-control-plaintext,
    .loginformInner .form-floating .form-select {
        padding: 2.6rem 2rem;
        height: 5.4rem;
    }

    .loginformInner .form-floating .form-control.formCustomSelect {
        padding: 0rem 2rem;
        height: 5.4rem;
    }

    .loginformInner .form-floating>label {
        padding: 1.3rem 2rem;
    }

    .verifycode .dynamic_code {
        padding: 0 3rem;
        height: 5.4rem;
    }

    .forgetsubmit {
        margin: 1rem 0 0;
    }

    .loginformInner .form-floating>.form-control:focus~label,
    .loginformInner .form-floating>.form-control:not(:placeholder-shown)~label {
        padding: 0.5rem 2rem;
    }

    .ourProductgrid {
        gap: 1.5rem;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .customNavbar {
        padding: 1rem 2rem;
    }

    .aboutus .headerContentInner {

        top: 0rem;
    }

    .leaderpartnershipsImg {
        height: 15.7rem;
    }

    .leaderpartnershipsContent {
        padding: 15px;
    }

    .leaderpartnerships {
        padding: 5rem 0;
    }

    .ourProduct {
        padding: 4rem 0;
    }

    .AboutCompany {
        padding: 4rem 0;
    }

    .leaderpartnershipsContent h5 {
        font-size: 16px;
    }

    .timeline-container {
        padding: 4rem 0px;
    }

    .popup-title {
        font-size: 14px;
        line-height: 13px;
    }

    .popup-title {
        padding-bottom: 3px;
    }

    .popup-details {
        font-size: 10px;
    }

    .leaderpartnershipsContent p {
        font-size: 14px;
        margin: 1rem 0 0;
    }

    .leaderpartnershipsContent .readmrbtn a {
        height: 35px;
        line-height: 32px;
        font-size: 14px
    }

    .leaderpartnershipsContent .readmrbtn {
        margin: 2rem 0 0;
    }

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

    .learntradingPackage {

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

    .customNavbar.customNavbarMove {
        padding: 0 2rem;
    }

    .customNavbar.navbar-expand-lg .customBtn {
        margin: 0px 0 0 7px;
    }

    .customBtn {
        height: 46px;
        padding: 0px 7px;
        font-size: 10px;
    }

    .customNavbar.navbar-expand-lg .learntradingbtn {
        margin: 0px 0 0 7px;
        height: 31px;
    }

    .header {
        /* height: 68rem; */
    }

    .videosInner video {
        height: 100%;
    }

    .EmpoweringRightbox:hover p {
        max-height: 16rem;
    }

    .EmpoweringRightbox {

        min-height: 285px;
    }

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

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px;
        padding: 0 0.4rem;
    }

    .headerContent {
        padding: 10rem 0 0;
    }

    .headerContent h1 {
        padding: 0 6rem;
    }

    .headerContent h1 br {
        display: none;
    }

    .blog .bgVideo {
        top: 56px;
    }

    .AboutCompanygrid {
        grid-template-columns: 100%;
        grid-row-gap: 6rem;
        justify-content: center;
    }

    .AboutCompany_Content {
        order: 2;
    }

    .AboutCompanyImg {
        margin: auto;
    }

    .WhyChoose .inner .leftSection,
    .WhyChoose .inner .rightSection {
        max-width: 22rem;
    }

    .ourservice_video {
        width: 100%;
        height: 52rem;
        padding: 1rem;
    }

    .outhervideolink {
        grid-template-columns: 38rem;
        gap: 20px;
        margin: 3rem auto 0;
        justify-content: center;
        width: auto;
    }

    .EmpoweringGrid {
        grid-template-columns: 38rem 54rem;
    }

    .Contactgrid {
        grid-template-columns: 45rem 46rem;
    }

    .header.aboutus {
        height: auto;
    }

    .aboutus .headerContent {
        padding: 35rem 0 6rem;
    }

    .Serviceheader .bgVideo {
        margin-top: 0;
    }

    .aboutus .headerContent h1 {
        font-size: 3.4rem;
    }

    .aboutus .headerContent h1:after {
        width: 4rem;
    }

    .ourCorevaluegrid {
        grid-template-columns: 40% 60%;
    }

    .ourServicesGrid {
        display: grid;
        grid-template-columns: repeat(2, 32rem);
        justify-content: center;
    }

    .TechnologAdvancemtGrid {
        grid-template-columns: 62rem;
        justify-content: center;
        grid-row-gap: 18rem;
    }

    .TechnologAdvancemt .HeadingSection {
        text-align: center;
        max-width: inherit;
        margin-left: auto;
        margin-right: auto;
    }

    .DirectorsInformationInner {
        padding: 4rem 3rem;
    }

    .Servicegrid {
        grid-template-columns: repeat(3, 29rem);
        gap: 3rem;
        justify-content: center;
    }

    .videosInner iframe {
        height: 24rem;
        border-radius: 1rem;
    }

    .LoginNewGrid {
        padding-top: 15rem;
    }

    .LoginNew:before {
        width: 44%;
    }

    .register {
        background: #fff;
    }

    .register.LoginNew:before {
        display: none;
    }

    .blogDetailHeader .headerContent {
        padding: 24rem 0 6rem;
    }

    .leaderpartnerships {
        padding: 14rem 0;
    }

    /*.register.LoginNew .customNavbar.customNavbarMove .navbar-brand img{
        display: none;
    }

    .register.LoginNew .customNavbar.customNavbarMove .navbar-brand img + img{
        display: block;
    }*/

    .register .LoginNewGrid {
        width: 100%;
    }

    .register .LoginNewLeft .loginBox {
        padding: 3rem 0;
    }

    .ourProductgrid {
        gap: 1.5rem;
        grid-template-columns: repeat(3, 28rem);
        justify-content: center;
    }

    .flip-container,
    .front,
    .back {
        width: 28rem;
    }

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

    .flip-container:last-child {
        margin-left: -14.5rem;
    }

    .contactusform {
        grid-template-columns: 50rem 37rem;
        align-items: flex-start;
    }

    .ContactNew .footerlinkGrid {
        margin: 0 0 0 3rem;
    }

    .ContactUsInfogrid {
        grid-template-columns: 27rem 32rem 27rem;
        margin: 5rem 0 0;
        padding-bottom: 5rem;
    }

    .contactimg {
        transform: translateX(-2%);
        height: 40.2rem;
        width: 40.2rem;
        border-radius: 2rem;
    }

    .financialsgrid {
        grid-template-columns: 46rem 41rem;
    }

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

    .blogDetailBlock {
        margin: -12rem auto 0;
        width: auto;
    }

    .overlay-content.slider-2 {
        top: 69%;
        left: 24%;
    }

    .overlay-content.slider-1 {
        top: 65%;
        left: 24.3%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videos {
        align-items: end;
    }

    .overlay-content {
        left: 19.9%;
        top: 58%;
    }

    .slider-2-btn {
        bottom: -5rem;
        left: 8rem;
    }

    .nav-item {
        width: 100%;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        font-size: 18px;
        padding: 0.6rem 2rem;
    }

    .navbar-nav.align-items-center {
        align-items: start !important;
    }

    .slider-1-btn {
        height: 4rem;
        padding: 0 1rem;
        bottom: -4rem;
        left: 6rem;
    }

    .header {
        height: 9rem;
    }

    .header .carousel-item video {
        padding-top: 10rem;
    }

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

    .EmpoweringRightbox {

        min-height: 276px;
    }

    /* .videosInner video {
        height: 100%;
    } */

    .videosInner h3 {
        margin: 0px 0 2rem;
    }

    .videos {
        gap: 2rem;
    }

    .EmpoweringRightbox:hover p {
        max-height: 38rem;
    }

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

    .EmpoweringRightbox:hover h3 {
        padding-bottom: 0.4rem;
        padding-top: 4.5rem;
    }

    .Serviceheader .bgVideo {
        margin-top: 0px;
    }

    .customNavbar {
        padding: 1rem 1rem;
        background: #000;
        position: fixed;
        right: 0;
        left: 0;
    }

    .customNavbar.navbar-expand-lg .customBtn {
        margin: 0px 7rem 0 0
    }

    .customNavbar.customNavbarMove.navbar-expand-lg .customBtn {
        margin: 0 7rem 0 0;
    }

    .btnchange {
        height: 5rem;
        padding: 0 3rem;
    }

    .customNavbar.customNavbarMove .customBtn {
        height: 5rem;
        padding: 0 2rem;
    }

    .customNavbar.navbar-expand-lg .learntradingbtn,
    .customNavbar.customNavbarMove.navbar-expand-lg .learntradingbtn {
        margin: 1rem 0 0 2.4rem;
    }

    .customNavbar .navbar-toggler {
        position: fixed;
        right: 2rem;
        top: 3rem;
        z-index: 99;
        padding: 0;
        border: 0;
        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: #fff;
        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-toggler {
        transition: all 0.3s ease-out;
    }

    .timeline-container {
        padding: 0rem 0px;
    }

    .customNavbar.customNavbarMove .navbar-toggler {
        top: 3.7rem;
    }

    .customNavbar .navbar-collapse {
        position: fixed;
        right: 0px;
        top: 0;
        bottom: 0;
        transition: all .3s;
        z-index: 1;
    }

    .customNavbar .navbar-collapse ul {
        position: fixed;
        right: 0px;
        background: #fff;
        top: 0;
        z-index: 1;
        width: 34rem;
        bottom: 0;
        transition: all .3s;
        padding: 9rem 0 0;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link {
        font-size: 2rem;
        color: #000;
        padding: 2rem 4rem;
        font-family: 'Ubuntu', sans-serif;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .customNavbar .navbar-collapse:after {
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        background: #000;
        opacity: .5;
        transition: all .3s;
    }

    .headerContent {
        padding: 10.5rem 0 0;
    }

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

    .headerContent h1 br {
        display: none;
    }

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

    .AboutCompany {
        padding: 6rem 3rem;
    }

    .AboutCompanygrid {
        grid-template-columns: 100%;
        grid-row-gap: 12rem;
        justify-content: center;
    }

    .AboutCompany_Content {
        order: 2;
    }

    .AboutCompanyImg {
        margin: auto;
    }

    .AboutCompanyImg img.mainimg {
        max-width: 100%;
    }

    .CompanyExperience {
        left: 0;
        z-index: 1;
        bottom: -9rem;
        right: 0;
        margin: auto;
    }

    .WhyChoose {
        padding: 6rem 3rem;
    }

    .WhyChoose .HeadingSection {
        margin: 0 0 5rem;
    }


    .WhyChooseImg {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 22rem;
        margin-bottom: 5rem;
    }

    .WhyChoose .inner {
        flex-direction: column;
    }

    .WhyChoose .inner .leftSection,
    .WhyChoose .inner .rightSection {
        max-width: inherit;
        display: flex;
        gap: 3rem;
    }

    .WhyChoose .rightSection {
        text-align: left;
    }

    .WhyChoose .rightSection .inneritem .iconbox {
        margin-left: 0;
    }

    .WhyChoose .inneritem {
        display: flex;
        margin-bottom: 4rem;
        width: 100%;
        flex-direction: row;
    }

    .WhyChoose .rightSection .inneritem {
        margin-bottom: 0;
    }

    .WhyChoose .inneritem .iconbox {
        min-width: 6rem;
        min-height: 6rem;
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
    }

    .inneritemContent {
        order: 2;
    }

    .WhyChoose .inneritem .itemshape {
        display: none;
    }

    .WhyChoose .inneritem .iconbox,
    .WhyChoose .inneritem:first-child .iconbox {
        margin: 0 2rem 0 0;
    }

    .WhyChoose .inneritem:last-child .iconbox {
        margin-top: 0;
    }

    .WhyChoose .leftSection .inneritem h3 span,
    .WhyChoose .rightSection .inneritem h3 span {
        left: 0;
        right: inherit;
        top: 0;
    }

    .WhyChoose .inneritem h3 {
        font-size: 2rem;
        line-height: 2.6rem;
    }

    .WhyChoose .leftSection .inneritem h3,
    .WhyChoose .rightSection .inneritem h3 {
        padding: 3.5rem 0 0 0;
    }

    .ourservice {
        padding: 6rem 3rem;
    }

    .ourservice_video {
        width: 56rem;
        height: 32rem;
        border-radius: 2rem;
        padding: 0.8rem;
    }

    .ourservice_video iframe {
        border-radius: 2rem;
    }

    .outhervideolink {
        grid-template-columns: 34rem;
        gap: 10px;
        margin: 3rem auto 0;
        width: 100%;
    }

    .TradingPlatforms {
        padding: 6rem 3rem;
    }

    .TradingPlatforms .HeadingSection {
        margin: 0 0 4rem;
    }

    .TradingPlatformsgrid {
        grid-template-columns: auto;
        grid-gap: 3rem;
    }

    .Empowering {
        padding: 6rem 3rem;
    }

    .Empowering .HeadingSection p {
        margin-bottom: 2rem;
    }

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

    .EmpoweringRightgrid {
        grid-template-columns: repeat(2, auto);
        justify-content: center;
    }

    .Contact {
        padding: 6rem 0rem 0;
    }

    .Contactgrid {
        grid-template-columns: auto;
        justify-content: center;
        grid-row-gap: 5rem;
    }

    .ContactContent {
        order: 2;
    }

    .footerlinkGrid {
        grid-template-columns: 30rem 22rem;
        justify-content: flex-start;
    }

    .copyright {
        margin: 6rem 0 0;
    }

    .aboutus .headerContent {
        padding: 10rem 3rem;
        margin: 10rem 0 0;
    }

    .aboutus .headerContentInner {

        top: 7rem;
    }

    .aboutus .headerContent h1 {
        font-size: 3.4rem;
    }

    .aboutus .headerContent h1:after {
        width: 4rem;
    }

    .AboutUsCompany .AboutCompanygrid {
        grid-template-columns: auto;
        grid-column-gap: 8rem;
        padding: 0 3rem;
        grid-row-gap: 6rem;
    }

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

    .ourCorevalueImg {
        display: none;
    }

    .ourCorevalueContent {
        padding: 8rem 6rem;
    }

    .ourServices {
        padding: 6rem 3rem;
    }

    .ourServices .HeadingSection p {
        padding: 0;
    }

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

    .TechnologAdvancemt .HeadingSection {
        text-align: center;
        max-width: inherit;
    }

    .TechnologAdvancemtGrid {
        grid-template-columns: auto;
        justify-content: center;
        grid-row-gap: 18rem;
        padding-top: 15rem;
    }

    .TechnologAdvancemtInner {
        grid-template-columns: 26rem 19rem;
        grid-column-gap: 5rem;
    }

    .DirectorsInformation {
        padding: 6rem 3rem;
    }

    .KeyDifferent {
        padding: 6rem 3rem;
    }

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

    .DirectorsInformationSilder .owl-nav {
        left: -6rem;
        right: -6rem;
    }

    .Service {
        padding: 18rem 0;
    }

    .Service .HeadingSection p {
        padding: 0 8rem;
    }

    .Servicegrid {
        grid-template-columns: repeat(2, 34rem);
        gap: 2rem;
        justify-content: center;
    }

    .videosInner iframe {
        height: 24rem;
        border-radius: 1rem;
    }

    .stepss {
        margin: 6rem 3rem 0;
    }


    .loginscreen .defaultlogo {
        display: block;
    }

    .loginscreen .changelogo {
        display: none;
    }

    .hidedesktop {
        display: block;
    }

    .LoginNewGrid {
        grid-template-columns: auto;
        padding-top: 15rem;
    }

    body.loginscreen {
        background: #fff;
    }

    .LoginNew {
        background: #fff;
    }

    .LoginNewRight {
        display: none;
    }

    .LoginNew:before {
        display: none;
    }

    .LoginNewLeft .loginBox {
        padding: 3rem 6rem;
    }


    .register {
        background: #fff;
        padding: 15rem 0 0;
    }

    .register.LoginNew:before {
        display: none;
    }

    /*.register.LoginNew .customNavbar.customNavbarMove .navbar-brand img{
        display: none;
    }

    .register.LoginNew .customNavbar.customNavbarMove .navbar-brand img + img{
        display: block;
    }*/

    .register .LoginNewGrid {
        width: 100%;
        padding: 0;
    }

    .register .LoginNewLeft .loginBox {
        padding: 3rem;
    }

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

    .IBANnumber {
        grid-column: 1 / span 1;
    }

    .ourProduct {
        padding: 6rem 3rem;
    }

    .ourProduct:after {
        opacity: .6;
    }

    .ourProductgrid {
        gap: 1.5rem;
        grid-template-columns: repeat(2, 28rem);
        justify-content: center;
    }

    .flip-container,
    .front,
    .back {
        width: 28rem;
    }

    .flip-container:last-child {
        grid-column: 1 / span 2;
        margin: auto;
    }


    .contactdetail {
        padding: 6rem 3rem;
    }

    .ContactUsInfogrid {
        grid-template-columns: auto;
        gap: 2rem;
        margin: 5rem 0 0;
        padding-bottom: 0;
    }

    .ContactUsInfobox {
        background: rgb(156, 176, 194, .1);
        padding: 3rem 2.5rem;
    }

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

    .contactimg {
        display: none;
    }

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

    .contactusleft {
        width: 60%;
        margin: auto;
    }

    .contactmap {
        margin: 6rem 0 0;
    }

    .contactmap iframe {
        height: 52rem;
    }

    .faq {
        padding: 6rem 3rem;
    }

    .faq .accordion .accordion-item {
        border-radius: 1rem;
    }

    .faq .accordion .accordion-button {
        font-size: 1.4rem;
        padding: 1.4rem 2rem;
    }

    .faq .accordion .accordion-button::after {
        right: 2rem;
        top: 1.5rem;
    }

    .faq .accordion .accordion-body {
        font-size: 1.4rem;
        line-height: 2.2rem;
        padding: 1rem 2rem 2rem;
    }

    .ContactNew .ContactContent {
        grid-template-columns: auto;
    }

    .ContactNew .footerlinkGrid {
        grid-template-columns: repeat(2, 1fr);
        margin: 4rem 0 0;
        gap: 4rem;
    }

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

    .financialsgrid {
        grid-template-columns: 32rem 33rem;
        align-items: flex-start;
    }

    .complainbottom {
        grid-template-columns: auto;
        grid-gap: 2rem;
    }

    .complainbottomInner h4 {
        font-size: 1.8rem;
    }


    .importantdocumentouter {
        padding: 6rem 0 0;
    }

    .importantdocumentgrid {
        grid-template-columns: repeat(3, 1fr);
        margin: 4rem 0 0;
        gap: 2rem;
    }

    .importantdoctbox h3,
    .importantdoctbox h3 a {
        font-size: 1.5rem;
    }

    .importantdoctbox {
        min-height: 21.6rem;
    }

    .leaderpartnershipsContent {
        padding: 16px;
    }

    .leaderpartnershipsImg img,
    .leaderpartnershipsImg video {
        height: 16.7rem;
        width: 100%;
    }

    .leaderpartnershipsImg {
        height: 16.7rem;
        align-items: flex-start;
    }

    .leaderpartnershipsGrid {
        grid-template-columns: repeat(3, 32%);
        grid-column-gap: 2%;
    }

    .LicensedRegulatedbox {
        padding: 18px;
    }

    .LicensedRegulatedbox p {
        min-height: 7.1rem;
        font-size: 16px;
    }

    .leaderpartnerships {
        padding: 15rem 0;
    }

    .LicensedRegulatedGrid {
        gap: 2rem;
    }

    .licdregulIcon {
        padding: 0px 1rem;
        height: 5.8rem;
    }

    .LicensedRegulated .HeadingSection {
        text-align: center;
        margin: 0 0 4rem;
    }

    .blogDetailBlock {
        margin: -2rem auto 0;
        width: auto;
    }

    .blogDetailImgInner {
        height: 31rem;
    }

    .headerContent .blogDetailTitle h1 {
        width: auto;
    }

    .blogDetailImg {
        padding: 8px;
    }

    .blogDetailContent {
        margin: 3rem 0 0;
    }

    .blogDetailBlock {
        margin: -8rem auto 0;
        width: auto;
    }

    .EmpoweringRightbox {
        max-width: 100%;
    }

    .videos {
        margin: 1rem 0 0;
    }

    .customNavbar.customNavbarMove.navbar-expand-lg .customBtn.learntradingbtn {
        margin: 2rem 4rem;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
    .header .carousel-item video {
        margin-left: 0rem;
    }

    .navbar-nav.align-items-center {
        align-items: start !important;
    }

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

    .header .carousel-item video {
        padding-top: 8rem;
    }

    .nav-item {
        width: 100%;
    }

    .header {
        height: 100%;
        position: relative;
    }

    .g-recaptcha {
        transform: scale(0.85);
        transform-origin: top left;
    }

    .LicensedRegulatedbox {
        padding: 20px;
    }

    .leaderpartnerships {
        padding: 8rem 0;
    }

    .LicensedRegulatedbox p {
        font-size: 18px;
        margin: 1rem 0 2rem;
    }

    .timeline-container-outer {
        height: initial;
        margin: 7rem 0;
    }

    .outhervideolinkInner i {
        top: 11px;
    }

    .timeline-container {
        padding: 0px 0px;
    }

    .acadamicModal .modal-body {
        margin: 2rem;
    }

    .flash-demo-acc {
        font-size: 12px;
    }

    .ourvision .TradingPlatformsBox p {

        margin: 2rem 0
    }

    .careerModalLeft {
        text-align: center;
        padding: 6rem 4rem;
    }

    .AboutUsCompany .HeadingSection:after {
        bottom: -34rem;
    }

    .WhyChoose .inner .leftSection,
    .WhyChoose .inner .rightSection {
        margin-bottom: 2rem;
    }

    /* .customNavbar.customNavbarMove.navbar-expand-lg .customBtn.learntradingbtn {
        margin: 2.5rem;
    } */

    .careerModalGrid {

        grid-template-columns: auto;
    }

    .careerModalLeft #error-message {
        margin-right: 0 !important;
    }

    .notificationb_bar {
        font-size: 1.4rem;
        line-height: 2rem;
        padding: 1rem 2rem;
    }

    .videosInner video {
        /* height: 100%; */
        padding-bottom: 2rem;
    }

    .videosInner {
        margin-bottom: 2rem;
    }

    .videosInner h3 {
        margin-bottom: 10px;
    }

    .EmpoweringRightbox {
        min-height: 300px;
        padding: 6rem 1.9rem 0;
        max-width: 100%;
    }

    .EmpoweringRightbox:hover p {
        max-height: 38rem;
    }

    .EmpoweringRightbox img {
        top: 1.5rem;
    }

    .EmpoweringRightbox:hover h3 {
        padding-bottom: 1.5rem;
    }

    .header.aboutus,
    .header.Serviceheader,
    .header.aboutus.financialsheader,
    .header.aboutus.Complaintsheader,
    .header.aboutus.importantdoctsheader,
    .header.aboutus.Contactheader,
    .header.aboutus.TutorialHeader {
        background-position: bottom center;
        background-size: cover;
    }

    .customNavbar .navbar-brand img,
    .customNavbar.customNavbarMove .navbar-brand img {
        height: 6rem;
    }

    .customNavbar,
    .customNavbar.customNavbarMove {
        padding: 1rem;
        background: #000;
        position: fixed;
        right: 0;
        left: 0;
    }

    .customNavbar.navbar-expand-lg .customBtn {
        margin: 0 4.8rem 0 0;
        height: 4rem;
        padding: 0 2rem;
        font-size: 1.3rem;
        border-radius: .4rem;
    }

    .customNavbar.navbar-expand-lg .learntradingbtn {
        margin: 1rem 0 0 2.4rem;
    }

    .customNavbar.navbar-expand-lg .learntradingbtn,
    .customNavbar.customNavbarMove.navbar-expand-lg .learntradingbtn {
        margin: 1rem 0 0 2.4rem;
    }

    .customNavbar .navbar-toggler {
        position: fixed;
        right: 1.7rem;
        top: 2.6rem;
        z-index: 99;
        padding: 0;
        border: 0;
        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: #fff;
        width: 3rem;
        right: 0px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

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

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

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

    .customNavbar .navbar-toggler[aria-expanded="true"] span {
        background: transparent;
        height: 2.5rem;
        z-index: 9;
    }

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

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

    .customNavbar .navbar-collapse {
        position: fixed;
        right: 0px;
        top: 0;
        bottom: 0;
        transition: all .3s;
        z-index: 1;
    }

    .customNavbar .navbar-collapse ul.navbar-nav {
        position: fixed;
        right: 0px;
        background: #fff;
        top: 0;
        z-index: 1;
        width: 26rem;
        bottom: 0;
        transition: all .3s;
        padding: 7rem 0 4rem;
        overflow-y: scroll;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .nav-link {
        font-size: 1.5rem;
        color: #000;
        padding: 1.4rem 2.6rem;
        font-family: 'Ubuntu', sans-serif;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .customNavbar .navbar-collapse:after {
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        background: #000;
        opacity: .5;
        transition: all .3s;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu {
        padding: 1rem 2rem;
        border: 0;
        background: #e0e8f6;
        margin: 0;
        border-radius: 0;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        color: #000;
    }

    .customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,
    .customNavbar.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus {
        color: #fbaa38;
        font-weight: bold;
    }

    .headerContent {
        padding: 7.5rem 0 0;
    }

    .headerContent h1 {
        font-size: 2.6rem;
        padding: 0 2rem;
    }

    .headerContent h1 br {
        display: none;
    }

    .headerContent h6 {
        font-size: 1.6rem;
        margin: 1rem 0 0;
    }

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

    .AboutCompany_Content {
        order: 2;
        margin-top: -3rem;
    }

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

    .AboutCompany {
        padding: 10rem 2rem;
        background: #000;
    }

    .AboutCompanygrid {
        display: flex;
        flex-direction: column-reverse;
    }

    .CompanyExperience {
        position: inherit;
        left: 0;
        right: 0;
        bottom: 2rem;
        width: 14rem;
        height: 14rem;
        padding: 1rem 2rem;
        margin: auto;
    }

    .CompanyExperience:before {
        width: 20rem;
        height: 20rem;
        left: -3rem;
        top: -3rem;
        border-width: 1rem;
    }

    .CompanyExperience h2 {
        font-size: 4.4rem;
        line-height: 5rem;
    }

    .CompanyExperience h6 {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

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

    .HeadingSection h2 br {
        display: none;
    }

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

    .AboutCompany_details h5 {
        font-size: 2rem;
    }

    .AboutCompany_icon {
        width: 6rem;
        height: 6rem;
        min-width: 6rem;
        min-height: 6rem;
    }

    .AboutCompany_icon img {
        width: 2.6rem;
    }

    .AboutCompany_Content .customBtn {
        display: flex;
        justify-content: center;
        height: 5rem;
    }

    .WhyChoose {
        padding: 6rem 2rem;
        background-size: cover;
    }

    .WhyChoose .HeadingSection {
        margin: 0 -2rem 0rem;
    }

    .WhyChooseImg {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 16rem;
        margin: 4rem 0;
    }

    .WhyChoose .inner {
        flex-direction: column;
    }

    .WhyChoose .inneritem .iconbox {
        width: 5rem;
        height: 5rem;
        min-width: 5rem;
        min-height: 5rem;
        line-height: 5rem;
    }

    .WhyChoose .inneritem .iconbox i {
        font-size: 2rem;
    }

    .WhyChoose .inneritem {
        display: flex;
        flex-direction: column;
        margin-bottom: 3rem;
    }

    .WhyChoose .inneritem .itemshape {
        display: none;
    }

    .WhyChoose .inneritem .inneritemContent {
        margin: -6rem 0 0 7rem;
        order: 2;
        text-align: left;
    }

    .WhyChoose .inneritem h3 {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    .WhyChoose .inneritem p {
        font-size: 1.5rem;
    }

    .WhyChoose .leftSection .inneritem h3 span,
    .WhyChoose .rightSection .inneritem h3 span,
    .WhyChoose .inneritem h3 span {
        right: inherit;
        left: -5.4rem;
        top: 5.2rem;
    }

    .WhyChoose .inneritem:first-child .iconbox,
    .WhyChoose .inneritem:last-child .iconbox {
        margin-top: 0;
        margin-bottom: 1.3rem;
    }

    .WhyChoose .rightSection .inneritem .iconbox {
        margin-left: inherit;
        margin-right: auto;
    }

    .WhyChoose .rightSection .inneritem h3 {
        padding-left: 0;
    }

    .WhyChoose .rightSection .inneritem:last-child {
        margin-bottom: 0;
    }

    .ourservice {
        padding: 6rem 2rem;
    }

    .ourservice .HeadingSection {
        margin: 0 -2rem 3rem;
    }

    .ourservice_video {
        width: 32rem;
        height: 18rem;
        border-radius: 1rem;
        padding: 0.6rem;
    }

    .ourservice_video iframe {
        border-radius: 1rem;
    }

    .outhervideolink {
        grid-template-columns: auto;
        gap: 10px;
        margin: 3rem auto 0;
        justify-content: inherit;
        width: 100%;
    }

    .outhervideolinkInner {
        border-radius: 1rem;
        padding: 0 1rem 0 0;
        font-size: 1.5rem;
    }

    .outhervideolinkInner img {
        width: 6rem;
    }

    .outhervideolinkInner i {
        font-size: 2.4rem;
        line-height: 4.5rem;
    }

    .TradingPlatforms {
        padding: 6rem 2rem;
    }

    .TradingPlatforms .HeadingSection {
        margin: 0 0 4rem;
        max-width: initial;
        text-align: center;
    }

    .TradingPlatformsgrid {
        grid-template-columns: auto;
        grid-gap: 3rem;
    }

    .TradingPlatformsBox {
        padding: 3.2rem 3.2rem 0;
    }

    .tradingplatform_img {
        width: 100%;
    }

    .TradingPlatformsBox:last-child .tradingplatform_img {
        width: 100%;
    }

    .TradingPlatformslist {
        gap: 1rem 2.8rem;
        margin: 2rem 0 0;
    }

    .TradingPlatformslist a {
        font-size: 1.6rem;
    }

    .TradingPlatformslist a i {
        font-size: 2rem;
    }

    .Empowering {
        padding: 6rem 2rem;
    }

    .Empowering .HeadingSection {
        text-align: center;
    }

    .EmpoweringGrid {
        grid-template-columns: auto;
        grid-row-gap: 4rem;
    }

    .EmpoweringLeft .HeadingSection p {
        margin-bottom: 1rem;
    }

    .EmpoweringRightgrid {
        grid-template-columns: auto;
        justify-content: center;
    }

    .EmpoweringRightbox h3 {
        font-size: 1.6rem;
    }

    .EmpoweringRightbox p {
        font-size: 1.5rem;
    }

    .EmpoweringLeft .customBtn {
        padding: 0;
        height: 5rem;
        font-size: 1.6rem;
        width: 100%;
        justify-content: center;
    }

    .Contact {
        padding: 4rem 0rem 0;
    }

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

    .ContactContent {
        order: 2;
    }

    .footer_logo img {
        height: 6rem;
    }

    .footerlinkGrid {
        grid-template-columns: auto;
        grid-row-gap: 3rem;
    }

    .ContactformInner {
        margin: 3rem 0 0;
    }

    .ContactformInner .form-group input,
    .ContactformInner .form-group textarea {
        height: 5rem;
        font-size: 1.5rem;
        padding: 10px 20px;
    }

    .ContactformInner .form-group textarea {
        height: 12rem;
    }

    .copyright {
        margin: 3rem 0 0;
        border: 1px solid rgb(156, 176, 194, .5);
        padding: 3rem 0;
        border-left: 0;
        border-right: 0;
    }

    .copyrightInner {
        grid-template-columns: auto;
        text-align: center;
        justify-content: center;
        grid-row-gap: 1rem;
    }

    .socialicons {
        justify-content: center;
    }

    .socialicons a {
        margin: 0 .5rem;
    }

    .call {
        font-size: 1.4rem;
    }

    .footerlink .HeadingSection h2 {
        font-size: 1.8rem;
    }

    .aboutus .headerContent {
        padding: 15px;
        margin: 8.6rem 0 0;
        height: 16rem;
    }

    .blogDetailHeader .headerContent {
        padding: 15px;
        margin: 12.6rem 0 0;
        height: 20rem;
    }

    .bgVideo {
        top: 8.6rem;
    }

    .header .aboutVid {
        height: auto;
    }

    /*    .aboutus .headerContentInner {
        position: absolute;
        right: 4rem;
        bottom: 7rem;
    }*/

    .aboutus .headerContent h1 {
        font-size: 2.6rem;
    }

    .aboutus .headerContent h1:after {
        width: 3rem;
        display: block;
        margin: .5rem auto 0;
    }

    .breadcrumb {
        margin: -1rem 0 0;
    }

    .breadcrumb a,
    .breadcrumb span {
        font-size: 1.4rem;
    }

    .breadcrumb i {
        font-size: 1rem;
        position: relative;
        margin: 0 .5rem;
    }

    .Serviceheader .bgVideo {
        margin-top: -3rem;
    }

    .AboutUsCompany .AboutCompanygrid {
        grid-row-gap: 7rem;
        grid-template-columns: auto;
    }

    .ourvision .TradingPlatformsBox {
        padding: 3rem;
    }

    .ourvision .tradingplatform_img {
        padding: 0;
        margin: 4rem auto 0;
    }

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

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

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

    .ourCorevalueImg {
        display: none;
    }

    .ourCorevalueContent {
        padding: 6rem 3rem;
    }

    .ourCorevalueListContent {
        margin: 0 0 0 2rem;
    }

    .ourCorevalueListIcon img {
        width: 4rem;
        height: 4rem;
    }

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

    .ourCorevalueListContent p {
        font-size: 1.5rem;
    }

    .ourCorevalueListInner+.ourCorevalueListInner {
        margin: 3rem 0 0;
    }

    .ourServices {
        padding: 6rem 2rem;
    }

    .ourServices .HeadingSection p {
        padding: 0;
    }

    .ourServicesGrid {
        display: grid;
        grid-template-columns: 28rem;
        grid-gap: 2rem;
        margin: 5rem auto 0;
        justify-content: center;
    }

    .ourServicesimg h3 {
        font-size: 1.8rem;
        padding: 1.4rem 0;
    }

    .TechnologAdvancemtGrid {
        gap: 3rem;
        padding: 0;
        grid-template-columns: auto;
    }

    .TechnologAdvancemtInner {
        padding: 2rem;
        grid-template-columns: auto;
        grid-row-gap: 3rem;
    }

    .TechnologAdvancemtImg {
        position: initial;
        height: 34rem;
        margin: auto;
    }

    .TechnologAdvancemtcontent {
        order: 2;
        text-align: center;
    }

    .DirectorsInformation {
        padding: 6rem 3rem;
        background: #242730;
    }

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

    .DirectorsInformationInner {
        padding: 4rem 2rem;
    }

    .DirectorsInformationInner h3 {
        font-size: 2.2rem;
    }

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

    .DirectorsInformationSilder .owl-nav {
        left: -2rem;
        right: -2rem;
        top: 0;
        bottom: 0;
        margin: auto;
        align-items: center;
    }

    .DirectorsContact a {
        width: 4rem;
        height: 4rem;
        font-size: 1.4rem;
    }

    .KeyDifferent {
        padding: 6rem 3rem;
    }

    .KeyDifferentgrrid {
        grid-template-columns: auto;
        margin: 4rem 0 0;
    }

    .KeyDifferentbox {
        border-radius: 1rem;
        padding: 3rem 2rem;
    }

    .KeyDifferentbox h3 {
        font-size: 1.6rem;
        line-height: 2rem;
    }


    .Service {
        padding: 13rem 0;
    }

    .Service .HeadingSection p {
        padding: 0 2rem;
    }

    .Servicegrid {
        grid-template-columns: auto;
        gap: 3rem;
        justify-content: center;
    }

    .videos {
        margin: 4rem 0 0;
        grid-template-columns: auto;
        justify-content: normal;
    }

    .videosInner iframe {
        height: 16rem;
        border-radius: 0;
    }

    .stepss {
        margin: 6rem 2rem 0;
    }

    .stepssInner {
        margin: 4rem 0 0;
    }

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

    .stepssInner p {
        font-size: 1.6rem;
        margin: 2rem 0 0;
    }

    .stepssInner ul {
        margin: 2rem 0;
        gap: 1rem;
    }

    .stepssInner ul li a {
        font-size: 1.4rem;
        padding: 1rem 2rem;
    }

    /*.LoginNew .customNavbar .navbar-brand img{
        display: none;
    }

    .LoginNew .customNavbar .navbar-brand img + img{
        display: block;
    }*/

    .loginscreen .defaultlogo {
        display: block;
    }

    .loginscreen .changelogo {
        display: none;
    }

    .hidedesktop {
        display: block;
    }

    .LoginNewGrid {
        grid-template-columns: auto;
        padding-top: 13.5rem;
    }

    body.loginscreen {
        background: #fff;
    }

    .LoginNew {
        background: #fff;
    }

    .LoginNewRight {
        display: none;
    }

    .LoginNew:before {
        display: none;
    }

    .LoginNewLeft .loginBox {
        padding: 3rem 1rem;
    }

    .LoginNewLeft .loginBox .HeadingSection h2,
    .register .LoginNewLeft .loginBox .HeadingSection h2 {
        width: auto;
        font-size: 2.8rem;
        text-align: center;
    }

    .LoginNewLeft .loginBox .HeadingSection h2 span {
        display: block;
    }

    .LoginNewLeft .HeadingSection p {
        text-align: center;
    }

    .loginformInner {
        margin: 3rem 0 0;
    }

    .loginformInner .form-floating>label {
        font-size: 1.6rem !important;
        padding: 1.6rem 3rem;
    }

    .loginformInner .form-floating .form-control,
    .loginformInner .form-floating .form-control-plaintext,
    .loginformInner .form-floating .form-select,
    .register .loginformInner .form-floating.date input {
        padding: 3rem;
    }

    .loginformInner .form-floating .form-control.formCustomSelect {
        padding: 0rem 3rem;
        height: 6rem;
    }

    .loginformBtn {
        margin: 3rem auto 0;
        display: table;
    }

    .forgetlogininner {
        flex-direction: column;
        justify-content: center;
    }

    .forgetloginformBtn {
        margin: 2rem auto 0;
        display: table;
    }

    .forgetloginformBtn span {
        font-size: 1.6rem;
        width: auto;
        margin: 0 0 1rem;
    }

    .forgetloginformBtn a.singup {
        margin: 0;
    }

    .forgetlogininner .customBtn,
    .forgetloginformBtn a.singup {
        width: 12.4rem;
        padding: 0;
        justify-content: center;
        height: 4rem;
    }

    .forgetlogininner+.forgetlogininner {
        margin: 1rem 0 0;
    }


    .register {
        background: #fff;
        padding: 8.5rem 0 0;
    }

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

    .register.s:before {
        display: none;
    }

    /*.register.LoginNew .customNavbar.customNavbarMove .navbar-brand img{
        display: none;
    }

    .register.LoginNew .customNavbar.customNavbarMove .navbar-brand img + img{
        display: block;
    }*/

    .register .LoginNewGrid {
        width: 100%;
        padding: 0;
    }

    .register .LoginNewLeft .loginBox {
        padding: 3rem 1rem;
    }

    .register .loginformInner {
        grid-template-columns: auto;
    }

    .IBANnumber {
        grid-column: 1 / span 1;
    }

    .register .loginformInner .form-floating.date input {
        padding: 1rem 2rem;
    }

    .acceptTermsCond {
        flex-direction: column;
        gap: 1rem;
    }

    .register .loginformBtn span {
        display: none;
    }

    .register .LoginNewLeft .loginformBtn a {
        padding: 0 2rem;
    }

    .forgetsubmit {
        margin: 1rem 0 0;
    }

    .ourProduct {
        padding: 6rem 3rem;
    }

    .ourProduct:after {
        opacity: .6;
    }

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

    .flip-container,
    .front,
    .back {
        width: 100%;
    }

    .contactdetail {
        padding: 6rem 3rem;
    }

    .ContactUsInfogrid {
        grid-template-columns: auto;
        gap: 2rem;
        margin: 5rem 0 0;
        padding-bottom: 0;
    }

    .ContactUsInfobox {
        background: rgb(156, 176, 194, .1);
        padding: 3rem 2.5rem;
    }

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

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

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

    .contactimg {
        display: none;
    }

    .contactusform {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .contactusleft {
        width: 80%;
        margin: auto;
    }

    .contactmap {
        margin: 3rem 0 0;
        border-radius: 1rem;
    }

    .contactmap iframe {
        height: 36rem;
    }

    .faq {
        padding: 4rem 3rem;
    }

    .faq .accordion {
        margin: 4rem 0 0;
    }

    .faq .accordion .accordion-item {
        border-radius: 1rem;
    }

    .faq .accordion .accordion-button {
        font-size: 1.3rem;
        padding: 1.2rem 4rem 1.4rem 2rem;
    }

    .faq .accordion .accordion-button::after {
        right: 2rem;
        top: 1.5rem;
    }

    .faq .accordion .accordion-body {
        font-size: 1.4rem;
        line-height: 2.2rem;
        padding: 1rem 2rem 2rem;
    }

    .ContactNew .ContactContent {
        grid-template-columns: auto;
    }

    .ContactNew .footerlinkGrid {
        grid-template-columns: auto;
        margin: 4rem 0 0;
        gap: 4rem;
    }

    .financialsgrid {
        grid-template-columns: auto;
        gap: 4rem;
    }

    ul.financialsreportbox {
        margin: 3rem 0 0;
    }

    ul.financialsreportbox li a {
        padding: 1.5rem 2rem;
        border-radius: 1rem;
        font-size: 1.5rem;
        font-weight: 700;
    }

    ul.financialsreportbox li {
        margin: 1rem 0 0;
    }

    ul.financialsreportbox li a img {
        height: 2rem;
        margin: 0 1rem 0 0;
    }

    .complainbottom {
        grid-template-columns: auto;
        grid-gap: 2rem;
    }

    .complainbottomInner {
        border-radius: 1rem;
        padding: 2rem 1rem;
        text-align: center;
    }

    .complainbottomInner h4 {
        font-size: 1.6rem;
        margin: 0 0 1rem;
    }

    .complainbottomInner .customBtn {
        height: 4rem;
        padding: 0 .5rem;
        font-size: 1.4rem;
        width: 100%;
        justify-content: center;
    }

    .complainbottomInner .customBtn svg {
        margin: 0 0 0 1rem;
        width: 1.6rem;
    }


    .importantdocumentouter {
        padding: 4rem 0 0;
    }

    .importantdocumentgrid {
        grid-template-columns: auto;
        margin: 3rem 0 0;
        gap: 1rem;
    }

    .importantdoctbox img {
        width: 2.5rem;
    }

    .importantdoctbox h3,
    .importantdoctbox h3 a {
        font-size: 1.5rem;
    }

    .importantdoctbox {
        min-height: 20rem;
    }

    .DirectorsInformationSilder .owl-carousel .owl-nav button {
        width: 3.5rem;
        height: 3.5rem;
        background: #5f687a;
        border-color: #5f687a;
    }

    .footerlink a {
        font-size: 1.4rem;
    }

    .copyrightInner span {
        font-size: 1.4rem;
    }

    .ourserviceInner .leaderpartnershipsGrid {
        grid-template-columns: repeat(1, 100%);
    }

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

    .paginationWrapper {
        display: table;
        margin: 2rem auto 0;
    }

    .blogDetailBlock {
        margin: -8rem auto 0;
        width: auto;
    }

    .blogDetailImgInner {
        height: auto;
    }

    .headerContent .blogDetailTitle h1 {
        width: auto;
    }

    .blogDetailImg {
        padding: 15px;
    }

    .blogDetailContent {
        margin: 3rem 0 0;
    }

    .twoflieds {
        gap: 0rem;
        flex-direction: column;
    }

    .customBtn {
        font-size: 11px;
        height: 4rem;
        padding: 0 1rem;
    }

    .overlay-content.slider-1 {
        top: 39%;
        left: 49.5%;
    }

    .overlay-content.slider-1 {
        top: 39%;
        left: 49.5%;
    }

    .overlay-content.slider-1 .customBtn {
        padding: 14px 1rem;
    }

    .carousel .customBtn {
        font-size: 14px;
        width: 203px;
    }

    .overlay-content.slider-2 {
                top: 38%;
        left: 49.5%;
    }

    .timeline-point:nth-child(odd) .popup,
    .timeline-point:nth-child(even) .popup {
        display: flex;
        align-items: center;
    }

    .popup-details {
        padding: 0 0 0 10px;
        order: 2;
    }

    .popup-number {
        position: initial;
        order: 1;
        min-width: 3rem;
        min-height: 3rem;
    }
}

/*.tradingplatform_img {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}*/

.video-style {
    width: 100%;
    height: 400px;
    border-radius: 25px;
}


.style_vid {
    width: 100%;
    border-radius: 25px;
    z-index: 1;
    position: relative;

}

.video-container {
    position: relative;
    width: 100%;
    height: auto;
}

.desktop-video {
    width: 100%;
    height: auto;
}

.mobile-video {
    width: 100%;
    height: auto;
    display: none;
}

.desktop-video {
    display: block;
}

.mobile-video {
    display: none;
}

.mobile-view.register {
    display: none;
}


@media (max-width: 767px) {
    .desktop-video {
        display: none;
    }

    .mobile-video {
        display: block;
        padding: 5rem 0;
                height: 856px;
    }

    .mobile-view.register {
        display: block;
        padding: 5rem 0;
        display: block;
        background-color: #000;
    }

    .mobile-view .form-floating {
        margin-bottom: 2rem;
    }

    .mobile-view .HeadingSection h2 {
        width: auto;
        font-size: 2.8rem;
        text-align: center;
    }

    .mobile-view .HeadingSection p {
        text-align: center;
        margin-bottom: 25px;
    }

    .button {
        display: flex;
        align-items: baseline;
        align-content: flex-end;
        gap: 10px;
        justify-content: center;
    }

    .button1 {
        margin: 2rem 0 1rem;
    }

    .mobile-view .customBtn {
        font-size: 14px;
        padding: 0 2rem;
        width: 100%;
        justify-content: center;
        text-decoration: none;
    }

    .mobile-view.register .loginformInner {
        gap: 1rem;
    }

}

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

    .mobile-view .customBtn {
        font-size: 11px;
    }
}

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

    .customNavbar .navbar-brand img,
    .customNavbar.customNavbarMove .navbar-brand img {
        height: 5rem;
    }

    .bgVideo {
        top: 7.6rem;
    }

    .aboutus .headerContent {
        margin: 4.6rem 0 0;
    }
}