/* ===============================
   Britti Sans Local Font Setup
================================ */

/* Regular */
@font-face {
    font-family: 'BrittiSans';
    src: url('../font/BrittiSansTrial-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* SemiBold */
@font-face {
    font-family: 'BrittiSans';
    src: url('../font/BrittiSansTrial-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'BrittiSans';
    src: url('../font/BrittiSansTrial-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bold Italic */
@font-face {
    font-family: 'BrittiSans';
    src: url('../font/BrittiSansTrial-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}


/* General Styles */
* {margin: 0;padding: 0;}
:root {--font-body: "Inter", sans-serif;--font-heading: "BrittiSans", serif;
--primary-color:#101828;--secondary-color:#499AFA;
--link-color:#499AFA;
--link-hover:#0075FF;
--border-color: #BCCBE4;}

body {color: var(--color-body); font:16px/1.6 var(--font-body); }

p { margin:0 0 15px; }
p:last-child { margin-bottom:0; }
p:empty { display:none; }
.btn {--bs-btn-padding-x: 2.5rem;	--bs-btn-padding-y: 0.95rem;font-size: var(--bs-body-font-size);	border-radius: .5rem;}
.btn-warning{background-color: #F0B100;}
.btn-primary {--bs-btn-color: #fff;--bs-btn-bg:var(--color-button-primary);	--bs-btn-hover-color: #fff;--bs-btn-hover-bg:var(--color-button-primary-hover);	--bs-btn-focus-shadow-rgb: 49,132,253;--bs-btn-active-color: #000;	--bs-btn-border-color: #fff;	--bs-btn-hover-border-color:#fff;--bs-btn-border-width: 0px;position: relative;	overflow: hidden;transition: 0.2}
.btn-group-sm>.btn, .btn-sm {  --bs-btn-padding-y: 0.7rem;--bs-btn-padding-x: 1.2rem;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--font-heading); font-weight:500; color: var(--primary-color); line-height:1.2; position: relative;z-index: 1; padding: 0; margin: 0 0 15px; }

h1, .h1 { font-size:50px; margin:0 0 25px; font-weight:500; }
h1 span, .h1 span { font-weight:500; font-style:italic; }
h2, .h2 { font-size:42px; }
h3, .h3 { font-size:24px; }
h4, .h4 { font-size:20px; }
h5, .h5 {font-size:18px;}
ul{list-style: none;margin: 0;padding: 0;}

a { color:var(--link-color); text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
a:hover { color:var(--link-hover); }
.link { text-decoration: underline; }
.py-50{padding:50px 0}
.pb-120 {padding-bottom: 120px;}
.pt-120 {padding-top: 120px;}

/* RESET */
body {margin:0;font-family: "Inter", sans-serif;}


/* HEADER WRAPPER */
.tp-header-area {background:#fff;}
.tp-header-area .tp-header-box {display:flex;flex-wrap: wrap;position:relative;}
.tp-header-area .tp-header-logo {position:relative;min-width:240px;padding-left:30px;  display:flex;align-items:center;}
.tp-header-logo img {height:120px;position:relative;z-index:2;}
.tp-header-area .tp-header-logo-bg {position:absolute;top:0;left:0; width:120%;height:101%;/*background:linear-gradient(135deg,#223054,#1e365d);*/background:#f4f6f8;clip-path: polygon(0 0, 100% 0, 76.5% 100%, 0 100%); z-index:1;} 
.tp-header-area .tp-header-wrapper-inner{flex:1;}
.tp-header-area .tp-header-top {height:50px;padding:0 50px;display:flex;  align-items:center;justify-content:space-between;border-bottom:1px solid #eee;font-size:14px;}
.tp-header-area .tp-header-top-info{display: flex;align-items: center;gap:15px;}
.tp-header-area .tp-header-top-info i {color:#223358;margin-right:6px;}
.tp-header-area .tp-header-top-info a{color:#000;}
.tp-header-area .tp-header-main-menu {display:flex;align-items:center;height:85px;padding: 0 50px;}
.tp-header-area .tp-main-menu ul {display:flex;gap:30px;list-style:none;margin:0; padding:0;}
.tp-header-area .tp-main-menu a {text-decoration:none; color:#111;font-weight:500;}
.tp-header-area .tp-main-menu a:hover{color:#345184;}
.tp-header-area .tp-header-contact {margin-left:auto;}
.tp-header-area .tp-header-contact .call {display:flex; align-items:center;  background:#f4f6f8;padding:10px 20px;border-radius:60px;}
.tp-header-area .tp-header-contact .call:hover .icon{background:#F0B100;}
.tp-header-area .tp-header-contact .call:hover .text a{color:#F0B100;}
.tp-header-area .tp-header-contact .icon {width:46px; height:46px;background:#223358;  color:#fff;border-radius:50%; display:flex;align-items:center;justify-content:center;  margin-right:12px;}
.tp-header-area .tp-header-contact span {font-size:13px;color:#777; display:block;}
.tp-header-contact a {font-size:16px;font-weight:600;color:#111; text-decoration:none;}
.tp-header-area .tp-header-btn {background-color: #f4f6f8;display:flex;align-items:center;  padding:0 30px;}
.tp-header-area .tp-btn {background: linear-gradient(135deg, #223358, #345184);color:#fff;  padding:16px 38px;border-radius:8px;text-decoration:none;font-weight:500;transition: 0.3s all;}
.tp-header-area .tp-btn:hover{background: linear-gradient(135deg, #F0B100, #ffb000);}
/* MOBILE MENU */
.tp-header-area .mobile-menu {list-style:none;padding:0;}
.tp-header-area .mobile-menu li {border-bottom:1px solid #eee;}
.tp-header-area .mobile-menu a {display:block;padding:14px 0; text-decoration:none;  color:#111;font-weight:500;}

.tp-main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tp-main-menu ul li {
    position: relative;
    display: inline-block;
    margin-right: 25px;
}

.tp-main-menu ul li a {
    text-decoration: none;
    padding: 10px 0;
    display: inline-block;
    color: #000;
    font-weight: 500;
}

/* Dropdown */
.tp-main-menu .sub-menu {
    display: block!important;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 220px;
    padding: 10px 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
    z-index: 99;
}

.tp-main-menu .sub-menu li {
    display: block;
    margin: 0;
}

.tp-main-menu .sub-menu li a {
    display: block;
    padding: 8px 20px;
    color: #333;
}

.tp-main-menu .sub-menu li a:hover {
    background: #f5f5f5;
    color: #007bff;
}

/* Show dropdown on hover */
.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Chevron rotate on hover */
.menu-item-has-children:hover .dropdown-icon {
    transform: rotate(180deg);
    transition: 0.3s ease;
}

.dropdown-icon {
    font-size: 12px;
    margin-left: 5px;
    transition: 0.3s ease;
}

.hero-banner {
  position: relative;
  padding: 60px 0;
  /* background: linear-gradient(135deg, #1E3A8A, #1E40AF, #2563EB); */
      background: linear-gradient(0deg, #223054, #1e365d, #1E40AF),#2563EB;
  overflow: hidden;
}

/* Yellow glow */
.yellow-glow {
    position: absolute;
    width: 385px;
    height: 385px;
    background: #FDC700;
    filter: blur(120px);
    top: 0;
    left: -100px;
    opacity: .3;}

/* Left content */
.hero-badge {
  background: rgba(255,255,255,.15);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 20px;
}

.hero-banner h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  color:#fff;
}

.hero-banner h1 span {
  color: #FDC700;
}

.hero-desc {
  margin: 20px 0;
  max-width: 620px;
  opacity: .9;
}

.hero-actions {
  margin-bottom: 40px;
}

/* Counters */
.hero-stats {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  color: #fff;
}

.stat-item {
  text-align: center;
   flex: 1;
}

.stat-item h4 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #FDC700;
  margin-bottom: 0px;
}

.stat-item span {
  font-size: 14px;
  opacity: 0.9;
}

/* Vertical divider */
.stat-divider {
  width: 1px;
  height: 45px;
  background: rgba(255, 255, 255, 0.25);
}

/* Form Card */
  .forex-form-card{
         max-width:520px;
         margin:auto;
         background:#fff;
         border-radius:18px;
         padding:25px;
         position:relative;
         box-shadow:0 20px 40px rgba(0,0,0,.15);
         }
         .hidden-fee-badge{
         position:absolute;
         top:-30px;
         right:-15px;
         background:#ffb000;
         color:#fff;
         border-radius:50%;
         width:80px;
         height:80px;
         font-weight:700;
         display:flex;
         align-items:center;
         justify-content:center;
         text-align:center;
         font-size:14px;
         line-height:16px;
         }
         .forex-tabs .nav-link{
         background:#f2f4f8;
         color:#333;
         font-weight:600;
         }
         .forex-tabs .nav-link.active{
        background: linear-gradient(135deg, #223358, #345184);
         color:#fff;
         }
         .rate-box{
         background:#e9f9ee;
         border-radius:12px;
         padding:15px;
         }
         .rate-box strong{
         font-size:20px;
         color:#0f9d58;
         }
         .feature-icons{
         display:flex;
         justify-content:space-between;
         margin-top:20px;
         font-size:13px;
         color:#444;
         }
         .forex-form-card .form-select{background:#f1f3f8;border:none;padding:10px 15px;border-radius:0;color:#000; font-size:14px;font-weight:600}
         .forex-form-card label{font-size:15px;}
         .amount{
         flex: 1 1 auto;
         max-width: 25%;            /* hamesha same size */
         padding: 14px;
         padding:10px 15px; border-radius:0;
         border: 1px solid #f1f3f8;
         font-weight: 600;
         }
         /* ---------- INPUT ROW ---------- */
         .row-box{
         display: flex;
         align-items: center;
         gap: 10px;
         flex-wrap: wrap; 
         font-size:14px;
         }
         .amount:focus{outline:none}
         /* ---------- DROPDOWN ---------- */
         .dropdown{
         flex: 1;                 /* screen ke hisaab se adjust hoga */
         min-width: 200px;        /* bahut chhoti screen par bhi safe */
         position: relative;
         background: #f1f3f8;
         }
         .selected{
         padding:10px 15px;
         display:flex;
         align-items:center;
         gap:10px;
         cursor:pointer;
         font-weight:600;
         }
         .list{
         position:absolute;
         top:100%;
         left:0;
         right:0;
         background:#fff;
         border:1px solid #d7deee;
         border-radius:10px;
         margin-top:6px;
         max-height:260px;
         overflow-y:auto;
         display:none;
         z-index:999999;
         }
         .list div{
         padding:12px;
         display:flex;
         align-items:center;
         gap:10px;
         cursor:pointer;
         }
         .list div:hover{
         background:#eef3ff;
         }
         /* ---------- FLAGS ---------- */
         .flag{
         width:26px;
         height:18px;
         object-fit:cover;
         border-radius:3px;
         }
         /* ---------- FIXED INR ---------- */
         .fixed{
         flex: 1;
         min-width: 200px;
         padding:10px 15px;
         display:flex;
         align-items:center;
         gap:10px;
         background:#f1f3f8;
         font-weight:600;
         }
  .title-desc{color: #4A5565;font-size: 18px;max-width: 580px; margin: 0 auto;}       
/* section 2 */
.services-section {
  background: #f8fafc;
}
.services-section h2{max-width: 650px;margin: 0 auto 10px;}
.text-gradient{
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
background-image: linear-gradient(90deg, #155DFC 46%, #F54900 54%);
  background-size: 100%;
  background-repeat: no-repeat;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  display: inline-flex;
  align-items: center;
}



/* Card base */
.service-card {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  height: 100%;
  transition: all 0.35s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.15);
}

/* Top gradient area */
.card-top {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.card-top::after {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
}
.card-top::before {
  content: "";
  position: absolute;
  left: -40px;
  bottom: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
}

/* Icons */
.icon-box {
  font-size: 34px;
  color: #fff;
}

/* Body */
.card-body {
  padding: 25px;
}

.card-body h5 {
  font-weight: 700;
  margin-bottom: 10px;
}

.card-body p {
  font-size: 14px;
  color: #555;
}

/* List */
.card-body ul {
  list-style: none;
  padding: 0;
  margin: 15px 0 25px;
}

.card-body ul li {
  font-size: 14px;
  margin-bottom: 8px;
  padding-left: 26px;
  position: relative;
}

.card-body ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #00b853;
  font-weight: bold;
}

/* Button */
.service-btn {
  width: 100%;
  color: #fff;
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
}
.service-btn:hover{color:#fff;opacity: .9;}

/* Theme colors */
.service-card.blue .card-top, .bg-blue {
  background: linear-gradient(135deg, #2b7cff, #3b4cff);
}
.service-card.blue .service-btn {
  background: linear-gradient(135deg, #2b7cff, #3b4cff);
}

.service-card.orange .card-top, .bg-green {
  background: linear-gradient(135deg, #00c853, #009f7f);
}
.service-card.orange .service-btn {
  background: linear-gradient(135deg, #00c853, #009f7f);
}

.service-card.green .card-top, .bg-yellow {
  background: linear-gradient(135deg, #F0B100, #ffb000);
}
.service-card.green .service-btn {
  background: linear-gradient(135deg, #F0B100, #ffb000);
}


/* section 3 */
.help-cta-section{position: relative;
  padding: 0 30px;}
.help-cta {
  background: linear-gradient(135deg, #243a8f, #3b57c4);
  border-radius: 12px;
  padding: 50px 20px;
  color: #fff;
  margin: 60px auto;
  max-width: 1100px;
  position: relative;

}

.help-cta::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  background: rgba(255, 204, 0, 0.3);
  filter: blur(90px);
  top: -20px;
  left: 80px;
  border-radius: 50%;
}

.help-cta h4 {
  font-weight: 700;
}

.help-cta p {
  font-size: 14px;
  opacity: 0.9;
}

.help-cta .btn {
  font-size: 14px;
  font-weight: 600;
  padding: 8px 20px;
}

/* section 4 */
.why-card {
  background: linear-gradient(135deg, #FFFFFF, #F9FAFB); ;
  border-radius: 16px;
  border: 1px solid #E5E7EB;
  padding: 40px 30px;
  text-align: left;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  transition: 0.3s ease;
}

.why-card:hover {
  transform: translateY(-6px);
}

.why-card h4 {
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 20px;
}

.why-card p {
  font-size: 16px;
  color: #4A5565;
}

.why-card .icon {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 10px 15px -3px #0000001A;
}

.icon.blue {   background: linear-gradient(135deg, #2B7FFF, #155DFC); }
.icon.orange { background:linear-gradient(135deg, #F0B100, #FF6900); }
.icon.green { background: linear-gradient(135deg, #00C950, #009966);}
.icon.purple { background:linear-gradient(135deg, #AD46FF, #9810FA); }
.icon.pink { background: linear-gradient(135deg, #F6339A, #FF2056); }


/* section 5 */
.stats-bar-section{position: relative;padding: 0 30px;}
.stats-bar {
  background: linear-gradient(135deg, #1e3a8a, #2563eb);
  border-radius: 16px;
  padding: 40px 20px;
  color: #fff;
  margin: 60px auto;
  max-width: 1100px;
  position: relative;

}

.stats-bar::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  background: rgba(255, 204, 0, 0.5);
  filter: blur(80px);
  right: 200px;
  top: -15%;
  border-radius: 50%;
  z-index: 1;
}
.stats-bar::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  background: rgba(255, 204, 0, 0.5);
  filter: blur(80px);
  left: 200px;
  top: -15%;
  border-radius: 50%;
  z-index: 1;
}

.stats-bar h3 {
  font-weight: 800;
  color: #ffd700;
  font-size:48px;
  margin-bottom: 0;
}

.stats-bar span {
  font-size: 13px;
  opacity: 0.9;
}
/* faq */
.tp-faq-bg:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 73%;
    z-index: -1;
    background: linear-gradient(90deg, #1E3A8A, #1E40AF);
}
.tp-faq-title-wrapper {
    padding-right: 42px;
}
.tp-faq-title-wrapper .tp-section-title-pre{color:#fff;    font-weight: 700;
    font-size: 18px;
    letter-spacing: 4px;
    text-transform: uppercase;    display: inline-block;
    margin-bottom: 10px;}
   .tp-faq-title-wrapper  .tp-section-title {
    color:#fff;
    font-weight: 600;
   
    letter-spacing: -1.92px;
    
    line-height: 1.2;
    margin-bottom: 20px;
}
.tp-faq-title-wrapper p {
    color: #fff;
    margin-bottom: 30px;
}
.tp-faq-tab-content {
    background: #fff;
    box-shadow: 0 4.8px 24.4px -6px rgba(19, 16, 34, .1), 0 4px 13px -2px rgba(19, 16, 34, .06);
    border-radius: 5px;
    padding: 80px 60px 57px;
}
.tp-accordion .accordion-item {
    border: 0;
    background: #fff;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px;
}
/* Wrapper */
.custom-faq-accordion .accordion-item {
  border:none;;
  border-radius: 12px;
  margin-bottom: 25px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 8px 15px 5px #95959540;
}

/* Question Button */
.custom-faq-accordion .accordion-button {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  padding: 20px 24px;
  background: #ffffff;
  box-shadow: none;
border: none;;

}

/* Remove default bootstrap bg */
.custom-faq-accordion .accordion-button:not(.collapsed) {
  background: linear-gradient(90deg,  #1E3A8A, #1E40AF);
  color: #ffffff;
}

/* Default arrow color */
.custom-faq-accordion .accordion-button::after {
  filter: brightness(0.4);
}

/* Arrow on active */
.custom-faq-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(100);
}

/* Body */
.custom-faq-accordion .accordion-body {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.7;
  padding: 20px 24px 24px;
}

/* Remove focus outline */
.custom-faq-accordion .accordion-button:focus {
  box-shadow: none;
}

/* Smooth look */
.custom-faq-accordion .accordion-collapse {
  transition: all 0.3s ease;
}
section{position: relative;}
/* Price table */
.price-table{padding: 80px 0;  background: linear-gradient(135deg, #F9FAFB, #EFF6FF, #FFF7ED);}
.price-table table thead {
    background: linear-gradient(135deg, #1E3A8A, #1E40AF);--bs-table-color:#fff;}
.price-table table thead th{background: transparent!important;padding: 10px 20px;}
.price-table table tbody td{padding: 10px 20px;}
.price-table table tbody td small{font-size: 12px;}
.custom-btn{ background: linear-gradient(135deg, #1E3A8A, #1E40AF);color:#fff;}
/* footer */
.footer-section {
  background: linear-gradient(135deg, #1E3A8A, #1E40AF);
  color: #BEDBFF;
  font-size: 15px;
    position: relative;
  
}
.info-card {
    color: #fff;
    border-radius: 14px;
    padding: 35px 20px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    transition: transform 0.3s ease;
}
.info-card h2{color: #fff;}

.info-card:hover {
    transform: translateY(-6px);
}

.info-card h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
}

.info-card p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}

/* Disclaimer text */
.disclaimer {
    font-size: 13px;
    color: #7a7a7a;
    margin-top: 25px;
}
.steps_sec {
    padding: 80px 0;
    background: #ffffff;
    counter-reset: my-sec-counter;
}

.how-badge {
    background: #e9f0ff;
    color: #1e40af;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 30px;
}

.steps-title {
  
    font-weight: 700;
    margin-top: 15px;
}

.steps-subtitle {
    max-width: 650px;
    margin: 10px auto 60px;
    color: #667085;
    font-size: 15px;
}

/* Step grid */
.step-item {
    position: relative;
}

.step-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px 20px;
    text-align: left;
    height: 100%;
    border: 2px solid #E5E7EB;
    position: relative;
}

/* Counter bubble */
.step-item::before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
    position: absolute;
    top: -18px;
    right: 20px;
    background: #1e40af;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

/* Connector line */
.step-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 40px;
    right: -15px;
    width: 30px;
    height: 2px;
    background: #ffc107;
}

@media (max-width: 991px) {
    .step-item::after {
        display: none;
    }
}

.step-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #e9f0ff, #fff3e6);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.step-icon img {
    width: 28px;
}

.step-card h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.step-card p {
    font-size: 14px;
    color: #667085;
    margin-bottom: 0;
}

.ready-text {
    font-size: 15px;
    color: #667085;
}

.steps-btn {
    background: #1e40af;
    color: #fff;
    padding: 14px 34px;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(30,64,175,0.25);
}

.steps-btn:hover {
    background: #1636a3;
    color: #fff;
}


.testimonial-sec {
    padding: 80px 0;
   
    background: linear-gradient(135deg, #EFF6FF, #ffffff);}

.testi-badge {
    background: #fff1b8;
    color: #9a6b00;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 30px;
}

.testi-title {
  font-weight: 700;
    margin-top: 15px;
}

.testi-subtitle {
    max-width: 680px;
    margin: 12px auto 0;
    color: #667085;
    font-size: 15px;
}

.testi-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px 26px 26px;
    height: 100%;
    position: relative;
    text-align: left;
    box-shadow: 0 15px 40px rgba(0,0,0,0.06);
}

.stars {
    color: #ffb703;
    font-size: 18px;
    margin-bottom: 14px;
}

.testi-text {
    font-size: 14px;
    color: #344054;
    line-height: 1.7;
    margin-bottom: 25px;
}

.quote {
    position: absolute;
    top: 25px;
    right: 24px;
  
}

.testi-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.avatar {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #e9f0ff, #fff3e6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.avatar img{width: 30px;height: 30px;}

.testi-user h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.testi-user small {
    color: #667085;
    font-size: 12px;
}

.rating-badge {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid #e4e7ec;
    border-radius: 30px;
    font-size: 14px;
    color: #344054;
    background: #fff;
}
/* About Us page */
section.breadcrumb-section { padding: 100px 0 80px;}
section.breadcrumb-section .ipt-title 
{font-weight: 600;margin-bottom: 0;}
 .breadcrumbs {
    line-height: 1;
    gap: 30px;
}

.breadcrumbs li {
    position: relative;
    font-size: 18px;
    color:#fff;
}
.breadcrumbs li::before {
    content: "";
    position: absolute;
    top: 0px;
    right: -15px;
    width: 1%;
    height: 100%;
    background-color:#aaa;
    transform: rotate(15deg);
}
.breadcrumbs li:last-child:before{display: none;}
.breadcrumbs li a{color:#aaa;}
  .about-img-wrap {
    position: relative;
    z-index: 1;
}
 .about-img-wrap .about-img {
    margin-bottom: 25px;
    border-radius: 5px;
}
.about-img-wrap .about-img img {
    border-radius: 5px;
}
 .about-img-wrap .about-img:last-child {
    margin-bottom: 0;
}

.about-img-wrap .about-shape-one {
    position: absolute;
    bottom: -20px;
    left: -20px;
    z-index: -1;
}
   .primary-bg-dark {
           background-color:#1f345a!important;
}
.feature-item{display: flex;flex-wrap: wrap;margin-bottom:25px;}
.feature-item .feature-text {
    width: calc(100% - 90px);
    margin-left: 20px;
}
.feature-item .icon {
    width: 50px;
    height: 50px;
  background: linear-gradient(135deg, #223358, #345184);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}
.icon svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}
    .global-reach-wrap {
        padding-top: 360px!important;
        background:url('../images/about/global-reach-bg.jpg'); background-attachment: fixed;
            border-radius: 16px;
    padding: 30px;
    position: relative;
    }
    .global-reach-wrap .global-content-wrap {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: linear-gradient(#fff3 0%, #ffffff1a 66.44%);
    border: 1px solid #fff;
    border-radius: 16px;
    padding: 50px;
}
.bg-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}


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

.icon-mt {
    margin-top: -20px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(96%) saturate(1600%) hue-rotate(214deg) brightness(90%) contrast(95%);
}


.wh-wrap.style3 .wh-img-wrap {
    position: relative;
    z-index: 1;
    margin-left: auto;
    border-radius: 100px 0px;
    padding: 40px 0px 0px 40px;
}
.wh-wrap.style3 .wh-img-wrap img {
    display: block;
    margin-left: auto;
    border-radius: 100px 0px;
}
.wh-wrap.style3 .wh-img-wrap::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 100px 0px;
    background: rgba(0, 167, 157, 0.07);}
.bg_base_img2 {
    background: url(../images/h_service_base.jpg) center 0 / cover no-repeat;
}
.bg_base_img2 .bg_white {
    background: #fff;
    padding: 3rem 2rem;
}
.wh-wrap .wh-content .content-title {
    margin-bottom: 30px;
}
.wh-wrap .feature-item-wrap .feature-item .feature-icon {
    width: 65px;
    height: 65px;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 14px 0px;
    position: relative;
    top: 3px;
    border-radius: 50%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    transition: 0.4s;
    display: flex;
        flex-direction: column;
    justify-content: center;
}
.wh-wrap .feature-item-wrap .feature-item .feature-icon i {
    font-size: 30px;
    line-height: 0.8;
    color:#223358;
    margin: 0px auto;
    transition: 0.4s;
}
.wh-wrap .feature-item-wrap .feature-item .feature-icon::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 0px;
    background-color:#223358;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: 0.4s;
}
.wh-wrap .feature-item-wrap .feature-item:hover .feature-icon::after {
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.wh-wrap .feature-item-wrap .feature-item .feature-text h3{font-weight: 600;margin-bottom: 5px;}
.wh-wrap .feature-item-wrap .feature-item .feature-text h4{font-weight: 600;margin-bottom: 5px;}
.wh-wrap .feature-item-wrap .feature-item:hover .feature-text h3 {
    color: #223358;
}
.wh-wrap  .feature-item-wrap .feature-item:hover .feature-icon i {
    color: #fff;
}
/* Faq */
  .main-title.mw-720 {
    max-width: 720px;
}
.faq-tabs .nav-link.active .faq-single-item {
 background: #223358;
}
.faq-single-item {
background: #e6edf7;
    padding: 30px;
    border-radius: 20px;
    cursor: pointer;
    transition: all ease 0.5s;
}
.gap-25 {
    gap: 25px;
}   
.faq-single-item .icon {
    background-color:#fec008;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
}
.faq-tabs .nav-link.active .faq-single-item h3, .faq-tabs .nav-link.active .faq-single-item .h3 {
    color: #fff;
}
.faq-single-item h3, .faq-single-item .h3 {
    font-weight: 600;
    font-size: 20px;
    transition: all ease 0.5s;
}
.faq-wrapper.style-two .accordion-item {
    background-color: #e5ebf5;
    margin-bottom: 30px;
}

.faq-wrapper.accordion .accordion-item {
    padding: 0;
    margin-bottom: 22px;
    border-radius: 10px;
    border: none;
}
.faq-wrapper.style-two .accordion-item .accordion-header .accordion-button {
    background-color: transparent;
}
.faq-wrapper.accordion .accordion-item .accordion-header .accordion-button {
    border-radius: 10px;
    padding: 25px 30px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    border: none;
    text-transform: capitalize;
}
.faq-wrapper.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)
{
    box-shadow:none;
    padding-bottom:0;
}
/* Service */
.hero-section .breadcrumbs{padding-top:20px;}
.hero-section .breadcrumbs li{color:#000;}
.hero-section .feature-item{margin-bottom: 10px;align-items: center;}
.hero-section .feature-item h5{margin-bottom: 0;}
.hero-section .feature-item .feature-icon {
    width: 40px;
    height: 40px;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 14px 0px;
    position: relative;
    top: 0px;
    border-radius: 50%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    transition: 0.4s;
    display: flex;
        flex-direction: column;
    justify-content: center;
}
.hero-section .feature-item .feature-icon i {
    font-size: 20px;
    line-height: 0.8;
    color: #223358;
    margin: 0px auto;
    transition: 0.4s;
}
  .hero-section{background:#f4f6f8;}
            .bg-overlay{position:absolute;height:100%;background:#000;opacity: 0.5;width: 100%;    left: 0;border-radius:16px;top:0;bottom:0}
        .compare-section {
    padding: 80px 0;
    background: #f4f6f9;
}




.center-highlight {
    background: #1e2a4a;
    color: #fff;
}

        .section-padding {
    padding: 80px 0;
}

.gradient-bg {
    background: linear-gradient(135deg, #0d1b2a, #1b263b);
    color: #fff;
}

.glass-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    border-radius: 20px;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.feature-card {
    border-radius: 15px;
    padding: 25px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-8px);
}

.tag {
    font-size: 14px;
    font-weight: 600;
    color: #f4b400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cta-section {
    background: #f8f9fa;
    padding: 60px 0;
}

.comparison-section {
    background: #f4f7fb;
}

.comparison-wrapper {
    display: flex;
    justify-content: center;
}

.comparison-card {
    display: flex;
    width: 100%;
    max-width: 1200px;
    border-radius: 25px;
    overflow: hidden;
    background: #eaf0f8;
}

.column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.strap {
    padding: 20px;
    font-weight: 700;
    text-align: center;
    background: #ffffff;
    border-bottom: 1px solid #ddd;
}

.highlight-strap {
    background: #223358;
    color: #fff;
}

.features {
    background: #e6edf7;
}

.highlight {
    background: #223358;
    color: #fff;
    
    z-index: 2;
}

.row-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 25px 30px;
    font-size: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.highlight .row-item {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.success i {
    color: #00ff88;
}

.danger i {
    color: #ff4d4d;
}
            
            


.footer-section::before {
      content: "";
    position: absolute;
    width: 500px;
    height: 400px;
    background: #DB6D6F;
    filter: blur(450px);
    right: 400px;
    top: -60px;
    border-radius: 8%;
  
}
.footer-logo {
  width: 100px;
  height: 100px;
  
}

.footer-text {

  max-width: 320px;
  margin-bottom: 20px;
}

.footer-title {
  color: #FDC700;
  font-weight: 700;
  margin-bottom: 18px;
}

.footer-links,
.footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a, .footer-contact a{
  color: #BEDBFF;
  text-decoration: none;
  transition: 0.3s;
}

.footer-links a:hover, .footer-contact a:hover {
  color: #ffc107;
}

.footer-contact li {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  color: #BEDBFF;
}

.footer-contact i {
  color: #ffc107;
  margin-top: 4px;
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  color: #fff;
  margin-right: 10px;
  transition: 0.3s;
}

.footer-social a:hover {
  background: #ffc107;
  color: #000;
}

.business-hours {
  background: rgba(255,255,255,0.1);
  border-radius: 10px;
  padding: 15px;
  margin-top: 15px;
}

.business-hours h6 {
  color: #FFDF20;
  margin-bottom: 8px;
}
.business-hours  p{margin-bottom: 0;}


.footer-divider {
  border-color:#51A2FF4D;
  margin: 3rem 0 2rem;
  opacity: 1;
}

.footer-bottom-links a {
  color: #dbe4ff;
  font-size: 14px;
  text-decoration: none;
}

.footer-bottom-links a:hover {
  color: #ffc107;
}
.custom-input {
    background-color: #f5f5f5;
    border: none;
    border-radius: 0;
    height: 50px;
    padding: 12px 24px;
    font-size: 13px;
    width: 100%;
}

/* RESPONSIVE */
/* Hide sub menu by default */
.mobile-menu .sub-menu {
    display: none;
    padding-left: 15px;
}

/* Open state */
.mobile-menu .menu-item-has-children.active > .sub-menu {
    display: block;
}

/* Rotate icon */
.mobile-menu .menu-item-has-children.active .dropdown-icon {
    transform: rotate(180deg);
    transition: 0.3s;
}

.dropdown-icon {
    transition: 0.3s;
}

/*contatc us */
.contact-section {
            background-color: #f4f4f4; /* Light grey left side */
           
            display: flex;
            align-items: center;
        }
        .info-box {
            padding: 60px;
        }
        .form-box {
            background-color: #ffffff;
            padding: 60px;
            height: 100%;
        }
        .icon-container {
            width: 45px;
            height: 45px;
            background-color: #2563eb;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            margin-right: 15px;
            font-size: 20px;
        }
        .contact-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
        }
        .contact-item h6 {
            font-weight: 700;
            margin-bottom: 2px;
        }
        .contact-item p {
            color: #555;
            margin-bottom: 0;
            font-size: 0.95rem;
        }
        .social-icons a {
            width: 35px;
            height: 35px;
            background-color: #2563eb;
            color: white;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
            text-decoration: none;
        }
        .form-control {
            border: none;
            border-bottom: 1px solid #ccc;
            border-radius: 0;
            padding: 10px 0;
            margin-bottom: 30px;
        }
        .form-control:focus {
            box-shadow: none;
            border-bottom: 2px solid #2563eb;
        }
        .btn-submit {
            background-color: #2563eb;
            color: white;
            padding: 12px 30px;
            border-radius: 4px;
            border: none;
            font-weight: 500;
        }
        .btn-submit:hover {
            background-color: #1d4ed8;
            color: white;
        }


@media (min-width: 991px) {
  .py-lg-80{padding: 80px 0;}
    .lgm-70 {
        margin-top: 70px;
    }
section.breadcrumb-section
}
@media (max-width: 1400px) {
  .tp-header-area .tp-header-top{padding: 0 15px;}
  .tp-header-area .tp-header-logo-bg{width: 100%;}
  .tp-header-area .tp-header-main-menu{padding: 0 15px;}
  .tp-header-area .tp-header-btn{padding: 0 20px;}
  .hero-banner h1{font-size: 48px;}
  h2, .h2 {font-size: 38px;}
  h1, .h1 { font-size:48px;  }
  .tp-header-area .tp-main-menu ul{gap:12px;}
  
}
@media (max-width: 1320px) {
  .tp-header-area .tp-header-logo{min-width: 180px;}
  .tp-header-logo img{height:100px;}
  .tp-header-area .tp-main-menu ul{gap:18px;}
  .tp-header-area .tp-main-menu a{font-size: 16px;}
section.breadcrumb-section{    padding: 80px 0 60px;}
.tp-header-area .tp-btn{padding:12px 20px;}
}

@media (max-width: 1199px) {
  .tp-header-area{padding: 10px 0 ;}
  .tp-header-area .tp-header-btn{background: #fff;}
  .tp-header-logo img{width: 80px;height: 80px;}
  .tp-header-area .tp-header-logo-bg{display: none;}
  .tp-header-area .tp-header-logo{min-width: 150px;}
  .tp-header-area .tp-header-main-menu{height: 100%;}
    .tp-header-area .tp-header-main-menu{padding: 0 10px;}
  .tp-header-area .tp-main-menu ul{gap:15px;}
  .tp-header-area .tp-main-menu a{font-size: 18px;}
  .tp-header-top {display:none;}
  .tp-main-menu {display:none;}
   .hero-banner h1{font-size: 42px;}
       h1, .h1 { font-size:42px;  }
    h2, .h2 {font-size: 32px;}
    .services-section h2{max-width: 500px;margin: 0 auto 10px;}
}

@media (max-width: 992px) {
  /* .tp-header-area .tp-header-logo, .tp-header-area .tp-header-btn{width: 100%;} */
  .tp-header-area .tp-header-btn{flex: 1;}
  .tp-header-area .tp-header-wrapper-inner{flex: none;}
  .tp-header-area .tp-btn{padding: 8px 24px;}
  .tp-header-area .tp-btn{margin-left: auto;}
  .tp-header-contact { display:none;}
  .tp-header-logo { min-width:200px;}
  .offcanvas-body  .mobile-menu li {padding: 12px 15px;border-bottom: 1px solid var(--border-color);}
   .offcanvas-body  .mobile-menu li a{color:#000;}
   .forex-form-card, .hero-desc{max-width: 100%;margin-bottom: 30px;}
   .testimonial-sec, .price-table, .steps_sec{padding: 50px 0;}
   .comparison-card{
        flex-direction: column;
    }
    .highlight{
        transform: none;
    }
}
@media (max-width: 768px) {
  .btn {--bs-btn-padding-x: 1.5rem;--bs-btn-padding-y: 0.65rem;}
  .tp-header-area .tp-header-logo{min-width: 100px;}
  .tp-header-area .tp-header-btn{padding: 0 10px;}
  .hero-stats{gap:20px;}
  .tp-header-area .tp-header-logo{padding-left: 15px;}
   .hero-banner h1, h1, .h1{font-size: 36px;}
    h2, .h2 {font-size: 27px;}
    .title-desc, .hero-desc{font-size: 16px;}
  .forex-tabs .nav-link.active{font-size: 16px;}
  .stats-bar::before, .stats-bar::after, .help-cta::before{display: none;}
  .stats-bar{margin-top: 20px;}
  .stats-bar h3{font-size: 32px;}
  .tp-faq-tab-content{padding:35px 20px; }
  section.breadcrumb-section{    padding: 60px 0 40px;}
  .global-reach-wrap{padding-top: 160px !important;padding: 10px;}
  .global-reach-wrap .global-content-wrap{padding:15px;}
  h3, .h3 { font-size:20px; }
    h4, .h4 { font-size:18px; }
    
    .wh-wrap .feature-item-wrap .feature-item .feature-icon{width: 45px;
    height: 45px;}
    .wh-wrap .feature-item-wrap .feature-item .feature-icon i{    font-size: 21px;}
  
}
@media (max-width: 540px) {
  .hero-banner h1, h1, .h1{font-size: 32px;}
  .hero-desc{font-size: 16px;}
  .stat-item h4{font-size: 22px;}
  .stat-item span{font-size: 12px;}
  .row-box .amount{max-width: 100%;}
  .row-box .fixed, .row-box .dropdown .selected, .forex-form-card .form-select{font-size: 13px;}
  .hero-stats-wrap{display: none;}
  h2, .h2 {font-size: 24px;}
}