/* @import url(./fonts.css); */
:root {
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --clr-04135D: #04135D;
    --clr-46526A: #46526A;
    --primary-dark: #1A0626;
    --clr-67748F: #67748F;
    --clr-010C4250: #010C4250;
    --clr-010C4280: rgba(1, 12, 66, 0.80);
    --c-primary: #E3C17C;
    --swiper-pagination-color: var(--c-primary);
    --c-primary-hover: #be9f62;
    --light-blue: #F1F3F9;
    --clr-secondary: #00214A;
    --clr-secondary-60: rgba(0, 33, 74, 0.60);
    --clr-secondary-hover: #032E64;
    --duration: 60s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
    --clr-F1F3F9: #F1F3F9;
    --clr-E7EBF6: #e7ebf6;
    --clr-010C4299: #010C4299;
    --clr-939393: #939393;
    --clr-041A41: #041A41;
    --clr-EDEDED: #EDEDED;
    --clr-black: #000000;
    --clr-051B44: #051B44;
    --clr-57C055: #57C055;
    --c-primary: #00B5E4;
    --c-secondary: #010C42;
    --d-secondary: #001e62;
    --clr-010C42: #010C42;
    --c-accent: #FC8800;
    --c-accentShade01: #FDA033;
    --c-FF5C00: #FF5C00;
    --c-000F2E: #000F2E;
    --c-001E52: #001E52;
    --c-001B5F: #001B5F;
    --c-002670: #002670;
    --c-002670_80: rgba(0, 38, 112, 0.8);
    --c-051357: #051357;
    --bs-link-hover-color: var(--c-primary);
    --clr-003070: #003070;
    --clr-F2F5F8: #F2F5F8;
    --clr-303030: #303030;
    --clr-000105: #000105;
    --clr-DDE7F1: #DDE7F1;
    --clr-00072B: #00072B;
    --clr-F1F6FA: #F1F6FA;
    --clr-747382: #747382;
    --clr-141516: #141516;
}

html,
body {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
}

p,
ul,
li,
a,
b,
span {
    margin: 0px;
    padding: 0px;
}

/* header nav .btn-wrapper .btn{--bs-btn-padding-y:.45rem}.fs-12{font-size: 12px;} .fs-14{font-size: 14px;} .fs-18{font-size: 1.125rem;}.fs-22{font-size: 22px;}.fs-35{font-size: 35px;} .fs-45{font-size: 45px;} */
/* Text Color and BG New For Skyline */
.text-clr-primary {
    color: var(--c-primary);
}

.text-clr-001E52 {
    color: var(--c-001E52);
}

.text-clr-002670 {
    color: var(--c-002670);
}

.bg-clr-000F2E {
    background-color: var(--c-000F2E);
}

.bg-clr-F4F6FB {
    background-color: #F4F6FB;
}

.bg-clr-F2F5F8 {
    background-color: var(--clr-F2F5F8);
}

.bg-clr-001B5F {
    background-color: var(--c-001B5F);
}

.bg-clr-primary {
    background-color: var(--c-primary);
}

.txc-primary {
    color: var(--c-primary) !important;
}

.bgc-primary {
    background-color: var(--c-primary) !important;
}

.txc-secondary {
    color: var(--c-secondary) !important;
}

.bgc-secondary {
    background-color: var(--c-secondary) !important;
}

.bgd-secondary {
    background-color: var(--d-secondary);
}

.txc-accent {
    color: var(--c-accent) !important;
}

.bgc-accent {
    background-color: var(--c-accent) !important;
}

.txc-accentShade01 {
    color: var(--c-accentShade01) !important;
}

.bgc-accentShade01 {
    background-color: var(--c-accentShade01) !important;
}

.txc-000F2E {
    color: var(--c-000F2E) !important;
}

.bgc-000F2E {
    background-color: var(--c-000F2E) !important;
}

.txc-001E52 {
    color: var(--c-001E52) !important;
}

.bgc-001E52 {
    background-color: var(--c-001E52) !important;
}

.txc-001B5F {
    color: var(--c-001B5F) !important;
}

.bgc-001B5F {
    background-color: var(--c-001B5F) !important;
}

.txc-002670 {
    color: var(--c-002670) !important;
}

.bgc-002670 {
    background-color: var(--c-002670) !important;
}

.txt-051357 {
    color: var(--c-051357);
}

.bgc-051357 {
    background-color: var(--c-051357);
}

.txt-002670_80 {
    color: var(--c-002670_80);
}

.bgc-002670_80 {
    background-color: var(--c-002670_80);
}

.text-000105 {
    color: var(--clr-000105);
}

.bgc-000105 {
    background-color: var(--clr-000105);
}

.text-DDE7F1 {
    color: var(--clr-DDE7F1);
}

.bgc-DDE7F1 {
    background-color: var(--clr-DDE7F1);
}

.text-00072B {
    color: var(--clr-00072B);
}

.bgc-00072B {
    background-color: var(--clr-00072B);
}

.text-FF5C00 {
    color: var(--c-FF5C00);
}

.bgc-FF5C00 {
    background-color: var(--c-FF5C00);
}

/* End */
.bg-F1F6FA {
    background-color: var(--clr-F1F6FA);
}

/* 27-1  */
.bg-111833 {
    background-color: #111833;
}

.text-67748F {
    color: var(--clr-67748F);
}

.text-747382 {
    color: var(--clr-747382);
}

.text-141516 {
    color: var(--clr-141516);
}

.text-white-60 {
    color: rgba(255, 255, 255, .6);
}

.text-white-80 {
    color: rgba(255, 255, 255, .8);
}

.text-black-60 {
    color: rgba(0, 0, 0, .6);
}

.bg-clr-001E52 {
    background-color: var(--c-001E52);
}

.bg-clr-F1F3F9 {
    background-color: var(--light-blue);
}

.bg-clr-E7EBF6 {
    background-color: var(--clr-E7EBF6);
}

.text-clr-010C4250 {
    color: var(--clr-010C4250);
}

.text-clr-010C4280 {
    color: var(--clr-010C4280);
}

.text-clr-010C4299 {
    color: var(--clr-010C4299);
}

.text-clr-939393 {
    color: var(--clr-939393);
}

.text-clr-041A41 {
    color: var(--clr-041A41);
}

.text-secondary-60 {
    color: var(--clr-secondary-60);
}

.text-clr-57C055 {
    color: var(--clr-57C055);
}

.clr-003070 {
    color: var(--clr-003070);
}

.clr-303030 {
    color: var(--clr-303030);
}

/* Link Button Style Here */
.btn-theme-link {
    --bs-btn-font-size: 0.938rem;
    --bs-btn-border-radius: 0rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.563;
    --bs-btn-padding-x: 0rem;
    --bs-btn-padding-y: 0rem;
}

