:root{
  --primaryColor: #0070BA;
  --primaryHover: #3192D2;
  --secondaryColor: #1B9E1B;
  --secondaryHover: #4EC54E;
  --dangerColor:#DE0000;
  --txtColor:#464B4E;
  --borderColor:#E0E0E0;
  --lightColor:#F8FBFD;
  --whiteColor:#ffffff;
  --blackColor:#000000;
  --themeFont: "Plus Jakarta Sans", sans-serif;
}

/* Basics */
html{ overflow-x: hidden; scrollbar-color: var(--primaryColor) lightgray; scrollbar-width: thin;}
body{ padding:0; margin:0; font-size: 18px; color:var(--txtColor); font-family: var(--themeFont); overflow-x: hidden;}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .3s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; color: var(--blackColor);}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: var(--primaryColor);}
input, select, textarea, button{ outline:none !important; box-shadow:none; font-family: var(--themeFont);}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

/* Container */
.container{ width:90%; max-width:1410px; margin:0 auto; padding:0;}
.container.sm{ max-width: 1090px;}
.container.es{ max-width: 890px;}

/* Paragraph */
p{ margin-bottom: 30px; font-size: 20px; line-height: 32px; color: var(--txtColor);}
p:last-child{ margin-bottom: 0;}
p a{ color:var(--txtColor);}
p a:hover{ color:var(--primaryColor);}

/* Heading */
/* h1{ font-size: 80px; font-weight: 800;}
h2{ font-size: 60px; font-weight: 700;}
h3{ font-size: 40px; font-weight: 700;}
h4{ font-size: 25px; font-weight: 700;}
h5{ font-size: 20px; font-weight: 600;}
h6{ font-size: 18px; font-weight: 500;} */
h1 {
    font-size: 100px;
    font-weight: 800;
}

h2 {
    font-size: 65px;
    font-weight: 700;
}

h3 {
    font-size: 45px;
    font-weight: 700;
}

h4 {
    font-size: 25px;
    font-weight: 700;
}

h5 {
    font-size: 20px;
    font-weight: 600;
}

h6 {
    font-size: 18px;
    font-weight: 500;
}

.page-title{ font-weight: 800; margin-bottom: 30px;}
.sec-title{ margin-bottom: 35px;}
.sec-title.white{ color: var(--whiteColor);}
.sec-sub-title{ color: var(--primaryColor); margin-bottom: 10px; text-transform:uppercase; font-weight: 700;}

