/**
 * Theme Name:     BlankSlate Child
 * Author:         BlankSlate
 * Template:       blankslate
 * Text Domain:	   blankslate-child
 * Description:    Donate: https://eonefx.com/blankslate. Learn: https://eone.me/. Eonefx is the definitive WordPress boilerplate starter theme. I
 */

:root{
  --bs-primary:#212529;
  --bs-secondry:#1F8C5A;
  --bs-darkgreen:#0E4E31;
  --bs-F8F8F8:#F8F8F8;
  --bs-FAF6E8:#FAF6E8;
  --bs-link-hover:#D7A94C;
  --bs-link-color-rgb:215, 169, 76;
  --bs-link-hover-color-rgb:215, 169, 76;
  --bs-gradiant-gold: linear-gradient(90deg, #D7A94C 0%, #F6D782 94%);
  --bs-gradiant-gold-main:linear-gradient(134.72deg, #F9CE5C 9.3%, #D8A016 100.17%);;
  --bs-gradiant-green: linear-gradient(90deg, #0E4E31 0%, #1F8C5A 100%);
  --bs-gradiant-greenTwo: linear-gradient(90deg, #0E4E31 0%, #1F8C5A 100%);
  --bs-gradiant-greenThree: linear-gradient(134.67deg, #197149 0%, #0B3E27 100.17%);
  --bs-border-color:#D9D9D9;

  /* swiper  */
  --swiper-navigation-size: 35px;
  --swiper-pagination-bullet-inactive-color:#D9D9D9;
  --swiper-pagination-bullet-opacity:1;
  --swiper-theme-color:linear-gradient(90deg, #D7A94C 0%, #F6D782 94%);;



  --bs-font: "Inter", sans-serif;
  --bs-poppins:'Poppins';
}


*{box-sizing: border-box;}
*{scrollbar-color:rgba(144,147,153,0.3) rgba(255,255,255,0);scrollbar-width:thin}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:rgba(144,147,153,0.3) rgba(255,255,255,0);scrollbar-width:thin}}
body *{font-family:var(--bs-font) ;margin: 0;}
.font-inter{font-family:var(--bs-font) ;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a, ul, li, .font-poppins{font-family:var(--bs-poppins) ;}

/*=====All Buttons =====*/
.btn,.btn-sm{
  --bs-btn-padding-y: 0.713rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius:50rem;
  position: relative;
}
.btn,.btn-sm-2{
  --bs-btn-padding-y: 0.713rem;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius:50rem;
}
.btn.btn-small{
  --bs-btn-padding-y: 0.625rem;
  --bs-btn-padding-x: 0.938rem;
}
.btn.btn-lg{
  --bs-btn-padding-y: .758rem;
    --bs-btn-padding-x: 2.8rem;
    --bs-btn-font-size: 1.1rem;
    --bs-btn-border-radius: 50rem;
}
.btn.btn-primary{
  --bs-btn-color:var(--bs-primary);
  background:var(--bs-gradiant-gold);
  --bs-btn-font-weight:600;
  --bs-btn-border-width:0;
  --bs-btn-hover-color:var(--bs-primary);
  --bs-btn-active-color:var(--bs-primary);
  }

  .btn.btn-gold-main{
    --bs-btn-color:var(--bs-primary);
    background: var(--bs-gradiant-gold-main);
    --bs-btn-border-width:0;
  --bs-btn-hover-color:var(--bs-primary);
  --bs-btn-active-color:var(--bs-primary);
  
  }


  .btn.btn-light{
    --bs-btn-color:var(--bs-primary);
    --bs-btn-hover-color:#fff;
    --bs-btn-active-color:var(--bs-primary);
    --bs-btn-disabled-color:var(--bs-primary);
    --bs-btn-hover-bg:var(--bs-primary);
    --bs-btn-hover-border-color:var(--bs-primary);
    --bs-btn-active-bg:var(--bs-primary);
    --bs-btn-active-color:#fff;
  }

 .btn.btn-light:hover svg path{fill: #fff;}

 .btn.btn-outline-dark{
--bs-btn-border-color: #21252933;
 }

 .border-21252933{
  border-color: #21252933 !important;
 }

 .btn.h-light{--bs-btn-hover-color: #fff;}
 
 .btn.btn_icon:hover .arrow {animation: slide-in-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
 @keyframes slide-in-left {0% {transform: translateX(-10px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}
 
 .btn-link{
    transition:transform .3s ease-in-out;
    border-radius: 0px;
    transform-origin: left;
    padding:2px 5px;
    text-decoration: none;
 } 

 .btn-link::after{content:'';position:absolute;inset:auto 0 0px;width:100%;height:.0625rem;background-color:var(--bs-black);will-change:transform;transition:.3s ease-in-out all;transform-origin:left center;}
.btn-link:hover::after {width: 0%;transform-origin: right center;}

    /* shine effect  */
.shine-effect{position: relative;overflow: hidden;}
.shine-effect:hover::before {animation: shine 1.5s ease-out infinite;}
.shine-effect:before{content: "";position: absolute;width: 100px;height: 100%;background-image: linear-gradient(120deg,rgba(255, 255, 255, 0) 30%,rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0) 70%);top: 0;left: -100px;opacity: 0.6;}
@keyframes shine {0% {left: -100px;}60% {left: 100%;}to {left: 100%;}}
 

/* pagination  */
.custom-pagination .page-link {
    border-radius: var(--bs-pagination-border-radius)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-white);
    --bs-pagination-bg: var(--bs-primary);
    --bs-pagination-border-width: 0px;
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: .25rem;
    --bs-pagination-hover-color: var(--bs-white);
    --bs-pagination-hover-bg: var(--bs-link-hover);
    --bs-pagination-hover-border-color: var(--bs-link-hover);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--bs-link-hover);
    --bs-pagination-active-border-color: var(--bs-link-hover);
    --bs-pagination-disabled-color: var(--tDark-15);
    --bs-pagination-disabled-bg: var(--tDark-15);
    --bs-pagination-disabled-border-color: var(--tDark-15)
}

.custom-pagination .page-numbers {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border-radius: var(--bs-pagination-border-radius);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.custom-pagination .page-numbers.current,.custom-pagination .page-numbers:hover {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}



/* ===============================
   Gradient outline button
   =============================== */

/* ===============================
   Gradient outline button
   =============================== */

.btn-outline-gradient,.link-gradiant {
  border: 2px solid transparent !important;
   background-image: linear-gradient(134.72deg, #F9CE5C 9.3%, #D8A016 100.17%) !important;
  -webkit-background-clip: text !important;
  /* background-clip: text !important; */
  color: transparent;
  position: relative;
}

/* Gradient border using pseudo-element */
.btn-outline-gradient::before ,.link-gradiant.text-decoration-underline:before{
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(134.72deg, #F9CE5C 9.3%, #D8A016 100.17%);;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.link-gradiant.text-decoration-underline:before{top: auto;bottom: -4px;width: 100%;height: 2px;background: linear-gradient(93deg, #D7A94C 0%, #F6D782 94%);}

/* Hover fill (optional) */
.btn-outline-gradient:hover {color: var(--bs-primary);background: linear-gradient(93deg, #D7A94C 0%, #F6D782 94%) !important;}
.h-svg-dark:hover svg path{fill: var(--bs-primary);}
.btn-outline-gradient:hover::before {opacity: 0;}


/*=====Utility classes=====*/
.mb-10{margin-bottom: 10px;}.me-10{margin-right: 10px;}
.rounded-12{border-radius: 12px;}.rounded-10{border-radius: 10px;}.rounded-20{border-radius: 20px;}.border-D9D9D9{border-color: #D9D9D9;}

.bg-contain{background-size: contain;}.bg-cover{background-size: cover;}.bg-no-repeat{background-repeat: no-repeat;}
.bg-center{background-position: center;}.bg-start{background-position: left;}.bg-end{background-position: right;}

.top-12{top: 12%;}.top-20{top: 20%;}

.text-primary{color: var(--bs-primary) !important;}.text-white-88 {--bs-text-opacity: 1;color: rgba(255, 255, 255, .88) !important;}.text-tAccent{color: var(--bs-secondry);}.text-gold{color: var(--bs-link-hover);}.text-333333{color: #333333;}
.text-gradiant-light{background: linear-gradient(102.1deg, #F8F9FB 2.53%, #DADADA 18.82%, #FFFFFF 41.03%);}.text-white-60{--bs-text-opacity: 1;color: rgba(255, 255, 255, .6) !important;}
.g-green{background: var(--bs-gradiant-green);}
.g-gold{background: var(--bs-gradiant-gold);}
.g-gold-main{background: var(--bs-gradiant-gold-main)}
.dual_heading span,.g-goldLight{background: var(--bs-gradiant-gold-main);}
.text-gradiant,.dual_heading span{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}

.border-gradient-gold{
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(93deg, rgba(249, 206, 92, 1) 0%, rgba(216, 160, 22, 1) 100%) border-box;
  border: 2px solid transparent;
}

.bg-main{background-color: var(--bs-primary);}.bg-FAF6E8{background-color: var(--bs-FAF6E8);}.bg-040404{background-color: #040404;}.bg-F8F8F8{background-color: var(--bs-F8F8F8);}.bg-white-50{background: rgba(255, 255, 255, 0.5);}

.bg-gradiantgreen{background: var(--bs-gradiant-green);}
.bg-gradiantgold{background: var(--bs-gradiant-gold);}
.leaf-bg{background-image: url('./assets/images/globle/leafBg.webp');}
.ceoBg{background-image: url('./assets/images/ab/ceoBg.webp') !important;}

.v-separator li,.before,.after,.footer-navbar li a,.whiteShades{position: relative;}
.v-separator li:after,.before:before,.after:after,.footer-navbar li a:after,.whiteShades:before{content: '';position: absolute;width: 100%; height: 100%;}
.v-separator li:not(:last-child)::after{width: 1px;height: 80%;background-color: #FFFFFF3D;right: -15%;}
.instruList.v-separator li:not(:last-child)::after{background-color: #D9D9D9;right: -35%;}
.instruList.acTypeList li:not(:last-child)::after{right: -60%;}

.whiteShades:before{
      height: 80px;
    background: #FFFFFF;
    filter: blur(12px);
    z-index: 111;
    bottom: -28px;
}

.fs-12{font-size: .75rem;}
.fs-13{font-size: .8125rem;}
.fs-14{font-size: .875rem;}
.fs-15{font-size: .9375rem;}
.fs-18{font-size: 1.125rem;}
.fs-19{font-size: 1.1875rem;}
.fs-23{font-size: clamp(18px, 2vw, 23px);}
.fs-22{font-size: clamp(18px, 2vw, 22px);}
.fs-26{font-size: clamp(18px, 2vw, 26px);}
.fs-30{font-size: clamp(1.375rem, 2vw, 1.875rem);}
.fs-36{font-size: clamp(1.375rem, 2vw, 2.25rem);}



.ls-05{letter-spacing: 0.5px;}

ul.custom-list{list-style: none;}
ul.custom-list li {
    position: relative;
    padding-left: 1.5rem;
}
ul.custom-list li:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;margin: auto 0;background-repeat: no-repeat;background-size: contain;background-position: center;}
ul.list-circle li::before {
    left: -14px;
    margin: 0;
    height: 25px;
    width: 25px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%203.18L8.59%2014.6L4.35%2010.36L5.76%208.95003L8.59%2011.78L18.59%201.78L20%203.18ZM17.79%208.22003C17.92%208.79003%2018%209.39003%2018%2010C18%2014.42%2014.42%2018%2010%2018C5.58%2018%202%2014.42%202%2010C2%205.58%205.58%202%2010%202C11.58%202%2013.04%202.46%2014.28%203.25L15.72%201.81C14.1%200.67%2012.13%200%2010%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%208.81003%2019.78%207.67%2019.4%206.61L17.79%208.22003Z%22%20fill%3D%22url(%23paint0_linear_2292_872)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2292_872%22%20x1%3D%22-108%22%20y1%3D%22-111%22%20x2%3D%2214%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23197149%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230B3E27%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}




@media (min-width: 1200px) {.fs-42.display-6 {font-size: 2.625rem;}}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1290px;}}



/*=====Header=====*/
/* sticky  */
/* ===== Header safe sticky animation ===== */
/* .site-header {position: relative;top: 0;z-index: 1050;transition: top 0.35s ease, box-shadow 0.3s ease, background 0.3s ease;} */
/* after scroll */
.site-header.scrolled {box-shadow: 0 10px 30px rgba(0,0,0,0.08);}
/* ===============================
   Header Base
================================ */
.site-header {
  position: relative;
  z-index: 1050;
}
.btn.hBtn{
      --bs-btn-padding-y: 0.713rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-font-size: 1rem;
        --bs-btn-line-height: 1.2;
}

/* gradiant header  btn  */
     /* Outer gray border wrapper with shine effect */
        .outer-border {
            padding: 1px; 
            border-radius: 3rem;
            background: #555555;
            transition: background 0.3s ease;
        }

        /* Rotating shine effect on gray border */
        .outer-border::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 3rem;
            padding: 1px; 
            background: conic-gradient(
                from var(--gradient-angle, 0deg),
                transparent 0deg,
                transparent 70deg,
                rgba(255, 255, 255, 0.8) 90deg,
                rgba(255, 255, 255, 1) 100deg,
                rgba(255, 255, 255, 0.8) 110deg,
                transparent 130deg,
                transparent 360deg
            );
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
            opacity: 1;
            transition: opacity 0.3s ease;
        }

        /* Full shine on hover */
        .outer-border:hover::before {
            opacity: 0;
        }

        .outer-border:hover {
            background: rgba(255, 255, 255, 1);
        }

        /* Inner golden gradient border */
        .button-wrapper {
            padding: 1px; 
            border-radius: calc(3rem - 1px);
            background: linear-gradient(135deg, #F9CE5C 0%, #D8A016 100%);
        }

        /* Green background layer to match body gradient */
        .button-wrapper::before {
            content: '';
            position: absolute;
            top: 1px; 
            left: 1px;
            right: 1px;
            bottom: 1px;
            border-radius: calc(3rem - 2px);
            background: linear-gradient(90deg, #0E4E31 0%, #1F8C5A 100%);
            z-index: 0;
        }
        
       .site-header.scrolled  .button-wrapper::before{background: linear-gradient(90deg, #000000 0%, #000000 100%);}
        .btn.gradiant-border {padding: 6px 15px;border-radius: calc(3rem - 2px);background: rgba(255, 255, 255, 0.2);cursor: pointer;z-index: 1;}


        
/* ===============================
   Navbar
================================ */
@media(min-width:1024px){.header-nav {position: relative;transition:transform 0.35s ease,box-shadow 0.3s ease,background 0.3s ease;will-change: transform;transform: translateZ(0);}}

/* Sticky state */
.site-header.scrolled nav.header-nav {position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 8px 25px rgba(0,0,0,0.08);backface-visibility: hidden;background: var(--bs-primary)}
@media(min-width:964px){
.site-header.scrolled nav.header-nav {animation: headerIn 0.35s ease forwards;transform: translateY(0);}
}
.site-header.scrolled .navbar.header-nav{box-shadow: none;}
/* ===============================
   Top Bar Smooth Hide / Show
================================ */
.top_bar {transition:transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),opacity 0.3s ease;will-change: transform, opacity;transform: translateZ(0);}
/* Scroll Down → Hide */
.site-header.scroll-down .top_bar {transform: translateY(-100%);opacity: 0;}
/* Scroll Up → Show */
.site-header.scroll-up .top_bar {transform: translateY(0);opacity: 1;}

/* ===============================
   Subtle Header Entrance
================================ */

@keyframes headerIn {
  from {transform: translateY(-6px);opacity: 0.95;}
  to {transform: translateY(0);opacity: 1;}}


  header .top_bar{border-bottom: 1px solid #939393;}
/* header .top_bar_nav.navbar{padding: 0;} */
  header .top_bar_nav.navbar li:not(:last-child) a.nav-link{display: inline-block;padding: 0 15px;border-right: 1px solid #939393;}

  header .top_bar_nav.navbar{
      --bs-nav-link-color: #fff;
    --bs-nav-link-hover-color: var(--bs-link-hover);
        --bs-nav-link-font-size: .895rem;
    padding: 0px 0;
  }

/* hide on scroll down */
/* .site-header.scroll-down {top: -110px; } */
/* .site-header.scrolled .navbar.header-nav{position: fixed;top: 0; width: 100%;} */
/* show on scroll up */
.site-header.scroll-up {top: 0;}
.trp-switcher-dropdown-list{padding-right: 10px;}.trp-language-item{padding: 7px 0px;}.trp-shortcode-switcher__wrapper{--flag-size:23px !important;}
.navbar-nav.header-nav{
  --bs-navbar-color:#fff;
  --bs-navbar-active-color:var(--bs-link-hover);
  --bs-navbar-hover-color:var(--bs-link-hover);
  --bs-nav-link-font-size:1rem;
  --bs-navbar-nav-link-padding-x:1rem;
  --bs-nav-link-padding-y:0rem;
  --bs-nav-link-font-weight:400;
}
.trp-shortcode-switcher{padding: 0;}
/* Offcanvas look on mobile */
.offcanvas{background: #0E4E31;color:#fff;}
/* @media(max-width:968px){
  .offcanvas .nav-link{ color:#fff; }
  
} */


/* mega menu  */
.dropdown-menu.mega-menu .mega-section{
  max-width: 964px;
  padding: 20px;
      /* background-color: #fff; */
    /* margin: 0 auto; */
    /* background: #ffff; */
    /* box-shadow: 0px 0px 22px 4px rgba(167, 174, 186, 0.43); */
    /* border-radius: 12px; */

}
.dropdown-hover:hover>.dropdown-menu {display: inline-block;}
.dropdown-hover>.dropdown-toggle:active {pointer-events: none;}

.nav-item.dropdown a.dropdown-toggle:before{
    content: '';
    border-bottom: 10px solid #FFF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    z-index: 9999;
    right: 54%;
    top: 38px;
    position: absolute;
    bottom: 0;
    display: none;
}
.nav-item.dropdown-hover a.dropdown-toggle:hover:before{display: block;}

.nav-item.dropdown a{position: relative;}

.list-group.headList{
  --bs-list-group-item-padding-x: 0rem;
    --bs-list-group-item-padding-y: 0.2rem;
        --bs-list-group-border-width: 0;
        --bs-list-group-action-hover-bg:transparent;
            --bs-dropdown-font-size: 1.1rem;
  /* --bs-list-group-bg:var(--bs-F8F8F8); */
}
.hm-right-col{
      padding: 0 20px;
}

.card.headCard{
    --bs-card-spacer-y: 26px;
    --bs-card-spacer-x: 26px;
    --bs-card-border-width: 0;
    --bs-card-border-radius: 1rem;
    --bs-card-title-color: #fff;
    --bs-card-subtitle-color: #fff;
    --bs-card-height: 300px;
    background-image: url('./assets/images/globle/hCardBg.webp');
    max-width: 450px;
}
.card.headCard .card-img img{width: 90%;right: 20px;bottom: -47px;}
.card.headCard:before{
      width: 100%;
    height: 120px;
    background-color: #0B3E27;
    bottom: 0;
    z-index: 1;
    filter: blur(13px);
    bottom: -7px;
    left: -3px;
}
/* Counter  */
/* .counter-list{column-gap: 26px;} */
.meter .prefix,.meter .suffix {display: inline-block;line-height: 1em;margin: 0 0.1em;}
.digit {width: 1ch;height: 1em;}
.digit span {display: block;transition: transform 1s ease-in-out; }
.digit span i {display: block;height: 1em;line-height: 1em;font-style: normal;}

/*=====Footer=====*/
.navbar-nav.footer-navbar{
  --bs-nav-link-color:#CED0D6;
  --bs-nav-link-hover-color:var(--bs-link-hover);
  --bs-nav-link-font-size:14px;
}
.footer-navbar li a{width: fit-content;}
.navbar-nav.footer-navbar .arrowLink a:after{background-image:url('./assets/images/globle/top-arrow.svg');background-repeat: no-repeat;background-size: contain;right: -18px;width: 12px;height: 10px;top: 15px;transition: transform .3s ease-in-out;}
.navbar-nav.footer-navbar .arrowLink a:hover:after{background-image:url('./assets/images/globle/top-arrow-hover.svg');transform: rotate(45deg);}
.card.fdCard{--bs-card-bg:#2A3035;--bs-card-border-radius:.5rem;}
.social_list .btn-social{transition: background 1s ease-in-out;}
.social_list .btn-social:hover{background-color: var(--bs-link-hover);}
/*========= Start Pages===========*/



.banner.home .text_wrap{padding: 125px 0 134px;}
.page-banner.instru,.page-banner.cu{padding: 100px 0 130px;}
.banner.home,.bg-green-blob{background-image: url('./assets/images/banner/main-banner-bg.webp');}
.h-banner-img img{bottom: 90px;width: 45%;right: 5%;}
/* ramdand  */
.h-banner-img.ramadan_bg img{bottom: -10px;width: 100%;right: 0%;height: 110%;}
/* .banner.home .h-banner-img.ramadan_bg .text_wrap{       padding: 525px 0 334px;} */

/* instrument  */
.green-banner{background-image: url('./assets/images/banner/instru-banner-bg.webp');}
/* ab  */
.banner.ab .banner-img {position: absolute;bottom: -12%;left: 5%;width: 90%;}
/* ac types  */
.page-banner.acTypes .acBanner {right: 150px;bottom: -58px;}
/* social trader  */
.banner.socialTrade .banner-img {bottom: 0px;}

/* arrow bg  */
.arrowBg{background-image: url('./assets/images/banner/arrowBg.webp');}


.card.insrtuCard{--bs-card-height: 430px;--bs-card-border-width: 0;--bs-card-border-radius:1rem;}
.card.insrtuCard img{transition: transform 0.3s ease-in-out;transform: scale(1);}
.card.insrtuCard:hover img{transform: scale(1.1);}

.instrumentSlider .swiper-wrapper{padding-bottom: 100px;}
.swiper-pagination-bullet{opacity: 1; height: 12px; width: 12px;}
.swiper-button-prev.instru-nav img{transform: rotate(180deg);}
.instru-nav{top: auto !important;bottom:0%;z-index: 111;background-color: #F8F8F8;opacity: 1 !important;border-radius: 50px;}.instru-nav svg{display: none;}
.instru-nav.prev{left: 46% !important;}.instru-nav.next{left: 52% !important;}
.swiper-pagination.instru-pagi{bottom: 2px;left: -2px;} 
.card.tpCard{border-radius: 11.22px 11.22px 0 0 ;}
.pagination_main .swiper-pagination-bullet {height: 4px;width: 32px;border-radius: 0;}
.pagination_main.home{left: 24%;bottom: 7%;}



/* table  */
.table.table_main{--bs-table-color:var(--bs-primary);--bs-border-width:2.8px;border-color:#F3F3F3;margin-bottom: 0;}
.table.table_main>:not(caption)>*>*{padding: 28px 22px;}
.table.table_main *:not(.btn, .badge){font-family: var(--bs-poppins);font-weight: 500;}
.table.table_main tbody :is(td, span):not(.badge){font-size: 23px;}
.table.table_main thead th{font-size: 18px;padding: 34px 22px; background-color: #EEEEEE;    line-height: 22px;color: #6B7280;text-transform: uppercase;border-color: #EEEEEE;}
.badge.value-badge{
  --bs-badge-padding-x:.675rem;
  --bs-badge-padding-y:.2125rem;
  --bs-badge-color: #007124;
  --bs-badge-border-radius:.6875rem;
  border: 1.4px solid #8BD7A0;
  font-size: 16px;
  background-color: #E8F8EB;
  line-height: 25px;
  font-weight: 400;
}
.badge.value-badge img{width: 18px;}
.badge.value-badge.down{--bs-badge-color: #B5251F;border-color: #FFAC9A;background-color: #FFEEE9;}
.badge.value-badge img{display: none;}
.badge.value-badge.up img.up-arrow{display: inline-block;}
.badge.value-badge.down img.down-arrow{display: inline-block;}

.nav-tabs.tpTabs{
--bs-nav-tabs-border-width:0px;
--bs-nav-tabs-link-active-border-color:var(--bs-primary);
--bs-nav-tabs-border-color: transparent;
--bs-nav-tabs-border-radius:0;
--bs-nav-link-font-weight:500;
--bs-nav-link-padding-x: 1.375rem;
--bs-nav-link-padding-y: 1rem;
--bs-nav-link-color:var(--bs-primary);
--bs-nav-link-hover-color:var(--bs-primary);
    --bs-nav-tabs-link-hover-border-color: transparent;
}
.nav-tabs.tpTabs .nav-link.active{border: 0;border-bottom:2.8px solid  var(--bs-primary) ;}

 .step-card.sc3 img{max-width: 344px;max-height: 332px;}
  .step-card.sc1 img{max-width: 343px;max-height: 320px;}

  /* wtp card  */
  .card.wtpCard{
    --bs-card-spacer-y:1.625rem;
    --bs-card-spacer-x  :1.625rem;
    --bs-card-border-width:0;
    --bs-card-bg:#fff;
    --bs-card-border-radius:1.25rem;
    height: 100%;
    overflow: hidden;
  }
  
  .card.wtpCard.wp1{
    --bs-card-spacer-y:2.625rem;
    --bs-card-spacer-x:2.625rem;
    background: var(--bs-gradiant-gold); 
  }

  .card.wtpCard .wtp-img{float: right;width: 52%;margin-top: -33px;margin-right: -20px;}
  .card.wtpCard.wp1 .wtp-img{width: 74%;margin-top: -138px;}
  /* cta  */

  .card.awardCard .awardImg, .award_wrap .awardImg{transition: .3s linear;}
  .card.awardCard:hover .awardImg, .award_wrap:hover .awardImg{transform: scale(1.125);}
 
/* contact form  */
.cf-form-wrap .form-check br{display: none;}.wpcf7-list-item{margin: 0;}
.form-control{padding: .44rem .75rem;}.form-label{font-size: .75rem;font-weight: 600;}

/* contact form  */
.contactForm .form-control{
        padding: 1.44rem 34px;
    border-radius: 16px;
    font-size: 24px;
    border: 0;
    background-color: var(--bs-F8F8F8);
}
.contactForm textarea{
      max-height: 170px;
}


.card.tsxp-card{overflow: hidden;} 

  /* --bs-gradiant-greenTwo */

  .card.CtaCard:not(.ceo.section .card.CtaCard){
    --bs-card-spacer-x:3.5rem;
    --bs-card-spacer-y:0;
    --bs-card-border-radius:1.25rem;
    background:var(--bs-gradiant-greenThree);
  }

  .card.hotCard{
    background-image:url('./assets/images/banner/instru-banner-bg.webp');
  }
  .card.CtaCard .text-wrap{padding-block: 45px;}
  .card.tsxp-card:before{background: var(--bs-gradiant-gold);z-index: 1;mix-blend-mode: hue;pointer-events: none;}
  .awardCta{padding-block: 34px;border-radius: 12px; margin-bottom: 72px;}
  .w-trading .row.gx-5{--bs-gutter-x: 5rem;}
  .wfSwiper .swiper-slide:not(.wf-image-item){padding: 2rem 1.1875rem;background-color: #FAF6E8;}


  /* ab  */
.ceo.section .card.CtaCard{
      --bs-card-spacer-x: 6.25rem;
    --bs-card-spacer-y: 20px;
    --bs-card-border-radius:1.25rem;
    /* background:#F8F8F8; */
}
.ceo.section .card.CtaCard:before {
    content: '';
    mix-blend-mode: lighten;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #F8F8F8;
}

  /* hr pin  */
  .space-64 {height: clamp(2.5rem, 2.2222rem + 1.4815vw, 4rem);}
._whyTradeCard {
    --bs-card-spacer-x: clamp(1.125rem, 1.3148rem + 0.9877vw, 1.24rem);
    --bs-card-spacer-y:2.5rem;
    --bs-card-color: var(--bs-card-subtitle-color);
        --bs-card-border-radius: 12px;
    --bs-card-title-color:#FFFFFF;
    background: var(--bs-gradiant-greenThree);
    min-width: clamp(13.75rem, 10.8rem + 15vw, 20rem);
    width: 100%;
    text-align: center;
    overflow: hidden;
    box-sizing: content-box;
    height: 100%;
}

/* end */

.accordion.accordion-main{
  --bs-accordion-active-color:#000000;
  --bs-accordion-active-bg:#fff;
  --bs-accordion-btn-icon:url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_473_274)%22%3E%3Cpath%20d%3D%22M6%209L12%2015L18%209%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_473_274%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  --bs-accordion-btn-active-icon:url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20transform%3D%22scale(-1)%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  --bs-accordion-border-color:#F3F3F3;
  --bs-accordion-btn-focus-box-shadow:none;

}
.accordion.accordion-main .accordion-button{font-size: 1.25rem;}


/* instru pair  */
.card.pairCard{
    --bs-card-cap-padding-y:25px;
    --bs-card-cap-padding-x:23px;
    --bs-card-cap-bg:#fff;
    --bs-card-border-color:rgba(24, 28, 37, 0.08);
    --bs-card-border-width:1.00781px;
    --bs-card-border-radius:24px;
    overflow: hidden;
}
.table-sm.instruTable>:not(caption)>*>*{font-size: 12px;padding: 1.225rem .2rem;}
.table-sm.instruTable th{    padding: 1.125rem .5rem;align-content: center;}
.table-sm.instruTable thead th:is(:first-child, :last-child) {width: 12%;position: relative;}
.table-sm.instruTable tbody td:first-child{padding-left: 1rem; position: relative;}
.table-sm.instruTable tbody td:first-child:before,.table-sm.instruTable th:first-child:before{content: '';position: absolute;width: 8.06px;right: 0;top: 0px;bottom: 1.01px;background: linear-gradient(90deg, rgba(24, 28, 37, 0.04) 0%, rgba(24, 28, 37, 0) 100%);}
.table-sm.instruTable tbody td:last-child{padding-right: 25px;}
.search-input.input-group-sm>.form-control, .search-input.input-group-sm>.input-group-text{padding: .69rem .5rem; background-color: var(--bs-F8F8F8) !important; }
.form-control:focus{box-shadow: none;}


.tablePagination.circlePagination{
    --bs-pagination-padding-x: .8rem;
    --bs-pagination-padding-y: .2rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-border-radius: 50px;
    --bs-pagination-active-border-color:var(--bs-primary);
    --bs-pagination-active-bg:var(--bs-link-hover);
    --bs-pagination-border-width:0;
    --bs-pagination-color:#fff;
    --bs-pagination-focus-color:#fff;
    --bs-pagination-focus-bg:var(--bs-link-hover);
    --bs-pagination-focus-box-shadow:none;
    gap: 8px;
}
.tablePagination.circlePagination li a{    border-radius: 50px;}
/* instrument  */
.counter-sec{    margin-top: -70px;}

.trade-more .downloadLinks .btn.instru-btn.current{display: none !important;}

/* dep wit  */
.table.dwTable>:not(caption)>*>*{padding: 18px 10px;align-content: center;padding-left: 22px;}
.tabs-nav.nav{
  --bs-nav-link-padding-x:0.813rem;
  --bs-nav-link-padding-y:0.713rem;
  --bs-nav-link-font-size:1rem;
  --bs-nav-link-font-weight:700;
  --bs-nav-link-color:var(--bs-primary);
  --bs-nav-pills-link-active-color:var(--bs-primary);
  --bs-nav-pills-border-radius:50rem;
  --bs-nav-link-hover-color:var(--bs-primary);
  --bs-card-border-color: transparent;
  --bs-card-border-width:3px;
  padding: 32px;
}
.tabs-nav.nav.nav-pills .nav-link{border: 3px solid transparent; }
.tabs-nav.nav.nav-pills .nav-link.active{background: var(--bs-gradiant-gold);border-inline: 10px;}
.tabs-nav.nav.nav-pills .nav-link:not(.active)  {border: solid 3px transparent;background-image:  var(--bs-gradiant-gold);background-origin: border-box;box-shadow: 2px 1000px 1px #fff inset;}


/* swiper slider  */
.review_slider.bleed-right{position: relative;width: calc(100% + (100vw - 100%) / 2.5);margin-right: calc((100vw - 100%) / -2);}
/* Swiper full width */
.review_slider .swiper{width: 90%;}
/* Optional: slide height & spacing look clean */
.trust-swiper .swiper-slide{height: auto;}

.slide-nav.trust-navBtns .instru-nav.next{left: auto !important;right: 50px;}
.slide-nav.trust-navBtns .instru-nav.prev {left: 40px !important;}
.slide-nav.trust-navBtns .instru-nav{    bottom: 45%;    background-color: transparent;width: 28px;}

.slide-nav.trust-navBtns svg{display: block;    fill: transparent;}
.missionCard.text-center {min-height: 370px;}

.card.awardCard{--bs-card-height: 285px;}

/* ac type  */
  .nav-tabs.acTypetabs {
      --bs-nav-tabs-link-active-border-color:var(--bs-secondry);
      --bs-nav-tabs-link-hover-border-color: transparent;
      --bs-nav-tabs-border-width:2px;
      --bs-nav-tabs-border-radius:1rem;
      --bs-nav-link-padding-x:2rem;
      --bs-nav-link-padding-y:2.125rem;
      --bs-nav-tabs-link-active-color:var(--bs-secondry);
      --bs-nav-link-color:var(--bs-secondry);
      --bs-nav-link-font-size:1.875rem;
          border: 0;
  }
  
  #acTypeTab .nav-link{width: 100%;text-align: start;background-color: #fff;line-height: 30px; font-weight: 500;}
  #acTypeTab .nav-link{border-radius: var(--bs-nav-tabs-border-radius);}
  .card.acType-card{--bs-card-spacer-y:2.5rem;--bs-card-spacer-x:2.5rem;--bs-card-border-color:#0000001A;--bs-card-border-radius:1rem;height: 100%;}
  .list-group.ac-list-group{--bs-list-group-item-padding-x: 0;--bs-list-group-item-padding-y: 1rem;--bs-list-group-border-color:#0000001A;}


  .card._regCard{
      --bs-card-spacer-y: 2.625rem;
    --bs-card-spacer-x: 2.625rem;
    --bs-card-border-radius: 0.75rem;
    --bs-card-color:#fff;
    border-color: transparent;
    transition: all 0.6s ease-in-out;
  }

.card._regCard:hover{    background: var(--bs-gradiant-greenThree);
    background-position: right center;}
.card.wjCard{
  --bs-card-spacer-y: 2.25rem;
  --bs-card-spacer-x: 1.875rem;
  --bs-card-bg:#fff;
  --bs-card-border-radius:1.25rem;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: transparent;
  text-align: center;
}

/* .contact  */
.card.conCard{
    --bs-card-spacer-y: 2.25rem;
    --bs-card-spacer-x: 2.2rem;
    --bs-card-border-width: 0;
    --bs-card-height:100%;
    --bs-card-color:#fff;
    background:var(--bs-gradiant-green);
    --bs-card-border-radius: 12px;
    background-size: 200% 200%;
    background-position: left center;
    transition: background-position 0.8s ease-in-out;
}
.card.conCard:hover{    background: var(--bs-gradiant-greenThree);background-position: right center;}
.nav-tabs.acTypetabs .nav-item{position: relative;}
.nav-tabs.acTypetabs .nav-item.most-pop::before{
  content: 'most-populer';text-transform: uppercase;position: absolute;right: 0;top: 0;font-size: 14px;color: #000;background: var(--bs-gradiant-gold-main);padding: 3px 14px;border-radius: 0px 10px 0px 20px;line-height: 22px;z-index: 11111;}


/* calc  */
.nav.nav-pills.navCalc{
      --bs-nav-link-padding-x: 2rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: var(--bs-primary);
    --bs-nav-link-hover-color: var(--bs-link-hover);
      --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-link-hover);
}

/*========= post type pages ===========*/

/* policy  */
h2.wp-block-heading{    margin: 30px 0;}
h3.wp-block-heading{margin: 20px 0;}


.toc_wrapper .toc_items a{
      position: relative;
    font-size: 18px;
        font-weight: 500;
    padding-left: 30px;
    color: var(--bs-primary);
}
.link-effect a{position: relative;transition: .25s ease-in-out all;}
.toc_wrapper .toc_items a::after,.link-effect a:after {
    content: "";
    position: absolute;
    top: 14px;
    left: -4px;
    height: 2px;
    width: 20px;
    background: var(--bs-gradiant-gold-main);
    transform: scaleX(0);
    transform-origin: left center;
    transition: .25s ease-in-out all;
}
.link-effect a:after {top: 14px;}
.toc_wrapper .toc_items a:hover{color: var(--bs-link-hover);}
.toc_wrapper .toc_items a.active::after,.toc_wrapper .toc_items a:hover::after,.link-effect a:hover::after{transform: scaleX(1);}.link-effect a:hover{padding-left: 20px;}
.blogView .toc_wrapper .toc_items a:hover::after{transform: scaleX(0);}
.fxPages p{
  margin-bottom: 1rem;
}
._contents .box .list-group li {
    margin-bottom: 1.5rem;
}

.e_quote.card{
      --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 3rem;
    --bs-card-title-spacer-y: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 117 106'%3E%3Cpath fill='%230E0F11' d='M62.895 106V72.255c0-19.321 4.542-35.201 13.626-47.64C85.873 11.91 99.366 3.704 117 0v21.835c-8.55 2.118-15.23 6.088-20.04 11.91-4.808 5.558-7.747 12.44-8.816 20.645h20.84V106h-46.09ZM0 106V72.255c0-19.321 4.542-35.201 13.627-47.64C22.978 11.91 36.47 3.704 54.105 0v21.835c-8.55 2.118-15.23 6.088-20.039 11.91-4.809 5.558-7.748 12.44-8.817 20.645h20.84V106H0Z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-position: 93% 104%;
    background-size: 117px;
    background-repeat: no-repeat;
    padding-bottom: 0 !important;
    background-color: var(--bs-primary);
}

.e_quote.card a:hover{color: var(--bs-F8F8F8);}
.stats .cr {display: flex;width: 90px;height: 90px;padding: 9px 1px;justify-content: center;align-items: center;gap: 13px;flex-shrink: 0;border-radius: 90px;background: var(--bs-gradiant-gold);color: #fff;}

/* blog  */
.blogView.singlePost ._blogText a{color: rgb(var(--bs-link-color-rgb));}
.blogView.singlePost ._blogText a:hover{color: var(--bs-primary);}
.toc_wrapper.blog_toc_wrapper{border-color: #21252999;}

.singlePost.blogView .sticky-lg-top{    top: 80px;}
.toc_wrapper.blog_toc_wrapper .toc_items a::after{    top: 10px;
    left: -3px;}
.toc_wrapper.blog_toc_wrapper .toc_items a{
  font-size: 16px;
    font-weight: 400;
    padding-left: 0px;
    text-decoration: none;
    line-height: 28px;
    transition: all 0.5s ease-in-out;
}
.toc_wrapper.blog_toc_wrapper .toc_items a.active{
  color: var(--bs-link-hover);
      padding-left: 20px;
}


.catTabs .blog-tabs .btn{
      --bs-btn-padding-y: .5413rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-font-size: 1rem;
  --bs-btn-font-weight:400;
  --bs-btn-active-border-color:transparent;
  border: 1px solid var(--bs-primary);
}
.catTabs .blog-tabs .btn.active{
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    background: var(--bs-gradiant-gold);
    
}

.card.blCard a{
  color: var(--bs-primary);
}
.card.blCard a:hover{color: rgba(var(--bs-link-hover-color-rgb));}
.b_cat.badge.badge-tPrimary{
      --bs-badge-padding-x: clamp(.5rem, -0.7143rem + 2.6786vw, .875rem);
    --bs-badge-padding-y: 0.5rem;
    --bs-badge-font-size: 0.625rem;
    --bs-badge-font-weight: :normal;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: .625rem;
    background: #0E4E31;
    line-height: 1rem;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 1px;

}
.b_cat>a{
      pointer-events: none;
    text-decoration: none;
    color: inherit !important;
}
/* box  */

.tips_box {
    background-color: var(--bs-F8F8F8);
    padding: clamp(1.5rem, 1.2829rem + 1.1577vw, 2rem)
}

.tips_box ._heading {
    position: relative
}

.tips_box ._heading::after {
    content: '';
    position: absolute;
    top: 0;
    left: -60px;
    height: 40px;
    width: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='url(%23b)' d='M20 0a20 20 0 1 0 0 40 20 20 0 0 0 0-40Z'/%3E%3Cpath fill='%23fff' d='M21.06 14.13a1.976 1.976 0 0 1-.796-.134 2.013 2.013 0 0 1-.681-.442 2.07 2.07 0 0 1-.457-.68 2.11 2.11 0 0 1 .457-2.296 1.976 1.976 0 0 1 1.476-.576c.522.02 1.015.246 1.377.631.362.385.564.899.564 1.433s-.202 1.048-.564 1.433a1.997 1.997 0 0 1-1.377.631Zm-6.896 6.114c-.982.835 2.704-3.904 4.024-4.744 1.32-.838 3.657-.204 3.335 1.735-.323 1.943-2.373 9.033-2.84 10.72-.468 1.688 2.875-1.564 3.535-1.975.66-.409-2.523 3.825-4.03 4.717-1.507.892-3.76-.315-3.314-1.93.449-1.62 2.112-7.658 2.792-10.054.68-2.4-2.522.696-3.502 1.531Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='6.99' x2='32.233' y1='34.444' y2='34.444' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFA93E'/%3E%3Cstop offset='1' stop-color='%23AA7430'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat
}

@media(min-width: 992px) {
    .tips_box {
        padding:clamp(2rem, 0.3727rem + 2.6273vw, 3rem) clamp(3rem, -1.475rem + 7.225vw, 5.75rem)
    }

    .table>:not(caption)>*>* {
        padding: 24px
    }
    .table.instru_table2>:not(caption)>*>* {
                padding: 8px;
        font-size: 14px;
    }
}

/* breadcrum  */
.blogView .breadcrumbNav,.blogView .breadcrumbNav a {
    text-decoration: none;
    color: var(--bs-primary);
    font-weight: 600
}

.blogView .breadcrumbNav a:hover {
    text-decoration: none;
    color: var(--tPrimary)
}

.blogView .breadcrumbNav .breadcrumb {
    --bs-breadcrumb-divider-color: var(--tPrimary);
    --bs-breadcrumb-item-active-color: var(--white-60)
}

.blogView .breadcrumbNav .breadcrumb-item.active {
    background: var(--bs-gradiant-gold-main);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 376px
}

@media(max-width: 991px) {
    .blogView .breadcrumbNav .breadcrumb-item.active {
        width:240px
    }
}
/* single post  */
.blogView{padding-top: 70px;}

.blogView ._content ._blogText h1 {
    font-weight: 500;
    line-height: 1.45
}

.blogView ._content ._blogText :where(h2,h3,h4,h5) {
    margin-top: 3.5rem;
    margin-bottom: 1.75rem
}

.blogView ._content ._blogText a {
    text-decoration: none
}

.blogView ._content ._blogText :where(ol,ul) li {
    line-height: 1.5;
    font-weight: 300;
    font-size: 1rem
}

.blogView ._content ._blogText :where(ol,ul) li strong {
    font-weight: 700
}

.blogView ._content ._blogText :where(ol,ul) {
    margin-bottom: 2.75rem
}

.blogView ._content ._blogText ol li:last-child {
    margin-bottom: 0
}

.blogView ._content ._blogText p {
    line-height: 1.5;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1rem
}

@media(min-width: 1200px) {
    .blogView ._content ._blogText h2 {
        font-size:2.5rem;
        font-weight: 500;
        line-height: 1.3
    }

    .blogView ._content ._blogText h3 {
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.45
    }

    .blogView ._content ._blogText h4 {
        font-size: 1.875rem;
        font-weight: 500;
        line-height: 1.5
    }

    .blogView ._content ._blogText h5 {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.5
    }

    .blogView ._content ._blogText p {
        line-height: 1.7;
        font-size: 1.25rem
    }

    .blogView ._content ._blogText :where(ol,ul) li {
        font-size: 1.125rem
    }
}

.blogView ._content ._blogText figure {
    width: auto;
    max-width: 100%
}

.blogView ._content ._blogText div+h2,.blogView ._content ._blogText div+h3,.blogView ._content ._blogText div+h4,.blogView ._content ._blogText div+h5,.blogView ._content ._blogText div+h6,.blogView ._content ._blogText div+p,.blogView ._content ._blogText div+ul,.blogView ._content ._blogText figure+h2,.blogView ._content ._blogText figure+h3,.blogView ._content ._blogText figure+h4,.blogView ._content ._blogText figure+h5,.blogView ._content ._blogText figure+h6,.blogView ._content ._blogText figure+p,.blogView ._content ._blogText figure+ul,.blogView ._content ._blogText ul+h2,.blogView ._content ._blogText ul+h3,.blogView ._content ._blogText ul+h4,.blogView ._content ._blogText ul+h5,.blogView ._content ._blogText ul+h6,.blogView ._content ._blogText ul+ol,.blogView ._content ._blogText ul+p,.blogView ._content ._blogText ul+ul {
    margin-top: 1.875rem
}

.blogView ._content ._blogText ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.blogView ._content ._blogText ul li {
    padding-left: 0;
    line-height: 1.6;
    position: relative
}



.single-post .e_quote {
    background-image: none
}

.single-post .e_quote p {
    margin-bottom: 0px!important
}

.wp-block-list>li::marker {
    font-size: x-large;
    color: var(--bs-link-hover)
}

.single-post .wp-block-image img {
    max-width: 100%;
    height: auto
}



.blogView .sticky-lg-top {
    top: 100px
}

.blogView .cta {
    margin: 0 11px
}


/* ===============================
   LANDING PAGE
================================ */
.text-8D8D8D{color: #8D8D8D;}.text-181C25{color: #181C25;}

.w-fit{width: fit-content;}



.fs-34{
  font-size: clamp(24px, 2.5vw, 2.125rem);;
}
.fs-45{font-size: clamp(24px, 2.5vw,  2.8125rem);}
.landing-hero{
  padding: 100px 0 52px;
  background-image:url('./assets/images/banner/landingBg.webp');
}
.card.crawDate-card{
  border: 3px solid transparent;
  background: linear-gradient(134.72deg, #F9CE5C 9.3%, #D8A016 100.17%);
  
}
.card.crawDate-card .card-body{
  gap: 20px;
  background: linear-gradient(90deg, #FFF7E3 1.22%, #FFFFFF 90.27%);
      padding: 28px 52px 26px 26px;
}

.card.eventCard{
  --bs-card-spacer-y: 1.9375rem;
  --bs-card-spacer-x: 1.9375rem;
  --bs-card-cap-padding-y: 1.25rem;
  --bs-card-cap-padding-x: 2.25rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-cap-bg:transparent;
  --bs-card-border-color: #0000001A;
  --bs-card-border-radius: 8px;
  --bs-card-title-color:#000;
  color: #212529;
  border-width: inherit;
  border: 1px solid #0000001A;
}
.card.eventCard .card-text p:not(:last-child){margin-bottom: 15px;line-height: 23px;}
.card.eventCard .event-icon{    margin-bottom: 35px;margin-top: -89px;}
.text-platinum{color: #59C878;}.gold-price{background: linear-gradient(134.72deg, #F9CE5C 9.3%, #D8A016 100.17%);-webkit-background-clip: text !important;}
.card.eventCard.silver{background-image:url('./assets/images/lp/silverBg.webp');}
.card.eventCard.gold{background-image:url('./assets/images/lp/goldBg.webp');}
.card.eventCard.platinum{background-image:url('./assets/images/lp/platinumBg.webp'); color: #fff; --bs-card-title-color:#fff;--bs-card-border-color: #FFFFFF4D;}


table.earningTable{--bs-table-color: #181C25}
table.earningTable :is(td, span):not(.badge){font-size: 24px !important; color: #181C25;}
table.earningTable thead th{
background-color: #F8F8F8 !important;
color: #181C25 !important;
font-size: 22px !important;
padding: 25px 25px !important;
line-height: 30px !important;
    padding-right: 50px !important;
}
table.earningTable .note-text{font-weight: 500 !important;}
.royalDrawSwiper .swiper-wrapper{
  padding-top: 80px;
}
@media(min-width:1024px){
  .display-1.fs-78{
  font-size: 4.875rem;
}



  .reffrealCta .container{
    max-width: 1444px;
  }
  .reffrealCta {margin-top: -32px;}
}
.reffrealCta .ctaWrap{

/* GD */
background: linear-gradient(134.72deg, #F9CE5C 9.3%, #D8A016 100.17%);
border-radius: 10px;
padding: 40px 100px;

}
.refBox{
  padding: 1.3125rem 1.5rem;
      background-color: #fff;
  border-radius: 10px;
}

.legel-disclaimer ul li{margin-bottom: 18px;}




/*========Media Query=========*/


@media (min-width: 992px){
  /* home   */
  .wtp-sm.card.wtpCard .wtp-img {max-width: 120px;position: absolute;right: 17px;top: 97px;margin: 0;}
  .ctaLock{    width: 90%;}
  .card CtaCard .row.g-lg-5{        --bs-gutter-x: 0;}
  /* .card.wtpCard .card-body{padding-bottom: 0;} */
 /* intru  */
   /* swiper ko grid feel */
   .wfSwiper{overflow: visible;}
  .wfSwiper .swiper-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem; }

  ._whyTradeCard .card-body{padding-bottom: 64px;}
  /* center image placement */
  .wf-image-item {
    grid-column: 2;
    grid-row: 1 / span 3;
  }

  
  .wf-image-item img {
    transform: scale(1.1);   /* 1.15 – 1.35 try kar sakte ho */
    transform-origin: top;
  }

  .tabs-nav.nav .nav-item{width: calc(50% - 20px);}


  .card.ta_card .card-body{
    padding: 28px  50px !important;
  }
  .gx-30{--bs-gutter-x: 30px;}

}




@media (min-width: 1024px){
 
  .wtp-sm.card.wtpCard .wtp-img {max-width: 90px;top: auto;bottom: 5px;}
  .instru-btn .arrow_wrap{margin-left: 70px;}
  ._menuBtn{pointer-events: none;}
  ._footer_menu ._collapse.collapse:not(.show){display: block;}


  section.w-trading h2{
        white-space: nowrap;
  }

  
  
  
  
}


@media (min-width: 1280px){
   .dropdown-menu.mega-menu .mega-section{
    box-shadow: 0px 0px 22px 4px rgba(167, 174, 186, 0.43);
    border-radius: 12px;
    padding: 16px 5px;
  }
  .dropdown-menu.mega-menu{    padding: 22px 0;    --bs-dropdown-min-width: 56rem;}


  .wtp-sm.card.wtpCard .wtp-img{max-width: 120px;top: 120px;}

  .wtp-sm.card.wtpCard.wp2 .wtp-img{max-width: 130px;top: 100px;}
  .wtp-sm.card.wtpCard.wp3 .wtp-img{max-width: 130px;top: 100px;right: 0;}
  .wtp-sm.card.wtpCard.wp4 .wtp-img{max-width: 200px;right: -10px; width: 100%; top: 42%;}
  .wtp-sm.card.wtpCard.wp5 .wtp-img{max-width: 120px;top: 90px;}




}
 @media (min-width: 1340px) {
    .card.wtpCard .cart-text  {
        flex: 0 0 auto;
        width: 73.333333%;
    }
}





@media(max-width:1280px){
  .navbar-nav.header-nav {
    --bs-nav-link-font-size: .8rem;
    --bs-navbar-nav-link-padding-x: .8rem;}
    .instru-nav.prev {left: 43% !important;}
    .step-card.sc1 img,.step-card.sc3 img{max-width: 300px;}
    .card.wtpCard .wtp-img{width: 50%;margin-top: -28px;}
    .card.wtpCard.wp1 .wtp-img {width: 78%;margin-top: -54px;}
  }
  @media(max-width:1024px){
    /* header megha   */
    .dropdown-menu.mega-menu{padding: 0;}
    .navbar-nav.header-nav {--bs-navbar-color: #000;}
    .offcanvas {background: #fff;color: var(--bs-primary);}
     header.site-header{padding: 0;}
     .dropdown-menu.mega-menu .mega-section{padding: 0;padding-top: 10px;}
     .mega-section .menu-title{font-size: .7rem;color: #181c257a; font-weight: 700;}
     .list-group.headList{--bs-list-group-item-padding-y: 0.225rem;--bs-list-group-action-color:#212529;--bs-list-group-action-hover-color: #000;}
     .link-effect a{font-weight: 500;font-size: 14px;}
     .header-actions .btn.btn_icon,.header-actions .btn.btn_icon svg{color: var(--bs-primary) !important;fill: var(--bs-primary) !important;} 
     .card.headCard .card-img img {width: 85%;right: 1px;bottom: -5px;}
     .card.headCard{    --bs-card-height: 240px;}

    /* banner  */
    .banner.ab .banner-wrap {min-height: 200px !important;}
    .banner.ab .banner-wrapimg {bottom: -8%;}
     .page-banner.instru {padding: 90px 0 90px;}
     .page-banner.instru .dwBanner{    top: 10% !important;right: -50px !important;}

     .page-banner.acTypes .acBanner {right: 0;width: 50%;bottom: 0;}

     .page-banner.liqProvid  .dwBanner{top: 10% !important;right: 0px !important;}

     .page-banner.mt5 .banner-img,.banner.socialTrade .banner-img{width: 50%;}
        .navbar-nav.header-nav {
        --bs-nav-link-font-size: .8rem;
        --bs-navbar-nav-link-padding-x: .8rem;
        --bs-nav-link-padding-y: .5975rem;
        --bs-nav-link-padding-x: .625rem;
        --bs-navbar-nav-link-padding-x: calc(1.75rem / 2);
        --bs-nav-link-font-size: 1rem;
        --bs-nav-link-font-weight: 500;
    }
    .banner.home .text_wrap {padding: 100px 0 0px;}
      .h-banner-img img {bottom: -5%;width: 55%;right: 0;}
    .card.CtaCard .text-wrap {padding-block: 20px;}
    .card.wtpCard.wp1 .wtp-img{margin: 0;width: 40%;margin-top: -65px;}

    .card.hotCard .text-wrap {padding-block: 60px;}

    
    /* trust pilot  */
    .review_slider .swiper {width: 97%;}

    /* instru  */
    .instruList.v-separator li:not(:last-child)::after {right: -10%;}
    .instru-btn .arrow_wrap{margin-left: 0px;}

    /* trad type  */
    .card.acType-card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;}

    .ceo.section .card.CtaCard {
    --bs-card-spacer-x: 1.25rem;
    --bs-card-spacer-y: 20px;}

    ._menuBtn[aria-expanded="true"] ._icon {
    transform: rotate(90deg);
}
.navbar-nav.footer-navbar{
      --bs-nav-link-padding-y: 0.2rem;
    margin-bottom: 15px;
}

/* landing page  */
table.earningTable{
  width: 800px;
          
}
table.earningTable thead th{
      font-size: 18px !important;
      padding: 15px !important;
      white-space: normal !important;
}
table.earningTable :is(td, span):not(.badge){
      font-size: 16px !important;
}
.reffrealCta .ctaWrap{
      padding: 10px;
}
.reffrealCta .ctaWrap h4{font-size: 1rem;}
  }

  @media(max-width:992px){
    .home.page-banner{background: var(--bs-gradiant-greenThree);}
    .banner.ab{padding-bottom: 80px;}
    .banner.ab .banner-img{bottom: 0%;left: 0%;width: 100%;}
    .banner.ab .banner-wrap {min-height: 80px !important;}
    .banner.awward .banner-wrap{min-height: 200px !important;}
    .page-banner.instru .dwBanner{width: 100% !important;}
    .page-banner.instru {padding: 250px 0 50px;}
    .page-banner.instru.fx{padding: 70px 0 250px;}
    .page-banner.instru .dwBanner{top: 0% !important;right: -10px !important;}
    .page-banner.instru.cu{padding: 350px 0 50px;}
    .page-banner.instru.cu .banner-img {left: 0;}

    .page-banner.acTypes{padding: 30px 0 450px;}
    .page-banner.acTypes .acBanner {right: 30px;width: 80%;bottom: 180px;}

    .page-banner.mt5 .banner-img,.banner.socialTrade .banner-img{    width: 100% !important;bottom: 0; left: 0;}.page-banner.mt5{padding: 50px 0 350px;}
    .page-banner.socialTrade{padding: 50px 0 350px;}

    
    .row:not(.nos)>* {padding-right: calc(var(--bs-gutter-x) * 1);padding-left: calc(var(--bs-gutter-x) * 1);}
    .headin_wrap h2.display-4 {font-size: calc(1rem + 2.7vw);}



    .fs-m-12{font-size: .75rem;}
    .fs-m-15{font-size: .9375rem !important;}
    .fs-m-16{font-size: 1rem;}
    .fs-m-20,.fs-30{font-size: 1.25rem !important;}
    .fs-2 {font-size: calc(1.125rem + .9vw) !important;}
    .btn, .btn-sm, .btn-lg{--bs-btn-padding-y: 0.813rem;--bs-btn-padding-x: 1.2rem;--bs-btn-font-size: .9rem;}
    .banner.home .text_wrap {padding: 50px 0 350px;}
    .h-banner-img img {bottom: 0%;width: 100%;}
    .v-separator li:not(:last-child)::after{    right: -12%;}
    .instrumentSlider .swiper-wrapper {padding-bottom: 50px;}

    /* blog detal  */

    h2.wp-block-heading {margin: 20px 0;}
    .blogView {padding-top: 50px;}
    .blogView ._content ._blogText p{margin-bottom: 0px;}
    .blogView ._content ._blogText :where(h2,h3,h4,h5) {margin-top: 1.5rem;margin-bottom: .75rem;}
    .blogView ._content ._blogText :where(ol,ul) {margin-bottom: 1.75rem;}
    .tips_box ._heading::after{display: none;}
    .breadcrumb{--bs-breadcrumb-font-size:.8rem;}

    /* forex detail  */
    .e_quote.card {
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 1rem;}


    /* swiper  */
    .slide-nav.trust-navBtns .instru-nav.prev {left: -10px !important;}
    .slide-nav.trust-navBtns .instru-nav {bottom: 45%;}
    .slide-nav.trust-navBtns .instru-nav.next {left: auto !important;right: 10px;}
     /* home  */
    .pagination_main.home {left: 0%;bottom: 2%;}

    .card.wtpCard .wtp-img{width: 80%;margin-top: auto;float: none;}

    .card.wtpCard:not(.wp1) .card-body{padding-bottom: 0;display: flex;flex-direction: row;justify-content: space-between;}
    .card.wtpCard:not(.wp1) .card-body .card-img{    width: 40%;}
    .card.CtaCard.ctaOne{--bs-card-spacer-x: 1.5rem !important;--bs-card-spacer-y: 0 !important;}


  /* ab  */
  .ceo.section .card.CtaCard .ceoImg{position: static !important;width: 80%;margin-top: -40px;}
    .ceo.section .card.CtaCard{background-repeat: repeat;background-position: center;background-size: contain;}
    .ceo.section .card.CtaCard .card-body{padding-bottom: 0;}

    /* cu  */
    .card.conCard{--bs-card-spacer-y: 1.25rem;--bs-card-spacer-x: 1.2rem;}
    .card.conCard ._icon svg{width: 50px;height:50px;} 


    .ctaOne.hotCard img{margin-bottom: -84px;position: static !important;}
    
    

    /* table  */
    .nav-tabs.tpTabs{overflow-x: auto;overflow-y: hidden;white-space: nowrap;flex-wrap: nowrap;}
    .table.tpTable thead th{font-size: .875rem;padding: .75rem 1rem;vertical-align: middle;white-space: nowrap;}
    .instrument-icon {max-width: 1.875rem;}
    .table.tpTable *{font-size: .875rem;}
    .table.tpTable>:not(caption)>*>*{padding: .75rem 1rem;}

    .badge.value-badge{font-size: 14px;line-height: 22px;padding: 0.175rem 0.4rem;}
    .badge.value-badge.up img.up-arrow{    width: 30%;}

    .card.insrtuCard {--bs-card-height: 280px;}
    .card.insrtuCard .card-text h3{transform: translate(0px, 15px);font-size: 22px !important;}
    .step-card.sc1 img, .step-card.sc2 img, .step-card.sc3 img {max-width: 280px;max-height: 220px;object-fit: contain;}

   

    /* end table  */
    .card.CtaCard, .card.wtpCard{--bs-card-spacer-x: 1rem;--bs-card-spacer-y: 1rem;}
    .cta_list li .me-10{    margin-right: 2px;}
    .card.wtpCard.wp1 {
    --bs-card-spacer-y: 1.625rem;
    --bs-card-spacer-x: 1.625rem;}
    .card.wtpCard.wp1 .wtp-img{margin-top: 10px;width: 100%;margin-right: 0px; }

    /* pin card  */
    ._whyTradeCard{--bs-card-spacer-x: 10px;
    --bs-card-spacer-y: 1.5rem;}
    ._cardlist ._cardlist_item .card-title.fs-26 {font-size: 1.25rem !important;} 
    ._cardlist ._cardlist_item .card-text.fs-19{font-size: 1rem !important;} 
    
    .hrStickyScroll{position: relative;}
    .hrStickyScroll ._cardlist{align-items: stretch;padding-bottom: 10px;}
    .hrStickyScroll ._whyTradeCard{height: 100%;}
    .card.wjCard,.card.howCard {--bs-card-spacer-y: 1rem !important;--bs-card-spacer-x: 1rem !important;}


    /* market table  */
    .table.table_main tbody :is(td, span):not(.badge),.table.table_main thead th{    font-size: .875rem;padding: .75rem 1rem;}
    .table.tpTable .badge.value-badge>span{padding: 0;}  

    .card._regCard {--bs-card-spacer-y: 1.625rem;--bs-card-spacer-x: 1.625rem;}

    /* instru  */
    .card.pairCard {--bs-card-cap-padding-y: 10px;--bs-card-cap-padding-x: 10px;}
   .table.instruTable{width: 1280px;}
   .table-sm.instruTable th {padding: 1.125rem .2rem;}
    .counter-sec {margin-top: -180px;}
    .instruList.v-separator li:not(:last-child)::after{display: none;}
    .accordion.accordion-main .accordion-body{font-size: 1rem !important;}
    footer .social_list .btn-social{max-width: 40px;}
    .wfSwiper .swiper-slide:not(.wf-image-item) {padding: 1.5rem 1rem;}
    /* ac type  */
    .nav-tabs.acTypetabs{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: 1rem;--bs-nav-link-font-size: 1.4rem;}
    .nav-tabs.acTypetabs button p.fs-5{font-size: 18px !important;line-height: 28px;}
    .card.howCard img{width: 100px;height: 100px;}

    .joinP .instru-nav{bottom: 20px;}
    .swiper-pagination.instru-pagi{bottom: 0px;left: -2px;}

    .contactForm .form-control {
    padding: 1rem 22px;
    border-radius: 16px;}

  }
  @media (min-width: 1300px) and (max-width: 1550px){
    .card.wtpCard.wp1 .wtp-img {margin-top: -120px;}
    .card.wtpCard .cart-text {flex: 0 0 auto;width: 80.333333%;}
    .wtp-sm.card.wtpCard.wp2 .wtp-img {max-width: 100px;}
    .wtp-sm.card.wtpCard.wp4 .wtp-img {max-width: 150px;}
    .wtp-sm.card.wtpCard.wp3 .wtp-img {max-width: 100px;}
  }


  @media (min-width: 768px) and (max-width: 1140px){
    .display-2 {
    font-weight: 300;
    line-height: 1.2;
    font-size: calc(1.175rem + 3.9vw);
}
  }





/* ===============================
   MULTY LAGUAGE ARABIC
================================ */
/* Home  */

/* [lang="ar"] .main_banner-img img {right: 50%;} */
[lang="ar"] .justify-content-ar-end{justify-content: end;}
[lang="ar"] .main_banner-img:not(.dir-rtl){display: none;}
[lang="ar"] .dir-rtl.d-none{display: block !important;}
[lang="ar"] .download-links .icon-box,[lang="ar"] .ar-flex-row-reverse{flex-direction: row-reverse !important;}
[lang="ar"] .drwapBtn-group .fBtn-icon{ right: 0;}
[lang="ar"] .download.section .headin_wrap{text-align: start !important;}
[lang="ar"] .card.wtpCard .wtp-img {float: inline-end;}
[lang="ar"] .list-group.headList,.mega-section .menu-title, .text-ar-end { text-align: right;}
[lang="ar"] .link-effect a:hover {padding-right: 30px;}
[lang="ar"] .navbar-nav.footer-navbar {padding-right: 0;}
[lang="ar"] .link-effect a:after{left: unset;right: 0;}
[lang="ar"] .accordion-button::after{margin-left: unset;margin-right: auto;}
[lang="ar"] .downloadLinks .btn.btn-light .arrow_wrap svg , [lang="ar"] .btn_icon svg.arrow{    rotate: 180deg;}

/* cu  */
[lang="ar"] .page-banner.cu .banner-img{width: 45%;} 

[lang="ar"] .page-banner.instru{padding: 150px 0 130px;}

[lang="ar"] .page-banner.acTypes .acBanner{ right: unset;}

@media (min-width: 1024px) {
   [lang="ar"] .instru-btn .arrow_wrap {
        margin-left: 20px;
    }
}




@media (min-width: 992px) {
  [lang="ar"] .navbar-expand-xl .navbar-nav .dropdown-menu{right: 0 !important;}
}
@media (min-width: 992px) {
    [lang="ar"] .wtp-sm.card.wtpCard .wtp-img,
    [lang="ar"] .wtp-sm.card.wtpCard.wp3 .wtp-img,
    [lang="ar"] .wtp-sm.card.wtpCard.wp4 .wtp-img {left: 0;right: unset;}

  }


/* ===============================
   ENHANCED PRESENTATION SYSTEM
================================ */

:root{
  --fx-shadow-soft: 0 18px 40px rgba(11, 43, 30, 0.08);
  --fx-shadow-lift: 0 28px 60px rgba(11, 43, 30, 0.16);
  --fx-card-border: rgba(14, 78, 49, 0.08);
  --fx-card-border-strong: rgba(215, 169, 76, 0.32);
  --fx-card-highlight: rgba(255, 255, 255, 0.2);
  --fx-card-sheen: radial-gradient(circle at var(--card-glow-x, 50%) var(--card-glow-y, 50%), rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 42%);
}

html{
  scroll-behavior: smooth;
}

body{
  overflow-x: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbf8 52%, #ffffff 100%);
}

main,
.inner_wrap{
  overflow-x: clip;
}

:where(h1, h2, h3, .display-1, .display-2, .display-4){
  text-wrap: balance;
}

.site-header.scrolled{
  box-shadow: 0 20px 48px rgba(8, 22, 15, 0.18);
}

.site-header.scrolled nav.header-nav{
  backdrop-filter: blur(16px);
  background: rgba(20, 23, 27, 0.94);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.site-header .top_bar{
  backdrop-filter: blur(10px);
}

@media(min-width:1200px){
  .navbar-nav.header-nav > .nav-item > .nav-link{
    position: relative;
    transition: color 0.25s ease, transform 0.25s ease;
  }

  .navbar-nav.header-nav > .nav-item.dropdown{
    position: relative;
  }

  .navbar-nav.header-nav > .nav-item.dropdown > .nav-link.dropdown-toggle{
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding-right: 0.25rem;
  }

  .navbar-nav.header-nav > .nav-item.dropdown::after{
    display: none;
  }

  .header-nav-caret{
    display: inline-block;
    width: 0.42rem;
    height: 0.42rem;
    margin-top: -0.08rem;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    opacity: 0.88;
    transform: rotate(45deg);
    flex: 0 0 auto;
    transition: transform 0.25s ease, opacity 0.25s ease;
  }

  .navbar-nav.header-nav > .nav-item > .nav-link::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.55rem;
    height: 2px;
    transform: scaleX(0);
    transform-origin: left center;
    background: var(--bs-gradiant-gold);
    transition: transform 0.35s ease;
  }

  .navbar-nav.header-nav > .nav-item > .nav-link:hover{
    transform: translateY(-1px);
  }

  .navbar-nav.header-nav > .nav-item.dropdown:hover .header-nav-caret,
  .navbar-nav.header-nav > .nav-item.dropdown:focus-within .header-nav-caret{
    opacity: 1;
    transform: translateY(1px) rotate(45deg);
  }

  .navbar-nav.header-nav > .nav-item > .nav-link:hover::after,
  body.nav-state-ready .navbar-nav.header-nav > .nav-item > .nav-link[aria-current="page"]::after{
    transform: scaleX(1);
  }
}

.header-royal-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.72rem;
  min-height: 48px;
  padding: 0.38rem 0.98rem 0.38rem 0.44rem;
  border-radius: 999px;
  border: 1px solid rgba(249, 206, 92, 0.42);
  background:
    radial-gradient(circle at top left, rgba(249, 206, 92, 0.18), rgba(249, 206, 92, 0) 42%),
    linear-gradient(135deg, rgba(14, 78, 49, 0.98), rgba(10, 28, 21, 0.96));
  box-shadow: 0 16px 34px rgba(7, 22, 15, 0.18);
  color: #fff;
  text-decoration: none;
  isolation: isolate;
  overflow: hidden;
}

.header-royal-link::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 52%);
  opacity: 0.58;
  pointer-events: none;
}

.header-royal-link__media,
.header-royal-link__label{
  position: relative;
  z-index: 1;
}

.header-royal-link__media{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.65rem;
  height: 2.35rem;
  flex: 0 0 auto;
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
  padding: 0.15rem 0.28rem;
}

.header-royal-link__media img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.header-royal-link__label{
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

@media (hover:hover){
  .header-royal-link:hover{
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 20px 38px rgba(7, 22, 15, 0.24);
  }
}

.header-royal-link:focus-visible{
  color: #fff;
  outline: 2px solid rgba(249, 206, 92, 0.88);
  outline-offset: 3px;
}

.awards-refresh__intro{
  max-width: 32rem;
}

.awards-refresh__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.38rem 0.8rem;
  border-radius: 999px;
  background: rgba(249, 206, 92, 0.14);
  color: #0e4e31;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.awards-refresh__visual,
.banner.awward .banner-wrap.awards-refresh-hero{
  position: relative;
  overflow: hidden;
  border-radius: 1.75rem;
  border: 1px solid rgba(249, 206, 92, 0.16);
  background:
    radial-gradient(circle at 50% 0%, rgba(249, 206, 92, 0.12), rgba(249, 206, 92, 0) 42%),
    linear-gradient(180deg, #080b09 0%, #0f1411 100%);
  box-shadow: 0 28px 60px rgba(8, 18, 14, 0.24);
}

.awards-refresh__visual{
  padding: clamp(1rem, 2vw, 1.4rem);
}

.banner.awward .banner-wrap.awards-refresh-hero{
  min-height: auto !important;
  padding: clamp(0.85rem, 1.4vw, 1.15rem);
}

.awards-refresh__visual::after,
.banner.awward .banner-wrap.awards-refresh-hero::after{
  content: "";
  position: absolute;
  inset: auto 12% -22% 12%;
  height: 42%;
  background: radial-gradient(circle, rgba(249, 206, 92, 0.28), rgba(249, 206, 92, 0) 70%);
  pointer-events: none;
}

.awards-refresh__visual img,
.banner.awward .banner-wrap.awards-refresh-hero img{
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
}

.awards-grid-showcase{
  padding: clamp(1.25rem, 2vw, 1.8rem);
  border-radius: 1.5rem;
  border: 1px solid rgba(33, 37, 41, 0.08);
  background: #fff;
  box-shadow: 0 22px 48px rgba(15, 31, 23, 0.08);
}

.awards-grid-showcase img{
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 1199px){
  .header-royal-link{
    width: 100%;
  }

  .header-royal-link__label{
    font-size: 0.92rem;
  }
}

.header-royal-link{
  display: none !important;
}

body.js-ui-enhanced .btn:not(.navbar-toggler):not(.swiper-button-next):not(.swiper-button-prev):not(.btn-close){
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, background-position 0.4s ease, border-color 0.3s ease, color 0.3s ease;
  will-change: transform;
}

.btn.btn-primary,
.btn.btn-gold-main{
  background-size: 160% 160%;
  background-position: 0 50%;
}

.btn.btn-outline-light{
  backdrop-filter: blur(10px);
}

@media (hover:hover){
  body.js-ui-enhanced .btn:not(.navbar-toggler):not(.swiper-button-next):not(.swiper-button-prev):not(.btn-close):hover{
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(11, 43, 30, 0.14);
  }

  .btn.btn-primary:hover,
  .btn.btn-gold-main:hover{
    background-position: 100% 50%;
  }
}

.shine-effect:hover::before{
  animation: shine 1.1s ease-out 1;
}

.banner.home.page-banner,
.page-banner:not(.home){
  position: relative;
  isolation: isolate;
}

.banner.home.page-banner::before,
.page-banner:not(.home)::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 24%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 22%),
    radial-gradient(circle at 78% 22%, rgba(249, 206, 92, 0.16), rgba(249, 206, 92, 0) 24%),
    radial-gradient(circle at 62% 68%, rgba(58, 170, 108, 0.14), rgba(58, 170, 108, 0) 28%);
  z-index: 0;
}

.banner.home.page-banner > *,
.page-banner:not(.home) > *{
  position: relative;
  z-index: 1;
}

body.motion-ready .homeHero .hero-slide__image{
  transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1), filter 1.1s ease, opacity 0.8s ease;
  transform: scale(1.06);
  filter: saturate(0.95);
}

body.motion-ready .homeHero .swiper-slide-active .hero-slide__image{
  transform: scale(1);
  filter: saturate(1);
}

body.motion-ready .homeHero .hero-slide__copy > *{
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.75s ease;
  transform: translateY(28px);
  opacity: 0;
}

body.motion-ready .homeHero .swiper-slide-active .hero-slide__copy > *{
  transform: translateY(0);
  opacity: 1;
}

body.motion-ready .homeHero .swiper-slide-active .hero-slide__copy > *:nth-child(2){
  transition-delay: 0.08s;
}

body.motion-ready .homeHero .swiper-slide-active .hero-slide__copy > *:nth-child(3){
  transition-delay: 0.14s;
}

body.motion-ready .homeHero .swiper-slide-active .hero-slide__copy > *:nth-child(4){
  transition-delay: 0.2s;
}

.pagination_main.home .swiper-pagination-bullet{
  width: 36px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.42);
  transition: width 0.35s ease, transform 0.35s ease, background-color 0.35s ease, opacity 0.35s ease;
}

.pagination_main.home .swiper-pagination-bullet-active{
  width: 56px;
  background: #f6d782;
  transform: scaleY(1.15);
}

.counter-sec{
  position: relative;
  z-index: 5;
}

.home .counter-sec{
  margin-top: -70px;
  background:
    linear-gradient(
      180deg,
      rgba(248, 248, 248, 0) 0,
      rgba(248, 248, 248, 0) 4.75rem,
      #f8f8f8 4.75rem,
      #f8f8f8 100%
    );
}

body.js-ui-enhanced .card.insrtuCard,
body.js-ui-enhanced .card.wtpCard,
body.js-ui-enhanced .card.CtaCard,
body.js-ui-enhanced .card.blCard,
body.js-ui-enhanced .card._regCard,
body.js-ui-enhanced .card.awardCard,
body.js-ui-enhanced .card.pairCard,
body.js-ui-enhanced .card.acType-card,
body.js-ui-enhanced .card.headCard,
body.js-ui-enhanced .tips_box,
body.js-ui-enhanced .accordion.accordion-main .accordion-item{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-color: var(--fx-card-border);
  box-shadow: var(--fx-shadow-soft);
  transform-style: preserve-3d;
  transform: perspective(1100px) rotateX(var(--card-rotate-x, 0deg)) rotateY(var(--card-rotate-y, 0deg)) translateY(0);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease, border-color 0.35s ease, background-color 0.35s ease;
}

body.js-ui-enhanced .card.insrtuCard::after,
body.js-ui-enhanced .card.wtpCard::after,
body.js-ui-enhanced .card.CtaCard::after,
body.js-ui-enhanced .card.blCard::after,
body.js-ui-enhanced .card._regCard::after,
body.js-ui-enhanced .card.awardCard::after,
body.js-ui-enhanced .card.pairCard::after,
body.js-ui-enhanced .card.acType-card::after,
body.js-ui-enhanced .card.headCard::after,
body.js-ui-enhanced .tips_box::after,
body.js-ui-enhanced .accordion.accordion-main .accordion-item::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: var(--fx-card-sheen);
  transition: opacity 0.35s ease;
}

@media (hover:hover){
  body.js-ui-enhanced .card.insrtuCard:hover,
  body.js-ui-enhanced .card.wtpCard:hover,
  body.js-ui-enhanced .card.CtaCard:hover,
  body.js-ui-enhanced .card.blCard:hover,
  body.js-ui-enhanced .card._regCard:hover,
  body.js-ui-enhanced .card.awardCard:hover,
  body.js-ui-enhanced .card.pairCard:hover,
  body.js-ui-enhanced .card.acType-card:hover,
  body.js-ui-enhanced .card.headCard:hover,
  body.js-ui-enhanced .tips_box:hover,
  body.js-ui-enhanced .accordion.accordion-main .accordion-item:hover{
    transform: perspective(1100px) rotateX(var(--card-rotate-x, 0deg)) rotateY(var(--card-rotate-y, 0deg)) translateY(-8px);
    box-shadow: var(--fx-shadow-lift);
    border-color: var(--fx-card-border-strong);
  }

  body.js-ui-enhanced .card.insrtuCard:hover::after,
  body.js-ui-enhanced .card.wtpCard:hover::after,
  body.js-ui-enhanced .card.CtaCard:hover::after,
  body.js-ui-enhanced .card.blCard:hover::after,
  body.js-ui-enhanced .card._regCard:hover::after,
  body.js-ui-enhanced .card.awardCard:hover::after,
  body.js-ui-enhanced .card.pairCard:hover::after,
  body.js-ui-enhanced .card.acType-card:hover::after,
  body.js-ui-enhanced .card.headCard:hover::after,
  body.js-ui-enhanced .tips_box:hover::after,
  body.js-ui-enhanced .accordion.accordion-main .accordion-item:hover::after{
    opacity: 1;
  }
}

.card.insrtuCard{
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 248, 248, 0.98));
}

.card.insrtuCard::before{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 44%;
  z-index: 0;
  background: linear-gradient(180deg, rgba(7, 18, 13, 0) 0%, rgba(7, 18, 13, 0.2) 100%);
}

.card.insrtuCard .card-body,
.card.insrtuCard .card-text{
  position: relative;
  z-index: 1;
}

.card.insrtuCard img{
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
}

@media (hover:hover){
  .card.insrtuCard:hover img{
    transform: scale(1.08) translateY(-6px);
    filter: saturate(1.04);
  }
}

.card.wtpCard{
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 246, 232, 0.9));
}

.card.wtpCard .card-body{
  position: relative;
  overflow: hidden;
}

.card.wtpCard .cart-text{
  position: relative;
  z-index: 2;
}

.card.wtpCard .card-img{
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.card.wtpCard.wp1{
  background: linear-gradient(135deg, #d8a016 0%, #f6d782 100%);
}

.card.wtpCard .wtp-img{
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
  transform-origin: center bottom;
}

@media (hover:hover){
  .card.wtpCard:hover .wtp-img{
    transform: translateY(-10px) scale(1.04);
    filter: saturate(1.03);
  }
}

.wtp-sm.card.wtpCard.wp4 .card-body{
  padding-right: clamp(7.25rem, 18vw, 10.5rem);
}

.wtp-sm.card.wtpCard.wp4 .card-img{
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(7.5rem, 18vw, 10.5rem);
  margin-top: 0 !important;
}

.wtp-sm.card.wtpCard.wp4 .wtp-img{
  position: static;
  width: 100%;
  max-width: none;
  margin: 0;
}

.wtp-sm.card.wtpCard.wp4 .cart-text{
  position: relative;
  z-index: 2;
}

.trade-pos .wtp-sm.card.wtpCard .card-body,
.trade-pos .wtp-sm.card.wtpCard .cart-text{
  min-width: 0;
}

.trade-pos .wtp-sm.card.wtpCard .cart-text :is(h3, p){
  word-break: normal;
  overflow-wrap: break-word;
}

.live-market-section{
  position: relative;
  overflow: hidden;
}

.live-market-section::before{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: clamp(10rem, 24vw, 15rem);
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 18%, rgba(14, 78, 49, 0.06), transparent 42%),
    radial-gradient(circle at 84% 8%, rgba(249, 206, 92, 0.14), transparent 28%);
}

.live-market-shell{
  position: relative;
  padding: clamp(1rem, 1.6vw, 1.2rem);
  border-radius: 1.75rem;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfa 100%);
}

.live-market-tabs{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
  margin-bottom: 1rem;
}

.live-market-tab{
  border: 0;
  background: transparent;
  color: rgba(17, 24, 39, 0.78);
  padding: 0.55rem 0.9rem;
  border-radius: 0.8rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.live-market-tab.is-active{
  background: rgba(17, 24, 39, 0.08);
  color: #111827;
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.08);
}

@media (hover:hover){
  .live-market-tab:hover{
    background: rgba(14, 78, 49, 0.08);
    color: #0e4e31;
    transform: translateY(-1px);
  }
}

.live-market-widget{
  position: relative;
  min-height: 132px;
}

.live-market-marquee{
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: linear-gradient(180deg, #f7f8f4 0%, #f4f5f1 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.live-market-track{
  display: flex;
  align-items: center;
  gap: 1rem;
  width: max-content;
  padding: 0.85rem 1rem;
  will-change: transform;
  animation: liveMarketScroll 34s linear infinite;
}

.live-market-marquee:hover .live-market-track{
  animation-play-state: paused;
}

.live-market-item{
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 18.5rem;
  padding: 0.72rem 0.82rem;
  border-radius: 1.35rem;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 10px 22px rgba(10, 34, 23, 0.05);
}

.live-market-item__signal{
  flex: 0 0 2.55rem;
  width: 2.55rem;
  height: 2.55rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
}

.live-market-item__signal svg{
  width: 1rem;
  height: 1rem;
}

.live-market-item--up .live-market-item__signal{
  color: #0f7b48;
  background: rgba(34, 197, 94, 0.14);
}

.live-market-item--down .live-market-item__signal{
  color: #dc3b32;
  background: rgba(255, 120, 117, 0.18);
}

.live-market-item__copy{
  min-width: 0;
  flex: 1 1 auto;
}

.live-market-item__symbol{
  margin: 0 0 0.1rem;
  color: #111827;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.1;
}

.live-market-item__meta{
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  color: rgba(17, 24, 39, 0.68);
}

.live-market-item__price,
.live-market-item__close{
  font-size: 0.95rem;
  line-height: 1.15;
}

.live-market-item__price{
  color: #111827;
  font-weight: 600;
}

.live-market-item__close,
.live-market-item__divider{
  color: rgba(17, 24, 39, 0.56);
  font-weight: 500;
}

.live-market-item__delta{
  margin: 0.16rem 0 0;
  font-size: 0.79rem;
  font-weight: 600;
  line-height: 1.2;
}

.live-market-item--up .live-market-item__delta{
  color: #0f7b48;
}

.live-market-item--down .live-market-item__delta{
  color: #dc3b32;
}

.live-market-item__action{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.75rem;
  padding: 0.72rem 0.95rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #dbe8ff 0%, #cbddff 100%);
  color: #2563eb;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.live-market-empty{
  display: grid;
  place-items: center;
  min-height: 7rem;
  border-radius: 1.4rem;
  border: 1px dashed rgba(17, 24, 39, 0.14);
  color: rgba(17, 24, 39, 0.6);
  background: rgba(248, 250, 248, 0.9);
  font-size: 0.98rem;
  text-align: center;
}

@keyframes liveMarketScroll{
  from{transform: translateX(-50%);}
  to{transform: translateX(0);}
}

@media (min-width: 1200px){
  .dropdown-menu.mega-menu{
    margin-top: 0.95rem !important;
  }

  .nav-item.dropdown a.dropdown-toggle:before{
    top: calc(100% + 8px);
  }

  .banner.socialTrade .banner-img{
    right: clamp(0.5rem, 1.8vw, 2rem);
    bottom: 4rem;
    width: min(45%, 41.5rem);
    max-width: none;
  }

  .page-banner.acTypes .acBanner{
    right: clamp(2.5rem, 5.8vw, 6.25rem);
    bottom: 1rem;
    width: min(42vw, 39rem);
    max-width: none;
  }

  .trade-pos > .container > .row > .col-xl-6:first-child{
    width: 43%;
  }

  .trade-pos > .container > .row > .col-xl-6:last-child{
    width: 57%;
  }

  .trade-pos .wtp-sm.card.wtpCard .card-body{
    position: relative;
    display: block !important;
    min-height: 15.5rem;
    padding-right: clamp(7rem, 14vw, 9rem);
  }

  .trade-pos .wtp-sm.card.wtpCard .cart-text{
    max-width: 100%;
  }

  .trade-pos .wtp-sm.card.wtpCard .cart-text h3{
    font-size: clamp(1.7rem, 1.45vw, 2rem);
    line-height: 1.08;
  }

  .trade-pos .wtp-sm.card.wtpCard .cart-text p{
    font-size: clamp(1rem, 0.92vw, 1.12rem) !important;
    line-height: 1.35;
    max-width: 14rem;
  }

  .trade-pos .wtp-sm.card.wtpCard .card-img{
    position: absolute;
    right: 0.9rem;
    bottom: 0.8rem;
    width: clamp(6.5rem, 12vw, 8.75rem);
    margin-top: 0 !important;
    text-align: end;
  }

  .trade-pos .wtp-sm.card.wtpCard .wtp-img{
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .wtp-sm.card.wtpCard.wp4 .card-body{
    padding-right: clamp(7.5rem, 14vw, 9.5rem);
  }

  .wtp-sm.card.wtpCard.wp4 .cart-text{
    max-width: 100%;
  }

  .wtp-sm.card.wtpCard.wp4 .card-img{
    right: 0.7rem;
    width: clamp(6.5rem, 13vw, 9.25rem);
  }
}

@media (min-width: 1200px) and (max-width: 1480px){
  .trade-pos > .container > .row > .col-xl-6:first-child{
    width: 40%;
  }

  .trade-pos > .container > .row > .col-xl-6:last-child{
    width: 60%;
  }

  .trade-pos .wtp-sm.card.wtpCard .card-body{
    min-height: 14.5rem;
    padding-right: 6.75rem;
  }

  .trade-pos .wtp-sm.card.wtpCard .cart-text h3{
    font-size: 1.55rem;
  }

  .trade-pos .wtp-sm.card.wtpCard .card-img{
    width: 6.4rem;
  }

  .trade-pos .wtp-sm.card.wtpCard.wp4 .card-body{
    padding-right: 6.9rem;
  }

  .trade-pos .wtp-sm.card.wtpCard.wp4 .card-img{
    width: 7rem;
  }
}

.card.headCard{
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.card.headCard .card-img img{
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover:hover){
  .card.headCard:hover .card-img img{
    transform: translateY(-6px) scale(1.03);
  }
}

.card.blCard{
  border-radius: 22px;
  background: #fff;
}

.card.blCard img{
  border-radius: 18px;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
}

@media (hover:hover){
  .card.blCard:hover img{
    transform: scale(1.05);
    filter: saturate(1.04);
  }
}

.card.blCard a,
.card.blCard .card-title,
.catTabs .blog-tabs .btn{
  transition: color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

@media (hover:hover){
  .catTabs .blog-tabs .btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(11, 43, 30, 0.12);
    border-color: rgba(215, 169, 76, 0.36);
  }
}

.hrStickyScroll{
  position: relative;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
}

.hrStickyScroll .wrap{
  overflow: hidden;
}

.hrStickyScroll ._cardlist{
  width: max-content;
  min-width: 100%;
  align-items: stretch;
}

.hrStickyScroll ._cardlist_item{
  flex: 0 0 clamp(18rem, 19vw, 20rem);
  width: clamp(18rem, 19vw, 20rem);
}

.hrStickyScroll::before{
  content: "";
  position: absolute;
  inset: 8% 0 auto;
  height: 60%;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(215, 169, 76, 0.14), rgba(215, 169, 76, 0) 58%);
}

body.motion-ready .hrStickyScroll.fx-reveal,
body.motion-ready .hrStickyScroll.fx-reveal.is-visible{
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

._whyTradeCard{
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 34px rgba(6, 18, 13, 0.16);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.hrStickyScroll.active ._whyTradeCard{
  box-shadow: 0 22px 44px rgba(6, 18, 13, 0.18);
}

@media (hover:hover){
  ._whyTradeCard:hover{
    transform: translateY(-8px);
    border-color: rgba(215, 169, 76, 0.28);
    background: linear-gradient(135deg, #1f8254 0%, #0b3e27 100%);
  }
}

.accordion.accordion-main .accordion-item{
  border-radius: 18px !important;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: rgba(255, 255, 255, 0.92);
}

.accordion.accordion-main .accordion-item + .accordion-item{
  margin-top: 0.875rem;
}

.accordion.accordion-main .accordion-button{
  transition: background-color 0.35s ease, color 0.35s ease, padding 0.35s ease;
}

.accordion.accordion-main .accordion-button:not(.collapsed){
  background: linear-gradient(180deg, rgba(249, 206, 92, 0.14), rgba(255, 255, 255, 1));
  color: #111827;
}

.accordion.accordion-main .accordion-item.is-open{
  border-color: rgba(215, 169, 76, 0.3);
  box-shadow: 0 18px 36px rgba(11, 43, 30, 0.12);
}

.accordion.accordion-main .accordion-button::after{
  transition: transform 0.35s ease;
}

.footerStripe{
  backdrop-filter: blur(14px);
  box-shadow: 0 -16px 40px rgba(7, 22, 15, 0.18);
}

.footerStripe .btn-outline-light{
  border-color: rgba(255, 255, 255, 0.65);
}

body.motion-ready .fx-reveal{
  opacity: 0;
  filter: blur(14px);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s ease;
  transition-delay: var(--fx-delay, 0s);
  will-change: transform, opacity;
}

body.motion-ready .fx-reveal-block,
body.motion-ready .fx-reveal-card:is(.btn, .nav-link){
  transform: translate3d(0, 42px, 0);
}

body.motion-ready .fx-reveal-card.btn{
  transform: translate3d(0, 24px, 0) scale(0.98);
}

body.motion-ready .fx-reveal.is-visible{
  opacity: 1;
  filter: blur(0);
}

body.motion-ready .fx-reveal-block.is-visible,
body.motion-ready .fx-reveal-card:is(.btn, .nav-link).is-visible{
  transform: none;
}

@keyframes floatAsset{
  0%,100%{transform: translate3d(0, 0, 0);}
  50%{transform: translate3d(0, -10px, 0);}
}

body.motion-ready .step-card img,
body.motion-ready .footerStripe .fBtn-icon{
  animation: floatAsset 7.5s ease-in-out infinite;
}

body.motion-ready .step-card.sc2 img{
  animation-duration: 8.8s;
  animation-delay: -1.8s;
}

@media (max-width: 991px){
  .home .counter-sec{
    margin-top: -110px;
    background:
      linear-gradient(
        180deg,
        rgba(248, 248, 248, 0) 0,
        rgba(248, 248, 248, 0) 6.25rem,
        #f8f8f8 6.25rem,
        #f8f8f8 100%
      );
  }

  .hrStickyScroll .wrap{
    overflow: visible;
  }

  .hrStickyScroll ._cardlist{
    width: auto;
    min-width: 0;
  }

  .hrStickyScroll ._cardlist_item{
    flex: 0 0 auto;
    width: auto;
  }

  .wtp-sm.card.wtpCard.wp4 .card-body{
    padding-right: 7.5rem;
  }

  .wtp-sm.card.wtpCard.wp4 .card-img{
    width: 7.75rem;
  }

  .live-market-widget{
    min-height: 104px;
  }

  .live-market-tab{
    font-size: 0.95rem;
    padding: 0.55rem 0.82rem;
  }

  .live-market-track{
    gap: 0.75rem;
    padding: 0.75rem;
    animation-duration: 28s;
  }

  .live-market-item{
    min-width: 15rem;
    padding: 0.62rem 0.82rem;
  }

  .live-market-item__action{
    min-width: 4.25rem;
    padding: 0.65rem 0.8rem;
    font-size: 0.88rem;
  }

  .pagination_main.home .swiper-pagination-bullet{
    width: 28px;
  }

  body.js-ui-enhanced .card.insrtuCard,
  body.js-ui-enhanced .card.wtpCard,
  body.js-ui-enhanced .card.CtaCard,
  body.js-ui-enhanced .card.blCard,
  body.js-ui-enhanced .card._regCard,
  body.js-ui-enhanced .card.awardCard,
  body.js-ui-enhanced .card.pairCard,
  body.js-ui-enhanced .card.acType-card,
  body.js-ui-enhanced .card.headCard,
  body.js-ui-enhanced .tips_box,
  body.js-ui-enhanced .accordion.accordion-main .accordion-item{
    transform: none;
  }
}

@media (max-width: 767px){
  .home .counter-sec{
    margin-top: -82px;
    background:
      linear-gradient(
        180deg,
        rgba(248, 248, 248, 0) 0,
        rgba(248, 248, 248, 0) 5rem,
        #f8f8f8 5rem,
        #f8f8f8 100%
      );
  }
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior: auto;
  }

  body.motion-ready .fx-reveal,
  .homeHero .hero-slide__image,
  .homeHero .hero-slide__copy > *,
  .card.insrtuCard img,
  .card.wtpCard .wtp-img,
  .card.blCard img,
  .step-card img,
  .footerStripe .fBtn-icon,
  .live-market-track,
  .shine-effect::before{
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
}