.btn-theme-link svg {
    transition: all 300ms ease;
}

.btn-theme-link:hover svg {
    transform: translateX(5px);
}

.btn-theme-link.btn-link-secondary {
    --bs-btn-color: var(--clr-001E52);
    --bs-btn-hover-color: var(--clr-001E52);
    --bs-btn-active-color: var(--clr-001E52);
}

.btn-theme-link.btn-link-secondary svg path {
    fill: var(--clr-001E52);
}

.btn-theme-link.btn-link-white {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--clr-001E52);
}

.btn-theme-link.btn-link-black {
    --bs-btn-color: var(--clr-black);
    --bs-btn-hover-color: var(--clr-black);
    --bs-btn-active-color: var(--clr-001E52);
}

.btn-theme-link.btn-link-black:hover svg path {
    fill: var(--c-primary);
}

.bg-auto {
    background-size: auto !important;
}

.bg-cover {
    background-size: cover !important;
}

.bg-contain {
    background-size: contain !important;
}

.bg-repeat {
    background-repeat: repeat !important;
}

.bg-no-repeat {
    background-repeat: no-repeat !important;
}

.bg-repeat-x {
    background-repeat: repeat-x !important;
}

.bg-repeat-y {
    background-repeat: repeat-y !important;
}

.bg-repeat-round {
    background-repeat: round !important;
}

.bg-repeat-space {
    background-repeat: space !important;
}

.bg-bottom {
    background-position: bottom !important;
}

.bg-center {
    background-position: center !important;
}

.bg-left {
    background-position: left !important;
}

.bg-left-bottom {
    background-position: left bottom !important;
}

.bg-left-top {
    background-position: left top !important;
}

.bg-right {
    background-position: right !important;
}

.bg-right-bottom {
    background-position: right bottom !important;
}

.bg-right-top {
    background-position: right top !important;
}

.bg-top {
    background-position: top !important;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.mt-32 {
    margin-top: 32px;
}

/* Custom Style Here */
.home-banner .content-wrapper {
    padding: 100px 0 84px;
}

.home-banner video {
    object-fit: cover;
    height: 658px;
}

.home-banner .img-wrapper {
    max-width: 435px;
    margin: auto;
}

.assets-tabs.bg-gradient-shape {
    background-image: url(../images/gradient-shape.png);
}

.assets-tabs {
    padding: 62px 0 44px;
}

.assets-tabs .at-tabs .nav-pills button {
    --bs-nav-link-padding-y: 0.625rem;
    --bs-nav-link-padding-x: 1.25rem;
    font-size: 18px;
    border-radius: 30px;
    color: var(--bs-white);
    font-weight: 500;
}

.assets-tabs .at-tabs .nav-pills button.active {
    background-color: var(--clr-001D59);
}

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

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

.marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
}

.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .marquee__group {
        animation-play-state: paused;
    }
}

.marquee--vertical {
    --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
    flex-direction: column;
}

.marquee--vertical .marquee__group {
    animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
    animation-direction: reverse;
    animation-delay: -3s;
}

@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start));
    }

    to {
        transform: translateX(var(--scroll-end));
    }
}

@keyframes scroll-y {
    from {
        transform: translateY(var(--scroll-start));
    }

    to {
        transform: translateY(var(--scroll-end));
    }
}

.instrument-banner.forex-trading {
    background-image: url('../images/forexBG.webp');
}

.instrument-banner.crypto-trading {
    background-image: url('../images/cryptoBG.webp');
}

.instrument-banner.cfds-trading {
    background-image: url('../images/cfdsBG.webp');
}

.instrument-banner.indices-trading {
    background-image: url('../images/indicesBG.webp');
}

.whyTrade .info-box {
    padding: 42px 47px;
}

.process-work.bg-shape {
    background-image: url('../images/process-shape.svg');
}

.process-work .pross-box {
    border: 2px solid rgba(255, 255, 255, 0.10);
    padding: 40px;
    background-color: var(--clr-002577);
}

.process-work .pross-box ul li {
    color: var(--bs-white);
    margin: 5px 0;
}

.about-banner {
    padding: 120px 0px 278px;
}

.about-banner.bannerBG {
    background-image: url('../images/aboutBG.webp');
}

.aboutSec .about-inner {
    padding: 120px 0 100px;
    margin-top: -200px;
}

.aboutSec .about-inner.bg-img {
    background-image: url('../images/about-img.webp');
}

.aboutSec .about-inner .logos-wrp {
    padding: 25px 0px;
    position: relative;
}

.aboutSec .about-inner .logos-wrp::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 70px;
    height: 100%;
    background-image: linear-gradient(90deg, #ffffff 0%, #ffffff1c 100%);
    z-index: 1;
}

.custom-bullet-checkbox li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23141516' d='M14.25 2.969h-1.092a.497.497 0 0 0-.392.19L6.324 11.32l-3.09-3.914a.5.5 0 0 0-.392-.19H1.75a.125.125 0 0 0-.098.201l4.28 5.422c.2.253.584.253.785 0l7.632-9.67a.124.124 0 0 0-.099-.2Z'/%3E%3C/svg%3E");
}

.ib-banner.bannerBG {
    background-image: url('../images/ibBG.webp');
}

.ib-banner.bg-shape {
    position: relative;
}

.ib-banner.bg-shape::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
}

.custom-bullet-checkbox li {
    position: relative;
    padding-left: 25px;
    margin: 5px 0;
}

.contactForm {
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 50px;
    border-radius: 10px;
}

.contactForm h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--clr-black);
    margin-bottom: 30px;
}

.contactForm .form-group label {
    font-size: 14px;
    font-weight: 400;
    color: var(--clr-7A7581);
}

.contactForm .form-group input,
.contactForm .form-group textarea,
.contactForm .form-group select {
    height: 48px;
    padding: 10px 16px;
    border-radius: 0px;
    border-color: #D9D9D9;
}

.contactForm .form-group textarea {
    height: 141px;
    resize: none;
}

.contactForm .form-group button[type="submit"] {
    width: 100%;
}

.ib-steps {
    padding: 80px 0px;
}

.ibSec-form {
    padding: 81px 0 0;
}

.ac-banner {
    padding: 100px 0 307px;
}

.ac-banner.bannerBG {
    background-image: url('../images/acBannerBG.svg');
}

.ac-types {
    margin-top: -230px;
}

.ac-types .ac-box .btn {
    --bs-btn-padding-x: 0.975rem;
    justify-content: center;
}

.account-table thead {
    vertical-align: top;
}

.account-table thead tr th .ac-box {
    width: 230px;
    padding: 26px 20px;
    overflow: hidden;
}

.account-table thead tr th .ac-box::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 20px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url(../images/skyline_favicon.svg);
    background-size: 100% 95%;
    background-position: top right;
    background-repeat: no-repeat;
}

