*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
:root {
    --black: #000;
    --white: #ffffff;
    --primary:#03A300;
    --lightgreen:#04684C;
    --lightgray:#DCDCDC;
    --lightgray1:#f6f9f8;
    --green:#00B512;
    --black2:#031B1D;
    --border:#EAECF0;
    --txt-color:#676666;
    --txtColor1:#B3B9C4;
    --color-yellow:#E2FF54;
    --black3:#091E42;
}
.relative{
    position:relative;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    line-height: 1.2;
    font-weight: bold;
}
.h1 > span,
.h2 > span,
.h3 > span,
.h4 > span,
.h5 > span,
.h6 > span{color:var(--primary);}

.h1{font-size:40px;}
.h2{font-size:36px;}
.h3{font-size:32px;}
.h4{font-size:22px;}
.h5{font-size:22px;}
.h6{font-size:20px;}

.btns{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 32px;}
.btns.center{justify-content: center;}
.btns > *{text-decoration: none;padding:12px 20px;font-size: 20px;border-radius: 16px;font-weight: 600;line-height: 1.3;text-align: center;cursor: pointer;outline: none;user-select: none;-webkit-user-select: none;-moz-user-select: none;border:1px solid var(--green);transition: 0.3s linear;}
.btns > .btn1{color:var(--green);}
.btns > .btn2{color:#fff;background: var(--green);}
.btns > *:hover, .btns > *:active, .btns > *:focus{background: var(--lightgreen);color:#fff;}

.mainAreaBtn{margin-inline:auto;width:36px;height: 36px;display: flex;background: var(--green);color:#fff;justify-content: center;line-height: 1;align-items: center;border-radius: 4px;font-size: 24px;font-weight: bold;position: relative;margin-bottom: 12px;}

button:focus,
/* a:focus, */
span:focus,
input:focus,
textarea:focus,
input[type="radio"]:focus + label,
input[type="checkbox"]:focus + label{outline: 1px solid #000 !important;}

p{
    line-height:1.5;
    color:var(--txt-color);
}
a{
    transition:0.3s ease-in-out;
}
.container{
    padding:0px 90px;
}

a[href="#"],
a[target="_blank"],
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img,
.arrow-btn img,
.social-icons ul li a > img,
.app-logos img,
.footer-logo a img,
.logo img, 
.mainAreaBtn{
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* header css */
.skiptranslate[style] ~ header{top:25px;}
.skiptranslate[style*="none"] ~ header{top:0;}

.translated-rtl .banner{text-align: right;}
.translated-rtl .banner .banner-content{display: flex;flex-direction: column;}
.translated-rtl .banner .banner-content .custom-btn{align-self: flex-end;}
.translated-rtl .our-product{text-align: right;}
.translated-rtl .our-product ul{list-style: none;}
.translated-rtl .layer{align-self: flex-end;}
.translated-rtl .treding-account{text-align: right;}
.translated-rtl .treding-account .tab-list .nav-item button{text-align: right;}
.treding-account .border-line::before{content:"";width:0;height:0;border-block: 6px solid transparent;border-left: 10px solid #2C9B7C;display: flex;margin-top: -5px;margin-right: -1px;}
.treding-account .h4{font-size: 24px;}
.translated-rtl .our-company{text-align: right;}
.translated-rtl .featured{text-align: right;}
.translated-rtl .featured li{list-style: none;}
.translated-rtl .featured .justify-content-start{justify-content: flex-end !important;}
.translated-rtl .get-started{text-align: right;}
.translated-rtl .get-started .justify-content-start{justify-content: flex-end !important;}
.translated-rtl .warningText {text-align: right;}
.translated-rtl .aboutUs{text-align: right;}
.translated-rtl .forex-product .d-flex{justify-content: flex-end;}
.translated-rtl .form-controle-group label{text-align: right;}
.translated-rtl .form-controle-group input, .translated-rtl .form-controle-group select, .translated-rtl .phone-dropdown select, .translated-rtl .form-controle-group textarea{text-align: right;}
.translated-rtl .form-controle-group .d-flex{justify-content: flex-end;}
.translated-rtl .grid-card {text-align: right;}
.translated-rtl .btn-grou{justify-content: flex-end;}
.translated-rtl .exposure{text-align: right;}
.translated-rtl .grid-card li{list-style: none;}
.translated-rtl .contactArea{text-align: right;}
.translated-rtl .popup-content {text-align: right;}
.translated-rtl .menu-dropdown ul li{text-align: right;}
.translated-rtl .sidebarContent .contentArea {text-align: right;}
.translated-rtl .sidebarContent .tabsArea .tabs .tb > *{justify-content: flex-end;}
.translated-rtl .sidebarContent .tabsArea a{text-align: right;width: 100%;}
.translated-rtl .sidebarContent .contentArea ul > li, .translated-rtl .sidebarContent .contentArea ol > li{list-style: none;}


.headerTop{width: 100%;background: var(--black3);padding-block: 8px;position: relative;z-index: 999;}
.headerTop.active .experience, .headerTop.active:not(:has(.selectboxArea)){display: none;}
.headerTop.active:not(:has(.selectboxArea)) ~ header{top:0;}

.headerTop .container{display: flex;}
.headerTop.active .container{justify-content: flex-end;}
.headerTop .experience{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 0;font-size: 14px;font-weight: 500;color:#fff;line-height: 1.2;}
.headerTop .experience > img{margin-right: 10px;}

.selectboxArea{display: flex;position: relative;font-size: 14px;}
.selectboxArea .select{width: 100%;display: flex;align-items: center;color:#fff;background:url(../images/arrowDown.png) no-repeat center right;background-size:14px;padding-right:22px;cursor: pointer;justify-content: flex-end;white-space: nowrap;}
.selectboxArea img{margin-right: 8px;width: 16px;height: 16px;}
.selectboxArea ul{width: 160px;display: flex;flex-direction: column;position: absolute;top:100%;right:0;background: #fff;padding:0;margin:0;border-radius: 4px;overflow: hidden;transform: scaleY(0);-webkit-transform: scaleY(0);-moz-transform: scaleY(0);transform-origin: top;-webkit-transform-origin: top;-moz-transform-origin: top;transition: 0.3s linear;-webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;}

.selectboxArea ul > li, .selectboxArea ul > a{list-style: none;border: 1px solid var(--border);display: flex;align-items: center;padding:8px;color:#000;cursor: pointer;transition: 0.3s linear;-webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;text-decoration: none;}
.selectboxArea ul > li:hover, .selectboxArea ul > a:hover{background:var(--lightgray1);}
.selectboxArea ul > li:not(:last-child), .selectboxArea ul > a:not(:last-child){border-bottom: 1px solid var(--border);}
.selectboxArea:hover ul{transform: scaleY(1);-webkit-transform: scaleY(1);-moz-transform: scaleY(1);}

.logos{background: var(--lightgreen);width: 100%;display: none;padding-block: 12px;}
.logos .logosArea{display: flex;justify-content: space-between;align-items: center;gap:8px 12px;flex-wrap: wrap;}
.logos .logosArea > img{width: 64px;height: auto;}

header{
    padding:15px 0px;
    position:fixed;
    left:0;
    top:36px;
    width:100%;
    z-index:99;
    transition:0.5s ease-in-out;
}
header .navBar .icon{display: none;}
header:has(.navBar.active) ~ .whatsappIcon, header:has(.navBar.active) ~ .scrollTop{display: none;}
header.scrolled{
    background-color: rgb(0,68,73);
    background-image: linear-gradient(90deg, rgba(0,68,73,1) 0%, rgba(36,123,106,1) 50%, rgba(0,77,80,1) 100%);
    top:0;
    z-index: 9999;
}
header:not(:has(~ .banner)){background-color: rgb(0,68,73);background-image: linear-gradient(90deg, rgba(0,68,73,1) 0%, rgba(36,123,106,1) 50%, rgba(0,77,80,1) 100%);}
nav ul li{
    margin:0px 8px;
    list-style:none;
    position:relative;
    white-space: nowrap;
}
.logo a img{height: auto;}
nav ul li a{
    font-size:16px;
    text-decoration:none;
    color:var(--white);
}  
nav ul li a:hover, nav ul li a:active, nav ul li a:focus{outline:none !important;border:none;}
header .translateBtn *{background: none;padding: 0;}
header .translateBtn .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{color:#fff;}
header .translateBtn .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span{color:#fff !important;}
header .translateBtn .VIpgJd-ZVi9od-xl07Ob-lTBxed{margin: 0;}

nav ul li a svg{
    width:25px;
    height:25px;
}
.header-btn, header .translateBtn .goog-te-gadget-simple{
    font-size:18px;
    font-weight: 600;
    color:var(--white);
    text-align:center;
    text-decoration:none;
    border:1px solid var(--lightgray);
    border-radius:12px;
    padding:10px 8px;
}
.header-btn:hover, header .translateBtn .goog-te-gadget-simple:hover{
    background-color:var(--primary);
    color:var(--white);
    border-color:var(--primary);
}
header .header-btn{white-space: nowrap;line-height: 1.2;}
nav ul li:has(.menu-dropdown) > a{display: flex;align-items: center;justify-content: center;}
nav ul li:has(.menu-dropdown) > a::after{width: 0;height: 0;content: "";border-inline:6px solid transparent;border-top:6px solid #fff;margin-top: 4px;margin-left: 4px;}
.menu-dropdown{
    position:absolute;
    left:0px;
    top:100%;
    width:190px;
    background-color:var(--white);
    border-radius:0px;
    padding:10px;
    z-index:9;
    opacity:0;
    visibility:hidden;
    transform:translateY(40px);
    transition:0.3s ease-in-out;
    box-shadow: 0 0 4px grey;
    border-radius: 4px;
}
.menu-dropdown ul li{
    margin:0;
    padding:0;
}
.menu-dropdown ul li a{
    display:block;
    padding:5px 10px;
    color:var(--black);
    transition:0.3s ease-in-out;
    white-space: normal;
}
.menu-dropdown ul li a:hover{
    /* background-color:var(--primary); */
    color:var(--primary);
}
nav ul li:hover .menu-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(10px);
}
header.scrolled:has(~ .modal.show){opacity: 0;transition: 0.3s linear;}

/* banner css */
.banner{
    background:#01162d url('../images/pattern.webp') no-repeat center / cover;
    position:relative;
    display: flex;
    padding-block: 200px 80px;
    overflow: hidden;
}
.banner:not(.custom-inner-banner){height: calc(100vh - 37px);min-height:650px;}
.banner:not(.custom-inner-banner) .container{display: flex;}
.banner.home .carousel{width: 100%;position: static;overflow: hidden;display: flex;}
.banner.home .carousel .carousel-item.active{display: flex;max-height: 100%;}
.banner.home .carousel .carousel-item .container .row > *{max-height: 100%;}
.banner.home .carousel .carousel-control-prev, .banner.home .carousel .carousel-control-next{outline: none !important;}
.banner.home .carousel-indicators{position: absolute;left:0;right:0;bottom:32px;z-index: 0;margin: 0;}
.banner.home .carousel-indicators [data-bs-target]{opacity: 1;background: url(../images/dot.webp) no-repeat center center;width:24px;height: 24px;outline: none !important;border: none;}
.banner.home .carousel-indicators .active[data-bs-target]{background-image: url(../images/dota.webp);}
.banner.custom-inner-banner{padding-bottom:100px;}
.banner.custom-inner-banner .banner-content{width:100%;}
.banner .center{display: flex;align-items: center;}
.banner picture{width: 100%;display: flex;justify-content: flex-end;padding-left: 58px;max-height: 100%;}
.banner picture > img{max-width: 100%;height: auto;width: auto;object-fit: contain;}
.banner.pb-0 :has(> picture){display: flex;align-items: flex-end;}
.banner-title{
    padding: 6px 16px;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 100px;
    position:relative;
    display:inline-flex;
    margin-bottom: 12px;
}
.banner-title img{
    margin-right:4px;
}
.banner-title span{
    color:var(--white);
    font-size:14px;
    font-weight: 500;
    display:inline-block;
    text-transform: uppercase;
}
.banner-content h1{
    color: var(--white);
    font-size: 56px;
    font-style: normal;
    line-height: 1.2;
    text-transform: capitalize;
}
.banner-content h1 span{
    color: #E2FF54;
    display:block;
    font-size: 24px;
    margin-block: 16px 12px;
}
.banner-content p{
    color: #DCDCDC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 32px;
}
.banner-content .btns:has(+ .tc){margin-bottom: 8px;}
.banner-content .tc{font-style: italic;font-size: 14px;color:rgba(220, 220, 220, 1);font-weight: normal;margin-bottom: 0;}
.custom-btn{
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 44px;
    background: var(--green);
    border:1px solid var(--green);
    position:relative;
    text-decoration:none;
    transition: 0.3s linear;
}
.custom-btn:hover, .custom-btn:active, .custom-btn:focus{background: var(--lightgreen);}
.custom-btn.border-bg-none {
    background-color: transparent;
    border: 1px solid var(--primary) !important;
    padding: 10px 25px;
    display: inline-block;
    height: auto;
    text-decoration: none;
}
.custom-btn.border-bg-none span {
    color: var(--black);
}

.custom-btn:focus{
    outline:none;
}
.custom-btn span{
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.logobar{
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background-color: var(--lightgreen);
    border-radius: 20px;    
}
.logobar > img{width: auto;height: 32px;filter: brightness(0) invert(100%);opacity: 0.35 !important;}
.heading-wrapper .title-btn {
    border: 1px solid var(--green);
    height: auto;
    padding: 16px;
    display: inline-flex;
    align-items: center;
    border-radius: 24px;
    margin-bottom: 32px;
    cursor: auto;
    background: #fff;
    box-shadow: 10px 10px 16px var(--bs-gray-400);
}
.heading-wrapper .title-btn > img, .heading-wrapper .title-btn1 > img{margin-right: 4px;height: auto;}
.heading-wrapper .title-btn > img{width: 15px;}
.heading-wrapper .title-btn1 > img{width: 8px;}
.heading-wrapper .title-btn span{
    font-size: 20px;
    font-weight: 500;
    color: var(--black2);
    text-transform: uppercase;
}
.heading-wrapper .line{position: relative;padding-bottom: 24px;margin-bottom: 32px;}
.heading-wrapper .line::before, .heading-wrapper .line::after{content:"";position: absolute;bottom:0;background: var(--green);height: 12px;}
.heading-wrapper .line::before{left:0;width: 12px;border-radius: 100%;}
.heading-wrapper .line::after{left:24px;width: 70px;border-radius: 20px;}
.heading-wrapper .title-btn1 {
    background-color: #f9fafb;
    height: auto;
    padding: 5px 15px;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    margin-bottom: 10px;
    cursor: auto;
}
.heading-wrapper .title-btn1 span {
    font-size: 14px;
    font-weight: 500;
    color: var(--black2);
    text-transform: uppercase;
}
.heading-wrapper .sh{color: var(--green);}

.heading-wrapper h1, .heading-wrapper h2, .heading-wrapper h3, .heading-wrapper h4, .heading-wrapper h5, .heading-wrapper h6{text-transform: capitalize;font-size: 48px;}
.heading-wrapper p{font-size: 18px;color:#000;font-weight: 500;margin-top: 16px;}

.bg-light-gray{
    background-color:#F6F9F8;
}
.bg-black-light{
    background-color:#001027;
}
.forex-product {
    border-radius: 20px;
    overflow:hidden;
}
.forex-product.logoText{background:#F6F9F8;border-radius: 20px;}
.forex-product.logoText .derivatives{display: flex;justify-content: center;align-items: center;height: 100%;border-radius: 20px;}
.forex-product.logoText .derivatives > img{width: 200px;height: auto;}
.forex-product.logoText .side-content{padding-bottom: 34px;border-radius:0 20px 20px 0;}
.product-image .mockup-one{padding: 30px 56px;}
.product-image .mockup-one img{max-width: 100%;height: auto;}
.forex-product .content {
    padding-right: 100px;
}

.layer{
    width:42px;
    height:42px;
    border-radius:50%;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    background-color:var(--primary);
}
.side-content h3 span {
    color: var(--primary);
}
.side-content ul li {
    font-size: 14px;
    line-height: 20px;
    color: var(--txt-color);
}
.side-content ul > li:not(:last-child){margin-bottom: 4px;}
.side-content.white h3, .side-content.white p, .side-content.white ul li {
    color: var(--white);
}
.commodity .side-content .form-controle-group label, .commodity .custom-radio [type="radio"]:checked + label, .commodity .custom-radio [type="radio"]:not(:checked) + label{color:#fff;}
.commodity .side-content form + *{margin-top: 32px;}
.commodity .side-content .form-controle-group label{font-size: 16px;}
.commodity .side-content {
    padding: 50px 45px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.commodity .side-content a:not(.btn2){color:#03A300;text-decoration: none;}
.commodity .side-content ul {
    margin-bottom: 30px !important;
}
.commodity .content-image {
    margin-top: auto !important;
}
.commodity .content-image img {
    max-width: 100%;
    height: auto;
}
.commodity .content-image .mb{margin-bottom: -50px;}
.commodity.portpholio .right.side-content {
    padding-right: 50%;
    overflow: hidden;
}
.commodity.portpholio .right h3 {
    font-size: 32px;
    line-height: 38px;
}
.commodity.portpholio .right > *:not(.content-image){position: relative;}
.commodity.portpholio .right .content-image {
    padding: 0px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.commodity.portpholio .side-content {
    padding: 32px 20px 16px;
    position: relative;
}

.bg-yellow{
    background-color:var(--color-yellow)
}
.arrow-btn{
    border:none;
    width:52px;
    height:52px;
    background-color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    border-radius:50%;
    position:absolute;
    right:-40px;
    top:-2px;
}
.account-service-item .icon{
    margin:0 auto;
    width:100px;
    height:100%;
    position:relative;
}

.border-line{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(20%, -50%);
    width: 135px;
    height: 2px;
    background-color: #2C9B7C;
}
.about-image{
    width:100%;
    height:646px;
    padding:52px;
    border-radius:20px;
    margin:0 auto;
}
.about-image .tab-pane, .about-image .tab-content{
    width:100%;
    height:100%;
    border-radius:20px;
}
.about-image .tab-pane img{
    width:100%;
    height:100%;
    border-radius:20px;
    object-fit: cover;
}
/* Firefox */
.tab-list {
    scrollbar-width: 12px; /* Sets the width of the scrollbar */
    scrollbar-color: #04684C #D9D9D9; /* Sets the color of the scrollbar thumb and track */
}

.tab-list::-webkit-scrollbar-track {
    border-radius: 10px; /* Rounds the corners of the scrollbar track */
    background-color: #D9D9D9; /* Sets the background color of the scrollbar track */
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.tab-list::-webkit-scrollbar {
    width: 12px; /* Sets the width of the scrollbar */
    background-color: #F5F5F5; /* Sets the background color of the entire scrollbar */
}

.tab-list::-webkit-scrollbar-thumb {
    border-radius: 10px; /* Rounds the corners of the scrollbar thumb */
    background-color: #04684C; /* Sets the background color of the scrollbar thumb */
}

.tab-list ul{
    display:flex;
    flex-direction: column;
    padding-left:0;
    list-style:none;
    position: relative;
    margin-top: 16px;
}
.tab-list ul::before, .tab-list ul::after{position: absolute;top:0;left:0;width: 11px;border-radius: 20px;content:"";}
.tab-list ul::before{background: #D9D9D9;height: 100%;}
.tab-list .nav-item button{
    font-size:20px;
    line-height:30px;
    display:block;
    width:100%;
    text-align:left;
    border-radius:22px;
    border:1px solid #E5E5E5;
    padding:20px 50px 20px 20px;
    color:#000;
    transition:0.5s ease-in-out;
    direction: ltr;
    font-weight: bold;
}
.tab-list ul > li:not(:last-child){margin-bottom: 16px;}
.tab-list ul > li{padding-left:32px;position:relative;}
.tab-list ul > li:has(.active)::before{background: #04684C;content:"";height: 100%;width:12px;position: absolute;top:0;left:0;border-radius: 20px;}

.tab-list .nav-item button.active, .tab-list .nav-item button:hover, .tab-list .nav-item button:active, .tab-list .nav-item button:focus{
    background-color:#F1FFD2;
    color:#000;
    border-color: transparent;
    outline: none !important;
}
.tab-list .nav-item button span{
    display:block;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    color:#6B6969;
    margin-top:10px;
}
.company-item{
    background-color:var(--white);
    border-radius:20px;
    padding:40px 32px;
    width: 100%;
    box-shadow: -1px 0px 17px rgba(0, 0, 0, 0.1);
    height: 100%;
}
.company-item .icon{margin-bottom: 24px;display: flex;}
.company-item .icon > img{width: auto;height: 90px;}
.our-company .inner-company .row [class*="col"]{margin-bottom: 16px;}

.company-item.feature-inn-card{
    padding:27px 25px;
}
.inner-company{
    /* background-image:url(../images/bg-pattern.webp);
    background-position: inherit;
    background-repeat: no-repeat; */
    margin-top:50px;
    padding-bottom:60px;
}
.our-company .inner-company .container .row{background: url(../images/dots.webp) no-repeat center right;}
.company-item h4{
    font-size:20px;
    line-height:28px;
}
.company-item p{
    line-height:1.5;
}
.company-item p:last-child{margin-bottom: 0;}
.featured{margin-bottom: 80px;}
.featured .about-image img{
    width:auto;
    max-width: 100%;
    height:auto;
}
.featured .about-image{
    text-align: center;
    height:auto;
    background:var(--lightgray1);
}
.featured .side-content ul li{
    font-size:16px;
    line-height:24px;
    margin-bottom:15px;
}
.get-started-inn{
    padding:30px 75px 0px;
    border-radius:20px;
    background: rgb(0,68,73);
    background: linear-gradient(90deg, rgba(0,68,73,1) 0%, rgba(36,123,106,1) 50%, rgba(0,77,80,1) 100%);
}
.bg-green{
    background-color:var(--primary);
}
.get-started-inn .border-bg-none.bg-green{
    background-color:var(--primary);
    
}
.get-started-inn .border-bg-none.bg-green span{
    color:var(--white);
}
.get-started-inn .custom-btn button{
    background-color:var(--white);
}
.get-started-inn .content.white h2, .get-started-inn .content.white p{
   color:var(--white);
}
.get-started-inn .content{
    padding-top:50px;
}
.get-started-image picture{
    margin-left:auto;
    display:block;
    width: 100%;
}
.get-started-image picture img{position: static;}
.get-started-image picture ~ img{margin-left: -88%;}
.get-started-image{display: flex;align-items: flex-end;justify-content: center;}
.get-started-image img{max-width:100%;height: auto;}
.footer-menu.line{margin-block: 4px 20px;column-gap: 24px;}
.footer-menu.line > li:not(:last-child){padding-right: 24px;}
.footer-menu.line > li:not(:last-child)::before{content: "";position: absolute;right: 0;top: 0;width: 2px;height: 100%;background-color: var(--txt-color);}
.footer-menu li{position: relative;text-align: center;
    list-style:none;
}
.footer-menu{gap:12px 48px;flex-wrap: wrap;justify-content: center;display: flex;margin-block: 16px 40px;padding: 0;line-height: 1.2;}
.footer-menu li a{
    font-weight:400;
    line-height:1.1;
    text-decoration:none;
    color:var(--txt-color);
    position:relative;
    text-align: center;
}
footer .social-icons{margin-bottom:40px;}
.social-icons ul{gap:12px;}
.social-icons ul li{
    list-style:none;
}
.social-icons ul li a{
    width:32px;
    height:32px;
    border-radius:50%;
    background-color:var(--lightgreen);
    display:flex;
    align-items:center;
    justify-content:center;
}
.social-icons ul li:first-child a{margin-left: 0;}
.social-icons ul li:last-child a{margin-right: 0;}
.mail-text{color:var(--black);}
.mail-text a{
    font-size:14px;
    font-weight:400;
    text-decoration:none;
    color:inherit; 
}
.footer-logo > a{margin-bottom: 40px;display: inline-block;}
.footer-logo a img{
    max-width: 100%;
    height: auto;
}

/* popup css */
.modal-dialog .modal-header{padding: 0;border: none;}
body.modal-open{
    padding-right:0px !important;
}
.open-live-account .modal-dialog{
    max-width:1083px;
}
.open-live-account .modal-content{
    border-radius:20px;
}
.open-live-account .modal-header{
    border:none;
}
.popup-content{
    padding:50px 30px 0px;
    width:55%;
}
.btn-grou{gap:10px;}
.logo-popup img{
    width:163px;
    height: auto;
}
.popup-content .detail .user > img{height: auto;}
.popup-content .detail .user{
    width:54px;
    height:54px;
    border-radius:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:var(--primary);
}
.popup-content .detail h3{
    font-size:36px;
    font-weight:700;
    line-height:44px;
}

.popup-content .detail .custom-btn.border-bg-none{
    color:#000;
    height:52px;
    line-height:1;
    margin-right:20px;
}
.white{
    color:var(--white);
}
.popup-images{
    width:40%;
    position:relative;
    display: flex;
}
.popup-images .img-box{display: flex;align-items: flex-end;}
.popup-images .img-box > img{height: auto;}
.popup-images .img-box > img.sm-phone1{width:70%;}
.popup-images .img-box > img.sm-phone2{width:50%;margin-left: -20%;}

.signup{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.inner-form .logo-popup{
    width: 227px;
    border: 1px solid var(--txtColor1);
    box-shadow: 0px 6px 7px -1px rgba(0, 0, 0, 0.3);
    margin: 0 auto 40px;
    padding: 14px;
    border-radius: 10px;
}
.form-controle-group label{
    font-size:20px;
    line-height:27px;
    font-weight:500;
    margin-bottom:10px;
    display:block;
    color:#091E42;
}
.form-controle-group input.flag{background:url(../images/flag.ico) no-repeat center left 12px;background-size:40px;padding-left:60px;}
.form-controle-group input, .form-controle-group select, .phone-dropdown select, .form-controle-group textarea{
    width:100%;
    padding: 7px 16px;
    border:1px solid #98A1B0;
    border-radius:10px;
    font-size:16px;
    color:#000;
}
.form-controle-group input:focus, .phone-dropdown select:focus, .form-controle-group textarea:focus{
    outline:none;
}
.form-controle-group textarea{resize: none;height: 90px;}
.form-controle-group input::placeholder {
    color:#98A1B0;
    opacity: 1; /* Firefox */
    font-size:16px;
  }
  
.form-controle-group input::-ms-input-placeholder { /* Edge 12 -18 */
    color:#98A1B0;
    opacity: 1; /* Firefox */
    font-size:16px;
  }
  .phone-dropdown select{
    background-color:transparent;
    color:#091E42;
    margin-right:16px;
    width:calc(92px + 20px)
  }
  .form-controle-group select{
    background-color:transparent;
    color:#98A1B0;
  }
  
  .form-check label{
    font-size:14px;
    font-weight:400;
  }
  .sign-btn button{
    width:100%;
    display:block;
    height:auto;
    color:var(--white);
    font-weight: 600;
    padding: 12px 32px;
    font-size: 20px;
    border-radius: 16px;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
  }
  .sign-btn p a{
    color:var(--primary);
  }
  .mt-88{
    margin-top:88px;
  }
  .signup h4{
    font-size:24px;
    font-weight:600;
    line-height:36px;
  }
  .signup .form-check p{
    float:right;
  }
  .signup .form-check p a{
    color:var(--primary);
    font-size:12px;
    font-weight:400;
  }

  /* multi step form css */
  .multistep-form .card{
    border:1px solid var(--border);
    border-radius:20px;
  }


  #heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}



#msform .action-button {
    width:auto;
    margin: 10px 0px 10px 5px;
    float: right;
    padding: 10px 20px;
    line-height: 1;
    width:180px;
    color:var(--white);
}

#msform .action-button-previous {
    width:auto;
    margin: 10px 0px 10px 5px;
    float: right;
    padding: 10px 20px;
    line-height: 1;
    width:180px;
    color:var(--white);
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #673AB7
}

#progressbar li {
    position: relative;
    list-style:none;
    width:20%;
    text-align:center;
    line-height: 1.2;
}
#progressbar li span{
    width: 28px;
    height: 28px;
    display: inline-block;
    background-color:var(--white);
    border-radius: 50%;
    border: 2px solid var(--txtColor1);
    position:relative;
    z-index:1;
}
#progressbar li strong{
    display:block;
    font-size:20px;
    font-weight:500;
}
#progressbar li span:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:15px;
    height:15px;
    border-radius:50%;
    background-color:var(--txtColor1);
}
#progressbar li:not(:last-of-type) span:after{
    content: '';
    width: 209px;
    height: 2px;
    background-color: var(--lightgray);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 0px;
    z-index: 0;
    margin-left: 14px;
}
#progressbar li.active span{
    border-color:var(--primary);
}
#progressbar li.active span:before{
    background-color:var(--primary);
}
#progressbar li.active strong{
    color:var(--primary);
}
#progressbar li.active span:after{
    background-color:var(--primary);
}
#progressbar li img{height: auto;}
.progress {
    height: 20px
}

.progress-bar {
    background-color: #673AB7
}

.fit-image {
    width: 100%;
    object-fit: cover
}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
    display: none;
}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: var(--white);
}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--primary);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form-detail{
    text-align:left;
}
.form-detail h3{
    font-size:24px;
    font-weight:600;
}
.form-detail .form-controle-group label{
    font-size:16px;
    font-weight:500;
}
.form-detail .form-controle-group p{
    margin-right:20px;
}
  /* multi step form css end */


/* sidebarContent */
    .sidebarContent{padding:60px 0;}
    .sidebarContent .container{display: flex;column-gap: 16px;}
    .sidebarContent .tabsArea{width: 268px;position: relative;}
    .sidebarContent .tabsArea .tabs{position: sticky;top:100px;display: flex;flex-direction: column;}
    .sidebarContent .tabsArea .tabs .tb{display: flex;flex-direction: column;border-left:4px solid var(--lightgray);}
    .sidebarContent .tabsArea .tabs .tb > *{display: flex;}
    .sidebarContent .tabsArea a{padding-left: 20px;text-decoration: none;color:var(--txt-color);position: relative;transition: 0.3s linear;line-height: 1.2;}
    .sidebarContent .tabsArea .tabs .tb > *:not(:last-child){margin-bottom: 12px;}
    .sidebarContent .tabsArea a:hover, .sidebarContent .tabsArea a:active, .sidebarContent .tabsArea a:focus, .sidebarContent .tabsArea a.active{color:var(--black2);}
    .sidebarContent .tabsArea a::before, .sidebarContent .tabsArea a::before, .sidebarContent .tabsArea a::before, .sidebarContent .tabsArea a.active::before{width:4px;height:100%;position: absolute;top:0;left:-4px;background: var(--black2);content:"";transition: 0.3s linear;opacity: 0;}
    .sidebarContent .tabsArea a:hover::before, .sidebarContent .tabsArea a:active::before, .sidebarContent .tabsArea a:focus::before, .sidebarContent .tabsArea a.active::before{opacity: 1;}
    .sidebarContent .tabsArea a.active{font-weight: 500;}
    .sidebarContent .contentArea{width:100%;display: none;flex-direction: column;padding-left: 16px;border-left: 1px solid var(--lightgray);}
    .sidebarContent .contentArea.active{display: flex;}
    .sidebarContent .contentArea > *:last-child{margin-bottom: 0;color: var(--black);}
    .sidebarContent .heading{padding-bottom: 16px;line-height: 1.2;font-size: 32px;}
    .sidebarContent .head{font-weight: 400;font-size: 24px;border-bottom: 1px solid var(--black);line-height: 1.2;position: relative;padding-bottom: 8px;margin-bottom: 16px;color:#091E42;}
    .sidebarContent .head::before{width:21%;height:1px;content:"";position:absolute;left:0;bottom:-1px;background:var(--primary);}
    .sidebarContent .head ~ .head{margin-top: 34px;}
    .sidebarContent .head1{font-weight: 400;font-size: 20px;line-height: 1.2;margin-bottom: 8px;color:#091E42;}
    .sidebarContent .tabsArea .tabs .head{border-bottom: 2px solid var(--black);}
    .sidebarContent .tabsArea .tabs .head::before{display: none;}
    .sidebarContent .contentArea p:not(.head, .head1), .sidebarContent .contentArea li{line-height: 1.8;font-weight: 400;color:var(--black2);font-size:16px;}
    .sidebarContent .contentArea a{color: var(--primary);text-decoration: underline;font-weight: 500;}
    .sidebarContent .contentArea ul, .sidebarContent .contentArea ol{width:100%;display: flex;flex-direction: column;padding-left:30px;}
    .sidebarContent .contentArea ul > li{list-style: disc;}
    .sidebarContent .contentArea ol > li{list-style: decimal;}
    .sidebarContent .contentArea ol > li::marker{font-weight: bold;}
    .sidebarContent .contentArea ul > li:not(:last-child), .sidebarContent .contentArea ol > li:not(:last-child){margin-bottom: 8px;}
    .sidebarContent .contentArea ul ul, .sidebarContent .contentArea ul ol, .sidebarContent .contentArea ol ul, .sidebarContent .contentArea ol ol{margin-top: 8px;}
    .sidebarContent .contentArea .table{max-width: 600px;margin:16px auto;text-align: center;}
    .sidebarContent .contentArea .table tr > th{background: var(--green);width: 50%;color:#fff;vertical-align: middle;font-size: 14px;}
    .sidebarContent .contentArea .table tr > td{font-size: 12px;}

/* sidebarContent */
/* innerBanner */
.banner.innerBanner .banner-content h1{font-size: 44px;}
.banner.innerBanner h1 span{display:inline-block;font-size: inherit;margin-bottom: 0;}
/* innerBanner */

/* aboutUs */
.aboutUs .aboutArea{background: #F6F9F8;border:1px solid #98A1B0;border-radius: 20px;padding:30px 60px;display: flex;}
.aboutUs .aboutArea > img{border-radius: inherit;width: 534px;max-width: 100%;object-fit: cover;}
.aboutUs .aboutArea .text{display: flex;flex-direction: column;}
.aboutUs .aboutArea .layer{margin-bottom: 12px;}
.aboutUs .aboutArea .head{font-weight: 700;font-size: 36px;line-height: 1.2;}
.aboutUs .aboutArea .head > span{color:var(--primary);}
.aboutUs .aboutArea p{font-weight: 500;line-height: 24px;color: var(--txt-color);}
.aboutUs .aboutArea p span{color: var(--primary);}

.aboutUs .aboutArea{margin-bottom: 24px;}
.aboutUs .aboutArea:nth-child(odd) .text{padding-left: 40px;}
.aboutUs .aboutArea:nth-child(even) .text{padding-right: 40px;}
.aboutUs .aboutArea:nth-child(even){flex-direction: row-reverse;}
/* aboutUs */

.multistep-form .form-check-label{display: flex;}
.multistep-form .form-check-input[type="checkbox"]{width:24px;height: 24px;margin-right: 10px;padding:0px;}
.multistep-form .inputFile input{padding: 0 !important;}
.multistep-form .inputFile input[type=file]::file-selector-button {background-color: var(--border);border: none;padding: 10px 15px;}

.warningText{width:100%;}
.warningText .container{flex-direction: column;}
.warningText p{font-size: 12px; font-weight: 400;}
.warningText p > a{color:var(--green);text-decoration: none;}

.signin .middleText{display: flex;flex-direction: column;justify-content: center;}
.contactArea{position: relative;width: 100%;display: flex;margin-bottom: 36px;font-size: 18px;line-height: 1.5;column-gap: 16px;}
.contactArea .text{width: 100%;display: flex;flex-direction: column;}
.contactArea span{font-size: 16px;}
.contactArea b{color:var(--black);font-weight: 600;}
.contactArea i{width:50px;height:50px;background: var(--border);border-radius: 100%;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
.contactArea i > img{width:20px;}
.contactArea a{color:#03A300;text-decoration: none;}

.togglebar{
    display:none;
}

/* product page css */

.grid-card{
    padding:20px;
    border-radius:10px;
    background: rgb(0,68,73);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    height:100%;
    color:var(--white);
    transition:0.5s ease-in-out;
}

.grid-card h4{
    font-size:20px;
    line-height:30px;
    color:var(--white);
}
.grid-card p{
    font-size:15px;
    line-height:24px;
    color:var(--black);
    color:var(--white);
}
.grid-card p:last-child{margin-bottom: 0;}
.grid-card ul, .grid-card ol{
    padding-left:20px;
}
.grid-card ul li{
    font-size:15px;
    line-height:20px;
    margin-bottom:10px;   
}
.product-company-card .company-item{
    height:100%;
    margin-bottom:0px;
}
.product-company-card .company-item .btn-grou a{
    padding:10px 15px 10px 15px;
}
.feature-inn ul{
    margin: 0;
    padding-left: 15px;
    list-style: none;
}
.feature-inn ul li{
    line-height:24px;
    margin-bottom:10px;
    font-size:14px;
}
.cta-banner .cta-inn{
    background: rgb(0,68,73);
    background: linear-gradient(90deg, rgba(0,68,73,1) 0%, rgba(36,123,106,1) 50%, rgba(0,77,80,1) 100%);
    border-radius: 10px;
}
.cta-inn p{
    color:var(--white);
}
.cta-banner .header-btn, .cta-banner .header-btn + p{white-space: nowrap;}
.sign-in-image > img{max-width: 100%;height: auto;}

.scrollTop, .whatsappIcon{width: 40px;height: 40px;background: var(--green);border-radius: 4px;position: fixed;right:15px;z-index: 999;cursor: pointer;justify-content: center;align-items: center;}
.whatsappIcon{display: flex;}
.scrollTop{display: none;bottom:15px;}
.whatsappIcon.one{bottom:64px;}
.whatsappIcon.two{bottom:113px;}
.scrollTop > img, .whatsappIcon > img{height: auto;}
.scrollTop:hover, .scrollTop:active, .scrollTop:focus, 
.whatsappIcon:hover, .whatsappIcon:active, .whatsappIcon:focus{background:var(--lightgreen);}

.mobImageSlider{margin-bottom: 32px;}
.mobImageSlider .imageText{width: 100%;display: flex;flex-direction: column;text-align: center;max-width: 400px;margin-inline: auto;}
.mobImageSlider .imageText > img{margin-bottom: 16px;max-width: 100%;height: auto;border-radius: 12px;}
.mobImageSlider .imageText .hd{font-weight: bold;color:#000;font-size: 20px;margin-bottom: 8px;}
.mobImageSlider .imageText .txt{color:#000;}
.mobImageSlider .buttonsArrow{position: absolute;width: 100%;top: 40%;left: 0;display: flex;justify-content: space-between;transform: translateY(-40%);-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);}
.mobImageSlider .buttonsArrow > *{width:36px;height:36px;background: var(--green);opacity: 0.75;}
.mobImageSlider .buttonsArrow > *:hover, .mobImageSlider .buttonsArrow > *:active, .mobImageSlider .buttonsArrow > *:focus{opacity: 1;}

.app-logos{width: 100%;gap:24px;}
.app-download {gap:4px;display:flex;flex-wrap: wrap;}

footer .footerLogos {
    display: grid;
    grid-template-areas:
      "item1 item2"
      "item3 item3";
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}
footer .footerLogos > .item:first-child {grid-area: item1;text-align: right;}
footer .footerLogos > .item:nth-child(2) {grid-area: item2;text-align: left;}
footer .footerLogos > .item:last-child {grid-area: item3;}


.sectionPart, .sectionPartT, .sectionPartB{width: 100%;display: flex;flex-direction: column;row-gap: 64px;}
.sectionPart .container, .sectionPartT .container, .sectionPartB .container{display: flex;row-gap: 44px;flex-direction: column;}
.sectionPart .container .row, .sectionPartT .container .row, .sectionPartB .container .row{display: flex;row-gap: 32px;flex-wrap: wrap;}
.sectionPart{padding-block: 80px;}
.sectionPartT{padding-top: 80px;}
.sectionPartB{padding-bottom: 80px;}
.sectionPart *:last-child, .sectionPartT *:last-child, .sectionPartB *:last-child{margin-bottom: 0 !important;}

.account{background: rgba(15, 79, 83, 0.2);}
.account .heading-wrapper{text-align: center;}
.accounts .boxes{width:100%;display: flex;gap:24px;}
.accounts .boxes .box{width: 25%;display: flex;flex-direction: column;}
.accounts .boxes .box > *:not(:last-child){margin-bottom: 24px;}
.accounts .boxes .box .hd{font-weight: bold;color:#000;text-align: center;font-size: 24px;}
.accounts .boxes .box:first-child{width: 30%;flex-shrink: 0;}
.accounts .boxes .box .item{background: #fff;width: 100%;height: 100%;border-radius: 16px;padding:24px 16px;border:1px solid #E4E4E4;box-shadow: -1px 0px 17px rgba(0, 0, 0, 0.1);display: flex;flex-direction: column;transition: 0.3s linear;}
.accounts .boxes .box:nth-child(2) .item:hover,
.accounts .boxes .box:nth-child(3) .item:hover,
.accounts .boxes .box:nth-child(4) .item:hover{background: rgba(15,79,83,1);transform: scale(1.05);}
.accounts .boxes .box .item:hover .hd1,
.accounts .boxes .box .item:hover .txt{color:#fff;}
.accounts .boxes .box .btns > *{font-size: 16px;}

.featuresBox:has(.boxes .box:nth-child(2):hover) .boxes .box:nth-child(2),
.featuresBox:has(.boxes .box:nth-child(3):hover) .boxes .box:nth-child(3),
.featuresBox:has(.boxes .box:nth-child(4):hover) .boxes .box:nth-child(4){background:rgba(15,79,83,0.25);}

.accounts:has(+ .container .featuresBox .boxes .box:nth-child(2):hover) .boxes .box:nth-child(2) .item,
.accounts:has(+ .container .featuresBox .boxes .box:nth-child(3):hover) .boxes .box:nth-child(3) .item,
.accounts:has(+ .container .featuresBox .boxes .box:nth-child(4):hover) .boxes .box:nth-child(4) .item{background:rgba(15,79,83,1);transform: scale(1.05);}

.accounts:has(+ .container .featuresBox .boxes .box:nth-child(2):hover) .boxes .box:nth-child(2) .item .hd1,
.accounts:has(+ .container .featuresBox .boxes .box:nth-child(2):hover) .boxes .box:nth-child(2) .item .txt,
.accounts:has(+ .container .featuresBox .boxes .box:nth-child(3):hover) .boxes .box:nth-child(3) .item .hd1,
.accounts:has(+ .container .featuresBox .boxes .box:nth-child(3):hover) .boxes .box:nth-child(3) .item .txt,
.accounts:has(+ .container .featuresBox .boxes .box:nth-child(4):hover) .boxes .box:nth-child(4) .item .hd1,
.accounts:has(+ .container .featuresBox .boxes .box:nth-child(4):hover) .boxes .box:nth-child(4) .item .txt{color:#fff;}

.account .carousel .carousel-item:has(.featuresBox .boxes .box:last-child:hover) .accounts .boxes .box .item{background:rgba(15,79,83,1);}
.account .carousel .carousel-item:has(.featuresBox .boxes .box:last-child:hover) .accounts .boxes .box .item .hd1,
.account .carousel .carousel-item:has(.featuresBox .boxes .box:last-child:hover) .accounts .boxes .box .item .txt{color:#fff;}

.accounts .boxes .box .imageArea{align-items: center;justify-content: center;height: auto;}
.accounts .boxes .box .imageArea > img{max-width:100%;height: auto;}
.accounts .boxes .btns{flex-direction: column;padding-inline: 14px;margin-top: auto;padding-top: 8px;}
.accounts .boxes .hd1{color:#000;font-size: 24px;font-weight: bold;line-height: 1.2;transition: 0.3s linear;}
.accounts .boxes .hd2{color:var(--green);font-size: 36px;font-weight: bold;line-height: 1.2;}
.accounts .boxes .txt{color:#000;font-size: 18px;transition: 0.3s linear;}

.accounts:has(.boxes .box:nth-child(2):hover) + .container .featuresBox .boxes .box:nth-child(2),
.accounts:has(.boxes .box:nth-child(3):hover) + .container .featuresBox .boxes .box:nth-child(3),
.accounts:has(.boxes .box:nth-child(4):hover) + .container .featuresBox .boxes .box:nth-child(4),
.accounts:has(.boxes .box:hover) + .featuresBox .boxes .box:last-child{background: rgba(15,79,83,0.25);}

.featuresBox{width:100%;display: flex;flex-direction: column;}
.featuresBox .boxes{width:100%;display: flex;gap:24px;}
.featuresBox .boxes .box{width: 100%;display: flex;flex-direction: column;background: #fff;padding-inline: 16px;font-weight: bold;font-size: 20px;line-height: 1.2;transition: 0.3s linear;}
.featuresBox .boxes:first-child .box{border-radius: 16px 16px 0 0;padding-block: 24px 32px;text-align: center;color:var(--green);font-size: 24px;position: relative;line-height: 1.2;}
.featuresBox .boxes:first-child .box::after{content: "";width:calc(100% - 32px);margin-inline: auto;position: absolute;left:0;right:0;bottom:16px;height: 1px;background: #000;}
.featuresBox .boxes:last-child .box{border-radius: 0 0 16px 16px;padding-bottom: 24px;}
.featuresBox .boxes:not(:first-child) .box{padding-bottom: 24px;}
.featuresBox .boxes .box:not(:first-child){text-align: center;}
.featuresBox .boxes .box .hd3{font-weight: bold;color:#000;text-align: center;font-size: 24px;}
.featuresBox .boxes .box:first-child{width: 30%;flex-shrink: 0;}
.featuresBox .boxes .box.left{padding-left: 32px;}
.account .carousel .carousel-item .featuresBox:has(.boxes .box:last-child:hover) .boxes .box:last-child{background:rgba(15,79,83,0.25);}

.account .carousel .carousel-item .accounts{margin-bottom: 24px;}
.account .carousel .carousel-item .accounts .boxes .box{width: 100%;}
.account .carousel .carousel-item .featuresBox .boxes .box:first-child{width: 60%;}
.account .carousel .carousel-item .featuresBox .boxes .box:last-child{width: 40%;}
.account .carousel-indicators [data-bs-target]{background-color:var(--green);}
.account .carousel-control-next, .account .carousel-control-prev{color:var(--green);width: 30px;outline: none !important;height: 60px;margin-block: auto !important;}
.account .carousel-control-prev-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='green' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;}
.account .carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='green' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;}


.prefectTrading .heading-wrapper{text-align: center;}
.prefectTrading .headText{width:100%;display: flex;gap:0 16px;}
.prefectTrading .headText > span{font-weight: bold;font-size: 150px;line-height: 0.7;color:#fff;text-shadow: 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000;}
.prefectTrading .headText .hd{font-weight: bold;font-size: 24px;color:#000;line-height: 1.2;}
.prefectTrading .headText .txt{color:#000;}

.tradeMarket .row{justify-content: center;}
.tradeMarket .heading-wrapper{text-align: center;}
.tradeMarket figure{width:100%;height: 100%;position: relative;display: flex;flex-direction: column;}
.tradeMarket figure figcaption{position: absolute;left:0;right:0;bottom:0;padding:0 24px 24px;background-image:linear-gradient(rgba(0,0,0,0.01), transparent);}
.tradeMarket figure p{color:#fff;}
.tradeMarket figure .hd{font-size: 24px;font-weight: bold;margin-bottom: 8px;line-height: 1.2;}
.tradeMarket figure .txt{font-size: 14px;}
.tradeMarket figure img{width: 100%;}
.tradeMarket figure:has(img:only-child) {justify-content: center;}
.desktopHide .accounts{width: 100%;}
.desktopHide .accounts .boxes .box:first-child{width: 100%;}
.tradeMarket .row.desktopHide1{display: none;}

.account .mobileHide{display: flex;}
.account .desktopHide{display: none;}

.careerDesign{width: 100%;display: flex;flex-direction: column;background: #F6F9F8;border-radius: 100px 100px 0 0;margin-top: 80px;}
.careerDesign .coreValues{padding-block: 80px;}
.coreValuesArea{width: 100%;display: flex;flex-direction: column;}
.coreValuesArea .cvalueArea{width: 100%;display: flex;align-items: center;column-gap: 24px;}
.coreValuesArea .cvalueArea:not(:last-child){margin-bottom: 32px;}
.coreValuesArea .cvalueArea .text{display: flex;flex-direction: column;}
.coreValuesArea .hd{font-weight: bold;font-size: 24px;color:#000;margin-bottom: 8px;line-height: 1.3;}
.coreValuesArea .txt{color:#676666;}
.coreValuesArea .cvalueArea > img{width: 80px;height:auto;flex-shrink: 0;}
.careerDesign .our-company{background: #fff;padding-top: 80px;}
.careerDesign .our-company .inner-company .container .row{background: none;}

.cv{width: 100%;position: relative;}
.cv::before{width: 100%;height: 50%;content:"";position: absolute;left:0;bottom:0;background: #fff;border-radius: 100px 100px 0 0;}
.cvArea{width: 100%;display: flex;flex-direction: column;background: url(../images/cv.webp) no-repeat center center / cover;overflow: hidden;border-radius: 48px;padding:44px;position: relative;max-width: 666px;margin-inline: auto;}
.cvArea::before{width: 100%;height: 100%;position: absolute;top:0;left:0;background: rgba(0,0,0,0.75);content:"";}
.cvArea > *{position: relative;}
.cvArea .hd{color:#fff;margin-bottom: 40px;font-size: 24px;}
.cvArea .btns{margin-bottom: 0;}

.coreValues{width: 100%;}

.open-live-account .modal-body{padding-block: 0;}

.glySec{width: 100%;display: flex;flex-direction: column;padding-block:80px;}
.glySec .glySearch{width: 100%;display: flex;flex-direction: column;margin-bottom: 64px;}
.glySec .hd{margin-bottom: 16px;}
.glySec .hd1{font-weight: 700;color:#000;font-size: 24px;margin-bottom: 16px;line-height: 1.3;}
.glySec .hd1 ~ .hd1{margin-top: 24px;}
.glySec .glySearch .glysArea{width: 100%;display: flex;flex-direction: column;position: relative;}
.glySec .glySearch .glysArea > img{position: absolute;top:22px;right:24px;cursor: pointer;display: none;}
.glySec .glySearch .glysArea .dropDown{position: absolute;top:100%;left:0;width: 100%;border:1px solid #DFE2E6;border-radius: 8px;padding:0;margin:0;display: none;flex-direction: column;z-index: 9;background: #fff;overflow: hidden;padding-block: 8px;box-shadow: 0px 0px 6px #ddd;max-height: 250px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--lightgreen) #f1f1f1;}
.glySec .glySearch .glysArea .dropDown::-webkit-scrollbar {width: 12px;}
.glySec .glySearch .glysArea .dropDown::-webkit-scrollbar-track {background: #f1f1f1;}
.glySec .glySearch .glysArea .dropDown::-webkit-scrollbar-thumb {background-color: #888;border-radius: 6px;}
.glySec .glySearch .glysArea .dropDown > a{padding:8px 24px;color:#000;text-decoration: none;text-decoration: none;outline:none !important;font-size: 20px;}
.glySec .glySearch .glysArea .dropDown > a.active, .glySec .glySearch .glysArea .dropDown > a:hover, .glySec .glySearch .glysArea .dropDown > a:active, .glySec .glySearch .glysArea .dropDown > a:focus{background: #F6F9F8;}
.glySec .glySearch input[type="text"]{height: 60px;border-radius: 8px;padding-inline:64px 24px;border: 1px solid #00B512;outline: none !important;background: url(../images/search.png) no-repeat 24px center;font-size: 20px;}
.glySec .glySearch input[type="text"]::-webkit-input-placeholder {color: #000;opacity: 1;}
.glySec .glySearch input[type="text"]::-moz-placeholder {color: #000;opacity: 1;}
.glySec .glySearch input[type="text"]:-ms-input-placeholder {color: #000;opacity: 1;}
.glySec .glySearch input[type="text"]:-moz-placeholder {color: #000;opacity: 1;}
.glySec .glySearch .glysArea.active > img, .glySec .glySearch .glysArea.active .dropDown{display: flex;}

.glySec .accAreas{width: 100%;display:flex;flex-direction: column;}
.glySec .accAreas > .hd1{padding-inline: 32px;text-transform: uppercase;}
.glySec .accAreas .accArea{width: 100%;display: flex;flex-direction: column;box-shadow: 0px 0px 6px #ddd;border:1px solid #DFE2E6;border-radius: 16px;padding:16px 32px 0;}
.glySec .accAreas .accArea:not(:last-child){margin-bottom: 24px;}
.glySec .accAreas .accArea > .hd1{background: url(../images/arrowDown1.png) no-repeat right center;cursor: pointer;padding-right: 24px;user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.glySec .accAreas .accArea .text{width: 100%;display: none;flex-direction: column;}
.glySec .accAreas .accArea .text > *{color:#000;font-size: 20px;}
.glySec .accAreas .accArea .text ul > li{list-style: disc;}
.glySec .accAreas .accArea .text ol > li{list-style: decimal;}
.glySec .accAreas .accArea .text ul, .glySec .accAreas .accArea .text ol{width: 100%;display: flex;flex-direction: column;}
.glySec .accAreas .accArea .text ul ul, .glySec .accAreas .accArea .text ul ol, .glySec .accAreas .accArea .text ol ol, .glySec .accAreas .accArea .text ol ul{margin-top: 8px;}
.glySec .accAreas .accArea .text li:not(:last-child){margin-bottom: 8px;}
.glySec .accAreas .accArea.active{background:#F6F9F8;}
.glySec .accAreas .accArea.active > .hd1{background-image: url(../images/arrowUp.png);}
.glySec .accAreas .accArea.active .text{display: flex;}

.webinar .careerModal .formArea{background:#F6F9F8;border-radius:20px;width: 600px;max-width:100%;margin-inline:auto;padding:0 0 40px;}
.webinar .h3{text-align:center;margin-bottom:56px;}
.webinar .careerModal .formArea .h4{background:var(--lightgreen);text-align:center;color:#fff;margin-bottom:40px;padding:32px;text-decoration: solid underline 4px var(--green);text-underline-offset:10px;border-radius: 20px 20px 0 0;}
.webinar .careerModal .inputText, .careerModal .btns{padding-inline:40px;}

.iti--allow-dropdown{width: 100%;}

.upcomingWebinars{display: flex;flex-direction: column;width: 100%;padding-block: 80px 48px;}
.upcomingWebinars .container-fluid{max-width: 1340px;}
.upcomingWebinars .slider{width: 100%;display: flex;flex-direction: column;overflow: hidden;padding-bottom: 1px;}
/* .upcomingWebinars .dates{overflow: hidden;}
.upcomingWebinars .slider .swiper-button-prev{left:-50px;}
.upcomingWebinars .slider .swiper-button-next{right:-50px;} */
.upcomingWebinars .slider .swiper-button-prev, 
.upcomingWebinars .slider .swiper-button-next{color:#fff;background: var(--green);border-radius: 100%;width: 28px;height: 28px;}
.upcomingWebinars .slider .swiper-button-prev::after, 
.upcomingWebinars .slider .swiper-button-next::after{font-size: 14px;font-weight: bold;}
.upcomingWebinars .swiper-slide :empty:not(img){display: none;}
.upcomingWebinars .swiper-thumbs{margin-bottom: 64px;}
.upcomingWebinars .uwTab{width:100%;display: flex;flex-direction: column;background: #F6F9F8;border: 1px solid #DFE2E6;border-radius: 16px;padding:12px;text-align: center;align-items: center;color: #000;line-height: 1;cursor: pointer;}
.upcomingWebinars .uwTab > *:not(:last-child){margin-bottom: 14px;}
.upcomingWebinars .uwTab .day{background: rgba(15, 79, 83, 0.15);padding:3px 14px;text-transform: uppercase;border-radius: 16px;}
.upcomingWebinars .uwTab .date{font-size: 44px;}
.upcomingWebinars .uwTab .month{font-size: 20px;}
.upcomingWebinars .gallery-thumbs {position: relative;}
.upcomingWebinars .swiper-slide-thumb-active .uwTab,
.upcomingWebinars .active .uwTab{background: rgba(15, 79, 83, 1);border-color: transparent;}
.upcomingWebinars .gallery-big .swiper-slide {opacity: 0;visibility: hidden;transition: opacity 0.3s ease;height: 0;overflow: hidden;}
.upcomingWebinars .gallery-big .swiper-slide-active {opacity: 1;visibility: visible;height: auto;overflow: visible;}
.upcomingWebinars .swiper-slide-thumb-active .uwTab .day,
.upcomingWebinars .active .uwTab .day{background:rgba(246, 249, 248, 1);}
.upcomingWebinars .swiper-slide-thumb-active .uwTab .date,
.upcomingWebinars .swiper-slide-thumb-active .uwTab .month, 
.upcomingWebinars .active .uwTab .date,
.upcomingWebinars .active .uwTab .month{color:#fff;}
.upcomingWebinars .uwTab .year{display: none;}
.upcomingWebinars .uwDetails{width: 100%;display: flex;background: rgba(246, 249, 248, 1);padding:24px 40px;border: 1px solid rgba(223, 226, 230, 1);border-radius: 16px;justify-content: space-between;align-items: flex-start;}
.upcomingWebinars .uwDetails.message{text-align: center; font-weight: bold;justify-content:center;width:100%;font-size: 24px;line-height: 1.3;}
.upcomingWebinars .uwDetails > *:not(:last-child){margin-right: 40px;}
.upcomingWebinars .uwDetails ~ .uwDetails{margin-top: 32px;}
.upcomingWebinars .uwDetails .image{display: flex;align-items: flex-start;border-radius: 8px;overflow: hidden;flex-shrink: 0;}
.upcomingWebinars .uwDetails .text{width: 100%;display: flex;flex-direction: column;}
.upcomingWebinars .uwDetails .text :last-child{margin-bottom: 0 !important;}
.upcomingWebinars .uwDetails .text .tags{display: flex;align-items: flex-start;gap:8px;line-height: 1;margin-bottom: 8px;text-align: center;flex-wrap: wrap;}
.upcomingWebinars .uwDetails .text .tags > span{padding: 4px 10px;border-radius: 16px;font-size: 14px;}
.upcomingWebinars .uwDetails .text .tags > span:not(.clrd){background:rgba(15, 79, 83, 0.15);}
.upcomingWebinars .uwDetails .text .tags .clrd{background:rgba(15, 79, 83, 1);color:#fff;}
.upcomingWebinars .uwDetails .text .fullDate{font-weight: bold;margin-bottom: 8px;font-size: 20px;display: none;}
.upcomingWebinars .uwDetails .text .hd{font-weight: 700;font-size: 28px;color:#000;margin-bottom: 8px;position: relative;padding-right: 32px;line-height: 1.1;}
.upcomingWebinars .uwDetails .text .hd > img{position: absolute;top:3px;right:0;cursor: pointer;}
.upcomingWebinars .uwDetails .text .shd{color:rgba(103, 102, 102, 1);font-weight: bold;}
.upcomingWebinars .uwDetails .text ul, .upcomingWebinars .uwDetails .text ol{width:100%;display: flex;flex-direction: column;padding: 0 0 0 18px;margin:0 0 12px;}
.upcomingWebinars .uwDetails .text ul > li:not(:last-child), .upcomingWebinars .uwDetails .text ol > li:not(:last-child){margin-bottom: 8px;}
.upcomingWebinars .uwDetails .text ul > li::marker{color:rgba(0, 181, 18, 1);}
.upcomingWebinars .uwDetails .timer{border-radius: 8px;background: #fff;border:1px solid rgba(223, 226, 230, 1);width: 270px;flex-shrink: 0;padding:32px 24px;display: flex;flex-direction: column;}
.upcomingWebinars .uwDetails .timer > ul{width: 100%;padding:0;margin:0 0 16px;display: flex;justify-content: space-between;}
.upcomingWebinars .uwDetails .timer > ul > li{list-style: none;display: flex;flex-direction: column;text-align: center;font-weight: 700;font-size: 24px;}
.upcomingWebinars .uwDetails .timer > ul > li > span{font-size: 12px;font-weight: normal;}
.upcomingWebinars .uwDetails .timer > ul > li > b{position: relative;}
.upcomingWebinars .uwDetails .timer > ul > li:not(:last-child){padding-right: 16px;}
.upcomingWebinars .uwDetails .timer > ul > li:not(:last-child) > b::after{content: ":";position: absolute;top:0;right:-16px;}
.upcomingWebinars .uwDetails .timer > a{background: rgba(15, 79, 83, 1);color:#fff;text-decoration: none;font-size: 20px;border-radius: 16px;text-align: center;padding:11px;line-height: 1.1;display: flex;align-items: center;justify-content: center;}
.upcomingWebinars .uwDetails .toggleArea{border-top:1px solid #000;padding-top: 16px;position: relative;color: #000;display: none;flex-direction: column;}
.upcomingWebinars .toggleArea::before{background:rgba(0, 181, 18, 1);content:"";position: absolute;top: -1px;left: 0;width: 22%;height: 1px;}
.upcomingWebinars .uwDetails .toggleArea p{margin-bottom: 12px;color:#000;}
.upcomingWebinars .uwDetails.active .toggleArea{display: flex;}
.upcomingWebinars .uwDetails.active .text .hd > img{transform: rotate(-180deg);}
.upcomingWebinars .disclaimer{margin-top: 32px;}
.upcomingWebinars .disclaimer b{color:#000;display: flex;align-items: center;}
.upcomingWebinars .disclaimer b > img{margin-right: 4px;}
.upcomingWebinars .uwDetails:not(.active) *:has(+ .toggleArea){margin-bottom: 0;}


.bonusArea{width: 100%;counter-reset: numbers;padding:80px 0 8px;}
.bonusArea .heading-wrapper{margin-bottom: 84px;}
.bonusArea .bonus :last-child{margin-bottom: 0 !important;}
.bonusArea .bonus{width: 100%;display: flex;flex-direction: column;position: relative;border:1px solid rgba(223, 226, 230, 1);background: rgba(246, 249, 248, 1);min-height: 100%;border-radius: 16px;padding:56px 16px 32px;text-align: center;}
.bonusArea :has(> .bonus){margin-top: 40px;margin-bottom: 24px;}
.bonusArea [class*="col-"]:not(:last-child) > .bonus::before{width: 100%;height: 40px;background: url(../images/arrowLine.webp) no-repeat top center / contain;position: absolute;top: -20%;right: calc(-50% + -12px);content: "";transform: translateY(-50%);}
.bonusArea [class*="col-"] .bonus::after{counter-increment: numbers;content: counter(numbers);width: 80px;height: 80px;background: rgba(0, 181, 18, 1);color:#fff;border-radius: 100%;position: absolute;top:-40px;left:0;right:0;margin:auto;font-weight: bold;font-size: 40px;display: flex;justify-content: center;align-items: center;line-height: 1;}
.bonusArea .bonus .hd{font-weight: 700;font-size: 24px;color:#000;line-height: 1.2;}

.faqs1{width: 100%;display: flex;flex-direction: column;background: rgba(246, 249, 248, 1);padding: 80px 0;margin:40px 0 80px;}
.faqs1 .faqs1Area{width: 100%;display: flex;flex-direction: column;}
.faqs1 .faqs1Area .fArea{width:100%;display:flex;flex-direction:column;border-radius: 8px;overflow: hidden;border:2px solid rgba(0, 181, 18, 1);}
.faqs1 .faqs1Area .fArea:not(:last-child){margin-bottom: 24px;}
.faqs1 .faqs1Area .fArea .hd{font-size: 24px;font-weight: 700;margin-bottom: 0;cursor: pointer;position: relative;color:rgba(51, 51, 51, 1);line-height: 1.3;padding:20px 48px 20px 20px;}
.faqs1 .faqs1Area .fArea .hd::after{position: absolute;top:28px;right:20px;content:url(../images/plusCircle.png);width: 21px;height: 21px;display: flex;justify-content: center;align-items: center;}
.faqs1 .faqs1Area .fArea .text{border:2px solid rgba(0, 181, 18, 1);border-top: none;border-radius: 0 0 8px 8px;display: none;flex-direction: column;padding:20px;}
.faqs1 .faqs1Area .fArea .text p{font-size: 20px;color:rgba(51, 51, 51, 1);}
.faqs1 .faqs1Area .fArea .text :last-child{margin-bottom: 0;}
.faqs1 .faqs1Area .fArea.active{border: none;}
.faqs1 .faqs1Area .fArea.active .text{display: flex;}
.faqs1 .faqs1Area .fArea.active .hd{background: rgba(0, 181, 18, 1);color:#fff;}
.faqs1 .faqs1Area .fArea.active .hd::after{content:url(../images/minusCircle.png);}

@media only screen and (max-width:1399px){
    .banner{padding-block: 120px 40px;}
    .aboutUs .aboutArea > img{align-self: flex-start;}
    .accounts .boxes .btns{padding-inline: 0;}
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .banner-content h1{font-size: 50px;line-height: 1.15;}
    .border-line{width: 100px;}
    .aboutUs .aboutArea > img{width: 470px;}
    .get-started-inn .content{padding-top: 50px;}

    .bonusArea [class*="col-"]:not(:last-child) > .bonus::before {height: 30px;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    nav ul li {margin: 0px 4px;}
    nav ul li a, .header-btn{white-space: nowrap;}
    nav ul li a {font-size: 14px;}
    .container{padding: 0px 40px;}
    .border-line{width: 75px;}
    .banner-content h1{font-size: 46px;line-height: 1.15;}
    .aboutUs .aboutArea > img{width: 450px;}
    .banner.innerBanner .banner-content h1{font-size: 40px;line-height: 1.3;}
    .get-started-inn .content{padding-top: 0;}

    .accounts .boxes{display: grid;grid-template-columns: 1fr 1fr;}
    .accounts .boxes .box:first-child, .accounts .boxes .box{width: 100%;}
    .featuresBox .boxes:first-child .box{font-size: 20px;}
    .featuresBox .boxes .box{font-size: 16px;}
    .featuresBox .boxes:not(:first-child) .box {padding-bottom: 12px;}

    .prefectTrading .headText > span {font-size: 100px;}

    .bonusArea [class*="col-"]:not(:last-child) > .bonus::before {height: 30px;}
}
@media only screen and (max-width:991px){
    .prefectTrading .headText > span {font-size: 80px;}
    .prefectTrading .headText .hd{font-size: 20px;margin-bottom: 8px;}
    .accounts .boxes .box > *:not(:last-child) {margin-bottom: 12px;}
    .accounts .boxes .box .hd{font-size: 20px;}
    .accounts .boxes .box .item:hover{background: rgba(15,79,83,1);}
    .banner picture{padding-left: 0;}

    .container{
        padding: 0px 16px;
    }
    .logo a img{
        width:105px;
    }
    nav ul li{
        margin: 0px 6px;
    }
    nav ul li a{
        font-size:13px;
    }
    .header-btn{
        font-size:14px;
    }
    .header-btn{
        padding: 7px 10px;
    }
    .tab-list{height: auto;}
    .get-started-image img:last-child{margin-top: 50px;}
    .grid-card{height: auto;margin-bottom: 16px;}
    .inner-form{margin-bottom: 30px;}
    .signup.signin{margin-bottom: 0 !important;padding-bottom: 0 !important;}
    .sidebarContent{padding-block: 50px;}
    .signup .inner-form .border-end{border-right: none !important;}
    .commodity .side-content:has(form){margin-top: 16px;}
    .commodity .side-content form{margin-bottom: 0;}


    .account .mobileHide, .tradeMarket .mobileHide{display: none;}
    .account .desktopHide{display: flex;}
    .accounts .boxes .hd1{font-size: 20px;}
    .accounts .boxes .hd2{font-size: 24px;}
    .accounts .boxes .txt{font-size: 14px;}
    .featuresBox .boxes:first-child .box{padding-top: 16px;}

    .featuresBox .boxes {gap:4px;}
    .featuresBox .boxes .box{padding-inline: 8px;}
    .featuresBox .boxes:first-child .box{font-size: 16px;}
    .featuresBox .boxes .box {font-size: 14px;}
    .featuresBox .boxes:not(:first-child) .box {padding-bottom: 12px;}
    .featuresBox .boxes .box.left{padding-left: 16px;}
    .featuresBox .boxes:first-child .box::after{width: calc(100% - 16px);}
    .accounts .boxes .box .item:hover {transform: scale(1);}

    .heading-wrapper .line{padding-bottom: 0;margin-bottom: 12px;}
    .heading-wrapper .line::before, .heading-wrapper .line::after {display: none;}
    .careerDesign .heading-wrapper{text-align: center;margin-bottom: 40px !important;}
    .coreValuesArea .cvalueArea{flex-direction: column;}
    .coreValuesArea .cvalueArea > img{margin-bottom: 18px;}
    .coreValuesArea .cvalueArea .text{text-align: center;}
    .coreValuesArea .hd{font-size: 20px;}
    .coreValuesArea .cvalueArea:not(:last-child) {margin-bottom: 16px;}

    .upcomingWebinars .swiper-thumbs{margin-bottom: 40px;}
    .upcomingWebinars .uwDetails{flex-wrap: wrap;}
    .upcomingWebinars .uwDetails{width: 100%;}
    .upcomingWebinars .uwDetails > *:not(:last-child){margin-right: 0;}
    .upcomingWebinars .uwDetails .image{width: 100%;justify-content: center;}
    .upcomingWebinars .gallery-big{padding: 0;}

    .bonusArea [class*="col-"]:not(:last-child) > .bonus::before{display: none;}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .heading-wrapper h1, .heading-wrapper h2, .heading-wrapper h3, .heading-wrapper h4, .heading-wrapper h5, .heading-wrapper h6{font-size: 36px;}
    .heading-wrapper p{font-size: 20px;}
    nav ul li a, .header-btn{white-space: nowrap;}
    .banner-content h1{font-size: 40px;line-height: 1.1;}
    .forex-product .content{padding:15px 15px 15px 0;}
    .border-line{display: none;}
    .about-image{margin-bottom: 32px;}
    .get-started-inn .content{padding-top: 50px;}
    .commodity.portpholio .right.side-content{margin-top: 32px;height: auto;}
    .banner.innerBanner .banner-content h1 {font-size: 30px;line-height: 1.3;}
    .aboutUs .aboutArea{padding: 30px 30px 14px;}
    .aboutUs .aboutArea:nth-child(2n) .text{padding-right: 30px;}
    .aboutUs .aboutArea:nth-child(2n+1) .text{padding-left: 30px;}
    .aboutUs .aboutArea > img{width: 280px;}
    #progressbar li strong{font-size: 16px;}

    .sidebarContent .tabsArea a{padding-left: 10px;font-size: 14px;}
    .logobar{gap: 12px 24px;}

    .modal .popup-content {padding:50px;}

    .header-btn, header .translateBtn .goog-te-gadget-simple {padding: 4px 4px;font-size: 11px;line-height: 1.1;}
    header .header-btn{white-space: normal;}
    nav ul li{margin:0 4px;}
    .about-image{height: auto;}
    .about-image .tab-pane img{height: auto;}

    .upcomingWebinars .uwDetails .text{padding-right: 32px;}
    .upcomingWebinars .uwDetails .text{width: 60%;}
    .upcomingWebinars .uwDetails .timer{width: 40%;}
    .upcomingWebinars .uwDetails > *:not(:first-child){margin-top: 32px;}

    .bonusArea .heading-wrapper {margin-bottom: 58px;}
}
@media only screen and (min-width:576px) and (max-width:1199px){
    .open-live-account .modal-dialog {padding-inline: 10px;}
}
@media (min-width:768px){
    nav ul li.desktopHide{display: none;}
    .mobImageSlider{display: none;}
    .upcomingWebinars .uwDetails .timer > a{width: 100%;}
}
@media only screen and (max-width:767px){
    .headerTop:has(~ header .navBar.active){display: none;}
    .headerTop .container {justify-content: flex-end;}
    .headerTop .experience{font-size: 12px;}
    header .navBar{position: fixed;top:0;left:100%;z-index: 99999;background: rgba(0,0,0,0.9);width: 100%;height:100%;display:flex;justify-content: center;align-items: center;transition: 0.3s linear;}
    header .navBar.active{left: 0;}
    header nav > ul > li.desktopHide{display: none;}
    header .navBar .icon{display: flex;color:var(--white);font-style: normal;position: absolute;top:15px;right:15px;font-size: 30px;cursor: pointer;}
    .togglebar{display: flex;flex-direction: column;width:24px;outline:none;border:none;background:none;align-self: center;margin-left: 8px;padding:0;flex-shrink: 0;}
    .togglebar > span{width:100%;height: 2px;background: var(--white);}
    .togglebar > span:not(:last-child){margin-bottom: 7px;}
    header nav > ul{flex-direction: column;}
    header nav > ul > li{display: flex;flex-direction: column;text-align: center;}
    .menu-dropdown{position: static;display: flex;opacity: 1;visibility: visible;background: transparent;padding: 0;transform: translate(0);justify-content: center;}
    .menu-dropdown ul li a {text-align: center;color:var(--white);font-size: 16px;}
    nav ul li:hover .menu-dropdown{transform: translate(0);}
    header nav > ul > li:not(:last-child){margin-bottom: 16px;}
    nav ul li a {padding: 0;font-size: 20px;}
    header .header-btn{font-weight: 500;padding:0;}
    header .header-btn{white-space: normal;border:none;}
    header nav > ul > li .header-btn{font-size: 20px;border: none;padding: 0;}
    header .translateBtn .goog-te-gadget-simple{padding: 4px;}
    header .translateBtn.mx-2{margin: 0 !important;}
    .header-btn:hover, header .translateBtn .goog-te-gadget-simple:hover{background: none;border-color:var(--green);}

    header:has(.navBar.active) ~ .banner.home .carousel-control-prev, header:has(.navBar.active) ~ .banner.home .carousel-control-next, 
    header:has(.navBar.active) ~ .banner.home .carousel-indicators{display: none;}

    .our-product .mb-4{margin-bottom: 0 !important;}
    .our-product .mt-5{margin-top: 0 !important;}

    .aboutUs{padding:50px 0 0 !important;margin:0 !important;}
    .aboutUs .aboutArea{padding: 16px 16px 0;flex-direction: column;}
    .aboutUs .aboutArea:nth-child(2n){flex-direction: column;}
    .aboutUs .aboutArea:nth-child(2n) .text{padding-right: 0;}
    .aboutUs .aboutArea:nth-child(2n+1) .text{padding-left: 0;}
    .aboutUs .aboutArea > img{width: 100%;margin-bottom: 16px;}
    .multistep-form .card{padding: 16px 10px !important;}
    .multistep-form form .px-4{padding: 0 !important;}

    .sidebarContent .container{flex-wrap: wrap;}
    .sidebarContent .tabsArea{width: 100%;margin-bottom: 30px;}
    .sidebarContent .contentArea{border-left: none;padding-left: 0;display: flex;}
    .sidebarContent .contentArea ~ .contentArea{margin-top: 50px;}
    .logobar{margin-bottom: 32px;}
    .sidebarContent .head {font-size: 20px;}
    .sidebarContent .head ~ .head {margin-top: 8px;}
    .sidebarContent .heading {padding-bottom: 8px;font-size: 28px;}
    .forex-product.logoText .derivatives{display: none;}
    .forex-product.logoText .side-content {padding-bottom: 20px;margin-top: 0;}

    .banner.home .carousel .carousel-inner .carousel-item,
    .banner.home .carousel .carousel-inner .carousel-item .container .row{min-height: 100%;}
    .banner.home .carousel,
    .banner.home .carousel .carousel-inner .carousel-item.active{display: flex;}
    .banner.home:has(.carousel .carousel-inner .carousel-item.active:first-child){padding-bottom: 0;}
    .banner.home .carousel .carousel-inner .carousel-item:first-child picture{height: 100%;align-items: flex-end;}
    .banner.home .carousel-indicators{display: none;}
    .banner picture{justify-content: center;}
    .banner picture > img{width:auto;object-fit: contain;max-width: 250px;}
    .banner-content p{margin-bottom: 16px;}
    .banner-title{margin-bottom: 6px;}
    .banner-content h1 span{margin-block: 16px 6px;font-size: 16px;}
    .banner-content p{font-size: 14px;}
    .btns{margin-bottom: 16px;}

    .product-image .mockup-one{text-align: center;}
    .logos{display: flex;}
    .mobHide{display: none;}

    .btns > *, .sign-btn button{font-size: 16px;}    

    .careerDesign .company-item{padding: 0 0 16px;display: flex;flex-direction: column;align-content: center;text-align: center;box-shadow: none;}
    .careerDesign .company-item .icon{justify-content: center;}
    .careerDesign .company-item .h4{font-size: 20px;}
    .cvArea{padding: 20px;border-radius: 24px;}
    .cvArea .hd{font-size: 20px;}

    .mobImageSlider .buttonsArrow{justify-content: center;position: static;margin-top: 16px;}
    .mobImageSlider .buttonsArrow > *{position: static;border-radius: 100%;margin-inline: 8px;width: 24px;height: 24px;}
    .mobImageSlider .buttonsArrow > * > *{width: 100%;height: 100%;background-size: 16px;}

    .featured .row{flex-direction: column-reverse;margin-top: 32px;}

    .cta-banner .cta-inn .row{margin:0;}
    .cta-banner .cta-inn .row [class*="col-"]{padding: 0;}
    .cta-banner .cta-inn .header-btn{white-space: normal;padding: 2px 8px;line-height: 1.2;}

    .our-company{margin-top:32px;}

    .glySec .glySearch{margin-bottom: 40px;}
    .glySec .glySearch input[type="text"]{height: 44px;padding-inline: 50px 16px;background-position: 16px center;background-size: 18px;font-size: 16px;}
    .glySec .glySearch .glysArea > img {top:15px;right:16px;}
    .glySec .hd{font-size: 28px;}
    .glySec .hd1{font-size: 20px;}
    .glySec .hd1 ~ .hd1 {margin-top: 16px;}
    .glySec .accAreas .accArea{padding: 16px 16px 0;}
    .glySec .accAreas > .hd1{padding-inline: 16px;}
    .glySec .accAreas .accArea > .hd1{background-size: 15px;}
    .glySec .accAreas .accArea .text > *{font-size: 16px;}
    .glySec .accAreas .accArea:not(:last-child){margin-bottom: 16px;}

    .mobImageSlider{display: none;}

    .webinar .h3{font-size: 24px;margin-bottom: 24px;}
    .webinar .careerModal .formArea{padding-bottom: 20px;}
    .webinar .careerModal .formArea .h4{padding: 20px 16px;margin-bottom: 20px;}
    .webinar .careerModal .inputText, .careerModal .btns {padding-inline: 16px;}

    .featured {margin-bottom: 40px;}

    .upcomingWebinars .uwDetails, .upcomingWebinars .uwDetails .timer{padding: 16px 10px;}
    .upcomingWebinars .uwDetails > *:not(:first-child){margin-top: 24px;}
    .upcomingWebinars .uwDetails .timer{width: 100%;flex-direction: row;justify-content: space-between;}
    .upcomingWebinars .uwDetails .timer > ul{margin-bottom: 0;}
    
    .heading-wrapper .title-btn{margin-bottom: 0;}

    .bonusArea{padding-top: 50px;}
    .bonusArea .heading-wrapper {margin-bottom: 16px;}
    .faqs1{padding: 50px 0;margin-bottom: 50px;}
    .faqs1 .heading-wrapper{text-align: center;}
    .faqs1 .faqs1Area .fArea .hd{font-size: 20px;padding:16px 40px 16px 16px;}
    .faqs1 .faqs1Area .fArea .text{padding:16px;}
    .faqs1 .faqs1Area .fArea .text p{font-size: 16px;}
    .faqs1 .faqs1Area .fArea .hd::after {top:21px;right:16px;}
}
@media only screen and (min-width:576px) and (max-width:767px){
    .company-item{padding:24px 24px 8px;}
    .about-image{margin-bottom: 32px;}
    .get-started-inn .content{padding-top: 30px;}
    .forex-product .row{flex-direction: column-reverse;}
    .forex-product .content {padding: 50px 45px;}
    .banner .custom-btn{margin-top: 0 !important;}
    .banner-content h1{font-size: 32px;line-height: 1.15;}
    .logoes > img{max-width: 70px;}
    .commodity .side-content{margin-top: 32px;}
    .border-line{display: none;}
    .our-product{padding: 50px 0;}
    .heading-wrapper, .heading-wrapper.mb-5{margin-bottom: 16px !important;}
    .treding-account.my-5{margin-top: 0 !important;margin-bottom: 0 !important;}
    .treding-account.py-5{padding-top: 0 !important;padding-bottom: 0 !important;}
    .treding-account .mt-5{margin-top: 0 !important;}
    .inner-company{margin-top: 0;}
    .our-company .mt-5{margin-top: 0 !important;}

    .banner.innerBanner .banner-content h1 {font-size: 26px;line-height: 1.3;}
    .aboutUs .aboutArea .head{font-size: 30px;}
    #progressbar li strong{font-size: 16px;}

    .logobar{gap: 12px 24px;}

    .modal .popup-content {padding:30px 0 30px 24px;}
    .modal .popup-content .h3{font-size: 24px;}

    .heading-wrapper h1, .heading-wrapper h2, .heading-wrapper h3, .heading-wrapper h4, .heading-wrapper h5, .heading-wrapper h6{font-size: 32px;}
    .heading-wrapper p{font-size: 20px;margin-top: 0;}

    .sectionPart, .sectionPartT, .sectionPartB{row-gap: 48px;}
    .sectionPart .container, .sectionPartT .container, .sectionPartB .container{row-gap: 36px;}
    .sectionPart .container .row, .sectionPartT .container .row, .sectionPartB .container .row{row-gap: 20px;}
    .sectionPart{padding-block: 64px;}
    .sectionPartT{padding-top: 64px;}
    .sectionPartB{padding-bottom: 64px;}

    .upcomingWebinars .uwDetails .timer > ul{margin-right: 32px;}
    .upcomingWebinars .uwDetails .timer > a{white-space: nowrap;}
}
@media only screen and (max-width:575px){
    header .header-btn{max-width: 75px;}
    .logoes > img{max-width: 44px;}

    .headerTop .experience:has(~.selectboxArea){display: none;}

    .banner-title span{font-size: 12px;font-weight: 500;}
    .banner-content h1{font-size: 32px;}
    .banner-content h1 span{font-size: 16px;}
    .banner-content h1 br{display: none;}
    .banner-content p{font-size: 14px;}
    .banner .custom-btn{margin-top: 0 !important;text-align: center;justify-content: center;padding:12px;height: auto;}
    .banner .custom-btn span{font-size: 12px;font-weight: 600;line-height: 1;}
    .our-product{padding: 40px 0 0;}
    .heading-wrapper .title-btn span{font-size: 16px;}
    .heading-wrapper .title-btn{padding: 16px;}
    .heading-wrapper{margin-bottom: 21px;}
    .heading-wrapper h1, .heading-wrapper h2, .heading-wrapper h3, .heading-wrapper h4, .heading-wrapper h5, .heading-wrapper h6{font-size: 24px;}
    .heading-wrapper p{font-size: 16px;margin-top: 0;}
    .treding-account .heading-wrapper button ~ *{margin-top: 0 !important;}
    .about-image{padding: 24px 16px;height: auto;margin-block: 36px 16px;background: none;}
    .border-line{display: none;}
    .forex-product .content{padding:0;}
    .commodity .side-content.derivatives{padding: 36px 20px;}
    .forex-product{margin-top: 16px;}
    .commodity .bg-black-light{padding: 36px 16px 0;}
    .commodity .side-content{border-radius: 20px !important;}
    .commodity .bg-black-light .content-image{margin: 0 !important;padding: 0 !important;}
    .our-product .mb-4{margin-bottom: 16px !important;background: none;border: none !important;}
    .commodity .content-image{padding: 0 !important;}
    .commodity.portpholio .right.side-content{padding:20px 16px 4px;height: auto;margin-bottom: 24px;}
    .commodity.portpholio .side-content {height: auto;}
    .commodity.portpholio .right.side-content .content-image{display: none;}
    p{font-weight: 400;}
    .treding-account{margin-top: 0 !important;counter-reset: counter;padding-bottom: 0 !important;margin-bottom: 0 !important;}
    .treding-account .heading-wrapper{margin-bottom: 32px !important;}
    .treding-account .py-4{padding-top: 0 !important;}
    .account-service-item{border:1px solid #2C9B7C;border-radius:20px;margin-bottom: 16px;padding: 36px 16px 20px;}
    .treding-account .account-service-item{position: relative;}
    .treding-account .account-service-item::before{counter-increment: counter;content: counter(counter) ".";color:var(--primary);font-weight: 700;font-size: 26px;position: absolute;}
    .treding-account .row.mt-5{margin-top: 8px !important;}
    .our-company, .our-company .inner-company .container .row{background: none;}
    .our-company .heading-wrapper .mt-5{margin-top: 0 !important;}
    .inner-company{margin-top: 0;padding-bottom: 0;}
    .our-company .company-item{padding: 0 0 16px;text-align: center;box-shadow: none;background: none;}
    .company-item .icon{margin-bottom: 12px;justify-content: center;}
    .company-item .icon > img{height: 75px;}
    .featured .heading-wrapper{padding: 0 !important;}
    .featured .mt-5{margin-top: 0 !important;}
    .featured .side-content ul{margin-bottom: 24px !important;}
    .featured .side-content ul li{margin-bottom: 10px;font-size: 12px;line-height: 18px;}
    .get-started-image picture{overflow: hidden;display: flex;}
    .get-started-image picture ~ img{display: none;}
    .get-started-image img:last-child{position: static;max-width: 100%;margin-inline: auto;}
    .get-started-inn {padding: 38px 16px 0;}
    .get-started-inn .content{padding-top: 0;}
    .get-started-inn .h2{font-size: 24px;}
    .get-started-inn p{margin-top: 0 !important;}
    footer.mt-5{margin-top: 0 !important;padding-top: 18px !important;}
    footer .footer-menu{justify-content: center;text-align: center;}
    .footer-menu.line > li:not(:last-child){padding-right: 12px;}
    footer .footer-menu li a::before{display: none;}
    footer .footer-menu li a{padding: 0;}
    footer .copy-right{padding-bottom: 8px;}

    .banner.innerBanner .banner-content h1 {font-size: 20px;line-height: 1.3;}
    .banner-content .tc{margin-bottom: 24px;}
    .aboutUs .aboutArea{margin-bottom: 16px;}
    .aboutUs .aboutArea .head{font-size: 24px;}

    #progressbar li .your{margin-bottom: 5px !important;}
    #progressbar li img{width: 30px;}
    #progressbar li strong{font-size: 11px;}

    #progressbar li span{width:20px;height:20px;}
    #progressbar li span::before {width:10px;height:10px;}
    #progressbar li:not(:last-of-type) span::after {margin-left: 8px;}
    .multistep-form{margin-top: 50px;}
    #msform .action-button{width: 150px;}
    #msform .action-button-previous{width: 110px;}
    .phone-dropdown select{width: auto;padding-inline: 5px;margin-right: 4px;}
    .logobar{padding: 24px 16px;gap: 12px 20px;}
    .logobar > img{width: 48px;height: auto;}
    .app-logos {gap:4px;}
    .app-download {margin-bottom: 32px;}
    .footer-logo a img {width: 247px;}
    .footer-logo .app-logos a img{width:auto;height: 40px;}
    .arrow-btn{width: 44px;height: 44px;right: -30px;}
    .custom-btn.border-bg-none{padding: 8px 20px 8px 12px;}
    .custom-btn span{font-size: 14px;}
    .account-service-item .icon{width: 70px;height: auto;}
    .account-service-item .icon > img{width: 100%;height: auto;}

    .modal .logo-popup img{width: 120px;}
    .modal .popup-content .detail h3{font-size: 30px;line-height: 1.1;}
    .popup-content .detail .user {width: 36px;height: 36px;border-radius: 10px;}
    .popup-content .detail .user > img{width: 20px;}
    .modal .modal-body{flex-direction: column;}
    .modal .popup-content {padding:20px 0;width: 100%;}
    .modal .popup-content .mt-5{margin-top: 16px !important;}
    .modal .popup-images{display: flex;width: 100%;justify-content: center;}
    .modal .popup-images .img-box{display: flex;align-items: flex-end;}
    .popup-images .img-box > img.sm-phone1{width:120px;}
    .popup-images .img-box > img.sm-phone2{width:80px;}

    .sidebarContent .contentArea p:not(.head, .head1), .sidebarContent .contentArea li {font-size: 14px;}
    .forex-product.logoText .side-content{margin-top: 0;}
    .scrollTop, .whatsappIcon{width: 32px;height: 32px;}
    .whatsappIcon.one{bottom:52px;}
    .whatsappIcon.two {bottom: 89px;}
    .scrollTop > img, .whatsappIcon > img{width: 16px;}

    .form-controle-group label{font-size: 18px;}

    .banner .btns{flex-direction: column-reverse;}
    .btns{flex-direction: column;}
    .btns > *, .sign-btn button{padding:11px 12px;}

    .product-image .mockup-one {padding: 0;}
    .commodity .content-image .mb{margin-bottom: 0;}

    .logos .logosArea{justify-content: center;}

    .forex-product.bg-light-gray .row{flex-direction: column-reverse;}
    .forex-product{overflow: visible;}
    .forex-product.mobFullWidth .bg-black-light, .commodity .mobFullWidth1{width: calc(100% + 32px);margin-left: -16px;border-radius: 0;}
    .forex-product.mobFullWidth .bg-black-light .content-image{display: none;}
    .commodity.portpholio .mobFullWidth1{padding: 36px 16px 6px;margin-bottom: 32px;border:none !important;}

    .footer-logo > a{margin-bottom: 32px;}
    .footer-menu {gap: 8px 16px;}
    .footer-menu.line {column-gap: 12px;}
    footer .footerLogos{display: flex;gap:20px;justify-content: center;margin-bottom: 0;}
    footer .footerLogos > .item img{width: auto;height: 32px;}

    .sectionPart, .sectionPartT, .sectionPartB{row-gap: 36px;}
    .sectionPart .container, .sectionPartT .container, .sectionPartB .container{row-gap: 28px;}
    .sectionPart .container .row, .sectionPartT .container .row, .sectionPartB .container .row{row-gap: 16px;}
    .sectionPart{padding-block: 50px;}
    .sectionPartT{padding-top: 50px;}
    .sectionPartB{padding-bottom: 50px;}
    .account .carousel .carousel-item .accounts{margin-bottom: 8px;}

    .tradeMarket .row.mobileHide1{display: none;}
    .tradeMarket .row.desktopHide1{display: flex;}

    .careerDesign{margin-top: 50px;border-radius: 60px 60px 0 0;}
    .careerDesign .coreValues {padding-block: 50px 34px;}
    .careerDesign .our-company{padding-top: 50px;}
    .cv::before{border-radius: 60px 60px 0 0;}
    .cvArea .hd{margin-bottom: 16px;}

    .upcomingWebinars .uwDetails .text .hd{font-size: 20px;}
    .upcomingWebinars .uwDetails .text .hd > img{width: 24px;height: auto;}
    .upcomingWebinars .uwDetails .timer > ul{max-width: 200px;}
    .upcomingWebinars .uwDetails .timer > ul > li{font-size: 18px;}
    .upcomingWebinars .uwDetails .timer > a {font-size: 12px;margin-left: 16px;}
}
/* responsive css end */

.goog-te-banner-frame.skiptranslate, .goog-te-gadget-icon {display: none !important;}