.txt-primary{ color: var(--primaryColor) !important;}
.txt-secondary{ color: var(--secondaryColor) !important;}
.txt-orenge{color: #DD9229 !important;}
.txt-red{color: #DE0000 !important;}
.txt-white{color: var(--whiteColor);}

/* Button */
.btn-group{ gap: 10px; flex-wrap: wrap;}
.btn-theme{ padding: 12px 30px; border-radius: 100px; font-size: 22px; font-weight: 800; color: var(--primaryColor); border: 1px solid var(--primaryColor); display: inline-flex; align-items: center; justify-content: center; background: transparent; transition:all .3s ease-in-out;}
.btn-theme:hover{ background: var(--primaryColor); color: var(--whiteColor);}
.btn-theme.grey{ border-color: var(--borderColor); background: var(--whiteColor); color: var(--blackColor); font-weight: 600;}
.btn-theme.grey:hover{ background: var(--blackColor); color: var(--whiteColor); border-color: var(--blackColor);}
.btn-theme.fill{ background: var(--primaryColor); color: var(--whiteColor);}
.btn-theme.fill:hover{ background: var(--primaryHover); border-color: var(--primaryHover); color: var(--whiteColor);}
.btn-theme.secondary{ border-color: var(--secondaryColor); color: var(--secondaryColor);}
.btn-theme.secondary:hover{ background: var(--secondaryColor); color: var(--whiteColor);}
.btn-theme.secondary.fill{ background: var(--secondaryColor); color: var(--whiteColor);}
.btn-theme.secondary.fill:hover{ background: var(--secondaryHover); border-color: var(--secondaryHover); color: var(--whiteColor);}
.btn-theme.danger{ border-color: var(--dangerColor); color: var(--dangerColor);}
.btn-theme.danger:hover{ background: var(--dangerColor); color: var(--whiteColor);}
.btn-theme.danger.fill{ background: var(--dangerColor); color: var(--whiteColor);}
.btn-theme.danger.fill:hover{ background: var(--dangerHover); border-color: var(--dangerHover); color: var(--whiteColor);}
/* Medium Size */
.btn-theme.md{ padding: 11px 25px; font-size: 17px; font-weight: 700;}

/* Link */
.external_link{ margin: 0; padding: 0; display: inline-block; font-size: 22px; font-weight: 800; color: var(--secondaryColor); text-decoration: underline;}
.external_link:hover{ color: var(--secondaryHover);}

/* Section Spacing */
.py-120, .pt-120{ padding-top: 120px;}
.py-120, .pb-120{ padding-bottom: 120px;}
.py-80, .pt-80{ padding-top: 80px;}
.py-80, .pb-80{ padding-bottom: 80px;}
.mb-30{ margin-bottom: 30px;}
@media (min-width: 1400px) {
  .g-xxl-30{ --bs-gutter-x: 30px; --bs-gutter-y: 30px;}
}

hr{ border-color: var(--borderColor); margin: 40px 0; opacity: 1;}

/*===================
 		    HEADER
===================*/
.header__sec{ width:100%; position: absolute; top: 0; left: 0; padding: 0; z-index: 1002; transition: all .4s ease-in-out;}
.header__sec::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: all .4s ease-in-out; z-index: -1;}

.top_part{ padding: 9px 0; background: var(--whiteColor); height: 40px; transition: all .4s ease-in-out; text-align: center; overflow: hidden;}
.top_part p{ font-size: 16px; line-height: normal; font-weight: 500; color: #51575B;}
.top_part p a{ font-size: inherit; font-weight: 600;}

.nav_part{ padding: 15px 0; transition: all .4s ease-in-out;}

.type_btns{ margin: 0; display: flex; gap: 10px;}
.type_btn{ margin: 0; padding: 5px 15px; font-size: 17px; display: inline-block; font-weight: 700; border-radius: 50px; background: transparent; color: var(--txtColor); text-align: center;}
.type_btn:hover{ color: var(--secondaryColor);}
.type_btn.active{ background: rgba(27,158,27,0.15); color: var(--secondaryColor);}

.sign_btns{ margin: 0; display: flex; gap: 10px;}

.header__sec .navbar-brand{ width: 225px; min-width: 225px; max-width: 225px; margin:0 47px 0 0; padding:0;}
.header__sec .navbar-brand img, .header__sec .navbar-brand svg{ width: 100%;}
.header__sec .navbar-light .navbar-nav .nav-item{ margin:0 40px 0 0;}
.header__sec .navbar-light .navbar-nav .nav-link{ margin:0; padding:10px 0; font-weight: 600; font-size: 17px; color: var(--txtColor); position: relative; transition: all .3s ease-in-out;}
.header__sec .navbar-light .navbar-nav .dropdown-toggle::after{ content: ""; width: 15px; height: 9px; margin-left: 6px; background: url("data:image/svg+xml;utf8,<svg width='15' height='9' viewBox='0 0 15 9' xmlns='http://www.w3.org/2000/svg'><path d='M14.5269 1.83942L7.96442 8.40192C7.90347 8.46293 7.83109 8.51134 7.75143 8.54436C7.67176 8.57739 7.58636 8.59439 7.50012 8.59439C7.41388 8.59439 7.32848 8.57739 7.24882 8.54436C7.16915 8.51134 7.09677 8.46293 7.03582 8.40192L0.473324 1.83942C0.350185 1.71628 0.281006 1.54927 0.281006 1.37512C0.281006 1.20098 0.350185 1.03396 0.473324 0.910824C0.596463 0.787684 0.763476 0.718506 0.937621 0.718506C1.11177 0.718506 1.27878 0.787684 1.40192 0.910824L7.50012 7.00985L13.5983 0.910824C13.6593 0.849851 13.7317 0.801485 13.8113 0.768487C13.891 0.735489 13.9764 0.718506 14.0626 0.718506C14.1488 0.718506 14.2342 0.735489 14.3139 0.768487C14.3936 0.801485 14.4659 0.849851 14.5269 0.910824C14.5879 0.971796 14.6363 1.04418 14.6693 1.12384C14.7023 1.20351 14.7192 1.28889 14.7192 1.37512C14.7192 1.46135 14.7023 1.54673 14.6693 1.6264C14.6363 1.70606 14.5879 1.77845 14.5269 1.83942Z' fill='%23464B4E'/></svg>") no-repeat center center; border: none; transition: all .3s ease-in-out; vertical-align: inherit; position: relative; bottom: 2px;}
.header__sec .navbar-light .navbar-nav .nav-link:focus, .header__sec .navbar-light .navbar-nav .nav-link:hover{ color: var(--secondaryColor); border-color: var(--secondaryColor);}
.header__sec .navbar-light .navbar-nav .nav-link.active, .header__sec .navbar-light .navbar-nav .nav-link.show{ color: var(--secondaryColor); border-color: var(--secondaryColor);}
.header__sec .offcanvas .text-reset{ cursor: pointer;}
.header__sec .dropdown-menu{ padding: 5px; background: var(--lightColor); border: 2px solid var(--whiteColor); border-radius: 15px; overflow: hidden; box-shadow: 5px 7px 27px rgba(0,0,0,0.1); left: auto; right: 0;}
.header__sec .dropdown-item{ padding: 8px 15px; color: var(--titleColor); font-weight: 400; font-family: var(--bodyFont); border-radius: 10px;}
.header__sec .dropdown-item:hover, .header__sec .dropdown-item:focus{ background: var(--secondaryColor); color: var(--whiteColor); border-color: var(--secondaryColor);}

@media (min-width: 992px) {
  .header__sec .offcanvas { visibility: visible; position: relative; background: none; border: none; justify-content: end; }
  .header__sec .dropdown-menu{ margin-top: 0;}
  .header__sec .dropdown:hover .dropdown-menu { display: block; visibility: visible; animation: dropdownMenu-slide .4s;}
  .header__sec .right_part .navbar-nav .dropdown:last-child .dropdown-menu{ left: auto; right: 0;}

  /* Header white */
  .header__white:not(.sticky) .type_btn{ color: var(--whiteColor);}
  .header__white:not(.sticky) .type_btn:hover{ color: var(--secondaryHover);}
  .header__white:not(.sticky) .type_btn.active{ background:var(--secondaryColor); color: var(--whiteColor);}
  .header__white:not(.sticky) .btn-theme:not(.fill){ color: var(--whiteColor); border: 1px solid var(--whiteColor);}
  .header__white:not(.sticky) .btn-theme:not(.fill):hover{ background: var(--whiteColor); color: var(--primaryColor);}
  .header__white:not(.sticky) .navbar-light .navbar-nav .nav-link{ color: var(--whiteColor);}
  .header__white:not(.sticky) .navbar-light .navbar-nav .dropdown-toggle::after{ filter: brightness(0) invert(1);}
  .header__white:not(.sticky) .navbar-light .navbar-nav .nav-link:focus, .header__white:not(.sticky) .navbar-light .navbar-nav .nav-link:hover{ color: var(--whiteColor);}
  .header__white:not(.sticky) .navbar-light .navbar-nav .nav-link.active, .header__white:not(.sticky) .navbar-light .navbar-nav .nav-link.show{ color: var(--whiteColor);}
}

/* Header white */
.header__white:not(.sticky) .navbar-brand{ filter: brightness(0) invert(1);}
.header__white:not(.sticky) .navbar-toggler svg rect{ fill: var(--whiteColor);}

/* Header Style2 */
.header__sec.header_style2:not(.sticky){ background: var(--whiteColor);}
.header__sec.header_style2 .top_part{ display: none;}
.header__sec.header_style2 .offcanvas{ display: none;}

.accholder_info{ display: flex; flex: 1 0 0; gap: 20px; justify-content: flex-end; align-items: center;}
.earn_pill{ padding: 8px 25px; font-size: 17px; font-weight: 700; color: var(--whiteColor); border-radius: 100px; background: var(--secondaryColor); display: inline-block;}
.account_drop{ margin: -10px 0;}
.account_drop > button{ margin: 0; padding: 10px 0; font-size: 17px; font-weight: 600; color: var(--txtColor); background: none; border: none; display: flex; gap: 8px; align-items: center;}
.account_drop > button::after{ border: none; content: ""; display: inline-block; width: 17px; height: 10px; margin-left: auto; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9'><path d='M14.5272 1.33917 7.96466 7.90167c-.06095.06102-.13332.10942-.21299.14245-.07967.03302-.16506.05002-.25131.05002s-.16539-.017-.24506-.05002c-.07967-.03303-.15204-.08143-.213-.14245L.473568 1.33917a.656.656 0 0 1 0-.928591.656.656 0 0 1 .929292 0L7.50036 6.5096l6.0982-6.099021a.656.656 0 0 1 .9289.928591Z' fill='%23464B4E'/></svg>"); background-repeat: no-repeat; background-size: contain;}
.account_drop:hover > button, .account_drop > button:hover{ color: var(--primaryColor);}
.account_drop > button figure{ margin: 0; border-radius: 50%;}
.account_drop > button figure img{ width: 100%; object-fit: cover; border-radius: 50%;}

/* HEADER STICKY */
.header__sec.sticky{ position:fixed; box-shadow: 0 0 5px rgba(0,0,0,0.1); animation:slide-down 0.4s;}
.header__sec.sticky::before{ opacity: 1;}
.header__sec.sticky .top_part{ height: 0; padding: 0; opacity: 0; visibility: hidden;}
.header__sec.sticky .type_btn.active{ background:var(--secondaryColor); color: var(--whiteColor);}

@keyframes slide-down{
  0% {
      opacity: 0;
      transform: translateY(-100%);
  }
  100% {
      opacity: 0.9;
      transform: translateY(0);
  }
}

/* dropdownMenu-slide */
@keyframes dropdownMenu-slide {
  0% {
      opacity: 0;
      transform: translateY(-10%);
      z-index: -1;
  }
  100% {
      opacity: 1;
      transform: translateY(0%);
      z-index: 55;
  }
}

/*===================
       FOOTER
===================*/
.footer__sec figure{ margin: 0 0 70px;}
.social_links{ margin: 0; padding: 0; display: flex; gap: 10px;}
.social_links a{ width: 50px; height: 50px; border: 1px solid var(--borderColor); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.social_links a img{ transition: all .4s ease-in-out;}
.social_links a:hover{ border-color: var(--secondaryColor); background: var(--secondaryColor);}
.social_links a:hover img{ filter: brightness(0) invert(1);}
.footer__sec h5{ margin: 0 0 18px; font-weight: 700; color: var(--blackColor);}
.foot_links{ margin: 0; padding: 0;}
.foot_links li{ margin: 0 0 11px; padding: 0; font-size: 17px; color: var(--txtColor);}
.foot_links li a{ color: var(--txtColor); display: inline-block;}
.foot_links li a:hover{ color: var(--secondaryColor);}
.footer__sec .download_store{ max-width: 229px; margin-left: auto;}

.copyright{ padding: 38px 0; margin-top: 80px; border-top: 1px solid var(--borderColor);}
.copyright p{ margin: 0; font-size: 17px;}
.copyright p strong{ text-transform: uppercase;}
.copyright p span{ color: var(--borderColor); margin: 0 8px;}

/* Return To Top */
#return-to-top { position:fixed; bottom:50px; right:20px; width:40px; height:40px; border-radius:50%; text-decoration: none; text-align:center; display:none; transition: all 0.3s ease; z-index:9999; line-height: 35px;}
#return-to-top svg{ width: 18px; height: auto;}
#return-to-top svg path{ fill: var(--secondaryHover);}
#return-to-top:hover { background:rgba(27,158,27,0.25); opacity: 1;}

/*========================
 		   Personal Page
=========================*/
section{ padding:0; margin:0;}

/* Hero */
.hero__sec{ padding: 196px 0 84px; overflow: hidden; background: url(../images/personal-bg.jpg) no-repeat center center; background-size: cover;}
.hero__sec .detail{ padding:0 60px 0 0;}

.trustpilot_info{ margin-bottom: 12px; display: flex; align-items: center; gap: 11px; color: var(--blackColor);}
.trustpilot_info .stars{ display: flex;}
.trustpilot_info b{ font-weight: 600;}

.hero__sec h1{ margin: 0 0 25px;}
.hero__sec h4{ margin: 0 0 30px; color: var(--txtColor); font-weight: 500; line-height: 38px;}

.download_store{ display: flex; gap: 10px;}
.download_store a{ padding: 12px 25px; display: flex; gap: 11px; font-size: 23px; font-weight: 700; color: var(--whiteColor); align-items: center; background: var(--blackColor); border-radius: 10px; line-height: normal; overflow: hidden; position: relative; text-align: left;}
.download_store a small{ display: block; font-size: 14px; font-weight: 400;}
.download_store a:hover{ background: rgba(0,0,0,0.9); box-shadow: inset 7px 7px 12px var(--blackColor);}
.download_store a:after { background: var(--whiteColor); content: ""; height: 155px; left: -90px; opacity: 0.1; position: absolute; top: -40px; transform: rotate(35deg); transition: all 950ms cubic-bezier(0.19, 1, 0.22, 1); width: 60px;}
.download_store a:hover:after { left: 120%; transition: all 950ms cubic-bezier(0.19, 1, 0.22, 1);}

.sendpayment_info{ width: 100%; max-width: 600px; background: rgba(255, 255, 255, 0.1); border: 2px solid var(--whiteColor); box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.05); border-radius: 20px; margin-left: auto; padding: 20px;}
.sendpayment_info .sendpayment_inn{ padding: 50px 50px 45px; background: var(--whiteColor); box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.05); border-radius: 20px;}
.country_price_block{ margin: 0 0 30px;}
.country_price_block label{ margin: 0 0 8px; font-size: 18px; font-weight: 600; color: var(--txtColor);}
.country_price_block .country_price{ padding: 19px 25px; border: 1px solid var(--borderColor); border-radius: 10px; display: flex; justify-content: space-between; gap: 10px; align-items: center; background-color: var(--whiteColor);}
.country_price_block .country_price .price{ border: none; padding: 0; font-size: 28px; font-weight: 700; color: var(--blackColor); line-height: normal;}
.country_price_block .country_price ::placeholder{ color: var(--blackColor);}
.country{ padding:0; margin:0; min-width: 111px; width: 111px;}
.country button{ padding:0; border:none; background:none; display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; color: var(--txtColor); width: 100%;}
.country button img, .country .dropdown-item img{ width: 35px; min-width: 35px; height: 23px; object-fit: cover;}
.country button span{ overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.country .dropdown-toggle::after{ border: none; content: ""; display: inline-block; width: 17px; min-width: 17px; height: 10px; margin-left: auto; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10' fill='none'><path d='M15.759 2.57138L9.19653 9.13388C9.10508 9.22565 8.99641 9.29846 8.87676 9.34814C8.75711 9.39783 8.62882 9.4234 8.49927 9.4234C8.36971 9.4234 8.24143 9.39783 8.12177 9.34814C8.00212 9.29846 7.89345 9.22565 7.802 9.13388L1.2395 2.57138C1.05457 2.38645 0.950684 2.13564 0.950684 1.87411C0.950684 1.61258 1.05457 1.36177 1.2395 1.17684C1.42443 0.991918 1.67524 0.888028 1.93677 0.888028C2.19829 0.888028 2.44911 0.991918 2.63403 1.17684L8.50009 7.0429L14.3661 1.17602C14.5511 0.991098 14.8019 0.887207 15.0634 0.887207C15.3249 0.887207 15.5757 0.991098 15.7607 1.17602C15.9456 1.36095 16.0495 1.61176 16.0495 1.87329C16.0495 2.13482 15.9456 2.38563 15.7607 2.57056L15.759 2.57138Z' fill='%23464B4E'/></svg>"); background-repeat: no-repeat; background-size: contain;}
.country .dropdown-menu{ margin-top:0; padding:5px; min-width:111px; text-align:center; left:auto; right:0; border-radius:0; border-color: var(--borderColor); box-shadow:0 0 12px rgba(0,0,0,0.1); border-radius: 10px;}
.country .dropdown-item{ padding:5px 10px; border:none; background:none; display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; color: var(--txtColor);}
.country .dropdown-item:hover, .country .dropdown-item.active{ background:var(--lightColor); color:var(--blackColor);}

.total_table{ padding: 12px 0 0; background: #F8F8F8; border-radius: 10px;}
.total_table li{ display: flex; margin: 0; padding: 0 25px; gap: 10px; font-size: 17px; align-items: center; justify-content: space-between; line-height: 32px; height: 100%;}
.total_table li span{ width: 100%;}
.total_table li strong{ font-weight: 600; font-size: 18px; width: 78%; text-align: right;}
.total_table li.total{ padding: 12px 25px; margin-top: 12px; background: #E0EDF6; border-radius: 0 0 10px 10px; font-weight: 600; color: var(--blackColor);}
.total_table li.total strong{ font-size: 19px; color: var(--primaryColor); font-weight: 800;}

/* What */
.what__sec .what_card{padding: 35px 26px 36px 27px; background: var(--lightColor); text-align: center; border-radius: 20px; height: 100%; transition: all .3s;}
.what__sec .what_card:hover{ box-shadow: inset 0 0 0 1px var(--primaryColor);}
.what__sec figure {margin: 0 0 20px 0; padding: 0 9px 0 8px;}
.what__sec figure img{object-fit: cover; box-shadow: 0px 3px 15px #EDF3F8; border-radius: 20px;}
.what__sec figure .purchases_item{box-shadow: none;}
.what__sec h4{ margin-bottom: 20px; line-height: 33px; min-height: 66px;}
.what__sec p{ font-size: 18px; line-height: 27px;}

/* Where */
.where__sec .nav{ margin: 0 0 40px; display: inline-flex; white-space: nowrap; flex-wrap: nowrap; overflow: auto; border-radius: 100px; background: #F8F8F8;padding: 5px;}
.where__sec .nav .nav-link{font-size: 20px; font-weight: 700; color: var(--txtColor); padding: 11px 25px 13px 25px; line-height: normal;  border-radius: 100px;}
.where__sec .nav .nav-link:focus, .where__sec .nav .nav-link:hover{ background: transparent; color: var(--primaryColor);}
.where__sec .nav .nav-link.active{ background: var(--primaryColor); color: var(--whiteColor);}
.sendcountry_item{ padding: 15px; display: flex; border: 2px solid var(--borderColor); border-radius: 100px; gap: 20px; max-width: 335px;height: 100%; transition: all .4s ease-in-out; color: var(--blackColor);}
.sendcountry_item:hover{ border-color: var(--primaryColor); color: var(--primaryColor);}
.sendcountry_item figure{margin: 0; padding: 0; display: flex; width: 70px; min-width: 70px; height: 70px;}
.sendcountry_item figure img { width: 100%; height: 100%; object-fit: cover;}
.sendcountry_item span{ font-size: 24px; font-weight: bold; line-height: normal; align-self: center; overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#Countrymarqee2 .sendcountry_item { direction: ltr; text-align: start;}
#Countrymarqee2 .splide__track{ margin-top: 23px;}

/* Store CTA */
.storecta__sec{background: url(../images/storecta-bg.png) center center no-repeat; background-size: cover;}
.storecta__sec figure{margin: 0 -35px 0 -47px; padding-top: 40px;}
.storecta__sec .detail{ padding: 120px 0;  max-width: 602px; width: 100%; margin-left: auto; }
.storecta__sec .detail p{color: var(--whiteColor); font-weight: 500;}

/* Testimonial */
.testimonial__sec h2{margin-bottom: 25px;}
.testimonial__sec .testi-trustpilot{margin-bottom: 49px;}
.testi-arrows{display: flex; gap: 10px;}
.testi-arrows .testi-prev, .testi-arrows .testi-next{padding: 11px; border: 1px solid var(--borderColor); border-radius: 100px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background: var(--whiteColor);}
.testi-arrows .testi-prev img, .testi-arrows .testi-next img{ filter: brightness(0) saturate(100%) invert(26%) sepia(7%) saturate(467%) hue-rotate(159deg) brightness(99%) contrast(87%); transition: all .4s ease-in-out;}
.testi-arrows .testi-prev:hover, .testi-arrows .testi-next:hover{ border-color: var(--primaryColor);}
.testi-arrows .testi-prev:hover img, .testi-arrows .testi-next:hover img{ filter: none;}
.testimonial_slider{ max-width: 860px; margin-left: auto;}
.testimonial_slider .splide__slide{ padding: 2px 5px;}
.testi_item{ padding: 39px 40px; margin: 0; border: 1px solid var(--borderColor); border-radius: 20px; background: var(--whiteColor); height: 100%; display:flex; flex-direction: column; transition: all .3s;}
.testi_item:hover{ border-color: var(--primaryColor); background: var(--lightColor);}
.testi_item .time{font-size: 17px; font-weight: normal; color: #868B8E;}
.testi_item h5{margin: 25px 0 19px 0; }
.testi_item p{line-height: 33px; font-size: 18px; margin-bottom: 22px;}
.testi_item .author{display: flex; align-items: center; gap: 10px; margin-top: auto; }
.testi_item .author figure{margin: 0;}
.testi_item .author figure img{border-radius: 100px; object-fit: contain; display: block; height: 50px; max-width: 50px;}
.testi_item .author strong{display: block; font-size: 18px; font-weight: 600; line-height: 27px;}
.testi_item .author span{font-size: 17px; font-weight: 400; line-height: 27px;color: #868B8E;}

/* Client */
.client_logs{ overflow: hidden; padding-top: 10px;}
.client_logs .row{ margin: -2px;}
.client_logs figure{ display: flex; height: 204px; padding: 30px; margin: 0; align-items: center; justify-content: center; border-bottom: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor);}
.client_logs figure img{ transition: all .4s ease-in-out; max-height: 88px;}
.client_logs figure:hover img{ filter: grayscale(100%); opacity: 0.7;}

/* Subscribe */
.subscribe__sec{ background: url(../images/subscribe-bg.jpg) no-repeat center center; background-size: cover;}
.subscribe__sec p{ font-weight: 500; color: var(--whiteColor);}
.subscribe__sec .detail{ padding: 72px 0;}
.subs_form{ width: 100%; max-width: 616px; padding: 3px; background: var(--whiteColor); border-radius: 55px; display: flex;}
.subs_form .form-control{ height: 49px; border: none; width: 100%; flex-grow: 1; padding: 0 22px; background: none;}
.subscribe__sec figure{ margin: -26px 0 0 -40px; display: flex;}

/*========================
 		   Business Page
========================*/
.business__banner{padding: 190px 0 0; margin: 0 0 315px; background: url(../images/businees-banner.jpg) no-repeat center center; background-size: cover; display: flex; flex-direction: column; align-items: center;}
.business__banner .banner_cap{margin: 0 auto; padding: 0 0 89px; max-width: 1066px; width: 100%; text-align: center;}
.business__banner .banner_cap h1{color: var(--whiteColor); margin-bottom: 25px; line-height: 125px;}
.business__banner .banner_cap p{color: var(--whiteColor); line-height: 38px; font-size: 25px; font-weight: 500;}
.business__banner figure{ margin: 0px 0 -315px 0; height: 630px; display: flex; border-radius: 20px;}
.business__banner figure img{ object-fit: cover; border-radius: 20px; width: 100%;}

/* Brands */
.brands__sec{ padding:50px 0 48px 0; border-bottom: 1px solid var(--borderColor);}
.brands__sec h5{color: var(--txtColor); font-weight: 500; text-align: center; margin-bottom: 35px;}
.brands__sec figure{ margin: 0; text-align: center;}
.brands__sec figure img{ transition: all .4s ease-in-out; display: inline-block;}
.brands__sec figure:hover img{ filter: grayscale(100%);}

/* Merchant */
.accept__sec .detail{max-width: 564px; width: 100%; margin-right: auto;}
.accept__sec .detail p{font-weight: 400;}
.accept__sec .accept_img{position: relative;}
.accept__sec .accept_img .accept_curve1{position: absolute; top: 50%; transform: translateY(-50%); left: -50px; box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.05); border-radius: 18px;}
.accept__sec .accept_img .accept_curve2{ width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 50%; background: #0052B4; position: absolute; top: -40px; right: 142px;}
.accept__sec figure {margin: 0 0 0 auto; max-width: 620px;  width: 100%;}
.accept__sec figure img{object-fit: cover;  border-radius: 20px;}

/* Bulk Payments */
.anywhere__sec{ background: var(--lightColor);}
.anywhere__sec  .accept_img .accept_curve2{ right: 255px;}
.accept__sec .flex-row-reverse .detail{ max-width: 507px; width: 100%; margin: 0 0 0 auto;}
.accept__sec .flex-row-reverse .accept_img .accept_curve1{ right: -74px; left: auto;}
.accept__sec .flex-row-reverse figure{margin: 0 auto 0 0;}

/* Collections */
.agents__sec .accept_img .accept_curve2{ left: 79px; right: auto;}

/*========================
 		  Send Money Page
========================*/
.form_switchright{ display: flex; justify-content: space-between; align-items: center; padding: 0; margin-bottom: 8px;}
.form_switchright .form-check-input{min-height: 19px; width: 32px;}
.form_switchright .form-check-label{ font-weight: 600; color: var(--txtColor);}
.form_switchright .form-check-input:focus:not(:checked){ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important; border-color: #dee2e6 !important;}
.form_switchright .form-check-input:checked{background-color: var(--secondaryColor); border-color: var(--secondaryColor);}
.form_switchright .form-check-input:focus{border-color: var(--secondaryColor);}
.couponcode_form{ display: flex; justify-content: space-between;  align-items: center;}
.couponcode_form .form-control{ border: 1px solid var(--borderColor); border-radius: 10px; padding: 0 25px; height: 55px; margin: 0; font-size: 18px; font-weight: 500; color: var(--blackColor);}
.couponcode_form .form-control::placeholder{ color: var(--blackColor);}
.couponcode_form button{ height: 55px; padding: 0 25px; color: var(--whiteColor); background: var(--primaryColor); font-weight: 700; font-size: 18px; border: none; border-radius: 10px; transition: all .4s ease-in-out;}
.couponcode_form button:hover{background: var(--primaryHover); color: var(--whiteColor);}
.couponcode_form .btn-check:checked + .btn, .couponcode_form .btn.active, .couponcode_form .btn.show, .couponcode_form .btn:first-child:active, .couponcode_form :not(.btn-check) + .btn:active{background: var(--primaryHover); color: var(--whiteColor);}

/* Fees */
.fees__sec{ background: transparent;}
.fees__sec .flex-row-reverse .detail{ max-width: 607px;}

/* Steps */
.steps__sec .detail{max-width: 566px; width: 100%;}
.steps__sec ul{margin: 0; padding: 0;}
.steps__sec ul .active {color: var(--primaryColor);}
.steps__sec ul .active img{filter: brightness(0) invert(1);}
.steps__sec ul .active  i{background: var(--primaryColor);}
.steps__sec ul li{ display: flex; font-size: 25px; font-weight: 700; line-height: 35px; color: var(--blackColor); gap: 16px; margin:0; padding: 0 0 50px; position: relative;}
.steps__sec ul li::after { content: ""; position: absolute; top: 80px; left: 40px; width: 2px; height: 100%; border-left: 2px dashed var(--borderColor);}
.steps__sec ul li:last-child::after {display: none;}
.steps__sec ul li:last-child { padding-bottom: 0;}
.steps__sec ul li i { height: 80px; width: 80px; border-radius: 100px; padding: 17px; background: var(--lightColor); display: flex; align-items: center; justify-content: center;   flex-shrink: 0; }
.steps__sec ul li i img{max-width: 100%; height: auto; object-fit: cover;}
.steps__sec ul li div{ display: flex; gap: 10px; align-self: center;}
.steps__sec .steps_imgs{ max-width: 700px; margin: 0 0 0 auto; display: flex; width: 100%;}
.steps__sec .steps_imgs figure { width: 100%; margin: 0; display: flex;}
.steps__sec .steps_imgs figure img{ width: 100%; object-fit: cover; border-radius: 20px;}

/* Transfer */
.transfer__sec{background: var(--lightColor) center center no-repeat; background-size: cover; object-fit: cover;}
.transfer__sec .row{ --bs-gutter-y: 30px; --bs-gutter-x: 30px;}
.transfer_card{padding: 50px 25px 44px; background: var(--whiteColor); border-radius: 20px; display: flex; flex-direction: column; justify-content: center;  text-align: center; height: 100%; transition: all .4s ease-in-out;}
.transfer_card figure{margin: 0 0 30px 0; height: 130px; width: 130px; display: flex; align-items: center; justify-content: center; border-radius: 50%;padding: 27px; background: var(--lightColor); align-self: center;}
.transfer_card figure img{max-width: 100%; height: auto; object-fit: cover; transition: all .3s ease-in-out;}
.transfer_card h4{font-size: 25px; font-weight: 700; line-height: 33px; margin-bottom: 20px;}
.transfer_card p{font-size: 18px; font-weight: 400; line-height: 27px; color: var(--txtColor); display: flex;margin-bottom: auto;}
.transfer_card:hover{ box-shadow: 10px 10px 47px 0 rgba(0,112,186,0.1);}
.transfer_card:hover figure img{ transform: scale(1.1);}

/* FAQ */
.faq-accordion .accordion-item{ margin-bottom: 30px; border: none; border-bottom: 1px solid var(--borderColor) !important; background: none;}
.faq-accordion .accordion-item .accordion-button{padding: 0 30px 30px 30px; margin: 0; font-size: 25px; font-weight: 700; color: var(--blackColor); box-shadow: none; background: none; border: none; transition: all .4s ease-in-out; gap: 10px;}
.faq-accordion .accordion-item .accordion-button:not(.collapsed) { color: var(--secondaryColor); background: none; box-shadow: none; padding-bottom:10px;}
.faq-accordion .accordion-item .accordion-button::after{ width: 45px; height: 45px; content: ""; background: var(--lightColor) url(../images/faq-arrow.svg) no-repeat center center;  border-radius: 50%;}
.faq-accordion .accordion-item .accordion-button:not(.collapsed)::after{ background: var(--secondaryColor) url(../images/faq-arrow-white.svg) no-repeat center center;}
.faq-accordion .accordion-item .accordion-body { margin: 0; padding: 0 122px 30px 30px; transition: all .4s ease-in-out;}
.faq-accordion .accordion-item .accordion-body p{ margin-bottom: 12px; color: var(--txtColor);}
.faq-accordion .accordion-item .accordion-body p:last-child{ margin-bottom: 0;}
.faq-accordion .accordion-item .accordion-body ul li{ margin: 0 0 7px; font-weight: 500;}
.faq-accordion .accordion-item .accordion-body ul li b{ display: block; font-weight: 600; color: var(--blackColor);}
.faq-accordion .accordion-item .accordion-body ul li:first-child {margin-top: 7px;}
.faq-accordion .accordion-item .accordion-body ol li{ margin: 0 0 7px; font-weight: 500;}
.faq-accordion .accordion-item .accordion-body ol li b{ display: block; font-weight: 600; color: var(--blackColor);}
.faq-accordion .accordion-item .accordion-body ol li:first-child { margin-top: 7px;}


/* Features */
.features_inner{ background: var(--lightColor); border-radius: 20px; padding: 80px 100px;}
.features_item{max-width: 343px; width: 100%; margin: 0 auto; text-align: left;}
.features_item figure{margin: 0 0 20px 0; background: var(--whiteColor); height: 100px; width: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center;  position: relative; transition: all .3s ease-in-out;}
/* .features_item figure::before { content: ""; position: absolute; bottom: 0; left: 20px; transform: translateX(-50%);  width: 45px; height: 14px; background-image: url("../images/features-curve.svg"); background-repeat: no-repeat; background-size: contain; background-position: center;} */
.features_item figure img{object-fit: cover; transition: all .3s ease-in-out;}
.features_item:hover figure{ background: var(--primaryColor);}
.features_item:hover figure img{ filter: brightness(0) invert(1);}
.features_item h3{font-size: 30px; font-weight: bold; margin-bottom: 20px; transition: all .3s ease-in-out;}
.features_item:hover h3{ color: var(--primaryColor);}
.features_item:hover figure img{ transform: scale(1.1);}
.features_item p{font-size: 17px; line-height: 27px; font-weight: 400;}


/*========================
 		      FAQ Page
========================*/
.inner_banner{ padding: 175px 0 88px; background: url(../images/businees-banner.jpg) no-repeat top center; background-size: cover; min-height: 450px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.inner_banner .detail{ margin: 0; display: flex; flex-direction: column; gap: 30px;}
.inner_banner h1{ margin: 0; color: var(--whiteColor); font-weight: 800;}
.inner_banner h2{ margin: 0; color: var(--whiteColor); font-weight: 800;}
.inner_banner h5{ margin: 0; color: var(--whiteColor); font-weight: 500;}
.inner_banner h5 b{ font-weight: 700;}

/*========================
 		  Contact page
========================*/
.info_contact{padding: 240px 0 120px; background:var(--lightColor) url(../images/contact-bg.png) center bottom no-repeat; background-size: cover;}
.info_contact .title_info .sec-title{font-weight: 800;}
.info_contact .title_info p{font-weight: 400;}
.info_contact .title_info h4{line-height: 38px; margin-bottom: 50px;}
.card-main{ background:var(--whiteColor); box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.05); border-radius: 20px;}
.card-main:not(:last-child){ margin-bottom: 30px;}
.card-main .card-head{padding: 20px 50px; border-bottom: 1px solid var(--borderColor);}
.card-main .card-head h4{font-weight: 800;}
.card-main .card-body{padding: 40px 50px 44px 50px; }
.form-block:not(:last-child){ margin-bottom: 30px;}
.form-block label{ margin-bottom: 7px; font-weight: 600; display: block;}
.form-block .form-control{ padding: 0 25px; height: 60px; border-radius:10px; font-size: 18px; font-weight: 500; color: var(--blackColor); border-color: var(--borderColor);}
.form-block .form-control:focus{ border-color: var(--primaryColor);}
.form-block .form-control::placeholder{ color: var(--txtColor); opacity: 1;}
.form-block textarea.form-control{ height: 110px; padding: 15px 25px;}
.form-block textarea.form-control::placeholder{color: var(--txtColor) !important;}

.invalid .form-control{ border-color: var(--dangerColor);}
.invalid-feedback{ font-size: .75em; color: var(--dangerColor);}
.invalid .invalid-feedback{ display: block;}

.fancy-select > .btn{ padding: 0 25px; height: 60px; margin: 0; border: 1px solid var(--borderColor); font-size: 18px; border-radius: 10px; font-weight: 500; color: var(--blackColor); background: var(--whiteColor);}
.fancy-select > .btn .filter-option{ display: flex; align-items: center; padding-right: 10px;}
.fancy-select > .dropdown-toggle::after{ margin: 0; border: none; width: 21px; height: 21px; background: url(../images/select-arrow21x.svg) no-repeat center center;}
.fancy-select > .btn:focus-visible{ box-shadow: none !important; outline: none !important;}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{ color: var(--blackColor); background: var(--whiteColor); border-color: var(--primaryColor);}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle{ outline: none !important; box-shadow: none !important;}
.fancy-select > .dropdown-menu{ margin: 5px 0 0 0 !important; border-radius: 10px; border-color: var(--borderColor);}
.fancy-select .dropdown-menu li a{ font-size: 18px; font-weight: 400; padding: 8px 20px; color: var(--blackColor);}
.fancy-select .dropdown-menu li a:hover{ background: var(--lightColor); color: var(--blackColor);}
.fancy-select .dropdown-menu li a.active, .fancy-select .dropdown-menu li a:active{ background-color: var(--primaryColor); color: var(--whiteColor);}

.add_info{display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }
.add_info i{ height: 60px; width: 60px; min-width: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--lightColor);}
.add_info p{ margin: 0; font-weight:500;}
.add_info p a{color: var(--primaryColor);}
.add_info p a:hover{color: var(--primaryHover);}
.hours-detail{ display: flex; justify-content: space-between; gap:20px 30px; min-height: 168px; flex-wrap: wrap; align-items: flex-end;}
.hours-detail p{margin: 0;}
.hours-detail p strong{ display: block; font-size: 22px; color: var(--blackColor); font-weight: 700; margin-bottom: 6px;}


/*========================
 	Digital Payments page
========================*/
.accept__sec .detail ul li{ font-size: inherit; line-height: 1.7em; font-weight: 400; padding-left: 35px; text-align: left;}
.accept__sec .detail ul li:not(:last-child){ margin:0 0 20px;}

.simplified_sec{ background: transparent;}
.simplified_sec .flex-row-reverse .accept_img .accept_curve1 { right: -40px;}
.simplified_sec .flex-row-reverse .detail{ max-width: 620px;}


/*========================
 	Conversion Chart page
========================*/
.cchero__sec .detail{ max-width: 682px; padding-right: 0;}
.cchero__sec .detail p{ font-weight: 600; margin-bottom: 20px;}
.cchero__sec .info{ line-height: 1.6em; font-weight: 500;}
.cchero__sec h2{ margin: 0 0 25px; font-weight: 800;}
.cchero__sec .country_price_block{ margin-bottom: 0;}
.cchero__sec .country_price_block .country_price{ align-items: flex-end;}
.cchero__sec .country_price_block .country_price .price{ display: block;}
.cchero__sec .switch-currency{ height: 60px; width: 60px; padding: 0; margin: -20px auto; display: flex; justify-content: center; align-items: center; background:var(--whiteColor); border: 1px solid var(--borderColor); border-radius: 50px; position: relative; z-index: 2;}
.cchero__sec .switch-currency img{ transition: all .3s;}
.cchero__sec .switch-currency:hover{ background: var(--primaryColor); border-color: var(--primaryColor);}
.cchero__sec .switch-currency:hover img{ filter: brightness(0) invert(1);}
.cchero__sec .converter-info {display: flex; justify-content: space-between; margin: 27px 0 25px 0;}
.cchero__sec .converter-info strong{font-size: 17px; font-weight: 600; color: var(--blackColor);}
.cchero__sec .converter-info strong span{color: var(--primaryColor);}
.cchero__sec .converter-info .time{ display: flex; align-items: center; gap: 5px; color: var(--txtColor); font-weight: 500;}

.currencychart__sec .container{ max-width: 1000px;}
.chart_block{ padding: 35px 40px 40px; margin-bottom: 30px; background: var(--whiteColor); border: 1px solid var(--borderColor); border-radius: 20px; }
.chart_block .chart_head{ display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.chart_block .currency-point{ font-size: 20px; font-weight: 700; color: var(--blackColor);}
.chart_block .currency-point span{color: var(--primaryColor); font-weight: 700;}
.chart_block .nav-tabs{ max-width: 530px; width: 100%; display: flex; white-space: nowrap; flex-wrap: nowrap; overflow: auto; border-radius: 100px; background: #F8F8F8; padding: 5px; border: none;}
.chart_block .nav-tabs .nav-link{ font-size: 18px; font-weight: 700; color: var(--txtColor); padding: 8px 20px; line-height: normal; border-radius: 100px; border: none; box-shadow: none; outline: none;}
.chart_block .nav-tabs .nav-link:focus, .chart_block .nav-tabs .nav-link:hover{ background: transparent; color: var(--primaryColor);}
.chart_block .nav-tabs .nav-link.active{ background: var(--primaryColor); color: var(--whiteColor);}
.chart_block .info{ margin: 0 0 28px; font-weight: 500;}
.chart{ margin: 0; padding: 0;}
.chart > img{ width: 100%;}
.chart-descrption{ text-align: center; line-height: 1.7em;}

/*========================
 	    Blog List page
========================*/
.blog__banner{ padding: 200px 0 110px; background: var(--lightColor); text-align: center;}
.filter-tabs{ margin: 0; padding: 4px; border: 1px solid #E1EDF5; background: var(--whiteColor); border-radius: 100px; display: inline-flex;}
.filter-tabs li{ margin: 0; padding: 0;}
.filter-tabs .filter-link{ display: flex; padding: 10px 25px; font-size: 20px; font-weight: 700; color: var(--txtColor); border-radius: 100px; background: transparent; border: none; box-shadow: none;}
.filter-tabs .filter-link:hover{ background: transparent; color: var(--primaryColor);}
.filter-tabs .filter-link:focus, .filter-tabs .filter-link.active, .filter-tabs .active .filter-link{ background: var(--primaryColor); color: var(--whiteColor);}

.blog-item{ border-radius: 20px; height: 100%; display: flex; flex-direction: column; color: var(--txtColor);}
.blog-item figure{ width: 100%; height: 375px; margin: 0; display: flex; border-radius: 20px 20px 0 0; overflow: hidden;}
.blog-item figure a{ width: 100%; display: flex; text-decoration: none; outline: none;}
.blog-item figure img{ width: 100%; object-fit: cover; border-radius: 20px 20px 0 0; transition: all .6s ease-in-out;}
.blog-item:hover figure img{ transform: scale(1.05);}
.blog-item .detail{ border: 1px solid var(--borderColor); border-top: none; padding: 35px 30px 30px; border-radius: 0 0 20px 20px; display: flex; flex-direction: column; gap: 15px; flex: 1 0 0;}
.blog-head{ margin: 0; display: flex; flex-wrap: wrap; gap:10px 25px; align-items: center;}
.blog-tag{ margin: 0; padding: 2.5px 15px; font-size: 17px; font-weight: 600; color: var(--primaryColor); background: rgba(0,112,186,0.15); border-radius: 50px; display: inline-flex;}
.blog-date{ margin: 0; font-size: 17px; font-weight: 500; display: inline-flex; gap: 5px; align-items: center; color: var(--blackColor);}
.blog-body{ display: flex; flex-direction: column; gap: 15px;}
.blog-item h3{ margin: 0; font-size: 35px; font-weight: 700; transition: all .3s ease-in-out; overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog-item h4{ margin: 0; font-size: 22px; font-weight: 600; transition: all .3s ease-in-out; overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog-item h3 a, .blog-item h4 a{ color: var(--blackColor);}
.blog-item:hover h3, .blog-item:hover h4{ color: var(--primaryColor);}
.blog-item .description{ overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog-foot{ margin-top: 10px;}
.blog-update-time{ margin: 0; font-size: 17px; font-weight: 500; display: inline-flex; gap: 5px; align-items: center; color: var(--txtColor);}
.blog-item .simple-link:hover{ color: var(--secondaryColor);}
.simple-link{ margin: 0; display: inline-block; font-weight: 600; color: var(--secondaryColor);}
.simple-link:hover{ color: var(--secondaryHover);}

.blog-list-view.blog-item{ display: flex; gap: 30px; border-radius: 0; flex-direction: row;}
.blog-list-view.blog-item .detail{ border: none; align-self: center; padding: 0;}
.blog-list-view.blog-item figure{ width: 220px; min-width: 220px; height: 200px; border-radius: 20px;}
.blog-list-view.blog-item figure img{ border-radius: 20px;}
.blog-list-view.blog-item h4{ -webkit-line-clamp: 3;}

.blog-grid-view.blog-item figure{ height: 280px;}

/* Pagination */
.pagination{ margin: 30px 0 0; padding: 0; border: none; gap: 15px;}
.pagination .page-item{ margin: 0; padding: 0; border: none;}
.pagination .page-link{ width: 20px; height: 20px; font-size: 13px; font-weight: 500; color: var(--txtColor); border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 0; border: none; box-shadow: none;}
.pagination .page-link:not(.prev,.next){ padding-top: 1px;}
.pagination .page-link img{ filter: grayscale(100%); transition: all .3s;}
.pagination .page-link:hover{ color: var(--primaryColor); background: transparent;}
.pagination .page-link:hover img{ filter: grayscale(0%);}
.pagination .page-link.active, .pagination .active .page-link{ background: var(--primaryColor); color: var(--whiteColor);}

/*========================
 	    Blog Detail page
========================*/
.blog-author__detail{ padding: 191px 0 0; margin:0; text-align: center; position: relative;}
.blog-author__detail::before{ content: ""; width: 100%; height: calc(100% - 250px); background: var(--lightColor); position: absolute; left: 0; top: 0; z-index: -1;}
.blog-author__detail .blog-head{ gap: 10px 40px; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;}
.blog-author__detail h3{ margin-bottom: 50px;}
.blog-author{ display: flex; gap: 9px; align-items: center; font-size: 17px; font-weight: 500; color: var(--txtColor);}
.blog-author figure{ width: 35px; min-width: 35px; height: 35px; display: flex; border-radius: 50%; margin: 0; padding: 0;}
.blog-author figure img{ width: 100%; object-fit: cover; border-radius: 50%;}
.blog-main-img{ display: flex; width: 100%; height: 500px; margin: 0; border-radius: 20px;}
.blog-main-img img{ width: 100%; border-radius: 20px; object-fit: cover;}

/* Blog Detail */
.blog__detail{ padding: 50px 0 0;}

/* Typography */
.typo ul{ padding: 0; margin: 20px 0 0;}
.typo ul:first-child{ margin-top:0;}
.typo ul li{ padding:0 0 0 35px; margin: 20px 0 0 0; font-size: 20px; line-height: 32px; color: var(--txtColor); position: relative;}
.typo ul li b{ font-weight: 600; color: var(--blackColor);}
.typo ul li::before{ content: ""; width: 25px; height: 25px; background: url(../images/check-circle25x.svg) no-repeat center center; position: absolute; left: 0; top: 5px; background-size: 100% 100%;}
.typo ul li a{ font-weight: 600; color: var(--primaryColor);}
.typo ul li a:hover{ color: var(--primaryHover);}

.typo ol{ margin-top:20px;}
.typo ol:first-child{ margin-top:0;}
.typo ol li{ margin-top: 20px; margin-left: 3px; font-size: 20px; line-height: 32px; color: var(--txtColor); list-style: decimal-leading-zero;}
.typo ol li::marker{ font-weight: 700; color: var(--primaryColor);}
.typo ol li b{ font-weight: 600; color: var(--blackColor);}
.typo ol li a{ font-weight: 600; color: var(--primaryColor);}
.typo ol li a:hover{ color: var(--primaryHover);}

.typo p:not(:first-child){ margin: 20px 0 0;}
.typo p b{ font-weight: 600; color: var(--blackColor);}
.typo h2:not(:first-child), .typo h3:not(:first-child), .typo h4:not(:first-child), .typo h5:not(:first-child), .typo h6:not(:first-child){ margin:40px 0 0;}
.typo figure{ margin: 30px 0 0; height: 390px; display: flex; border-radius: 20px;}
.typo figure img{ width: 100%; object-fit: cover; border-radius: 20px;}
.typo figure:first-child{ margin-top: 0;}

.typo .btn-theme{ margin-top: 28px;}

.icon-list-box{ margin-top: 20px; display: flex; gap: 12px;}
.icon-list-box i{ width: 60px; min-width: 60px; height: 60px; background: var(--lightColor); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.icon-list-box i img{ width: 35px;}
.icon-list-box p{ margin: 0 0 10px;}
.icon-list-box p b{ color: var(--blackColor); font-weight: 600;}

.icon-grid-box{ background: var(--lightColor); padding: 30px; border-radius: 20px; margin: 20px 0 0; height: calc(100% - 20px);}
.icon-grid-box i{ width: 60px; min-width: 60px; height: 60px; background: var(--whiteColor); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.icon-grid-box i img{ width: 35px;}

.recent_blogs_slider .splide__slide{ padding: 5px 5px;}
.recent_blogs_slider .splide__arrow{padding: 11px; border: 1px solid var(--borderColor); border-radius: 100px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background: var(--whiteColor);}
.recent_blogs_slider .splide__arrow svg{ fill: var(--txtColor); transition: all .4s ease-in-out;}
.recent_blogs_slider .splide__arrow:hover{ border-color: var(--primaryColor); background: var(--primaryColor);}
.recent_blogs_slider .splide__arrow:hover svg{ fill: var(--whiteColor);}
.recent_blogs_slider .splide__arrow--prev{ left: -150px;}
.recent_blogs_slider .splide__arrow--next{ right: -150px;}


/*===========================
 	Transaction Summary page
===========================*/
.transummary__sec{ padding: 205px 0 130px; background: var(--lightColor);}
.transummary__sec .sec-title{ margin-bottom: 30px;}
.transummary__sec h4{ font-weight: 800;}

.transummary_aside{ margin: 0; position: sticky; top: 120px;}
.transummary_aside ul{ margin: 0; padding: 0; }
.transummary_aside ul li{ margin: 0; padding: 0; list-style: none;}
.transummary_aside ul li a{ padding: 25px 30px; font-size: 20px; font-weight: 700; color: var(--txtColor); display: flex; align-items: center; gap: 10px; border-radius: 0;}
.transummary_aside ul li:first-child a{ border-top: 1px solid #E1EDF5;}
.transummary_aside ul li:last-child a{ border-bottom: 1px solid #E1EDF5;}
.transummary_aside ul li a i{ display: flex; width: 30px; min-width: 30px;}
.transummary_aside ul li a img{ transition: all .3s;}
.transummary_aside ul li a:hover{ color: var(--primaryColor);}
.transummary_aside ul li a.active{ background: var(--primaryColor); color: var(--whiteColor); border-radius: 100px; border-color: transparent; box-shadow: 0px 4px 14px rgba(0, 112, 186, 0.25);}
.transummary_aside ul li a.active img{ filter: brightness(0) invert(1) !important;}

.tab-theme{ margin: 0 0 30px; padding: 5px; border: 1px solid #E1EDF5; background: var(--whiteColor); border-radius: 100px; display: inline-flex;}
.tab-theme .nav-item{ margin: 0; padding: 0; flex: 1 0 0; display: flex; flex-direction: column;}
.tab-theme .nav-link{ margin: 0; padding: 10px 25px; font-size: 20px; font-weight: 700; color: var(--txtColor); background: var(--whiteColor); border: none; border-radius: 100px;}
.tab-theme .nav-link:hover, .tab-theme .nav-link:focus{ color: var(--primaryColor);}
.tab-theme .nav-link.active{ background: var(--primaryColor); color: var(--whiteColor);}

.white_card{ background: var(--whiteColor); border-radius: 20px; border: 1px solid var(--borderColor); margin-bottom: 30px;}
.white_card:last-child{ margin-bottom: 0;}
.white_card .card_head{ margin: 0; padding: 20px 35px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; min-height: 70px; border-bottom: 1px solid var(--borderColor);}
.white_card .card_head h4{ margin-bottom: 0;}
.white_card .card_body{ padding: 30px 35px 35px;}

.shipment_steps{ margin: 0; padding: 0; max-width: 350px;}
.shipment_steps li{ margin: 0; padding: 0 0 30px 34px; line-height: 25px; list-style: none; position: relative;}
.shipment_steps li span{ display: block; font-weight: 500; margin-bottom: 8px;}
.shipment_steps li b{ display: block; margin-bottom: 8px;}
.shipment_steps li:not(:last-child)::after{ content: ""; width: 1px; height: 100%; top: 20px; left: 10px; position: absolute; border-left: 1px dashed rgba(0, 0, 0, 0.2);}
.shipment_steps li::before{ content: ""; width: 20px; height: 20px; border: 5px solid var(--txtColor); border-radius: 50%; background: var(--whiteColor); position: absolute; left: 0; top: 3px;}
.shipment_steps li.done::before{ content: ""; border: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><rect width='20' height='20' rx='10' fill='%231B9E1B'/><path d='M15.306 7.587 8.806 14.087a.527.527 0 0 1-.732 0L5.099 11.244a.527.527 0 0 1 .749-.749l2.527 2.528 6.069-6.068a.527.527 0 0 1 .748.748Z' fill='white'/></svg>");}

.sendpayment_info.transfer_info{ background: var(--lightColor); border: none; box-shadow: none; padding: 30px 40px; max-width: 480px; width: 96%;}
.sendpayment_info.transfer_info .country_price_block .country_price{ background: var(--whiteColor);}
.sendpayment_info.transfer_info h4{ font-weight: 800; margin-bottom: 20px;}

.transdetail_table{ margin: 0; padding: 0;}
.transdetail_table li{ margin: 0; padding: 0 20px; display: flex; justify-content: space-between; gap: 10px; align-items: center; line-height: 40px; font-weight: 600; color: var(--txtColor);}
.transdetail_table li b{ font-weight: 600; color: var(--blackColor); width: 30%;}
.transdetail_table li span{ width: 70%; display: inline-block; text-align: right; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.transdetail_table li:first-child span{ font-weight: 500;}
.transdetail_table li:last-child{ padding: 17px 20px; background: #E0EDF6; border-radius: 10px; line-height: normal; margin-top: 17px;}
.transdetail_table li:last-child strong{ font-size: 20px; color: var(--primaryColor); width: 70%; display: inline-block; text-align: right; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.bankdetail{ margin: 0; padding: 0; font-weight: 500; color: var(--blackColor);}
.bankdetail p{ font-weight: 600;}

.form-block textarea.form-control.note{ height: 115px; border-radius: 20px; padding: 20px 35px;}


/*===========================
 	    Normal User Page
===========================*/
.request_dropdown button{ min-width: 180px; height: 50px; background: var(--whiteColor); padding: 0 14px 0 25px; border: 1px solid var(--borderColor); border-radius: 50px; display: flex; gap: 10px; align-items: center; justify-content: space-between; font-weight: 500; color: var(--txtColor);}
.request_dropdown .dropdown-toggle::after { content: ""; display: inline-block; width: 21px; height: 21px; background: url("../images/request-arrow21x.svg") center no-repeat; margin-left: 10px; border: none;}
.request_dropdown .dropdown-menu{ min-width: 180px; border-radius: 10px; border-color: var(--borderColor);}
.request_dropdown .dropdown-item{ font-weight: 500;  transition: all .4s ease-in-out;}
.request_dropdown .dropdown-item:focus, .dropdown-item:hover{background-color: var(--primaryHover); color: var(--whiteColor);}
.request_dropdown .dropdown-item.active, .dropdown-item:active{background-color:var(--primaryColor);}

.bdwa_cards{display: flex; gap: 20px;  align-items: center; margin-bottom: 50px; flex-wrap: wrap;}
.bdwa_card{padding: 17px 25px; display: flex; border: 1px solid #E1EDF5; border-radius: 20px; align-items: center; justify-content: center; min-width: 170px; min-height: 115px;  flex-direction: column; background-color: var(--whiteColor);}
.bdwa_card h5{ margin: 4px 0 0 0 ; display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--txtColor);  justify-content: flex-start; width: 100%;}
.bdwa_card h5 i{ display: flex; width: 30px; min-width: 30px; height: 30px;}
.bdwa_card h5 i img{ width: 100%; object-fit: cover; border-radius: 50%;}
.bdwa_card > i{display: flex; margin-bottom: 7px; min-height: 45px; align-items: center; justify-content: center;}
.bdwa_card > i + h5{ font-weight: 700; margin: 0; display: block; width: auto; text-align: center;}
.bdwa_card strong{font-size: 25px; color: var(--blackColor); margin-top: 14px; width: 100%; line-height: 1.2;}
.bdwa_card.green_card{background-color: rgba(27, 158, 27, 0.15) ; border-color: rgba(27, 158, 27, 0.4);}
.bdwa_card.green_card:hover{background-color: rgba(27, 158, 27, 0.25) ; border-color: rgba(27, 158, 27, 0.5);}
.bdwa_card.theme_card{background-color: rgba(0, 112, 186, 0.15); border-color: rgba(0, 112, 186, 0.4);}
.bdwa_card.theme_card:hover{background-color: rgba(0, 112, 186, 0.25); border-color: rgba(0, 112, 186, 0.5);}
.bdwa_card.yellow_card{background-color: rgba(221, 146, 41, 0.15); border-color: rgba(221, 146, 41, 0.4);}
.bdwa_card.yellow_card:hover{background-color: rgba(221, 146, 41, 0.25); border-color: rgba(221, 146, 41, 0.5);}
.bdwa_card.red_card{background-color: rgba(222, 0, 0, 0.1); border-color: rgba(222, 0, 0, 0.4);}
.bdwa_card.red_card:hover{background-color: rgba(222, 0, 0, 0.2); border-color: rgba(222, 0, 0, 0.5);}
.bdwa_card.theme_fill_card { color: var(--whiteColor); background-color: var(--primaryColor); border: none;}
.bdwa_card.theme_fill_card h5{ color: var(--whiteColor);}
.bdwa_card.theme_fill_card:hover { color: var(--whiteColor); background-color: var(--primaryHover);}
.bdwa_card.green_fill_card { color: var(--whiteColor); background-color: var(--secondaryColor); border: none;}
.bdwa_card.green_fill_card h5{ color: var(--whiteColor);}
.bdwa_card.green_fill_card:hover{ color: var(--whiteColor); background-color: var(--secondaryHover);}
.bdwa_card.add_new{border: 1px dashed var(--primaryColor);}
.bdwa_card.add_new:hover{ background-color: var(--lightColor);}

.transactions_lists .item{ padding: 20px; margin: 0 0 15px 0; display: flex; align-items: center; gap: 15px; border-radius: 20px; background: var(--whiteColor); transition: all .3s ease-in-out; border: 0.5px solid #d3d3d3;}
.transactions_lists .item:hover{ box-shadow: inset 0 0 0 1px var(--primaryColor);}
.transactions_lists .item .rdetail{ flex: 1 0 0;}
.transactions_lists .item .rdetail span{font-weight: 500;}
.transactions_lists .item .icon{ height: 70px; width: 70px; min-width: 70px; display: flex; align-items: center; justify-content: center; background-color: rgba(27, 158, 27, 0.15); border-radius: 100px; overflow: hidden; margin: 5px 0 0;}
.transactions_lists .item img{ box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px; border: none !important}
.transactions_lists .item i img{ height: 20px; width: 20px; min-width: 20px; box-shadow: none !important; border: none !important}
.transactions_lists .balance{color: var(--blackColor); line-height: 25px; font-weight: 500; color: #767B7E; }
.transactions_lists .balance strong{color: var(--blackColor);}
.transactions_lists .balance small{font-size: 16px; font-weight: 500; line-height: 25px; color: #767B7E;}
.recevied_item .icon, .incoming{background-color: rgba(0, 112, 186, 0.1) !important;}
.pendding_item .icon, .pending{background-color: rgba(70, 75, 78, 0.1) !important;}
.inprogress_item .icon, .processing{background-color: rgba(229, 114, 13, 0.1) !important;}
.cencel_item .icon, .failed{background-color: rgba(222, 0, 0, 0.08) !important;}

/*===========================
 	    Super Agents page
===========================*/
.datedrop_block{position: relative; }
.datedrop_block .form-control{ height: 40px; width: 170px; border-radius: 50px; border: 1px solid var(--borderColor); padding: 0 35px 0 38px; font-size: 14px; font-weight: 500; color: var(--txtColor);}
.datedrop_block .form-control::placeholder{ font-size: 17px; font-weight: 600;}
.datedrop_block::before{content: ""; background: url("../images/request-arrow21x.svg") no-repeat center;  position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 21px; height: 21px; }
.datedrop_block::after{ content: ""; background: url("../images/calendar-ic20x.svg") no-repeat center;  position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px;}
.walletsumm_lists .item figure{margin: 0; height: 50px; width: 50px; min-width: 50px; display: flex;}
.walletsumm_lists .item figure img{object-fit: cover; border-radius: 50px; width: 100%;}

/*===============================
 	Super Agents commission page
===============================*/
.export-btn{ margin:0; border-radius: 50px; padding: 6px 15px 7px 40px; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; background:var(--secondaryColor); color: var(--whiteColor); border: none; font-size: 17px; font-weight: 600;}
.export-btn::after{ content: ""; background: url("../images/excel-ic.svg") no-repeat center;  position: absolute; left: 15px;    top: 10px; width: 20px; height: 20px;}
.export-btn:hover{ background: var(--secondaryHover); color: var(--whiteColor);}

/* Datepicker */
.datepicker.datepicker-dropdown.dropdown-menu{ padding: 15px; background: var(--whiteColor); border: 1px solid var(--borderColor); min-width: 14rem; color:var(--txtColor); border-radius: 15px; margin-top: 5px;}
.datepicker.datepicker-dropdown.dropdown-menu > div{ width:100%;}
.datepicker.datepicker-dropdown.dropdown-menu > div table{ width:100%;}
.datepicker.datepicker-dropdown::before{ border-top-color: var(--borderColor) !important; display: none;}
.datepicker.datepicker-dropdown::after{ border-bottom-color: var(--whiteColor) !important; display: none;}
.datepicker.datepicker-dropdown.datepicker-orient-top::after{ border-top-color: var(--whiteColor) !important;}
.datepicker.datepicker-dropdown.datepicker thead tr th{ padding: 10px 0 10px; font-size: 12px; font-weight: 500; color: var(--blackColor); text-transform: uppercase; border-radius: 0;}
.datepicker.datepicker-dropdown.datepicker .datepicker-switch{ font-size: 16px; padding:0 0 10px; color: var(--secondaryColor); font-weight: 600; height: auto; border-bottom: 1px solid var(--borderColor); background-color: transparent !important; border-radius: 0;}
.datepicker.datepicker-dropdown.datepicker .prev, .datepicker.datepicker-dropdown.datepicker .next { background-color: transparent !important; background-repeat: no-repeat; background-position: center center; background-size: 9px auto; cursor: pointer; text-indent: -9999px; position: relative; padding:0 0 15px; height: auto; border-bottom: 1px solid var(--borderColor); border-radius: 0;}
.datepicker.datepicker-dropdown.datepicker td{ width: 32px; height: 32px; border-radius: 7px; font-size: 14px; font-weight: 500; color: var(--txtColor);}
.datepicker.datepicker-dropdown.datepicker table tr td span{ height: 45px; line-height: 45px; border-radius: 10px;}
.datepicker.datepicker-inline{ width: 100%; padding: 20px;}
.datepicker table{ width: 100%;}
.datepicker .datepicker-switch{ font-size: 20px; color: var(--secondaryColor); font-weight: 600; padding:0 0 21px; height: auto; border-bottom: 1px solid var(--borderColor); background-color: transparent !important; border-radius: 0;}
.datepicker .prev, .datepicker .next { background-color: transparent !important; background-repeat: no-repeat; background-position: center center; background-size: 9px auto; cursor: pointer; text-indent: -9999px; position: relative; padding:0 0 21px; height: auto; border-bottom: 1px solid var(--borderColor); border-radius: 0;}
.datepicker.datepicker-dropdown.datepicker .prev { background-image: url('../images/arrow-left12x.svg'); background-position: top 8px left;}
.datepicker.datepicker-dropdown.datepicker .next { background-image: url('../images/arrow-right12x.svg'); background-position: top 8px right;}
.datepicker table tr td.new, .datepicker table tr td.old{ color: #83807F;}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{ background: var(--lightColor);}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover{ background: var(--primaryColor) !important; font-weight: 600; color: var(--whiteColor);}
.datepicker table tr td span{ height: 80px; line-height: 80px;}

/*======================
 	    Sign Up Page
======================*/
.asterisk-red-sign{ color: var(--dangerColor);}

.signup__sec{ padding: 160px 0 60px; background: var(--lightColor); min-height: 100vh;}
.signup__sec .container{ max-width: 700px;}
ul.steps_list{ margin: 0 0 55px; padding: 0; display: flex; justify-content: center; position: relative; text-align: center;}
/* ul.steps_list li{ margin: 0; padding: 0 45px; position: relative;} */
ul.steps_list li{ margin: 0; padding: 0; position: relative;}
ul.steps_list li:not(:last-child)::before{ content: ""; width: 100%; height: 2px; background: #E1EDF5; position: absolute; left: 105%; transform: translateX(-50%); top: 25px;}
ul.steps_list li span{ width: 50px; height: 50px; font-size: 22px; font-weight: 700; color: var(--txtColor); border-radius: 50%; border: 2px solid #E1EDF5; background: var(--whiteColor); border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 2;}
ul.steps_list li p{ margin: 10px 0 0; font-weight: 600; line-height: 1.1; font-size: 16px;}
ul.steps_list li.active span{ background: var(--primaryColor); color: var(--whiteColor); border-color: var(--primaryColor);}
ul.steps_list li.done span{ background: var(--primaryColor) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'><path d='M20.7042 2.35945 8.20418 14.8595a1.17 1.17 0 0 1-1.65947 0L1.07527 9.39071a1.17 1.17 0 0 1 1.65947-1.65947l4.64008 4.63967L19.046.701251A1.17 1.17 0 1 1 20.7061 2.36141Z' fill='white'/></svg>") no-repeat center/contain; color: transparent; font-size: 0; background-size: 24px; border-color: var(--primaryColor);}
ul.steps_list li.active p, ul.steps_list li.done p{ font-weight: 700; color: var(--blackColor);}

.signup-form .country{ min-width: none; width: 100%;}
.signup-form .country button{ margin: 0; padding: 18px 25px; height: 60px; border-radius:10px; font-size: 18px; font-weight: 500; color: var(--txtColor); border:1px solid var(--borderColor); background-color: var(--whiteColor); text-align: left;}
.signup-form .country .dropdown-menu{ border-radius:10px; min-width: auto; width: 100%; overflow: hidden;}
.signup-form .country .dropdown-item{ padding: 10px 25px; font-size: 18px; border-bottom: 1px solid var(--borderColor);}
.signup-form .country .dropdown-item:last-child{ border: none;}

.form-block .input-group .form-control{ border-right: none; padding-right: 0;}
.form-block .input-group .form-control ~ .input-group-text{ border-radius: 10px; border-left: none; background: var(--whiteColor); padding: 0 25px; cursor: pointer;}
.form-block .input-group .form-control ~ button.input-group-text:hover img{ opacity: 0.6;}

/* iti country select */
.form-block .iti{ width: 100%; display: flex;}
.form-block .iti__flag-container{ position: relative; padding: 0;}
.form-block .iti .iti__flag-container ~ input[type="tel"]{ border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 0 25px !important;}
.form-block .iti__selected-flag{ padding: 0 15px;}
.form-block .iti__flag{ zoom: 140%; box-shadow: none;}
.form-block .iti--separate-dial-code .iti__selected-flag{ background: #F8F8F8; border: 1px solid var(--borderColor); border-right: none; border-radius: 10px 0 0 10px;}
.form-block .iti--separate-dial-code .iti__selected-dial-code{ margin-left: 10px; font-weight: 500;}
.form-block .iti__arrow{ border: none; width: 21px; height: 21px; background: url("../images/select-arrow21x.svg") center no-repeat;}
.iti__country-list{ scrollbar-color: var(--primaryColor) lightgray; scrollbar-width: thin; border-color: var(--borderColor); border-radius: 10px;}
.iti__country-list .iti__flag{ zoom: 140%; box-shadow: none;}
.iti__country-list .iti__divider{ border-color: var(--borderColor);}
.iti__country-list .iti__country{ display: flex;}
.iti__country-list .iti__flag-box{ width: 28px;}
.iti__country-list .iti__country-name{ font-weight: 500; line-height: 1.1; align-self: center;}
.iti__country-list .iti__dial-code{ line-height: 1.1;}

/* Radio Button */
.radio-btn-group{ display: flex; gap: 10px; flex-wrap: wrap;}
.radio-btn-group label.btn{ margin: 0; font-size: 18px; padding: 15px 30px; background: var(--whiteColor); border-radius: 10px; border: 1px solid var(--borderColor); display: flex; align-items: center; justify-content: center; gap: 11px;}
.radio-btn-group label.btn::before{ content: ""; width: 13px; height: 13px; border: 2px solid var(--whiteColor); background: var(--whiteColor); box-shadow: 0 0 0 2px var(--borderColor); border-radius: 20px; position: relative; top: 1px;}
.radio-btn-group .btn-check + .btn:hover{ background: var(--whiteColor); border-color: var(--borderColor);}
.radio-btn-group .btn-check:checked + .btn{ background: var(--whiteColor); border-color: var(--primaryColor);}
.radio-btn-group .btn-check:checked + .btn::before{ background: var(--primaryColor); box-shadow: 0 0 0 2px var(--primaryColor);}

/* Checkbox */
.form-check{ min-height: 25px; padding: 0; display: flex; gap: 10px;}
.form-check .form-check-input ~ .form-check-label{ font-weight: 500;}
.form-check .form-check-input ~ .form-check-label a{ font-weight: 600; color: var(--primaryColor);}
.form-check .form-check-input ~ .form-check-label a:hover{ color: var(--primaryHover);}
.form-check .form-check-input{ margin: 0; float: none;}
.form-check .form-check-input{ width: 25px; height: 25px; border-radius: 5px; border-color: var(--borderColor) !important; background-color: var(--whiteColor) !important; box-shadow: none !important;}
.form-check .form-check-input:checked{ border-color: var(--primaryColor) !important; background: var(--primaryColor) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath fill='white' d='M15.255 1.975 5.755 11.475a.7.7 0 0 1-.63.262.7.7 0 0 1-.63-.262L.337 7.318a.89.89 0 0 1 0-1.262.89.89 0 0 1 1.263 0l3.525 3.526 8.87-8.87a.9.9 0 0 1 1.262 1.262Z'/%3E%3C/svg%3E") no-repeat center/contain !important; background-size: 16px auto !important;}

.sve-transummary_sec{ padding-top: 140px; min-height: 100vh;}

/* Alert */
.alert{ border-radius: 10px; gap: 10px 16px; padding: 20px 25px 20px 30px; margin-bottom: 40px;}
.alert > img{ align-self: flex-start; margin-top: 5px;}
.alert a{ font-weight: 600;}
.alert h5{ margin-top: 0; font-weight: 700;}
.alert > div{ flex: 1 0 0; align-items: center;}
.alert-primary{ color: var(--txtColor); background-color: rgba(0, 112, 186, 0.07); border-color: var(--primaryColor);}
.alert-primary h5{ color: var(--primaryColor);}
.alert-primary a{ color: var(--txtColor);}
.alert-primary a:hover{ color: var(--primaryHover);}

/*===========================
 	  Money Transfer page
===========================*/
.mtinner_banner .container{ max-width: 650px;}
.countrybtn-dropdown{ margin: 0; padding: 0; width: 100%;}
.countrybtn-dropdown > .button{ padding: 16px 50px 17px 25px; margin: 0; border: none; font-size: 18px; border-radius: 10px; font-weight: 500; color: var(--blackColor); background: var(--whiteColor); width: 100%; display: block; text-align: left;}
.countrybtn-dropdown > .dropdown-toggle::after{ margin: 0 !important; border: none; width: 21px; height: 21px; background: url(../images/select-arrow21x.svg) no-repeat center center; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.countrybtn-dropdown .dropdown-menu{ margin: 5px 0 0 0 !important; border-radius: 10px; border-color: var(--borderColor); width: 100%;}
.countrybtn-dropdown .dropdown-menu li a{ font-size: 18px; font-weight: 400; padding: 10px 20px; color: var(--blackColor); display: flex; line-height: 1.1; gap: 10px;}
.countrybtn-dropdown .dropdown-menu li a img{ width: 35px; min-width: 35px; height: 23px; object-fit: cover; object-position: center center;}
.countrybtn-dropdown .dropdown-menu li a span{ align-self: center;}
.countrybtn-dropdown .dropdown-menu li a:hover{ background: var(--lightColor); color: var(--primaryColor);}
.countrybtn-dropdown .dropdown-menu li a.active, .countrybtn-dropdown .dropdown-menu li a:active{ background-color: var(--primaryColor); color: var(--whiteColor);}

.work__sec .inner{ position: relative;}
.work__sec .inner::before{ content: ""; width: 372px; height: 372px; background: var(--whiteColor); box-shadow: inset 0 0 0 5px #E1EDF5; border-radius: 50%; clip-path: path('M186 372 A0 0 0 0 1 372 372 L372 0 L186 0 Z'); -webkit-clip-path: path('M186 372 A0 0 0 0 1 372 372 L372 0 L186 0 Z'); position: absolute; top: 150px; left: 100%; z-index: -1; transform: translateX(-50%);}
.work__sec .inner::after{ content: ""; width: 11px; height: 11px; position: absolute; left: -33px; top: 147px; background: #E1EDF5; border-radius: 50%;}
.work_row::before{ content: ""; width: 267px; height: 267px; background: var(--whiteColor); box-shadow: inset 0 0 0 5px #E1EDF5; border-radius: 50%; clip-path: path('M133 267 A0 0 0 0 1 267 267 L267 0 L133 0 Z'); -webkit-clip-path: path('M133 267 A0 0 0 0 1 267 267 L267 0 L133 0 Z'); position: absolute; bottom: 25px; left: 0; z-index: -1; transform: translateX(-50%) scaleX(-1);}
.work_row::after{ content: ""; width: 50%; height: 5px; position: absolute; left: 0; bottom: 25px; background: #E1EDF5; z-index: -1;}
.work_block{ margin: 0; padding: 0 0 24px; position: relative; text-align: center;}
.work_block::before{ content: ""; width: 100%; height: 5px; position: absolute; left: 0; top: 150px; background: #E1EDF5;}
.work_block .work_head{ max-width: 300px; height: 150px; width: 100%; position: relative; padding: 40px 10px 0; display: block; margin: 0 auto;}
.work_block .work_head::before{ content: ""; width: 100%; height: 300px; background: #F8FBFD; border-radius: 50%; clip-path: path('M0 150 A150 150 0 0 1 300 50000 L300 0 L0 0 Z'); -webkit-clip-path: path('M0 150 A150 150 0 0 1 300 50000 L300 0 L0 0 Z'); position: absolute; top: 0; left: 0; z-index: -1;}
.work_block .work_head figure{ margin: 0; transition: all .3s ease-in-out; display: flex; align-items: center; flex-direction: row; justify-content: center;}
.work_block .work_head figure img{ width: 60px;}
.work_block .count{ width: 40px; height: 40px; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; color: var(--whiteColor); border-radius: 50%; background: var(--secondaryColor); position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); transition: all .3s ease-in-out;}
.work_block .work_body{ padding: 43px 0 0; width: 100%; max-width: 306px; margin: 0 auto; min-height: 194px;}
.work_block .work_body h4{ margin: 0 0 12px; font-weight: 700; overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; transition: all .3s ease-in-out;}
.work_block .desc{ min-height: 108px; overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.work__sec .btn-theme{ margin-top: 16px;}
.work_row > div:first-child .work_block::before{ width: calc(100% + 30px); left: -30px;}
.work_block:hover .work_head figure{ transform: translateY(-10px);}
.work_block:hover .count{ background: var(--primaryColor);}
.work_block:hover .work_body h4{ color: var(--primaryColor);}


/*=================================
 	  pay step sending money page
=================================*/
.paysteps__sec{ padding: 155px 0 120px; background: var(--lightColor); min-height: 800px;}
.paysteps__sec ul.steps_list{ margin-left:-45px; margin-right: -45px;}
/* .paysteps__sec ul.steps_list li{ flex: 1 0 auto;} */
.paysteps__sec ul.steps_list li{ flex: 1;}
.back_link{ font-weight: 600; display: inline-flex; gap: 10px; color: var(--txtColor); align-items: center; align-items: center;}
.back_link::before{ content: ""; width: 9px; height: 15px; background: url(../images/backarrow9x.svg) no-repeat center center; transition: all .3s ease-in-out;}
.back_link:hover{ color: var(--blackColor);}
.back_link:hover::before{ filter: brightness(0) invert(0);}
.paysteps__sec .es{ max-width: 700px !important ;}

.addnewuser{ width: 100%; padding: 27px 15px; margin: 0 0 40px 0; display: block; background: var(--whiteColor); border: 1px dashed rgba(0, 112, 186, 0.4); border-radius: 10px; transition: all .3s ease-in-out;}
.addnewuser i { height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; margin: 0 auto 7px;}
.addnewuser i img{ height: auto; width: 100%; object-fit: cover;}
.addnewuser span{ color: var(--primaryColor); font-size: 22px; font-weight: 700; display: block; line-height: 1.2; text-align: center;}
.addnewuser:hover{ border-color: transparent; box-shadow: inset 0 0 0 1px var(--primaryColor);}

.exusers_items{ margin:25px 0 0 0; padding: 0 0 5px; display: flex;  gap: 10px; width: 100%;}
.exusers_items .mCSB_container{ display: flex;  gap: 10px;}
.exusers_items .exusers_item{ width: 100%; flex: 132px 0 0; padding: 18px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--whiteColor); border-radius: 10px; border: 1px solid transparent; transition: all .4s ease-in-out; color: var(--blackColor); border: 1px dashed rgba(0, 112, 186, 0.4); background: var(--lightColor)}
/* .exusers_items .exusers_item figure{ margin: 0 0 10px 0; width: 60px; min-width: 60px; height: 60px; display: inline-flex;} */
.exusers_items .exusers_item figure{ margin: 0 0 10px 0; height: 80px; display: inline-flex;}
.exusers_items .exusers_item figure img{ width: 100%; object-fit: cover; border-radius: 50%;}
.exusers_items .exusers_item span{ font-weight: 600; line-height: normal; overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.exusers_items .exusers_item:hover{border: 1px solid var(--primaryColor); color: var(--primaryColor); opacity: 0.7;}
.exusers_items .exusers_item.active{ border: 1px solid var(--primaryColor); color: var(--blackColor);}

#mCSB_1_scrollbar_horizontal{ opacity:0; height:5px;}
.exusers_items:hover #mCSB_1_scrollbar_horizontal{ opacity:1;}
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 10px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{ background-color: var(--primaryColor);}
.mCSB_scrollTools .mCSB_draggerRail{ background: transparent;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ margin-top: 0; margin-bottom: 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin: 2px 0;}

/*===================================
 	  pay step select currency page
===================================*/
.search_block{ margin-bottom: 40px !important;}
.search_block .form-control{ font-weight: 500;}
.form-block .input-group-text{ transition: border-color .15s ease-in-out, opacity .3s ease-in-out;}
.form-block .input-group .form-control:focus ~ .input-group-text{ border-color: var(--primaryColor);}
.search_block .form-control::placeholder{ color: var(--txtColor);}

.allcurrencies_items .item{ padding: 18px 20px; margin: 0 0 5px 0; display: flex; gap: 15px; border: 1px solid transparent; border-radius: 10px; background: var(--whiteColor); align-items: center;  transition: all .3s ease-in-out; width: 100%; position: relative; color: var(--blackColor);}
.allcurrencies_items .item .flg-icon{ height: 40px; width: 40px; min-width: 40px; display: flex;}
.allcurrencies_items .item .flg-icon img{ object-fit: cover; border-radius: 50px; width: 100%;}
.allcurrencies_items .item .rdetail{ flex: 1 0 0;}
.allcurrencies_items .item .rdetail span{ font-weight: 600;}
.allcurrencies_items .item .rdetail .country_name{ font-weight: 500;}
.allcurrencies_items .item:hover, .allcurrencies_items .item.active{ border-color: var(--primaryColor); color: var(--primaryColor);}

.find_block{ padding: 20px 25px; background: var(--whiteColor); border: 1px solid rgba(0, 0, 0, 0.08); display: flex; gap: 17px; border-radius: 10px; margin-bottom: 20px; color: var(--txtColor);}
.find_block figure{ width: 60px; min-width: 60px; margin: 0; display: flex; align-self: flex-start;}
.find_block .rdtl{ flex: 1 0 0; display: flex; align-items: center; gap: 15px 20px; justify-content: space-between; align-self: center; flex-wrap: wrap;}
.find_block h5{ margin: 0 0 9px; font-weight: 700; color: var(--primaryColor);}
.find_block .blog-tag{ transition: all .3s;}
.find_block:hover, .find_block.active{ border-color: var(--primaryColor);}
.find_block:hover .blog-tag{ background: var(--primaryColor); color: var(--whiteColor);}


.netbanking_item .item{ padding: 20px 50px 20px 25px; margin: 0 0 10px 0; display: flex; gap: 17px; border-radius: 10px; background: var(--whiteColor); align-items: center; transition: all .3s ease-in-out; width: 100%; position: relative; color: var(--blackColor); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);}
.netbanking_item .item::before{ content: ""; background: url("../images/rightarrow-30x.svg") no-repeat center;  position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; }
.netbanking_item .item .icon{ height: 60px; width: 60px; min-width: 60px; display: flex; align-items: center; justify-content: center; background: #E5F0F8; border-radius: 50px;}
.netbanking_item .item .icon img{ width: 35px;}
.netbanking_item .item h5{ flex: 1 0 0; font-weight: 600; color: inherit; margin: 0;}
.netbanking_item .item:hover, .netbanking_item .item.active{ color: var(--primaryColor); box-shadow: inset 0 0 0 1px var(--primaryColor);}

.paysteps__sec .country{ min-width: 116px; width:116px;}


/*===============================
 	  Verify your Identity page
===============================*/
.sve-transummary_sec .typo ul{ margin-bottom: 30px;}
.sve-transummary_sec .typo ul li{ margin-top: 10px;}

.take-photo-box{ width: 100%; height: 200px; border: 1px solid var(--borderColor); border-radius: 10px; display: flex; position: relative; background: var(--whiteColor); overflow: hidden; transition: all .3s ease-in-out;}
.take-photo-box:before{ content: ""; width: 30px; height: 30px; border-radius: 7px 0 0 0; border-top: 2px solid var(--borderColor); border-left: 2px solid var(--borderColor); position: absolute; top: 15px; left: 15px;}
.take-photo-box::after{ content: ""; width: 30px; height: 30px; border-radius: 0 7px 0 0; border-top: 2px solid var(--borderColor); border-right: 2px solid var(--borderColor); position: absolute; top: 15px; right: 15px;}
.take-photo-box .take-photo-inn{ width: 100%; display: flex; justify-content: center; align-items: center;}
.take-photo-box .take-photo-inn:before{ content: ""; width: 30px; height: 30px; border-radius: 0 0 0 7px; border-bottom: 2px solid var(--borderColor); border-left: 2px solid var(--borderColor); position: absolute; bottom: 15px; left: 15px;}
.take-photo-box .take-photo-inn::after{ content: ""; width: 30px; height: 30px; border-radius: 0 0 7px 0; border-bottom: 2px solid var(--borderColor); border-right: 2px solid var(--borderColor); position: absolute; bottom: 15px; right: 15px;}
.take-photo-box input { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer;}
.take-photo-box:hover .btn-theme{ background: var(--secondaryHover); border-color: var(--secondaryHover); color: var(--whiteColor);}
.take-photo-box:hover{ border-color: var(--primaryColor);}


.upload-box{ width: 100%; padding: 50px 20px 47px; border: 1px dashed rgba(0,112,186,0.4); border-radius: 10px; background: rgba(0,112,186,0.05); display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; text-align: center; transition: all .3s ease-in-out;}
.upload-box:hover{ border-color: transparent; box-shadow: inset 0 0 0 1px var(--primaryColor);}
.upload-box.dragover { border-color: var(--primaryColor); background: rgba(0,112,186,0.12);}
.upload-box h4 { margin: 0 0 18px 0;}
.upload-box i {margin: 0 0 8px 0;}
.upload-box span{margin: 0;display: block;font-weight: 500;}
.upload-box span span { color: var(--primaryColor); cursor: pointer; display: inline-block; font-weight: 600;}
.upload-box input { display: none;}
.upload-box .preview{ width: 60px; height: 70px; margin: 20px 0 -20px; object-fit: cover; border: 1px solid var(--borderColor); border-radius: 6px; display: none;}


/*=====================
 	    Login page
=====================*/
.login_wrapper{ display: flex; flex-direction: column; background: var(--lightColor); min-height: 100vh;}
.login_header{ padding: 50px 0; text-align: center;}
.login_header .logo img{ width: 234px;}
.login__sec{ margin: auto 0; padding: 70px 0 120px 0;}
.login__sec .container{ max-width: 700px;}
.forgot_link{ margin: 8px 0 0; padding: 0; font-weight: 500; color: var(--primaryColor); display: inline-block;}
.forgot_link:hover{ color: var(--primaryHover);}
.create_info{ margin: 30px 0 0; text-align: center; font-weight: 500;}
.create_info a{ font-weight: 600; color: var(--primaryColor);}
.create_info a:hover{ color: var(--primaryHover);}

.splide__pagination { display: flex; justify-content: center; gap: 7px; margin-top: 25px; list-style: none; padding: 0; position: relative;}
.splide__pagination__page { width: 9px; height: 9px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); border: none; cursor: pointer; transition: all 0.3s ease;}
.splide__pagination__page.is-active { background: var(--primaryColor); transform: scale(1.3);}

.tooltip > .tooltip-inner { font-size: 11px !important;}

.password-eye{ padding: 0 !important; margin-right: 20px; background: transparent; }

input:disabled,
textarea:disabled,
button:disabled,
button[disabled] {
  cursor: not-allowed;
  color: #bfc3c9 !important;
  opacity: 1;
}

/* Global placeholder styling */
input::placeholder,
textarea::placeholder,
::placeholder {
  color: #bfc3c9 !important; /* light grey */
  opacity: 1; /* ensures full visibility */
}
::-webkit-input-placeholder {
  color: #bfc3c9 !important; /* light grey */
  opacity: 1; /* ensures full visibility */
}
:-moz-placeholder { /* Upto Firefox 18, Deprecated in Firefox 19  */
  color: #bfc3c9 !important; /* light grey */
  opacity: 1; /* ensures full visibility */
}
::-moz-placeholder {  /* Firefox 19+ */
  color: #bfc3c9 !important; /* light grey */
  opacity: 1; /* ensures full visibility */
}
:-ms-input-placeholder {
  color: #bfc3c9 !important; /* light grey */
  opacity: 1; /* ensures full visibility */
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}
.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}
.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}

.country .dropdown-menu .dropdown-item{
  border: none;
  border-bottom: 1px solid #E0E0E0;
  border-radius: 0;
}

.preview-wrapper {
    width: auto;
    height: auto;
    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed #888;
    margin-right: 55px;
}

.preview-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.id-type-document{
  margin-top: 20px !important;
  width: auto !important;
  height: auto !important;
  display: inline !important;
  border: 2px dashed #888 !important;
  border-radius: 10px !important;
}

/* container inside the bootstrap dropdown that will actually scroll */
.dropdown-menu .dropdown-scroll {
  max-height: 250px;                    /* adjust to taste */
  overflow-y: auto;                     /* enable vertical scrolling */
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;    /* smooth scrolling on iOS */
  padding-right: 4px;                   /* avoid overlaying last item with scrollbar */
}

/* optional: a slightly nicer scrollbar for webkit browsers */
.dropdown-menu .dropdown-scroll::-webkit-scrollbar {
  width: 8px;
}
.dropdown-menu .dropdown-scroll::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.15);
  border-radius: 6px;
}

.country .dropdown .dropdown-menu .dropdown-item img{
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.date-picker-wrapper .form-control {
  margin: 0;
  padding: 18px 25px;
  height: 60px;
  border-radius:10px;
  font-size: 18px;
  font-weight: 500;
  color: var(--txtColor);
  border:1px solid var(--borderColor);
  background-color: var(--whiteColor);
  text-align: left;
}

.react-datepicker-wrapper {
  width: 100%;
}

.country .dropdown-scroll {
  max-height: 240px;
  overflow-y: auto;
}

.country .dropdown-menu {
  width: 100%;
}

.country .dropdown-menu .form-control {
  height: 38px;
  font-size: 14px;
}

/* Balance-specific */
.bdwa_card.skeleton {
  padding: 20px;
}

.balance-line {
  height: 28px; /* matches big balance font */
}

.w-70 { width: 70%; }
.w-40 { width: 40%; }


.help-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  height: 100%;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.help-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* 🔥 LIMIT CONTENT */
.help-description {
  color: #555;
  line-height: 1.7;

  display: -webkit-box;
  -webkit-line-clamp: 4; /* 👈 LIMIT TO 5 LINES */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.help-description-details {
  color: #555;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.accordion-flush>.accordion-item>.accordion-collapse{
  visibility: visible !important;
}

.selectpicker{
    border: 1px solid #E0E0E0;
    padding: 15px;
    border-radius: 10px;
}

@keyframes pulse {
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}

.country-image {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background: #f5f5f5;
  flex-shrink: 0;
}

.country-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Wrapper like Splide track */
.skeleton-slider {
  display: flex;
  gap: 23px;
  overflow: hidden;
  justify-content: center;
}

/* Pill container */
.skeleton-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  min-width: 280px;
  height: 100px;
  border-radius: 50px;
  background: #f2f2f2;
}

/* Circular image placeholder */
.skeleton-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(
    90deg,
    #e6e6e6 25%,
    #f2f2f2 37%,
    #e6e6e6 63%
  );
  animation: shimmer 1.4s infinite linear;
}

/* Text placeholder */
.skeleton-text {
  flex: 1;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(
    90deg,
    #e6e6e6 25%,
    #f2f2f2 37%,
    #e6e6e6 63%
  );
  animation: shimmer 1.4s infinite linear;
}

/* Shimmer animation */
@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: 200px 0;
  }
}



/* Home page */
.send_moneybox_home .from_countries_home_block .country button span,
.send_moneybox_home .to_countries_home_block .country button span{
  white-space: normal;
  display: block;
  -webkit-line-clamp: unset;
}
.send_moneybox_home .from_countries_home_block .country,
.send_moneybox_home .to_countries_home_block .country{
  min-width: 120px;
  width: 120px;
}
.send_moneybox_home .from_countries_home_block .country_price .country button img,
.send_moneybox_home .to_countries_home_block .country_price .country .dropdown img{
    border: 0.5px solid #000;
    border-radius: 3px;
    /* box-shadow: 0px 0px 3px rgba(0,0,0,0.3); */
}
.send_moneybox_home .from_countries_home_block .country_price .country .dropdown-menu{
    width: 260px;
    left: -115px !important;
}
.send_moneybox_home .to_countries_home_block .country_price .country .dropdown-menu{
  width: 220px;
  left: -75px !important;
}
.send_moneybox_home .from_countries_home_block .country_price .country .dropdown-menu .dropdown-item:last-child,
.send_moneybox_home .to_countries_home_block .country_price .country .dropdown-menu .dropdown-item:last-child{
  border-bottom: none;
}
.send_moneybox_home .from_countries_home_block .dropdown-item span,
.send_moneybox_home .to_countries_home_block .dropdown-item span{
  text-align: left;
}
.send_moneybox_home .to_countries_home_block .dropdown-menu {
  max-height: 240px;              /* adjust height as needed */
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.send_moneybox_home .to_countries_home_block .dropdown-item img {
  width: 55px;
  height: 35px;
  border-radius: 5px !important;
  object-fit: cover;
  flex-shrink: 0;
  border: 0.5px solid #000;
  /* box-shadow: 0px 0px 3px rgba(0,0,0,0.3); */
}



/* Transfer money page */
/* Dropdown wrapper */
.countrybtn-dropdown .dropdown-menu{
  max-height: 275px;              /* adjust height as needed */
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* Individual dropdown item */
.countrybtn-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  font-size: 14px;
  color: #222;
  transition: background 0.2s ease;
}
/* Hover state */
.countrybtn-dropdown .dropdown-item:hover,
.send_moneybox_home .to_countries_home_block .dropdown-item:hover {
  background-color: #f5f5f5;
}
/* Flag image styling */
.countrybtn-dropdown .dropdown-item img {
  width: 65px !important;
  height: 40px !important;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  border: 0.5px solid #000;
  /* box-shadow: 0px 0px 3px rgba(0,0,0,0.3); */
}
/* Scrollbar styling */
.countrybtn-dropdown .dropdown-menu::-webkit-scrollbar,
.send_moneybox_home .to_countries_home_block .dropdown-menu::-webkit-scrollbar {
  width: 6px;
}
.countrybtn-dropdown .dropdown-menu::-webkit-scrollbar-thumb,
.send_moneybox_home .to_countries_home_block .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 6px;
}
.countrybtn-dropdown .dropdown-menu::-webkit-scrollbar-track,
.send_moneybox_home .to_countries_home_block .dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}


/* Product detail page */
.send_moneybox_inn .from_countries_block .country button span{
  white-space: normal;
  display: block;
  -webkit-line-clamp: unset;
}
.send_moneybox_inn .from_countries_block .country,
.send_moneybox_inn.to_countries_block .country{
  min-width: 120px;
  width: 120px;
}
.send_moneybox_inn .from_countries_block .country_price .country .dropdown-menu{
    width: 260px;
    left: -115px !important;
}
.send_moneybox_inn .from_countries_block .country_price .country button img,
.send_moneybox_inn .to_countries_block .country_price .country .dropdown img{
    border: 0.5px solid #000;
    border-radius: 3px;
    width: 35px;
    /* box-shadow: 0px 0px 3px rgba(0,0,0,0.3); */
}
.send_moneybox_inn .from_countries_block .dropdown-item span{
  text-align: left;
}
.send_moneybox_inn .from_countries_block .country_price .country .dropdown-menu .dropdown-item:last-child,
.send_moneybox_inn .to_countries_block .country_price .country .dropdown-menu .dropdown-item:last-child{
  border-bottom: none;
}
/* Slide animation container */
.send_moneybox_inn .slide-wrapper {
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.25s ease;
}
.send_moneybox_inn .slide-wrapper.closed {
  max-height: 0;
  opacity: 0;
}
.send_moneybox_inn .slide-wrapper.open {
  max-height: 120px; /* enough for input + button */
  opacity: 1;
}

.input-skeleton {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #f0f0f0 25%,
    #e6e6e6 37%,
    #f0f0f0 63%
  );
  background-size: 400% 100%;
  animation: shimmer 1.2s ease-in-out infinite;
  border-radius: 4px;
  pointer-events: none;
}

@keyframes shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

.row-skeleton {
  height: 14px;
  width: 120px;
  background: linear-gradient(
    90deg,
    #f0f0f0 25%,
    #e6e6e6 37%,
    #f0f0f0 63%
  );
  background-size: 400% 100%;
  animation: shimmer 1.2s ease-in-out infinite;
  border-radius: 4px;
}

.row-skeleton.w-80 { width: 80px; }
.row-skeleton.w-100 { width: 100px; }
.row-skeleton.w-140 { width: 140px; }
.row-skeleton.w-180 { width: 180px; }
.row-skeleton.w-280 { width: 280px; }
.row-skeleton.fr { float: right; }

.no-dropdown-currency{
  min-width: 85px;
  width: 85px;
}
.no-currency-drop-menu{
  display: flex;
  align-items: center;
  gap: 15px;
}


/* Payment steps country dropdown adjustments */
.paysteps__sec .country_price .country .dropdown-menu .dropdown-item:last-child,
.sendpayment_info .country_price .country .dropdown-menu .dropdown-item:last-child{
  border-bottom: none;
}
.paysteps__sec .from_moneyblock .country button span{
  white-space: normal;
  display: block;
  -webkit-line-clamp: unset;
}
.paysteps__sec .from_moneyblock .country_price .country .dropdown-menu{
  width: 260px;
  left: -119px !important;
}
.paysteps__sec .from_moneyblock .dropdown-item span{
  text-align: left;
}


/* Currency converter page */
/* .send_moneybox_currency_converter .from_countries_home_block .country{
  min-width: 120px;
  width: 120px;
} */
.send_moneybox_currency_converter .from_countries_home_block .country button span,
.send_moneybox_currency_converter .to_countries_home_block .country button span{
  white-space: normal;
  display: block;
  -webkit-line-clamp: unset;
}
.send_moneybox_currency_converter .from_countries_home_block .country,
.send_moneybox_currency_converter .to_countries_home_block .country{
  min-width: 120px;
  width: 120px;
}
.send_moneybox_currency_converter .from_countries_home_block .country_price .country button img,
.send_moneybox_currency_converter .to_countries_home_block .country_price .country .dropdown img{
    border: 0.5px solid #000;
    border-radius: 3px;
    /* box-shadow: 0px 0px 3px rgba(0,0,0,0.3); */
}
/* .send_moneybox_currency_converter .from_countries_home_block .country_price .country .dropdown-menu{
  width: 145px;
} */
.send_moneybox_currency_converter .from_countries_home_block .country_price .country .dropdown-menu{
    width: 260px;
    left: -115px !important;
}
.send_moneybox_currency_converter .to_countries_home_block .country_price .country .dropdown-menu{
  width: 220px;
  left: -75px !important;
}
.send_moneybox_currency_converter .from_countries_home_block .country_price .country .dropdown-menu .dropdown-item:last-child,
.send_moneybox_currency_converter .to_countries_home_block .country_price .country .dropdown-menu .dropdown-item:last-child{
  border-bottom: none;
}
.send_moneybox_currency_converter .from_countries_home_block .dropdown-item span,
.send_moneybox_currency_converter .to_countries_home_block .dropdown-item span{
  text-align: left;
}
.send_moneybox_currency_converter .to_countries_home_block .dropdown-menu {
  max-height: 240px;              /* adjust height as needed */
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.send_moneybox_currency_converter .to_countries_home_block .dropdown-item img {
  width: 55px;
  height: 35px;
  border-radius: 5px !important;
  object-fit: cover;
  flex-shrink: 0;
  border: 0.5px solid #000;
  /* box-shadow: 0px 0px 3px rgba(0,0,0,0.3); */
}

.empty-state {
  margin-top: 30px;
  padding: 30px 20px;
  border: 1px dashed #e1edf5;
  border-radius: 12px;
  text-align: center;
  background: #fafcff;
}

.empty-icon {
  margin-bottom: 12px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.empty-title {
  font-weight: 600;
  font-size: 16px;
  color: #0b1f33;
  margin-bottom: 4px;
}

.empty-subtitle {
  font-size: 14px;
  color: #6b7c93;
}


.transactions_lists .item{
  cursor: pointer;
}



.transamsummary_international_sec .from_countries_block .country{
  min-width: 125px !important;
  width: 125px !important;
}
.transamsummary_international_sec .from_countries_block .country button span{
  white-space: normal;
  display: block;
  -webkit-line-clamp: unset;
}
.transamsummary_international_sec .from_countries_block .country,
.transamsummary_international_sec.to_countries_block .country{
  min-width: 120px;
  width: 120px;
}
.transamsummary_international_sec .from_countries_block .country_price .country .dropdown-menu{
    width: 260px;
    left: -115px !important;
}
.transamsummary_international_sec .from_countries_block .dropdown-item span{
  text-align: left;
}
.transamsummary_international_sec .from_countries_block .country_price .country .dropdown-menu .dropdown-item:last-child,
.transamsummary_international_sec .to_countries_block .country_price .country .dropdown-menu .dropdown-item:last-child{
  border-bottom: none;
}



/* Withdraw Request Card */
.withdraw-request-card {
  background: #fff;
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 22px;
  border: 1px solid #e6e9ef;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

/* Header */
.withdraw-request-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.withdraw-request-header h5 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
}

.withdraw-request-header p {
  margin-top: 4px;
  font-size: 13px;
  color: #64748b;
}

/* Status badge */
.withdraw-status {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}

.withdraw-status.pending {
  background: #fff7ed;
  color: #c2410c;
}

/* Amount */
.withdraw-amount {
  margin: 18px 0 20px;
  font-size: 32px;
  font-weight: 700;
  color: #0070BA;
}

.withdraw-amount span {
  font-size: 18px;
  font-weight: 600;
  margin-left: 4px;
}

/* Breakdown */
.withdraw-breakdown {
  background: #f8fafc;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 18px;
}

.breakdown-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #0f172a;
}

.breakdown-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 14px;
}

.breakdown-row.total {
  border-top: 1px dashed #cbd5f5;
  margin-top: 8px;
  padding-top: 10px;
  font-weight: 600;
}

.positive {
  color: #16a34a;
}

.negative {
  color: #dc2626;
}

/* Footer */
.withdraw-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.withdraw-info {
  font-size: 14px;
  color: #64748b;
}

/* Buttons */
.withdraw-actions {
  display: flex;
  gap: 10px;
}

.btn-primary {
  padding: 10px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(90deg, #2563eb, #1d4ed8);
}

.btn-primary:hover {
  opacity: 0.92;
}

.btn-danger {
  padding: 10px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  color: #fff;
  background: #dc2626;
}

.btn-danger:hover {
  opacity: 0.9;
}

/* Mobile */
@media (max-width: 768px) {
  .withdraw-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .withdraw-actions {
    width: 100%;
  }

  .btn-primary,
  .btn-danger {
    width: 100%;
  }
}