.account-table thead tr th .ac-box.acBox01 {
    background: linear-gradient(250.15deg, #002343 1.35%, #00315E 100%);
}

.account-table thead tr th .ac-box.acBox02 {
    background: linear-gradient(249.41deg, #010C42 0%, #00082D 98.23%);
}

.account-table thead tr th .ac-box.acBox03 {
    background: linear-gradient(250.33deg, #E47B00 0.65%, #AB3E00 100%);
}

.account-table tbody tr td {
    padding: 15px 20px;
    text-align: center;
}

.account-table tbody tr:nth-child(even) td {
    background-color: #F9FAFB;
}

.account-table tbody tr td:first-child {
    font-weight: 700;
    text-align: left;
}

.islamic-banner {
    padding: 116px 0 147px;
}

.islamic-banner.bg-img {
    background-image: url('../images/islamic-account-bg.png');
}

.threeAccount.islamic-account {
    padding-bottom: 37.5rem;
    background: rgb(241, 243, 249);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(241, 243, 249, 1) 0%);
}

.islamic-table {
    margin-top: -500px;
}

.dw-banner.bg-img {
    background-image: url('../images/depositWithdrawalBG.jpg');
}

.dw-banner {
    padding: 116px 0 147px;
}

.dwSec {
    padding-bottom: 70px;
}

.dwSec .tab-content .deposit-card {
    min-height: 515px;
    padding: 35px;
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dwSec .nav {
    justify-content: center;
    border-bottom: 0;
}

.dwSec .nav button {
    width: calc(100% / 2);
    background-color: transparent;
    border: 0;
    font-size: 24px;
    color: var(--clr-black);
    padding: 17px 40px;
    position: relative;
    font-weight: 600;
}

.dwSec .nav button::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    background-color: var(--c-primary);
    transition: all 200ms ease;
}

.dwSec .nav button.active {
    color: var(--c-primary);
    background-color: transparent;
}

.dwSec .nav button.active::before {
    height: 5px;
}

.dwSec .tab-content {
    padding-top: 102px;
}

/* .contact-banner{padding: 5rem 0 19.6875rem;}.contact-banner.bannerBG{background-image: url('../images/contactBG.webp');} old 27-1 */
.contact-banner {
    padding: 5rem 0 19.6875rem;
}

.contact-banner.bannerBG {
    background-image: url('../images/instrument/bg-dot.svg');
    background-position: 294px 111px;
}

.company-detail {
    padding: 18.75rem 0 5.25rem;
}

/* 27-1  */
.bg-gradiant {
    position: absolute;
    height: 866.79px;
    width: 900px;
    pointer-events: none;
}

.bg-gradiant.b-gradiant-1 {
    right: 0;
}

.bg-gradiant.b-gradiant-2 {
    filter: blur(300.94px);
    left: 0;
}

/* blog-detail page  */
.blogPageSec .pagination li span {
    display: inline-block;
    background-color: transparent;
    color: rgba(1, 1, 1, 0.70);
    padding: 20px 30px;
    font-size: 22px;
    font-weight: 700;
    border: 2px solid #F0F0F0;
    margin: 0 30px;
    border-radius: 20px !important;
}

.blogPageSec .pagination {
    justify-content: center;
}

/* end blog detail  */
.ec-chart {
    margin-top: -320px;
}

.ec-banner.bannerBG {
    padding-bottom: 19.188rem;
}

.forexSec {
    padding: 100px 0 100px;
}

.forexSec.bg-img {
    position: relative;
}

.forexSec .forex-cards .img-wrp {
    margin-right: -20px;
}

.forexSec .forex-cards .middle {
    flex-basis: 60%;
}

.forexSec .forex-cards {
    background-color: #000916;
    background-image: url('../images/home-instrument-pointBG.svg');
    padding: 40px 0px 40px 40px;
    border-radius: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}

.forexSec .forex-cards.crd01 {
    background-image: url('../images/forexCardBG.webp');
    z-index: 1;
}

.forexSec .forex-cards.crd02 {
    background-image: url('../images/cryptoCardBG.webp');
    z-index: 2;
}

.forexSec .forex-cards.crd03 {
    background-image: url('../images/cfdsCardBG.webp');
    z-index: 3;
}

.forexSec .forex-cards.crd04 {
    background-image: url('../images/indicesCardBG.webp');
    z-index: 4;
}

.forexSec .forex-cards.crd05 {
    z-index: 5;
}

.top-30 {
    top: 30% !important;
}

footer .companyLogoCarousel .l-box {
    height: 65px;
}

footer .companyLogoCarousel .l-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

footer .footerCTA .img-wrp {
    margin-top: -50px;
}

footer .footer-links ul li a {
    margin: 4px 0;
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.50);
    transition: all 300ms ease;
    font-size: 14px;
    font-weight: 400;
}

footer .footer-links ul li a:hover {
    color: var(--c-002670);
}

footer .social-links ul li a {
    display: block;
    background-color: var(--clr-051B44);
    border-radius: 6px;
}

footer ul.footer-menu {
    margin: 0px 0px 47px;
}

footer ul.footer-menu li a {
    color: var(--c-002670);
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

.navbar {
    --bs-navbar-padding-y: 1.125rem
}

.tpBanner.bannerBG {
    background-image: url('../images/trading-platformBG.webp');
}

.tradingPlatform .forDevice {
    padding: 24px 24px 0px;
}

.accountPriceSlider .price-box .header-wrp {
    padding: 30px 30px 30px;
    border-radius: 20px;
}

.accountPriceSlider .swiper-wrapper {
    padding-top: 15px;
}

.accountPriceSlider .price-box .list-wrp {
    padding: 0px 30px 30px;
}

.accountPriceSlider .price-box .list-wrp .btn-wrp {
    margin-top: -35px;
}

.accountPriceSlider .priceBox01 .header-wrp {
    background-image: url('../images/priceAccount-01.webp');
}

.accountPriceSlider .priceBox02 .header-wrp {
    background-image: url('../images/priceAccount-02.webp');
}

.accountPriceSlider .priceBox03 .header-wrp {
    background-image: url('../images/priceAccount-03.webp');
}

.downloadPlatform {
    background-image: url('../images/download-bg.webp');
    background-size: cover;
}

.downloadPlatform .downloadBTN span a {
    width: 74px;
    height: 74px;
    border: 1px solid var(--bs-white);
    padding-top: 20px;
    transition: all 300ms ease;
}

.downloadPlatform .downloadBTN span a:hover {
    background-image: linear-gradient(103deg, #E3C292 -130.52%, #BA9248 -57.99%, #E3C17C 17.83%, #C29B52 93.65%, #E3C292 169.47%);
}

.aboutVMV .ourBox {
    padding: 40px;
}

.aboutVMV .ourMission {
    background-image: url('../images/ourMission.webp');
    margin-right: -20px;
}

.aboutVMV .ourVision {
    background-image: url('../images/ourVision.webp');
    margin-left: -20px;
}

.aboutVMV .ourBox .icon-box .content-wrp p {
    visibility: hidden;
}

.aboutVMV .ourBox .icon-box:hover .content-wrp p {
    visibility: visible;
}

.meshBG {
    background-image: url('../images/meshBG.svg');
}

/* .aboutVMV .ourBox .icon-box{} */
/* .aboutVMV .ourBox .icon-box .content-wrp{} */
.ibSec-form::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, white 40%, transparent 0%);
}

.csTabsSec .tab-content {
    padding-top: 40px;
}

.csTabsSec .customTabs ul li button {
    width: calc(100% / 1);
}

.csTabsSec .customTabs .custom-table thead tr th {
    background-color: var(--c-secondary);
    padding: 10px 30px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 16px;
}

.csTabsSec .customTabs .custom-table tbody tr td {
    padding: 15px 30px;
    color: #6c6c6c;
}

.csTabsSec .customTabs .custom-table tbody tr td[colspan="7"] {
    background-color: #EEF0F6;
}

.csTabsSec .customTabs .custom-table tbody tr td h4 {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
}

.copyTrading.bg-img {
    background-image: url('../images/copyTrading-banner.png');
}

.cardTeamWrapper .card-wrp {
    min-height: 337px;
    background-size: cover;
}

.cardTeamWrapper .card-wrp.cardOne {
    background-image: url('../images/ct-team-01.png');
}

.cardTeamWrapper .card-wrp.cardTwo {
    background-image: url('../images/ct-team-02.png');
}

.cardTeamWrapper .card-wrp.cardThree {
    background-image: url('../images/ct-team-03.png');
}

.cardTeamWrapper .card-wrp.cardFour {
    background-image: url('../images/ct-team-04.png');
}

.cardTeamWrapper .card-wrp.cardFive {
    background-image: url('../images/ct-team-01.png');
}

.cardTeamWrapper .card-wrp.cardSix {
    background-image: url('../images/ct-team-02.png');
}

/* New Style For Skyline */
.btn {
    --bs-btn-font-size: 1rem;
    --bs-btn-border-width: 2px;
    --bs-btn-border-radius: .375rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.5;
    --bs-btn-padding-x: 2.1875rem;
    --bs-btn-padding-y: .9375rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.btn-theme-outline-white {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-white);
}

.btn::before {
    content: " ";
    position: absolute;
    top: 0px;
    right: 0;
    width: 0%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.btn:hover::before {
    right: auto;
    left: 0;
    width: 100%;
}

/* .btn .icon { position: absolute; top: 3em; right: 0; opacity: 0; transition: 0.4s;}
.btn .icon { position: absolute; top: 3em; right: 0; opacity: 0; transition: 0.4s;}
.btn .icon { position: absolute; top: 3em; right: 0; opacity: 0; transition: 0.4s;}
.btn .icon { position: absolute; top: 3em; right: 0; opacity: 0; transition: 0.4s;} */
.btn-theme-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--c-primary);
    --bs-btn-border-color: var(--c-primary);
    --bs-btn-hover-border-color: var(--c-accent);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--c-primary);
    --bs-btn-active-bg: var(--c-primary);
    --bs-btn-active-border-color: var(--c-primary);
}

.btn-theme-secondary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--c-secondary);
    --bs-btn-border-color: var(--c-secondary);
    --bs-btn-hover-border-color: var(--c-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--c-secondary);
    --bs-btn-active-bg: var(--c-secondary);
    --bs-btn-active-border-color: var(--c-secondary);
}

.btn-theme-accent {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--c-accent);
    --bs-btn-border-color: var(--c-accent);
    --bs-btn-hover-border-color: var(--c-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--c-accent);
    --bs-btn-active-bg: var(--c-accent);
    --bs-btn-active-border-color: var(--c-primary);
}

.btn-theme-white {
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-black);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-black);
}

.btn-theme-white:hover svg path {
    fill: var(--bs-white);
    stroke: var(--bs-white);
}

.instrumentChart.bgImg,
.platformBG {
    background-image: url('../images/instrumentChartBG.png');
}

.heroBanner .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.heroBanner .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_729_2)'%3E%3Cpath d='M9 6L15 12L9 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_729_2'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* ---------- Skyline Markets Website -------------- */
.usp-sec .usp-boxes {
    --bs-card-spacer-y: 0rem;
    --bs-card-spacer-x: 0rem;
    --bs-card-title-spacer-y: 0.25rem;
    --bs-card-title-color: var(--c-accent);
    --bs-card-border-width: 0px;
    --bs-card-border-radius: 1rem;
    --bs-card-box-shadow: none;
    --bs-card-color: var(--clr-303030);
    --bs-card-bg: transparent;
}

.wc_cards {
    --bs-card-spacer-y: 2.5rem;
    --bs-card-spacer-x: 1.875rem;
    --bs-card-title-spacer-y: 1.5rem;
    --bs-card-title-color: var(--bs-black);
    --bs-card-border-width: 1px;
    --bs-card-border-color: #E6EDF3;
    --bs-card-border-radius: 1rem;
    --bs-card-box-shadow: none;
    --bs-card-color: rgba(0, 0, 0, .75);
    --bs-card-bg: var(--bs-card-bg);
}

.trade_cta {
    margin-top: -60px;
}

.trade_cta .ctaWrapper {
    padding: 20px 50px;
}

.trade_cta .ctaWrapper.bgLines {
    background-image: url('../images/tradeCTA.svg');
}

.become-steps .steps-box {
    padding: 100px 50px 0px;
    min-height: 348px;
    position: relative;
    background-size: 100% 100% !important;
    width: 348px;
}

.become-steps .steps-box .icon {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

.become-steps .steps-box:not(.stepsBox03) .icon {
    right: -65px;
}

.become-steps .steps-box::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 345px;
    height: 348px;
}

.become-steps .steps-box.stepsBox01::before {
    background-image: url('../images/threeSteps-01.svg');
}

.become-steps .steps-box.stepsBox02::before {
    background-image: url('../images/threeSteps-02.svg');
}

.become-steps .steps-box.stepsBox03::before {
    background-image: url('../images/threeSteps-03.svg');
}

.become-steps .steps-box span {
    margin-bottom: -25px;
}

label.error {
    font-size: 13px !important;
    color: red !important;
    font-weight: 500 !important;
}

.candle-bg {
    background-image: url('<?= $asset->baseUrl ?>/images/instrument/candle-bg.svg') !important;
    background-position: right 173%;
    background-size: 54%;
}

.banner-img.forex {
    top: 63px;
}

@media(max-width:962px) {
    .instrument-banner.forex-trading {
        padding: 103px 0 27px 0;
    }

    .banner-img.forex img {
        position: relative !important;
        scale: 1;
        bottom: -29px;
        right: 0;
    }
}

.instrument-banner.forex-trading {
    background-image: none;
}

.bg-gradiant {
    position: absolute;
    height: 866.79px;
    width: 900px;
    pointer-events: none;
}

.bg-gradiant.b-gradiant-1 {
    right: 0;
}

.bg-gradiant.b-gradiant-2 {
    filter: blur(300.94px);
    left: 0;
}

.btn.btn-transprent.t_2 {
    --bs-btn-border-color: #000000;
    --bs-btn-hover-border-color: #AFBDD84D !important;
}

/* new css 24-1 */
.wc_cards {
    background-color: #fff;
}

.gradiant-effect-wy {
    position: relative;
    overflow: hidden;
}

.gradiant-effect-wy::before {
    content: '';
    position: absolute;
    width: 813px;
    height: 573px;
    top: 236px;
    left: -240px;
    background: rgba(147, 9, 167, 0.2);
    -webkit-filter: blur(255px);
    pointer-events: none;
}

/* Glob Earth Styling */
/* #chartdiv {width: 500px;height: 500px;position: relative;margin-left: auto;border-radius: 50%;z-index: 0;}
#chartdiv::before{content: '';position: absolute;top: 0px;left: 0px; width: 500px;height: 500px;border-radius: 50%;background-size: 128%;background-repeat: no-repeat;background-blend-mode: screen;background-position: -5rem -5.7rem;box-shadow: 10px -10px 30px 0px #00B5E480, 10px -10px 15px 0px #0E3A8820;animation: fadeIN 15s linear 0s 1;    }
@keyframes fadeIN {0% { opacity: 0; }100% { opacity: 1; }} */
/* .heroSlideSwiper .home-banner{} */
.bgStroke {
    background-image: url('../images/bgStroke.svg');
    background-blend-mode: soft-light;
}

.theme-overview .content-wrp.bgGradient {
    background: rgb(0, 48, 112);
    background: radial-gradient(circle, rgba(0, 48, 112, 0.6279761904761905) 0%, rgba(255, 255, 255, 0) 60%)
}

.swiper-marquee {
    transition-timing-function: linear;
}

.cf7 {
    margin-top: -300px;
}

.whyChooseUs .card .img-wrp {
    max-width: 95px;
}

footer .download-store a {
    max-width: 150px;
}

.tradingPlatform .downloadStore a {
    max-width: 180px;
}

.breakingStrip .swiper-marquee .content-box p {
    max-width: 360px;
}

/* .heroBanner .bannerVideo-02 {min-height: 626px;} */
.heroBanner {
    background-color: #001e52;
}

.banner-pagination {
    bottom: 26px;
}

/* @media (max-width: 1290px) {.heroBanner .bannerVideo-01 {min-height: 626px !important;}} */
.heroBanner .bannerVideo-01,
.heroBanner .bannerVideo-02 {
    min-height: 700px;
}

/* new img banner  */
.heroBanner .bannerVideo-02,
.heroBanner .bannerVideo-01 {
    min-height: 700px;
}

.heroBanner {
    background-color: #001e52;
}

.home-banner video {
    height: 700px;
}


/* intrument new  24-1 */
.flip-box-front,
.flip-box-back {
    height: 240px;
    width: 223px;
}

.mb-34 {
    margin-bottom: 2.125rem;
}

.mb-32 {
    margin-bottom: 2rem;
}

.my-32 {
    margin: 2rem 0;
}

.become-line {
    width: 100%;
    height: 2px;
    background: #F1F6FA;
    position: absolute;
}

.become-arrow img {
    width: 50px;
    position: relative;
    z-index: 1;
}

.become-steps .step-num {
    padding: 36px;
}

.step-content h3 {
    margin-bottom: 12px;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>:not(.btn-check)+.btn {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}


@media (max-width:1024px) {
    .become-line {
        width: 2px;
        height: 150px;
        left: 24px;
    }

    .become-steps .step-num {
        padding: 20px;
        width: 70px !important;
        margin: 0 !important;
    }

    .scroll-arrow {
        height: 180px !important;
    }

    .step-btn .btn {
        --bs-btn-padding-x: 1.5rem;
        --bs-btn-font-size: .9rem;
    }

    .btn-group.m .btn {
        --bs-btn-padding-x: 0.5rem !important;
        --bs-btn-font-size: .8rem !important;
    }
}

/* .candle-bg{} */

/* ------ END --------- */

/* Media Query Here */
@media (max-width:1870px) {
    .breakingStrip .swiper-marquee .content-box p {
        max-width: 440px;
    }
}

@media (max-width:1670px) {
    .breakingStrip .swiper-marquee .content-box p {
        max-width: 410px;
    }
}

@media (max-width:1560px) {
    .breakingStrip .swiper-marquee .content-box p {
        max-width: 360px;
    }
}

@media (max-width:1440px) {
    .breakingStrip .swiper-marquee .content-box p {
        max-width: 340px;
    }

    .bannerVideo-01 picture img {
        height: 100%;
        width: 100%;
    }
}

@media (max-width:1366px) {
    .whyTrade .info-box {
        padding: 40px 30px;
    }

    .become-steps .steps-box {
        padding: 110px 60px 0px;
        min-height: 360px;
        position: relative;
        background-size: 100% 100% !important;
    }

    .become-steps .steps-box:not(.stepsBox03) .icon {
        right: -15px;
    }

    .breakingStrip .swiper-marquee .content-box p {
        max-width: 300px;
    }
}

@media (max-width:1290px) {
    .become-steps .steps-box:not(.stepsBox03) .icon {
        right: -15px;
    }

    .heroBanner .bannerVideo-01 {
        min-height: auto;
    }

    .whyChooseUs .card .img-wrp {
        max-width: 80px;
    }

    .breakingStrip .swiper-marquee .content-box p {
        max-width: 300px;
    }
}

@media (min-width:1200px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 1290px) {

    .heroBanner .bannerVideo-02,
    .heroBanner .bannerVideo-01 {
        min-height: 600px !important;
    }
}

@media (max-width:1199px) {
    .forexSec .forex-cards {
        padding: 30px;
    }

    .forexSec .forex-cards .middle {
        flex-basis: 100%;
    }

    .become-steps .steps-box {
        padding: 110px 45px 0px;
        width: 348px;
        margin: auto;
    }

    header nav ul li a {
        --bs-navbar-nav-link-padding-x: 0.4rem;
    }

    .aboutSec .about-inner {
        padding: 60px 0px;
    }

    .aboutSec .about-inner .logos-wrp {
        padding: 15px 0px;
    }

    .about-banner {
        padding: 60px 0px 235px;
    }

    .breakingStrip .swiper-marquee .content-box p {
        max-width: 220px;
    }
}

@media (max-width:1024px) {
    .text-bg::after {
        width: 236px;
    }

    .text-bg::before {
        width: 326px;
    }

    .home-banner.bg-shape {
        padding: 30px 30px 0px;
    }

    .home-banner .content-wrapper {
        padding: 0;
    }

    .home-banner.bg-shape {
        overflow: hidden;
    }

    .forex-banner {
        padding: 80px 0 57px;
    }

    .contactForm.contact-ib-form {
        margin-top: -200px;
    }

    .account-table thead tr th .ac-box .btn-wrp a,
    .account-table tbody tr td {
        white-space: nowrap;
    }

    .account-table tbody tr td {
        padding: 20px 25px;
    }

    .islamic-banner {
        padding: 100px 20px 100px;
    }

    .islamic-banner {
        background-position: 66% 100% !important;
    }

    .dw-banner {
        padding: 100px 30px 100px;
    }

    .dw-banner {
        background-position: center !important;
    }

    .become-steps .steps-box::before {
        transform: rotate(90deg);
    }

    .become-steps .steps-box {
        padding: 100px 46px 0px;
        width: 348px;
    }

    .become-steps .steps-box .icon {
        right: 0;
        bottom: 0px;
        top: auto;
        left: 50%;
        transform: translate(-50%, 0%) rotate(90deg);
        width: 50px;
    }

    .become-steps .steps-box span {
        margin-bottom: -15px;
    }

    .downloadPlatform {
        padding: 70px 0px;
        background-position: -180px;
    }
}

@media (min-width:2200px) {
    .bannerVideo-01 img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .heroBanner .bannerVideo-02,
    .heroBanner .bannerVideo-01 {
        min-height: 1000px;
    }
}

@media (min-width:3840px) {

    .heroBanner .bannerVideo-02,
    .heroBanner .bannerVideo-01 {
        min-height: 1400px;
    }

    .home-banner video {
        height: 1400px;
    }

    .home-banner .container.position-relative {
        height: 1400px;
        align-content: center;
    }
}

@media (min-width:992px) {
    header nav .dropdown-menu {
        display: block;
        padding: 0px;
        border: 0;
        border-radius: 0;
        margin-top: 10px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 600ms ease, margin-top 400ms ease;
        padding: 5px;
    }

    header nav .dropdown-menu li a {
        transition: all 300ms ease;
    }

    header nav .dropdown-menu li a:hover {
        background-color: var(--c-primary);
        color: var(--bs-white);
    }
}

@media (max-width:991px) {
    .contactForm {
        padding: 30px;
    }

    .instrument-banner {
        padding: 80px 0 80px;
    }

    .aboutVMV .ourMission {
        margin-right: 0px;
    }

    .aboutVMV .ourVision {
        margin-left: 0px;
    }

    footer .cta {
        padding: 70px 0px;
    }

    footer .footerCTA .img-wrp {
        margin-top: 0px;
    }

    .heroBanner .home-banner[class*="bannerVideo-"] {
        padding: 0px;
    }

    .heroBanner .home-banner[class*="bannerVideo-"] .overlay {
        position: relative !important;
    }

    .heroBanner .home-banner[class*="bannerVideo-"] .overlay video {
        width: 100%;
        height: 420px;
        object-fit: cover;
        object-position: right;
    }

    .heroBanner .home-banner[class*="bannerVideo-"] .overlay::before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 70px;
        background-image: linear-gradient(0deg, rgba(0, 30, 82, 1) 0%, rgb(0 0 0 / 0%) 100%);
        z-index: 1;
        display: block;
    }

    .breakingStrip .swiper-marquee .content-box p {
        max-width: 505px !important;
    }
}

@media (max-width:768px) {
    .downloadPlatform {
        padding: 560px 6px 70px !important;
        background-repeat: no-repeat;
        background-size: 1000px;
        background-position: -120px 0px;
    }
}

@media (max-width:767px) {
    .container {
        --bs-gutter-x: 2rem
    }

    .home-banner.bg-shape {
        padding: 30px 0px 0px;
        margin: 0px !important;
        border-radius: 0px !important;
    }

    .contactForm.contact-ib-form {
        margin-top: 0;
    }

    .ib-steps {
        padding: 65px 0 65px;
    }

    .navbar-brand svg {
        max-width: 120px;
    }

    .home-banner .content-wrapper .btn-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        align-items: center;
    }

    .home-banner .content-wrapper .btn-wrapper .btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .btn-theme-link {
        margin: 0px !important;
    }

    .fs-5,
    .fs-20,
    .fs-18 {
        font-size: 1rem !important;
    }

    .home-banner .img-wrapper {
        max-width: 300px;
        margin: auto;
    }

    .home-banner .img-wrapper .bit-coin .img-01 {
        max-width: 100px;
    }

    .forexSec .forex-cards {
        margin: 30px 0px;
    }

    .fs-45 {
        font-size: calc(2rem + 1vw) !important;
    }

    .fs-35 {
        font-size: calc(1.625rem + 1vw) !important;
    }

    .navbar {
        --bs-navbar-padding-y: 0.75rem;
        --bs-navbar-toggler-font-size: 1.125rem;
    }

    footer .cta .img-wrp {
        margin-top: 0px;
    }

    footer .download-store a {
        max-width: 120px;
    }

    .heroBanner .content-wrapper p {
        font-size: 18px !important;
    }

    .instrument-banner {
        padding: 48px 0px 48px;
    }
}

@media (max-width:575px) {
    .dwSec .nav button {
        font-size: 22px;
        padding: 15px 10px;
    }

    .dwSec .tab-content {
        padding-top: 50px;
    }

    .heroBanner .home-banner[class*="bannerVideo-"] .overlay video {
        height: 370px;
    }

    .aboutSec .about-inner {
        padding: 40px 0 410px;
        margin-top: -200px;
        background-size: 190% !important;
        background-position: 0px bottom !important;
        background-repeat: no-repeat;
        background-color: #197ca4;
    }

    .aboutSec .about-inner .logos-wrp {
        padding: 15px 0px;
    }

    .pt-100 {
        padding-top: 45px;
    }

    .pb-100 {
        padding-bottom: 45px;
    }

    .py-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .breakingStrip .swiper-marquee .content-box p {
        max-width: 245px !important;
    }
}

@media (max-width:480px) {
    .home-banner .img-wrapper .bit-coin .img-01 {
        top: 0rem;
        left: -2rem;
    }

    .home-banner .img-wrapper .bit-coin .img-02 {
        top: 4rem;
        right: -20.5rem;
    }

    .home-banner .img-wrapper .bit-coin .img-03 {
        top: 18rem;
        left: 0rem;
    }

    .home-banner .img-wrapper .bit-coin .img-04 {
        top: 15rem;
        right: -20rem;
    }

    .dw-banner {
        padding: 50px 20px 50px;
        background-position: 60% !important;
    }

    .heroBanner .home-banner[class*="bannerVideo-"] .overlay video {
        height: 240px;
    }

    .aboutSec .about-inner {
        padding: 40px 0 270px;
        background-size: 160% !important;
    }

    .aboutSec .about-inner .logos-wrp {
        padding: 10px 0px;
    }

    .website-year p.fs-6 {
        font-size: 0.9rem !important;
    }
}

/* @media (min-width:360px){} */



/* new css 26-12  */
.text-black-80 {
    color: rgba(0, 0, 0, .8);
}

/* replace  */
.home-banner .content-wrapper {
    padding: 110px 0 84px;
}

@media(max-width:1024px) {
    .home-banner .content-wrapper .btn-wrapper {
        flex-direction: row;
        gap: 0;
    }

    /* add  */
    .home-banner .content-wrapper {
        padding: 90px 0 84px !important;
        gap: 22px !important;
    }

    .content-wrapper.new p.fs-12 {
        font-size: 12px !important;
    }
}

footer .footer-links ul li a {
    margin: 4px 0;
    display: inline-block;
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: all 300ms ease;
    font-size: 14px;
    font-weight: 400;
}

footer .footer-links ul li a:hover {
    color: var(--c-accent)
}

/* end  */
/* add new var  */
/* :root{
    --clr-46526A:#46526A;
    --primary-dark:#111833;
} */
.bg--111833 {
    background-color: var(--primary-dark)
}

.text-46526A {
    color: var(--clr-46526A);
}

/* ed  */

.fs-15 {
    font-size: 15px;
}

.btn.btn-transparent {
    --bs-btn-border-color: #AFBDD84D;
}

.btn-theme-primary-white {
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-border-color: var(--c-accent);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--c-accent);
    --bs-btn-active-bg: var(--c-primary);
    --bs-btn-active-border-color: var(--c-primary);
}

.btn-theme-primary-dark {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-black);
    --bs-btn-border-color: var(--bs-black);
    --bs-btn-hover-border-color: var(--c-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--c-primary);
    --bs-btn-active-bg: var(--c-primary);
    --bs-btn-active-border-color: var(--c-primary);
}

.btn.btn-sm {
    --bs-btn-font-size: 0.938rem !important;
    --bs-btn-padding-x: 1.125rem !important;
    --bs-btn-padding-y: 0.663rem !important;
}

.btn.link-light {
    transition: color .3s ease-in-out;
    position: relative;
    overflow: visible;
}

.btn.link-light::after {
    content: '';
    width: 0%;
    height: 2px;
    transition: width .3s ease-in-out;
    position: absolute;
    bottom: -6px;
    z-index: 111;
    left: 0;
    background: var(--bs-white);
}

.btn.link-light:hover {
    color: var(--bs-black) !important;
}

.btn.link-light:hover:after {
    width: 100%;
}

.custom-bullet-checkbox.primary li {
    padding-left: 30px;
    margin-bottom: 20px;
}

.custom-bullet-checkbox.primary li::before {
    background-image: url('../images/new-home/check-icon.svg');
    width: 24px;
    height: 24px;
}


/* banner  */
p.lh-36 {
    line-height: 36px;
}

.btn.link-light {
    padding: 0;
    font-size: 15px;
    font-weight: 600;
}

.bannerVideo-02 {
    padding: 190px 0 30px 0;
}

.home-banner .content-wrapper {
    padding: 0 0 84px;
    gap: 36px;
}

.bg-main {
    background-image: url('../images/new-home/main-bg.png');
    background-position: center;
    background-size: cover;
}



/* countr box  */
.mb-36 {
    margin-bottom: 36px;
}

.counter-box h5 {
    font-size: clamp(1rem, 0.375rem + 2vw, 1.5rem);
    font-weight: 700;
    line-height: 24px;
}

.counter-box p {
    font-size: 0.844;
    font-weight: 400;
    line-height: 24px;
}


/* why-us */
.card.usp-boxes .card-title {
    font-size: 1.875rem;
    color: var(--bs-black) !important;
}

.wc_cards {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-spacer-y: .8rem;
    background-color: #fff;
}


/* IntroducingProgram */
.slide-bottom {
    animation: slide-bottom 5s cubic-bezier(.25, .46, .45, .94) infinite alternate both;
    width: 460px;
    left: -56px;
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(1500px);
        transform: translateY(150px)
    }
}

.IntroducingProgram h2 {
    line-height: 60px;
}

.IntroducingProgram .image-wrap {
    width: 350px;
}

.inner-boxCta {
    padding: 37px 58px 36px 72px;
}

.rounded-25 {
    border-radius: 25px;
}

/* slider  */
.Why-chooseUs2 .swiper-slide {
    height: initial;
}

@media(min-width:1024px) {
    /* .Why-chooseUs2 .swiper-slide {flex: 0 0 calc(24% - 10px);box-sizing: border-box;margin-top:  0 !important;}  */
    /* .Why-chooseUs2 .swiper-wrapper {flex-wrap: wrap; row-gap: 16px;} */

}

/* award  */

.OurAwards .awards h3 {
    background-image: url('../images/new-home/year-quate.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
}

.OurAwards .swiper-slide .flip-box-front {
    background-image: url('../images/new-home/hax-shape.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.flip-box {
    background-color: transparent;
    border-radius: 10px;
    perspective: 1000px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 120px 0;
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
    position: absolute;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-front img {
    height: 50px;
    width: 50px;
}

.flip-box-back {
    transform: rotateY(180deg);
    border-radius: 10px;
    padding: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='226' viewBox='0 0 200 226' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cg clip-path='url(%23c)'%3E%3Cpath d='M199.67 160.694V65.238a17.14 17.14 0 0 0-8.57-14.84L108.403 2.675a17.15 17.15 0 0 0-17.139 0L8.57 50.401A17.13 17.13 0 0 0 0 65.238v95.452a17.13 17.13 0 0 0 8.57 14.837l82.695 47.726a17.15 17.15 0 0 0 17.139 0l82.695-47.726a17.14 17.14 0 0 0 8.569-14.837z' fill='%2300B5E4'/%3E%3Cpath d='M108.005 3.365a16.35 16.35 0 0 0-16.343 0L8.967 51.092a16.33 16.33 0 0 0-8.17 14.146v95.452a16.34 16.34 0 0 0 8.17 14.146l82.695 47.727a16.35 16.35 0 0 0 16.343 0l82.695-47.727a16.34 16.34 0 0 0 8.17-14.146v-1.923l.004.003V65.238a16.34 16.34 0 0 0-8.172-14.15zm0 0 .398-.69' stroke='%2300B5E4' stroke-opacity='.1' stroke-width='1.593'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%2300B5E4' d='M0 .38h199.67v225.16H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%2300B5E4' d='M0 .38h199.67v225.16H0z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath fill='%2300B5E4' d='M0 .38h199.67v225.16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

/* faq  */

.swiper.breakingStrip .swiper-slide {
    width: 501.75px !important;
}


.accordion.faq {
    --bs-accordion-active-bg: transparent;
    --bs-accordion-btn-bg: #F1F6FA66;
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M32.2%2016.805C32.2%208.05954%2025.1105%200.969971%2016.365%200.969971C7.6196%200.969971%200.530029%208.05954%200.530029%2016.805C0.530029%2025.5504%207.6196%2032.64%2016.365%2032.64C25.1105%2032.64%2032.2%2025.5504%2032.2%2016.805Z%22%20fill%3D%22%23DFF1FF%22%2F%3E%3Cpath%20d%3D%22M11.0867%2014.1658L16.3653%2019.4444L21.644%2014.1658%22%20stroke%3D%22black%22%20stroke-width%3D%220.989747%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M32.2%2016.805C32.2%208.05954%2025.1105%200.969971%2016.365%200.969971C7.6196%200.969971%200.530029%208.05954%200.530029%2016.805C0.530029%2025.5504%207.6196%2032.64%2016.365%2032.64C25.1105%2032.64%2032.2%2025.5504%2032.2%2016.805Z%22%20fill%3D%22%23DFF1FF%22%2F%3E%3Cpath%20d%3D%22M11.0867%2014.1658L16.3653%2019.4444L21.644%2014.1658%22%20stroke%3D%22black%22%20stroke-width%3D%220.989747%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
    --bs-accordion-btn-focus-box-shadow: 0;
    --bs-accordion-btn-padding-y: 2.063rem;
    --bs-accordion-btn-icon-width: 1.938rem;
    --bs-accordion-border-width: 0;
}

.accordion.faq .accordion-button {
    font-size: 1.25rem;
    font-weight: 600;
}

/* breadcrum  */
a {
    text-decoration: none;
}

.breadcrumb.position-relative {
    bottom: 50px;
}


/* end  */

.fs-26 {
    font-size: 1.625rem;
}

.lh-45 {
    line-height: 45px;
}

.link-text.h-border {
    position: relative;
}

.link-text.h-border:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    transition: width .8s ease-in-out;
    background-color: #fff;
}

.link-text.b-00000099:before {
    background-color: #00000099
}

.link-text.h-border:hover:before {
    width: 100%;
}

hr.bottom-dashed {
    border: none;
    border-top: 3px dashed #00B5E4;
    width: 305px;
    opacity: 1;
}

/* globe  */
.country-flag-box {
    display: flex;
    gap: 5px;
    line-height: 0;
    align-items: center;
}

.country-flag-box img {
    width: 25px;
    height: 25px;
}

.country-slider .country-flag {
    margin-bottom: 12px;
}

.card.country-card {
    --bs-card-spacer-x: 1.125rem;
    --bs-card-spacer-y: 1.125rem;
    --bs-card-border-color: #64E2ED;
    --bs-card-box-shadow:
}

.card.country-card .card-body {
    padding-right: 1.813rem;
    padding-bottom: 2rem;
}

/* end  */

/* office hour  */
.office-hour .days-flex span {
    width: 40px;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    text-align: center;
    margin: 0 20px;
}

.office-hour .days-flex span {
    color: var(--c-primary);
}

.office-hour .days-flex span::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(90deg, #00B5E4 0%, #5BB1C7 100.02%);
    box-shadow: inset 0px -3px 2px rgba(0, 0, 0, 0.26), inset 1px 2px 3px rgba(255, 255, 255, 0.71);
    margin-bottom: 16px;
}

.office-hour .days-flex span.holy::before {
    background: #D9EBEF;
}

/* end  */

/* footer  */
ul.social-icon li a svg:hover path {
    transition: fill 0.4s ease-in-out;
}

ul.social-icon li a svg:hover path {
    fill: var(--c-primary)
}

/* end  */
@media(max-width:1024px) {
    .inner-boxCta {
        padding: 20px;
    }

    .IntroducingProgram .image-wrap {
        width: 100%;
    }

    .slide-bottom {
        width: 108%;
        left: 0;
    }

    .IntroducingProgram h2 {
        line-height: 36px;
    }
}

@media (max-width: 991px) {
    .heroBanner .home-banner[class*="bannerVideo-"] {
        padding: 50px 0 148px 0px;
    }

    .card.usp-boxes .card-title {
        font-size: 1.375rem;
    }

    .card.usp-boxes p.fs-15 {
        font-size: 14px;
    }

    .accordion.faq .accordion-button {
        font-size: 1rem;
    }

    /* offcie hour  */
    .office-hour .days-flex span {
        width: 20px;
        margin: 0 16px;
    }

    .office-hour .days-flex span::before {
        width: 35px;
        height: 35px;
        margin-bottom: 9px;
    }

    .location-slider::before {
        bottom: -21%;
    }

}

/* html{font-size: 20px;} */
/* :root{--bs-body-font-size:22px;}
    html{font-size: 22px !important;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1556px !important;} */

/* gradiant btn  */
.btn-grad {
    background-image: linear-gradient(to right, #00B5E4 0%, #26a0da 51%, #0488AA 100%)
}

.btn-grad {
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.btn-grad:hover {
    background-position: right center;
    color: #000;
    text-decoration: none;
}

.fs-26 {
    font-size: 1.625rem;
}

.lh-45 {
    line-height: 45px;
}

/* gradiant -4  */
.radius-12 {
    border-radius: 12px !important;
}

.gradiant.g-4 {
    background: linear-gradient(80deg, #00B5E4 0%, #1B3DB8 100%);
}

.btn.gradiant-4 {
    background: linear-gradient(45deg, #00B5E4, #0488AA);
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.5s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn.gradiant-4:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #0488AA, #00B5E4);
    transition: left 0.9s ease;
    z-index: -1;
}

.btn.gradiant-4:hover:before {
    left: 0 !important;
}

/* {} */


.Why-chooseUs .card.cardOne a {
    pointer-events: none;
}


.candle-bg {
    background-image: url('../images/instrument/candle-bg.svg') !important;
    background-position: right 173%;
    background-size: 54%;
}

.banner-img.forex {
    top: 63px;
}

.bg-gradiant {
    position: absolute;
    height: 866.79px;
    width: 900px;
    pointer-events: none;
}

.bg-gradiant.b-gradiant-1 {
    right: 0;
}

.bg-gradiant.b-gradiant-2 {
    filter: blur(300.94px);
    left: 0;
}

.btn.btn-transprent.t_2 {
    --bs-btn-border-color: #000000;
    --bs-btn-hover-border-color: #AFBDD84D !important;

}