@charset "utf-8";
/* CSS Document */
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'); 
@import url('https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/css/lightbox.min.css'); 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");


*  { 
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; 
}
  
:root {
    --primary-color: #000;
    --primary-color-green-light: #00610E;
    --primary-color-green: #edffe5;
    --secondary-color: #ffffff;
    --third-color: #666666;
    --body-bg-color:  #FAFAFC;
}

html {
    padding: 0px;
    margin: 0px;
 scroll-behavior: smooth; 
 overflow-x: hidden;
}

body {
    margin: 0!important;
    padding: 0!important;
    font-family: 'GeneralSans-Regular' !important;
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 400;
    position: relative;
    background-color: var(--body-bg-color);
    overflow-x: hidden;
} 





.roboto {
    font-family: "Roboto", sans-serif;
  }
  
  .raleway {
    font-family: "Raleway", sans-serif;
  }

.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clr,
.clear {
    clear: both;
}

header,
footer,
aside,
article,
section,
nav,
figure {
    position: relative;
    
}

m {
    margin: 0;
    padding: 0;
}

ul,
li,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}

img {
    border: 0;
    outline: none;
    max-width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea,
input[type="button"] {
    max-width: 100%;
}

input[type=date].form-control{ text-transform: uppercase; }
     
table {  width: 100%; }
p { margin: 0; padding: 0; }
.fltL { float: left; }
.fltR { float: right !important; }
.padding_none { padding: 0 !important;}
.border_none{border:none !important}
.navbar-toggle {  background-color: #fff !important; }
.icon-bar { background-color: #000 !important; }
.p_right0{ padding-right:0px !important }
.p_left0{ padding-left:0px !important }
/* Top Navigation */
header .Navigation {margin-bottom: 90px;}
header .Navigation nav{padding:10px 0; box-shadow: 0px 4px 15px 0px #0000000D; background-color: white;}
header .Navigation .navbar{padding:10px 50px 10px 70px;}
header .Navigation .navbar a .Logo-img{font-size: 24px;font-weight:700;}
header .Navigation .navbar .navbar-brand{margin:0 40px 0 0;padding:0;max-width:140px;display: inline-flex;}
header .Navigation .navbar .navbar-collapse{justify-content:center}
header .Navigation .navbar .navbar-nav li .nav-link{padding:8px 20px;font-size:16px;font-weight:500;color:var(--primary-color);position:relative}
header .Navigation .navbar .navbar-nav li .nav-link.active {color: var(--primary-color-green-light);}
header .Navigation .navbar .navbar-nav li.Login a{display:block;font-size:14px;font-weight:500;color:var(--secondary-color);background-color:var(--primary-color-green-light);border-radius:5px;padding: 10px 20px;}
header .Navigation .navbar .navbar-nav li.Login a span{margin:0 5px 0 0}
.nav-item.active a .fa-angle-down { font-size: 14px; color: #555;}

/* intro section */
.Intro-section {margin-top: 40px;background-color: #edffe5;padding: 0 0 0 100px;}
.Intro-section h5 {font-size: 16px;letter-spacing: 4px;line-height: 25px;font-family: "Roboto", sans-serif;color:var(--primary-color-green-light)}
.Intro-section h1{font-size: 50px;line-height: 70px;font-weight: 800;color: var(--primary-color);font-family: "Raleway", sans-serif;}
.Intro-section p{font-size: 16px;line-height: 28px;font-weight: 400;margin-bottom: 40px;color:var(--third-color);font-family: "Roboto", sans-serif;}
.Intro-section a{text-decoration: none;background-color: var(--primary-color-green-light);padding: 12px 20px;border-radius: 5px;color:var(--secondary-color);font-family: "Roboto", sans-serif;}
.Intro-section .coin-icon {width: 50px;}
.Intro-section .heart-icon {width: 40px;}
.Intro-section .currency-converter-flag {width: 40px; height: auto;}
.Intro-section .currency-converter-box {background-color: var(--secondary-color); width: 100%;padding: 20px 30px;border-radius: 7px;font-family: "Roboto", sans-serif;position: relative;}
.Intro-section .currency-converter-box input {border: 1.26px solid #00000033;border-radius: 7px;width: 70%;height: 36px;padding: 10px;}
.Intro-section .invert-button {width: 50px;height: 50px;border-radius: 50%;border: 0px solid;background-color: var(--primary-color-green-light);color: var(--secondary-color);}
.Intro-section .select-currency {border: none;}
.Intro-section .converted-amount {font-weight: 400;font-size: 20px;line-height: 30px;margin-bottom: 30px;}
.Intro-section .currency-converter {font-weight: 800;font-size: 24px;line-height: 37px;margin-bottom: 30px;font-family: "Raleway", sans-serif;letter-spacing: 2px;}
.Intro-section .amount {font-weight: 400;font-size: 20px;line-height: 30px;margin-bottom: 30px;}
.Intro-section .exchange-rates {font-weight: 400;font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.Intro-section .sgd {font-weight: 800;font-size: 24px;line-height: 37px;font-family: "Raleway", sans-serif;}
.left-side-main {padding: 20px 0px 40px 0px; width: 100%}
.left-side {align-content: center; padding: 0px 100px 20px 0px;position: relative;}
.left-side .coin{position: absolute;top:-20px; right:35%;}
.left-side .dollar{position: absolute;bottom:-40px; right:30%;}
/* .Intro-section .image-three-top{position: absolute;top:-35px; right:0px;} */
.right-side-converter-box{background-image: url('../images/top_bg_image.png'); background-repeat: no-repeat; background-size: cover; padding: 30px 30px 35px 60px; max-width: 600px;}



/* sick slider */
.slick-slider{padding: 50px;}
.slick-slider img{width: 140px;height: 40px;}
.slick-slider .slick-prev{display: none!important;}
.slick-slider .slick-next{display: none!important;}


/* common-style */
.common{text-align: left;}
.common .header{font-weight: 500; font-size: 16px;letter-spacing: 4px;color: var(--primary-color-green-light);font-family: "Roboto", sans-serif;}
.common .description{font-weight: 800;font-size: 40px;line-height: 60px;font-family: "Raleway", sans-serif;color: var(--primary-color);}

.common-one{text-align: center;padding-bottom: 30px;}
.common-one .header{font-weight: 500; font-size: 16px;letter-spacing: 4px;color: var(--primary-color-green-light);font-family: "Roboto", sans-serif;}
.common-one .description{font-weight: 800;font-size: 40px;line-height: 60px;font-family: "Raleway", sans-serif;color: var(--primary-color);}


.MembershipArea{padding:60px;background-color: #FAFAFC;}
.MembershipArea .MembershipBody .item{padding:0 0 50px 0}
.MembershipArea .MembershipBox{background-color:#fff;text-align:left;padding:30px 20px 15px 20px;border-radius:10px;position:relative;transition:0.5s all ease-in-out;margin: 10px;box-shadow: 0px 0px 25px 0px #0000001A;height: 100%;transition: transform 0.3s ease;}
.MembershipArea .MembershipBox:hover{transform: translateY(-5px);}
/* .MembershipArea .MembershipBox .pmain-ball-one{position: absolute;left:0;bottom: 0;} */
/* .MembershipArea{padding:50px 0 20px 0} */
.MembershipArea .MembershipBox .Icon{display:inline-block;position: relative;}
.MembershipArea .MembershipBox .Icon .pmain-ball-one{position: absolute;bottom: -5px;right: -5px;}
.MembershipArea .MembershipBox .Icon img{max-height:60px;width:auto}
.MembershipArea .MembershipBox h5{color:var(--primary-color);font-size:16px;line-height: 24px; margin:25px 0 10px 0;font-weight:700;font-family: "Raleway", sans-serif;}
.MembershipArea .MembershipBox p{font-size:13px;line-height:24px;font-weight:400;position: relative;padding:0 0 0 30px;color: var(--third-color);font-family: "Roboto", sans-serif;}
.MembershipArea .MembershipBox p span{position:absolute;top:0;left:0;width:20px;}
.MembershipArea .MembershipBox a{position:absolute;bottom:-20px;width:40px;height:40px;background-color:#FC2E5A;border-radius:50%;line-height:40px;color:#fff;font-size:25px;transition:0.5s all ease-in-out;transform:scale(0)}



.MembershipAreaTwo{padding:60px}
.MembershipAreaTwo .MembershipBody .item{padding:0 0 50px 0}
.MembershipAreaTwo .MembershipBox{height: 100%; background-color:#fff;text-align:left;padding:30px;border-radius:10px;position:relative;transition:0.5s all ease-in-out;margin: 10px;box-shadow: 0px 0px 25px 0px #0000001A;transition:0.5s all ease-in-out;margin: 10px;box-shadow: 0px 0px 25px 0px #0000001A;height: 100%;transition: transform 0.3s ease;}
.MembershipAreaTwo .MembershipBox:hover{transform: translateY(-5px);}
.MembershipAreaTwo .MembershipBox .Icon{display:inline-block}
.MembershipAreaTwo .MembershipBox .Icon img{max-height:60px;width:auto}
.MembershipAreaTwo .MembershipBox h5{color:var(--primary-color);font-size:16px;line-height: 24px; margin:25px 0 10px 0;font-weight:700;font-family: "Raleway", sans-serif;}
.MembershipAreaTwo .MembershipBox p{font-size:13px;line-height:24px;position: relative; font-weight:400;color: var(--third-color);font-family: "Roboto", sans-serif;margin-bottom: 20px;}
.MembershipAreaTwo .MembershipBox span{color: var(--primary-color-green-light);font-weight:500;font-family: 'Roboto', sans-serif;font-size: 14px;}
.MembershipAreaTwo .MembershipBox span.learn{position: absolute;bottom: 20px;left: 30px; cursor: pointer;}
.MembershipAreaTwo .MembershipBox span a{font-size:14px;padding-left: 20px;color: var(--primary-color-green-light);font-weight:500;}



.MembershipAreaThree{padding: 60px}
.MembershipAreaThree .MembershipBody .item{padding:0}
.MembershipAreaThree .MembershipBox{background-color:#fff;text-align:left;padding:36px 40px;border-radius:10px;position:relative;transition:0.5s all ease-in-out;margin: 10px;box-shadow: 0px 0px 25px 0px #00000012;transition:0.5s all ease-in-out;margin: 10px;box-shadow: 0px 0px 25px 0px #0000001A;height: 90%;transition: transform 0.3s ease;}
.MembershipAreaThree .MembershipBox:hover{transform: translateY(-5px);}
.MembershipAreaThree .MembershipBox .Icon img{max-height:50px;width:auto}
.MembershipAreaThree .MembershipBox h5{color:var(--primary-color);font-size:16px;line-height: 24px;font-weight:700;font-family: "Raleway", sans-serif;padding-left: 50px;margin-top: -10px;}
.MembershipAreaThree .MembershipBox p{font-size:13px;line-height:24px;position: relative; font-weight:400;color: var(--third-color);font-family: "Roboto", sans-serif;padding-left: 50px;}
.MembershipAreaThree .MembershipBox span{position: absolute;left: 25px;top: 30px;}


.download-section .store-buttons { display: flex; gap: 20px; flex-wrap: wrap;}
.download-section .store-button img { width: 160px; max-width: 100%; height: 60px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}


footer{background-color:#111111;}
footer .Footer{padding:50px 80px}
footer .Footer .Foots figure{max-width:180px;color:var(--secondary-color);font-size:18px;font-weight:600;letter-spacing:.5px;font-family: 'Raleway', sans-serif;}
footer .Footer .Foots p{color:var(--secondary-color);font-weight:400;font-size:12px;line-height:27px;font-family: 'Roboto', sans-serif;}
footer .Footer .Foots ol{margin:40px 0 0 0}
footer .Footer .Foots ol li{display:inline-block;margin:0 10px 0 0}
footer .Footer .Foots ol li a{width:35px;height:35px;background-color:var(--secondary-color);border-radius:50%;line-height:35px;color:var(--primary-color-green-light);font-size:15px;transition:0.5s all ease-in-out;display:block;text-align:center}
footer .Footer .Foots h3{font-size:18px;margin:0 0 30px 0;color:var(--secondary-color);font-weight:600;letter-spacing:.5px;font-family: 'Raleway', sans-serif;}
footer .Footer .Foots ul li{margin:0 0 15px 0;font-family: 'Roboto', sans-serif;}
footer .Footer .Foots ul li a{color:var(--secondary-color);font-weight:400;font-size:12px;letter-spacing: 0.5px;}
footer .Footer .Foots h6{font-size:13px;padding:0 0 0 30px;margin:0 0 16px 0;color:var(--secondary-color);font-weight:400;position:relative;min-height:25px;line-height: 20px;font-family: 'Roboto', sans-serif;}
footer .Footer .Foots h6 span{position:absolute;top:0;left:0;width:20px;font-family: 'Roboto', sans-serif;}
footer .Copyright{text-align:center;border-top:1px solid rgb(255 255 255 / 10%);padding:15px 0}
footer .Copyright p{font-size:14px;color:var(--secondary-color);font-weight:500}
footer .Copyright p span{color:var(--primary-color-green-light)}

.blog-section {padding: 60px 60px 80px 60px; background-color: var(--secondary-color);}
/* .blog-section .blog-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px;}   */
.blog-section .blog-card {background-color: var(--secondary-color);border-radius: 12px;box-shadow: 0px 2px 16px 0px #0000001C;margin-bottom: 10px;
    padding: 16px;overflow: hidden;transition: transform 0.3s ease;}  
.blog-section .blog-card:hover {transform: translateY(-5px);}  
.blog-section .blog-card img { width: 100%; height: auto; border-radius: 8px;}  
.blog-section .category-main {position: relative;}  
.blog-section .category {display: inline-block;font-family: 'Roboto', sans-serif; background-color: var(--primary-color-green-light); color: white; font-size: 14px; padding: 10px 15px; border-radius: 4px; margin-top: 10px; position: absolute; right: 15px; bottom: 15px;}  
.blog-section .blog-meta {font-size: 13px;color: #666;margin-bottom: 10px;margin-top:10px; display: flex;gap: 10px;font-family: 'Roboto', sans-serif;}  
.blog-section .blog-meta img{height: 16px;width: 16px;}  
.blog-section .blog-title {color:var(--primary-color);font-size:16px;line-height: 24px;font-weight:700;font-family: "Raleway", sans-serif;}

  .currency-container { margin: auto; background: var(--secondary-color); padding: 100px; border-radius: 10px;font-family: 'Roboto', sans-serif;}
  .currency-container-main { overflow-x: scroll;}
  .currency-container .currency-foot {display: flex;justify-content: space-between;padding: 0px 20px 0 10px;}
  .currency-container .currency-table {width: 100%;border-collapse: collapse;white-space: nowrap;}
  .currency-container .currency-table thead {background-color: #000;color: #fff;}
  .currency-container .currency-table th, .currency-table td {padding: 12px 25px 12px 12px;text-align: left;}
  .currency-container .flag {width: 24px;height: 24px;margin-right: 8px;vertical-align: middle;border-radius: 2px;}
  .currency-container .send-btn {background-color: #008000;color: white;border: none;padding: 6px 14px;border-radius: 6px;font-weight: bold;cursor: pointer;}
  .currency-container .send-btn img{width: 15px;height: 15px;}
  .currency-container .send-btn:hover {background-color: #006400;}
  .currency-container .positive { color: green;}
  .currency-container .negative { color: red;}
  .currency-container .switch {position: relative;display: inline-block;width: 36px;height: 18px;margin-left: 10px;vertical-align: middle;}
  .currency-container .switch input {opacity: 0;width: 0;height: 0;}
  .currency-container .slider {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;border-radius: 18px;transition: .4s;}
  .currency-container .slider:before {position: absolute;content: "";height: 14px;width: 14px;left: 2px;bottom: 2px;background-color: var(--primary-color-green-light);border-radius: 50%;transition: .4s;}
  .currency-container input:checked + .slider {background-color: #fff;}
  .currency-container input:checked + .slider:before {transform: translateX(18px);}.currency-container .add-currency {margin-top: 20px;font-weight: bold;color:#fff; cursor: pointer;display: flex;align-items: center;gap: 8px;}
  .currency-container .add-currency  {color:#000;font-size: 16px;font-weight: 400;}
  .currency-container .add-currency .plus {font-size: 18px;}
  .currency-container .footer-note {font-size: 14px;color: #555;margin-top: 10px;display: flex;align-items: center;gap: 6px;}
  .currency-container .footer-note .dot {width: 8px;height: 8px;background-color: green;border-radius: 50%;}
  .currency-container .currency-table tr {border-bottom: 0.8px solid #DEE2E6;}
  
 
  .about-us-section { padding: 80px; }
  .about-us-section .container {max-width: 1200px;margin: auto;display: flex;flex-wrap: wrap;gap: 40px;align-items: flex-start;}
  .about-us-section .image-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;flex: 1 1 50%;}
  .about-us-section .image-grid img {width: 100%;border-radius: 10px;object-fit: cover;}
  .about-us-section .content { flex: 1 1 40%;}
  .about-us-section .section-subtitle { font-weight: 500; font-size: 16px;letter-spacing: 4px;color: var(--primary-color-green-light);font-family: "Roboto", sans-serif;}
  .about-us-section .section-title {font-weight: 800;font-size: 40px;line-height: 60px;font-family: "Raleway", sans-serif;color: var(--primary-color);}
  .about-us-section .description {font-size:13px;line-height:24px;position: relative; font-weight:400;color: var(--third-color);font-family: "Roboto", sans-serif;padding-bottom: 20px;}
  .about-us-section .features {display: flex;flex-direction: column;gap: 30px;}
  .about-us-section .feature-item { display: flex; align-items: flex-start; gap: 16px;}
  .about-us-section .icon-container { min-width: 45px; min-height: 45px; display: flex; align-items: center; justify-content: center; font-size: 20px;}
  .about-us-section .feature-item h4 {color:var(--primary-color);font-size:20px;line-height: 24px;font-weight:800;font-family: "Raleway", sans-serif;}
  .about-us-section .feature-item p {font-size:13px;line-height:24px;position: relative; font-weight:400;color: var(--third-color);font-family: "Roboto", sans-serif;padding-right: 20%;}
  
  .our-app-section{padding: 100px;background-color: #FAFAFC;}
  .our-app-section h6{font-size:20px;line-height:28px; font-weight:700;color: var(--primary-color);font-family: "Raleway", sans-serif;margin: 30px 0px 20px 0px;}
  .our-app-section p{font-size:16px;line-height:28px;position: relative; font-weight:400;color: var(--third-color);font-family: "Roboto", sans-serif;}
  /* .our-app-section a { box-shadow: 0px 4px 15px 1px #21252917;} */
  .our-app-section .left-part { position: relative;margin: auto 25px;}
  .our-app-section .purple-ball {position: absolute;left: -35px;bottom: -35px;z-index: -1;}
  


  .underline { border: 1.26px solid #e7e7ee; margin: 25px 0px; width: 100%;}


  .our-review-section { padding: 80px 0px;background-color: var(--secondary-color);}
  .our-review-section .client-review { border-radius: 10px; padding: 30px; box-shadow: 0px 0px 15px 0px #00000012;}
  .our-review-section .client-review .first-part ul { margin: 0px;}

  .testimonial-slider { max-width: 1200px; margin: 0px auto;padding: 20px 0px 50px 0px;}
  .testimonial-card { border-radius: 8px; padding: 40px 25px; margin: 10px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05); text-align: left;transition: transform 0.3s ease;}
  .testimonial-card .inverted-comma { height: 30px;width: 30px;}
  .testimonial-card:hover { transform: translateY(-5px);}
  .testimonial-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
  .testimonial-card .profile-pic { width: 50px; height: 40px; border-radius: 50%; margin-right: 15px;}
  .testimonial-top div { flex: 1;}
  .testimonial-top h3 {margin: 0;color:var(--primary-color);font-size:16px;line-height: 24px;font-weight:700;font-family: "Raleway", sans-serif;}
  .testimonial-top p {color:var(--primary-color);font-size:14px;line-height: 24px;font-weight:400;font-family: "Raleway", sans-serif;}
  .testimonial-text {font-size:13px;line-height:24px;position: relative; font-weight:400;color: var(--third-color);font-family: "Roboto", sans-serif;}
  .testimonial-slider { display: flex !important; flex-direction: column; align-items: center; justify-content: space-around;}
  .slick-list { width:100%;}
  .slick-dots{display: flex;width: 200px;justify-content: space-around;}

/* .slick-dots li button::before { font-size: 10px; color: #ccc; content: '•';} */
/* .slick-dots li.slick-active button::before {color: #333;} */
.slick-dots li button::before { font-size: 10px; color: #ccc; content: '';display: none;}
/* .slick-dots li.slick-active button::before {color: #333;} */

.outer { width: 50%; height:2px; background-color: var(--third-color); margin: 20px 0px;}
.inner { width: 40%; height: 100%; background-color: var(--primary-color-green-light);}

.outer-one { width: 30%; height:2px; background-color: var(--third-color); margin: 20px 0px;}
.inner-one { width: 40%; height: 100%; background-color: var(--primary-color-green-light);}

/* Base dot styles */
.slick-dots li button.custom-dot { background-color: #b7d3b7; /* light green */ border: none; width: 8px; height: 8px; border-radius: 50%; transition: all 0.3s ease; padding: 0; font-size: 0; cursor: pointer;}

/* Active dot: green pill */
.slick-dots li.slick-active button.custom-dot {background-color: var(--primary-color-green-light); /* dark green */width: 24px;border-radius: 12px;
}
.coinImage {
    animation: rotateCoin 4s linear infinite;
}

@keyframes rotateCoin {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}


/* privacy policy */

.privacy-policy { padding: 20px 300px;}
.privacy-policy h1{font-family: "Raleway", sans-serif;text-align: center;font-weight: 600;}
.privacy-policy .last-updated { text-align: center; margin-bottom: 20px;font-size: 20px;}
.privacy-policy .toc-container { background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 10px; padding: 20px 30px;width: 40vw;}
.privacy-policy .toc-container h2 { font-size: 30px; font-weight: 700; line-height: 1.75rem; padding: 10px 0px;font-family: "Raleway", sans-serif;}
.privacy-policy .toc-container a { display: block; margin: 8px 0; color: #1c426b; text-decoration: none; font-size: 18px;font-family: "Roboto", sans-serif;}
.privacy-policy .toc-container a:hover { text-decoration: underline!important;}
.privacy-policy  .toc-description-container h2 { font-size: 30px; font-weight: 700; line-height: 1.75rem; padding: 40px 0px 10px 0px;font-family: "Raleway", sans-serif;border-top: 1px solid rgba(0, 0, 0, .1);margin-top: 40px;}
.privacy-policy  .toc-description-container h2:first-of-type { border: none; padding-top: 0;}
.privacy-policy  .toc-description-container h3 { font-size: 25px; font-weight: bold; margin-bottom: 20px;font-family: "Raleway", sans-serif;}
.privacy-policy  .toc-description-container p { font-size: 18px; margin-bottom: 20px;font-family: "Roboto", sans-serif;}
.privacy-policy  .toc-description-container ul li { font-size: 18px; margin-bottom: 20px;font-family: "Roboto", sans-serif;list-style-type: disc;margin-left: 15px;}
.privacy-policy  .toc-description-container .contact { border: 1px solid rgba(0, 0, 0, .1);padding: 20px; border-radius: 10px;margin-bottom: 20px;}
.privacy-policy  .toc-description-container .contact a:hover{ text-decoration: underline!important;}
.privacy-policy  .toc-description-container .terms ul { display: flex; flex-wrap: wrap;}
.privacy-policy  .toc-description-container .terms ul li{ padding-right: 20px;list-style-type: none;}
.privacy-policy  .toc-description-container .terms ul li a:hover{ text-decoration: underline!important;}

/* contact-us */
.contact-header-section{background-color: var(--primary-color-green-light);text-align: center;padding: 80px;color:#fff;}
.contact-header-section h1{font-family: "Raleway", sans-serif;text-align: center;font-weight: 700;font-size: 45px;}
.contact-header-section p{font-size: 20px; padding: 15px 150px; font-family: "Roboto", sans-serif;}
.contact-header-section .search-section{display: flex; align-items: center; justify-content: center;}
.contact-header-section .search-section svg{position: absolute;top: 12px;left: 12px;color:grey;height: 16px;width: 16px;}
.contact-header-section .search-section input{width: 100%;padding: 10px 40px;border-radius: 10px;border: 1px solid #e0e0e0;margin: 0 auto;}
.contact-cards-main-container{text-align: center;padding: 50px 200px;}
.contact-cards-main-container .contact-card-section{border:1px solid rgba(0, 0, 0, .1);;padding: 30px 15px;border-radius:10px;height: 95%;box-shadow: 0 0 10px rgba(0,0,0,0.05);transition: transform 0.3s ease;}
.contact-cards-main-container .contact-card-section:hover{transform: translateY(-8px);}
.contact-cards-main-container .contact-card-section figure{    height: 50px; width: 50px; border-radius: 50%; background-color: var(--primary-color-green); text-align: center; margin: 0 auto; padding: 10px; color: #000;}
.contact-cards-main-container .contact-card-section figure svg{    height: 30px; width: 30px;color:var(--primary-color-green-light)}
.contact-cards-main-container .contact-card-section h2{font-size: 30px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;}
.contact-cards-main-container .contact-card-section h3{font-size: 25px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;}
.contact-cards-main-container .contact-card-section p{font-size: 16px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}
.contact-cards-main-container .contact-card-section p span svg{height: 18px;width: 18px;}
.contact-cards-main-container .contact-card-section p a{font-size: 16px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}
.contact-cards-main-container .contact-card-section p a:hover{text-decoration: underline!important;}

.contact-section {padding: 80px 0px;font-family: "Raleway", sans-serif;}
.contact-section h2{padding: 0px 0px 20px 0px;  font-size: 30px; font-weight: 700;}
.contact-section .form-section { min-width: 300px; background: #fff; padding: 24px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;transition: transform 0.3s ease;}
.contact-section .form-section:hover{transform: translateY(-8px);}
.contact-section .form-section label { display: block; margin-top: 15px; font-weight: 600;text-align: left;}
.contact-section .form-section input,
.contact-section .form-section select,
.contact-section .form-section textarea { width: 100%; padding: 10px; margin-top: 5px; border-radius: 6px; border: 1px solid #ccc; font-size: 16px;}
.contact-section .name-fields { display: flex; gap: 10px;}
.contact-section .form-section button { margin-top: 20px; padding: 12px; background: #00610E; color: #fff; border: none; border-radius: 6px; font-weight: bold; width: 100%; cursor: pointer;}
.contact-section .office-section { min-width: 300px;text-align: left;}
.contact-section .office-section h3 { font-size: 25px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;}
.contact-section .office-card { background: #fff; border-radius: 10px; padding: 25px; margin-bottom: 20px; border: 1px solid #e0e0e0;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease;}
.contact-section .office-card:hover {transform: translateY(-8px);}
.contact-section .office-card-button { background: #fff; border-radius: 10px; padding: 10px; border: 1px solid #e0e0e0;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.contact-section .office-card-button:hover { background: var(--primary-color-green-light); border-radius: 10px; padding: 10px; border: 1px solid #e0e0e0;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);color: #fff;}
.contact-section .office-card .location{ position: absolute;top: 20px;left: 10px;background-color: #edffe5;border-radius: 50%;height: 30px;width: 30px;padding: 5px;color:#000}
.contact-section .office-card .location svg{ height: 20px;width: 20px;}
.contact-section .office-card .exclamation{ position: absolute;top: 0px;left: 5px;background-color: #edffe5;border-radius: 50%;height: 30px;width: 30px;padding: 5px;color:#000}
.contact-section .office-card .exclamation svg{ height: 20px;width: 20px;}
.contact-section .office-card h4 { margin: 0 0 10px; font-weight: 600;padding-left: 35px;font-size: 18px;}
.contact-section .office-card p { margin: 6px 0;padding-left: 35px; font-size: 14px;    font-family: "Roboto", sans-serif;}
.contact-section .office-card p svg { height: 16px;width: 16px;}
.contact-section .badge { background:#edffe5; color: #000; padding: 3px 8px; font-size: 12px; border-radius: 12px; margin-left: 10px;}
.contact-section .office-card.three { text-align: left;}

/* fraud prevention */
.fraud-header-section{text-align: center;padding: 80px;}
.fraud-header-section h1{font-family: "Raleway", sans-serif;text-align: center;font-weight: 700;font-size: 40px;}
.fraud-header-section p.description{font-size: 20px; padding: 15px 150px; font-family: "Roboto", sans-serif;}
.fraud-cards-main-container  h2{font-family: "Raleway", sans-serif;text-align: left;font-weight: 700;font-size: 27px;margin: 20px 0px;}
.fraud-cards-main-container  h3{font-size: 22px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;}
.fraud-cards-main-container  h3.exclamation-header{position: relative;padding-left: 30px;}
.fraud-cards-main-container  h3 .exclamation-icon{position: absolute;top: 5px;left: 0px;}
.fraud-cards-main-container p{font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}
.fraud-cards-main-container ul li{font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;list-style-type: disc;margin-left: 15px;}
.fraud-cards-main-container p.red-flag{font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;color:rgb(220 38 38)}
.fraud-cards-main-container{text-align: center;padding: 0px 200px 50px 200px;}
.fraud-cards-main-container .fraud-card-section{border:1px solid rgba(0, 0, 0, .1);;padding: 30px 15px;border-radius:10px;height: 95%;box-shadow: 0 0 10px rgba(0,0,0,0.05);text-align: left;transition: transform 0.3s ease;}
.fraud-cards-main-container .fraud-card-section:hover{transform: translateY(-8px);}
.fraud-cards-main-container .fraud-card-section.border-radius-left{border-left:5px solid rgb(220 38 38);padding: 30px 15px;border-radius:10px;height: 95%;box-shadow: 0 0 10px rgba(0,0,0,0.05);text-align: left;}
.fraud-cards-main-container .fraud-card-section figure{    height: 50px; width: 50px; border-radius: 50%; background-color: var(--primary-color-green); text-align: left; padding: 10px;font-size: 20px;}
.fraud-cards-main-container .fraud-card-section figure svg{    height: 25px; width: 25px;color:var(--primary-color-green-light)}
/* .fraud-cards-main-container .fraud-card-section h2{font-size: 30px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;} */
.fraud-cards-main-container .fraud-card-section p span svg{height: 18px;width: 18px;}
.fraud-cards-main-container .fraud-card-section h3 svg{color:rgb(220 38 38);height: 22px;width: 22px;}
.fraud-cards-main-container .fraud-card-section-b{background: #fff; border-radius: 10px; padding: 25px; margin-bottom: 20px; border: 1px solid #e0e0e0;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease;}
.fraud-cards-main-container .fraud-card-section-b:hover{transform: translateY(-8px);}
.fraud-cards-main-container .fraud-card-section-b figure{height: 50px; width: 50px; border-radius: 50%; background-color: var(--primary-color-green); padding: 10px;font-size: 20px;text-align: center; margin: 0 auto;}
.fraud-cards-main-container .fraud-card-section-b svg{ height: 25px; width: 25px;color:var(--primary-color-green-light)}
.fraud-cards-main-container .fraud-card-section-b.three{ text-align: left;}
.fraud-cards-main-container .fraud-card-section-b.three button{ background-color: var(--primary-color-green-light);color:#fff;padding: 5px 10px;border-radius: 10px;border: 1px solid #e0e0e0;margin-right: 10px;}
.fraud-cards-main-container .fraud-card-section-b.three button.transparent{ background-color: transparent; color:#000;}

/* blog-section */
.blog-main-container {padding: 80px 200px;}
.blog-main-container h2{font-family: "Raleway", sans-serif;font-weight: 600;font-size: 24px;margin: 20px 0px;}
.blog-main-container h3{font-family: "Raleway", sans-serif;font-weight: 600;font-size: 30px;margin: 20px 0px;}
.blog-main-container h4{font-family: "Raleway", sans-serif;font-weight: 600;font-size: 20px;margin: 20px 0px;}
.blog-main-container .blog-container-left {font-family: "Roboto", sans-serif;}
.blog-main-container .blog-container-left .blog-main{background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;margin-top: 20px;transition: transform 0.3s ease;}
.blog-main-container .blog-container-left .blog-main:hover{transform: translateY(-8px);}
.blog-main-container .blog-container-left .form-group-main{display: flex;    justify-content: space-between;margin: 20px 0px;    align-items: baseline;}
.blog-main-container .blog-container-left .form-group-main .form-group{display: flex;    white-space: nowrap;}
.blog-main-container .blog-container-left .form-group-main .form-group label{align-items: center;padding-right: 10px;align-content: center;margin-bottom: 0px;}
.blog-main-container .blog-container-left .blog-main .top-blog {background-color: var(--primary-color-green);padding: 20px;}
.blog-main-container .blog-container-left .blog-main .bottom-blog {padding: 20px;}
.blog-main-container .blog-container-left .blog-main .bottom-blog p {font-size: 18px;}
.blog-main-container .blog-container-left .blog-main .bottom-blog button{background-color: var(--primary-color-green-light);padding: 5px 10px;border: 1px solid #e0e0e0;border-radius: 10px;margin-top: 10px;color: #fff;}
.blog-main-container .blog-container-left .blog-main .bottom-blog button svg{height: 16px;width: 16px;}
.blog-main-container .blog-container-left .blog-main small {background-color: #c8ffb0;padding: 5px 10px;font-weight: 600;border-radius: 10px;color:var(--primary-color-green-light)}
.blog-main-container .blog-container-left .blog-main .user-cards-main {display: flex;    justify-content: space-between;}
.blog-main-container .blog-container-left .blog-main .user-cards-main .user-card-left {position: relative;}
.blog-main-container .blog-container-left .blog-main .user-cards-main .user-card-right {align-content: center;}
.blog-main-container .blog-container-left .blog-main .user-cards-main .user-card-right a{color: blue;}
.blog-main-container .blog-container-left .blog-main .user-cards-main .user-card-left .user{position: absolute;left: 0;top: 10px;background-color: #4ca259;height: 30px;width: 30px;border-radius: 50%;text-align: center;align-content: center;color: #fff;}
.blog-main-container .blog-container-left .blog-main .user-cards-main .user-card-left h5{font-size: 14px;margin: 10px 0 0 40px;font-family: "Roboto", sans-serif;}
.blog-main-container .blog-container-left .blog-main .user-cards-main .user-card-left p{font-size: 10px;margin: 0 0 0 40px;font-family: "Roboto", sans-serif;}
.blog-main-container .blog-container-left .blog-main .blog-frist{display: flex;flex-wrap: wrap;}
.blog-main-container .blog-container-left .blog-main .blog-frist .blog-frist-a{align-items: center;margin-right: 20px;}
.blog-main-container .blog-container-left .blog-main .blog-frist .blog-frist-a svg{height: 16px;width: 16px;}
.blog-main-container .blog-container-right .category-one{background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;padding: 10px;transition: transform 0.3s ease;}
.blog-main-container .blog-container-right .category-one:hover{transform: translateY(-6px);}
.blog-main-container .blog-container-right .category-one ul li {margin: 10px 0px;position: relative;}
.blog-main-container .blog-container-right .category-one ul li span{position: absolute;right: 20px;top: 0px;border: 1px solid #e0e0e0;padding: 3px 6px;border-radius: 15px;}
.blog-main-container .blog-container-right .category-one ul li span:hover{background-color: var(--primary-color-green);cursor: pointer;}
.blog-main-container .blog-container-right .category-one ul li a{color: #000;font-size: 18px;padding: 20px;}
.blog-main-container .blog-container-right .category-two{background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;padding: 10px;transition: transform 0.3s ease;}
.blog-main-container .blog-container-right .category-two:hover{transform: translateY(-6px);}
.blog-main-container .blog-container-right .category-two ul li {margin: 10px 0px;}
.blog-main-container .blog-container-right .category-two ul li a{color: #000;font-size: 18px;background: var(--primary-color-green);padding: 5px 10px;border-radius: 8px;}
.blog-main-container .blog-container-right .category-two ul li a:hover{color: #000;font-size: 18px;background:#dadada; padding: 5px 10px;border-radius: 8px;}
.blog-main-container .blog-container-right .category-two ul li a svg{height: 16px;width: 16px;}
.blog-main-container .blog-container-right .category-three{background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;padding: 10px;font-family: "Raleway", sans-serif;transition: transform 0.3s ease;}
.blog-main-container .blog-container-right .category-three:hover{transform: translateY(-6px);}
.blog-main-container .blog-container-right .category-three h6{font-size: 18px;}
.blog-main-container .blog-container-right .category-three p{font-size: 16px;margin: 10px 0px;}
.blog-main-container .blog-container-right .category-three p span{font-size: 14px;}
.blog-main-container .blog-container-right .category-three input{font-size: 16px;width: 100%;border-radius:8px;border:1px solid #e0e0e0;margin: 0px 0px 10px 0px;padding: 8px 16px;}
.blog-main-container .blog-container-right .category-three button{font-size: 16px;background-color: var(--primary-color-green-light);width: 100%;border-radius:8px;border:1px solid #e0e0e0;padding: 8px 16px;color: #fff;}
.blog-main-container .blog-container-right .category-four{background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;padding: 10px;transition: transform 0.3s ease;}
.blog-main-container .blog-container-right .category-four:hover{transform: translateY(-6px);}
.blog-main-container .blog-container-right .category-four ul {display: flex;    justify-content: space-around;}
.blog-main-container .blog-container-right .category-four ul li {margin: 10px 0px;}
.blog-main-container .blog-container-right .category-four ul li a{color: #000;font-size: 18px;background: var(--primary-color-green);padding: 5px 10px;border-radius: 8px;}
.blog-main-container .blog-container-right .category-four ul li a:hover{color: #000;font-size: 18px;background:#dadada; padding: 5px 10px;border-radius: 8px;}
.blog-main-container .blog-container-right .category-four ul li a svg{height: 16px;width: 16px;color: var(--primary-color-green-light);}

/* careers page */
.careers-main-page{padding: 0px 200px 50px 200px;font-family: "Roboto", sans-serif;}
.careers-main-page h2{ text-align: center;padding-top: 80px;    font-size: 28px;
    font-weight: 700;}
.careers-main-page p.description{font-size: 16px;text-align: center;}
.careers-main-page p{font-size: 16px;}
.careers-main-page .cards-section .card-top-right{border: 1px solid #e0e0e0;margin-bottom: 20px;padding: 15px;border-radius: 10px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05);transition: transform 0.3s ease;}
.careers-main-page .cards-section .card-top-right:hover{transform: translateY(-6px);}
.careers-main-page .cards-section h5{color: var(--primary-color-green-light);}
.careers-main-page .cards-section p{font-size: 14px;}
.careers-main-page .card-section-two {margin-top: 20px;}
.careers-main-page .card-section-two .card-box{border: 1px solid #e0e0e0;margin-bottom: 20px;padding: 15px;border-radius: 10px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05);position: relative;transition: transform 0.3s ease;}
.careers-main-page .card-section-two .card-box:hover{transform: translateY(-6px);}
.careers-main-page .card-section-two .card-box span{position: absolute;top: 18px;left: 20px;height: 25px;width: 25px;border-radius: 50%;background-color: var(--primary-color-green);text-align: center;}
.careers-main-page .card-section-two .card-box span svg{height: 20px;width: 20px;color: var(--primary-color-green-light);}
.careers-main-page .card-section-two .card-box h4{margin-left:  40px;font-size: 20px;}
.careers-main-page .card-section-two .card-box p{margin-left:  40px;font-size: 16px;}
.careers-main-page .button-cards{display: flex; justify-content: space-around;margin-top: 20px;}
.careers-main-page .button-cards button{background: var(--primary-color-green-light);padding: 5px 30px;border-radius: 10px;border: 1px solid #e0e0e0;color:#fff;}
.careers-main-page .button-cards button:hover{background: var(--primary-color-green);color:#000;}
.careers-main-page .button-cards button:hover a{background: var(--primary-color-green);color:#000;}
.careers-main-page .button-cards button a{color: #fff;}
.careers-main-page .button-cards button svg{height: 16px;width: 16px;}
.careers-main-page .office-card { background: #fff; border-radius: 10px; padding: 25px; margin-bottom: 20px; border: 1px solid #e0e0e0;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);margin-top: 20px;transition: transform 0.3s ease;}
.careers-main-page .office-card:hover { transform: translateY(-6px);}
.careers-main-page .office-card-button { background: var(--primary-color-green-light); border-radius:10px; padding: 7px 10px; border: 1px solid #e0e0e0;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);color:#fff}
.careers-main-page .office-card-button span svg{ width: 16px;height: 16px;}
.careers-main-page .office-card-button:hover { background: var(--primary-color-green); border-radius: 10px; padding: 10px; border: 1px solid #e0e0e0;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);color: #000;}
.careers-main-page .office-card small span{ margin-right: 10px;}
.careers-main-page .office-card small span svg{ height: 12px;width: 12px;}
.careers-main-page .office-card h4 { margin: 0 0 10px; font-weight: 600;font-size: 18px;}
.careers-main-page .office-card p { margin: 10px 0; font-size: 14px;    font-family: "Roboto", sans-serif;}
.careers-main-page .office-card .button-section { display: flex;margin-top: 10px;}
.careers-main-page .office-card .button-section .button-a{ font-size: 10px;padding: 4px 8px;margin-right: 10px;border-radius: 10px;border: 1px solid #e0e0e0;}
.careers-main-page .office-card ul li{ margin-left: 20px;list-style-type: disc;}
.careers-main-page .review-main{ display: flex;margin: 30px 0px;}
.careers-main-page .review-main .number{ background-color: var(--primary-color-green-light);height: 30px;width: 30px;border-radius: 50%;color:#fff;display: flex;align-items: center;justify-content: space-around;}
/* .careers-main-page .review-main .number .one{ background-color: var(--primary-color-green-light);padding: 5px;height: 25px;width: 25px;border-radius: 50%;color:#fff;} */
.careers-main-page .review-main .review-height{border-left:3px solid rgb(212 212 212);height: 80%;margin: 5px 0px 0px 14px;}
.careers-main-page .review-main h4{font-weight: 600;font-size: 18px;}
.careers-main-page .review-main p{font-size: 14px;    font-family: "Roboto", sans-serif;}
.careers-main-page .review-main small{font-size: 12px;    font-family: "Roboto", sans-serif;}
.careers-main-page .main-button-career {text-align: center;margin:20px 0px;}
.careers-main-page .main-button-career button{background: var(--primary-color-green-light);padding: 8px 30px;border-radius: 10px;border: 1px solid #e0e0e0;color:#fff;}

/* help and center */
.help-center {padding: 20px 200px;text-align: center;font-family: "Roboto", sans-serif;}
.help-center .CommonTabs{}
.help-center .CommonTabs .nav-tabs{border-bottom: none;}
.help-center .CommonTabs .nav-tabs .nav-link {margin-left: 10px;color:#000;}
.help-center .CommonTabs .nav-tabs .nav-link.active {background-color: var(--primary-color-green);}
.help-center .CommonTabs ul{ justify-content: center;}
.help-center .CommonTabs2{}
.help-center .CommonTabs2 .nav-tabs{border-bottom: none;}
.help-center .CommonTabs2 .nav-tabs .nav-link {margin-left: 10px;color:#000;}
.help-center .CommonTabs2 .nav-tabs .nav-link.active {background-color: var(--primary-color-green);}
.help-center .CommonTabs2 ul{ justify-content: left;margin-bottom: 10px;}
.help-center h4{font-size: 20px;}
.help-center h3{font-size: 18px;text-align: left;padding: 20px 0px;}
.help-center p.description{padding: 0px 200px 20px 200px;}
.help-center .StaticArea{text-align: left;}
.help-center .StaticArea .card{margin-bottom: 20px;border: 1px solid #e0e0e0;border-radius: 10px;}
.help-center .StaticArea .card .card-header{background-color: var(--primary-color-green);padding: 4px;}
.help-center .StaticArea button{position: relative;color: #000;}
.help-center .StaticArea button i{position: absolute;right: 10px; top:5px;}
.help-center .StaticArea h2 button:focus{box-shadow: none;}
.rotate-icon {
  transition: transform 0.3s ease;
}

/* Rotate icon only when aria-expanded is true */
button[aria-expanded="true"] .rotate-icon {
  transform: rotate(180deg);
}
/* button[aria-expanded="false"] .rotate-icon {
  transform: rotate(180deg);
} */

.help-center .contact-us-section { padding-top: 20px;}
.help-center .form-section { min-width: 300px; background: #fff; padding: 24px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;transition: transform 0.3s ease;}
.help-center .form-section:hover { transform: translateY(-6px);}
.help-center .form-section label { display: block; margin-top: 15px; font-weight: 600;text-align: left;}
.help-center .form-section input,
.help-center .form-section select,
.help-center .form-section textarea { width: 100%; padding: 10px; margin-top: 5px; border-radius: 6px; border: 1px solid #ccc; font-size: 16px;}
.help-center .name-fields { display: flex; gap: 10px;}
.help-center .form-section button { margin-top: 20px; padding: 12px; background: #00610E; color: #fff; border: none; border-radius: 6px; font-weight: bold; width: 100%; cursor: pointer;}
.help-center .office-section { min-width: 300px;text-align: left;transition: transform 0.3s ease;}
.help-center .office-section:hover {transform: translateY(-6px);}
.help-center .office-section h3 { font-size: 25px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;}
.help-center .office-card { background: #fff; border-radius: 10px; padding: 25px; margin-bottom: 20px; border: 1px solid #e0e0e0;position: relative;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.help-center .office-card h4 { margin: 0 0 10px; font-weight: 600;font-size: 18px;padding-left: 0px;}
.help-center .office-card h5 { margin: 15px 0 10px 0px; font-weight: 600;font-size: 16px;}
.help-center .office-card h6 { margin: 0 0 10px; font-weight: 600;font-size: 16px;color: grey;}
.help-center .office-card p { margin: 6px 0; font-size: 14px; padding-left:0px;   font-family: "Roboto", sans-serif;}
.help-center .office-card ul li { margin: 6px 0; font-size: 14px; padding-left:0px;   font-family: "Roboto", sans-serif;}
.help-center .office-card .another-card { box-shadow: 0 0 10px rgba(0,0,0,0.05);border: 1px solid #e0e0e0;border-radius:10px;text-align: center;padding: 20px;/* transition: transform 0.3s ease; */}
/* .help-center .office-card .another-card:hover {transform: translateY(-6px);} */
.help-center .office-card .another-card figure{ font-size: 20px;}


/* business-solution */
.business-solution-header-section{background-color: var(--primary-color-green-light);text-align: center;padding: 100px 80px;color:#fff;}
.business-solution-header-section h1{font-family: "Raleway", sans-serif;text-align: center;font-weight: 700;font-size: 45px;}
.business-solution-header-section p{font-size: 20px; padding: 15px 150px; font-family: "Roboto", sans-serif;}
.business-solution-header-section .search-section{display: flex; align-items: center; justify-content: center;}
.business-solution-header-section .search-section svg{position: absolute;top: 9px;left: 5px;color:#000}
.business-solution-header-section .search-section input{width: 100%;padding: 10px 30px;border-radius: 10px;border: 1px solid #e0e0e0;margin: 0 auto;}
.business-solution-header-section .button-group { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;}
.business-solution-header-section .primary-btn { background-color: #fff!important; color: var(--primary-color-green-light)!important; border: none; padding: 12px 20px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: background-color 0.3s;}
/* .business-solution-header-section .primary-btn:hover { background-color: var(--primary-color-green-light);color: #fff;} */
.business-solution-header-section .outline-btn { color: var(--primary-color-green-light)!important; background-color:#fff!important; border: 1px solid #fff; padding: 12px 20px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: background-color 0.3s, color 0.3s;}
/* .business-solution-header-section .outline-btn:hover { background-color: #fff!important; color: var(--primary-color-green-light)!important;} */
.business-cards-main-container{padding: 50px 200px;font-family: "Raleway", sans-serif;}
.business-cards-main-container h2{font-family: "Raleway", sans-serif;text-align: center;font-weight: 700;font-size: 28px;margin-top: 40px;}
.business-cards-main-container h2.header{margin-bottom: 40px;}
.business-cards-main-container p.described{font-family: "Raleway", sans-serif;text-align: center;font-size: 16px;}
.business-cards-main-container .business-card-section{border:1px solid rgba(0, 0, 0, .1);;padding: 30px 15px;border-radius:10px;height: 95%;box-shadow: 0 0 10px rgba(0,0,0,0.05);    transition: transform 0.3s ease;}
.business-cards-main-container .business-card-section:hover{ transform: translateY(-8px);}
.business-cards-main-container .business-card-section figure{    height: 50px; width: 50px; border-radius: 50%; background-color: var(--primary-color-green); padding: 10px; color: #000;margin: 0px auto;}
.business-cards-main-container .business-card-section figure svg{    height: 30px; width: 30px;color:#000;}
.business-cards-main-container .business-card-section h3{font-size: 25px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;margin-bottom: 0px;}
.business-cards-main-container .business-card-section p{font-size: 16px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}
.business-cards-main-container .business-card-section p{font-size: 16px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}
.business-cards-main-container .CommonTabs{margin: 40px 0px;}
.business-cards-main-container .CommonTabs .nav-tabs{border-bottom: none;}
.business-cards-main-container .CommonTabs .nav-tabs .nav-link {color:#000;border:1px solid #e0e0e0;margin: 0px 10px 10px 0px;font-weight: 500;transition: transform 0.3s ease;}
.business-cards-main-container .CommonTabs .nav-tabs .nav-link:hover{transform: translateY(-8px);}
.business-cards-main-container .CommonTabs .nav-tabs .nav-link.active {background-color: var(--primary-color-green);color: var(--primary-color-green-light);}
.business-cards-main-container .CommonTabs ul{ justify-content: center;}
.business-cards-main-container{text-align: center;padding: 0px 200px 50px 200px;}
.business-cards-main-container .business-card-section-main{border:1px solid rgba(0, 0, 0, .1);padding: 30px 15px;border-radius:10px;height: 95%;box-shadow: 0 0 10px rgba(0,0,0,0.05);text-align: left;}
.business-cards-main-container .business-card-section-main .business-card-section-a{height: 95%;text-align: left;}
.business-cards-main-container .business-card-section-main .business-card-section-a figure{    height: 50px; width: 50px; border-radius: 50%; background-color: var(--primary-color-green); text-align: left; padding: 10px;font-size: 20px;margin-bottom: 0px;}
.business-cards-main-container .business-card-section-main .business-card-section-a figure svg{    height: 25px; width: 25px;color:var(--primary-color-green-light)!important;}
.business-cards-main-container .business-card-section-main .business-card-section-a h3{font-size: 25px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;margin-bottom: 0px;}
.business-cards-main-container .business-card-section-main .business-card-section-a p{font-size: 16px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}
.business-cards-main-container .business-card-section-main .business-card-section-a button{ background-color: var(--primary-color-green-light);color:#fff;padding: 7px 14px;border-radius: 5px;border: 1px solid #e0e0e0;margin-right: 10px;}
.business-cards-main-container .business-card-section-main .business-card-section-a button svg{ height: 16px;width: 16px;}
.business-cards-main-container .business-card-section-main .business-card-section-b {font-family: "Raleway", sans-serif; }
.business-cards-main-container .business-card-section-main .business-card-section-b h4{font-size: 20px; font-weight: 700; line-height: 1.75rem; padding:10px 0px; }
.business-cards-main-container .business-card-section-main .business-card-section-b h4 svg{color: var(--primary-color-green-light)!important;}
.business-cards-main-container .business-card-section-main .business-card-section-b p{font-size: 14px;margin-bottom: 10px;}
.business-cards-main-container .business-card-section-main .business-card-section-b p svg{height: 16px;width: 16px;color: var(--primary-color-green-light)!important;}
.business-cards-main-container .business-card-section-main .business-card-section-b p span{font-size: 12px; color: var(--primary-color-green-light)!important;}

.business-cards-main-container .business-card-section-new{border:1px solid rgba(0, 0, 0, .1);;padding: 30px 15px;border-radius:10px;height: 95%;box-shadow: 0 0 10px rgba(0,0,0,0.05);position: relative; transition: transform 0.3s ease;}
.business-cards-main-container .business-card-section-new:hover{transform: translateY(-8px);}
.business-cards-main-container .business-card-section-new .icon-a{position: absolute;left: 10px;top:30px}
.business-cards-main-container .business-card-section-new figure{    height: 50px; width: 50px; border-radius: 50%; background-color: var(--primary-color-green); padding: 10px; color: #000;}
.business-cards-main-container .business-card-section-new figure svg{    height: 30px; width: 30px;color:var(--primary-color-green-light);}
.business-cards-main-container .business-card-section-new h3{text-align:left;font-size: 22px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;margin-bottom: 0px;margin-left: 50px;}
.business-cards-main-container .business-card-section-new h4{text-align:left;font-size: 18px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;margin-bottom: 0px;margin-left: 50px;}
.business-cards-main-container .business-card-section-new p{text-align:left;font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;margin-left: 50px;}
.business-cards-main-container .business-card-section-new p span{text-align:left;font-size: 12px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}
.business-cards-main-container .business-card-section-new p svg{height: 14px;width: 14px;color: var(--primary-color-green-light)!important;}
.business-cards-main-container .business-card-section-new .button-learn-more{ text-align: center;margin: 20px 0px 20px 50px;}
.business-cards-main-container .business-card-section-new .button-learn-more p{ text-align: center; font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;margin-left: 0px;}
.business-cards-main-container .business-card-section-new button{ background-color: var(--primary-color-green-light);color:#fff;padding: 7px 14px;border-radius: 5px;border: 1px solid #e0e0e0;margin-right: 10px;}
.business-cards-main-container .business-card-section-new button svg{ height: 16px;width: 16px;}

.business-cards-main-container .business-card-section-new-successStories{border:1px solid rgba(0, 0, 0, .1);;padding: 30px 15px;border-radius:10px;height: 95%;box-shadow: 0 0 10px rgba(0,0,0,0.05);position: relative; transition: transform 0.3s ease;}
.business-cards-main-container .business-card-section-new-successStories:hover{ transform: translateY(-8px);}
.business-cards-main-container .business-card-section-new-successStories p.E-commerce{background-color: var(--primary-color-green-light);text-align: left;width: fit-content; padding: 3px 8px;border-radius: 10px;color: #fff;}
.business-cards-main-container .business-card-section-new-successStories p.green{color: var(--primary-color-green-light);}
.business-cards-main-container .business-card-section-new-successStories .icon-a{position: absolute;left: 10px;top:30px}
.business-cards-main-container .business-card-section-new-successStories figure{    height: 50px; width: 50px; border-radius: 50%; background-color: var(--primary-color-green); padding: 10px; color: #000;}
.business-cards-main-container .business-card-section-new-successStories figure svg{    height: 30px; width: 30px;color:var(--primary-color-green-light);}
.business-cards-main-container .business-card-section-new-successStories h3{text-align:left;font-size: 22px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;margin-bottom: 0px;margin-left: 10px;}
.business-cards-main-container .business-card-section-new-successStories h4{margin-left: 10px;text-align:left;font-size: 18px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;margin-bottom: 0px;}
.business-cards-main-container .business-card-section-new-successStories p{text-align:left;font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;margin-left: 10px;}
.business-cards-main-container .business-card-section-new-successStories ul li{text-align:left;font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;list-style-type: disc;margin-left: 20px;}
.business-cards-main-container .business-card-section-new-successStories p span{text-align:left;font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}
.business-cards-main-container .business-card-section-new-successStories p svg{height: 14px;width: 14px;color: var(--primary-color-green-light)!important;}
.business-cards-main-container .business-card-section-new-successStories .button-learn-more{ text-align: left;margin: 20px 0px 30px 0px;}
.business-cards-main-container .business-card-section-new-successStories .button-learn-more p{ text-align: center; font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;margin-left: 0px;}
.business-cards-main-container .business-card-section-new-successStories button{ background-color: var(--primary-color-green-light);color:#fff;padding: 7px 14px;border-radius: 5px;border: 1px solid #e0e0e0;margin-right: 10px;}
.business-cards-main-container .business-card-section-new-successStories button svg{ height: 16px;width: 16px;}
.business-cards-main-container .button-learn-more-a{text-align: center;}
.business-cards-main-container .button-learn-more-a button{text-align: center;background-color: var(--primary-color-green-light);color:#fff;padding: 7px 14px;border-radius: 5px;border: 1px solid #e0e0e0;margin-right: 10px;font-size: 15px;font-weight: 500;}
.business-cards-main-container .button-learn-more-a button svg{height: 17px; width:17px;}
.business-cards-main-container .button-learn-more-a button:hover{text-align: center;background-color: var(--primary-color-green);color:var(--primary-color-green-light);padding: 7px 14px;border-radius: 5px;border: 1px solid #e0e0e0;margin-right: 10px;}

.business-cards-main-container .review-main-section{padding: 10px 100px;}
.business-cards-main-container .review-main{ display: flex;margin: 30px 0px;}
.business-cards-main-container .review-main .number{ background-color: var(--primary-color-green-light);height: 30px;width: 30px;border-radius: 50%;color:#fff;display: flex;align-items: center;justify-content: space-around;}
.business-cards-main-container .review-main .review-height{border-left:3px solid rgb(212 212 212);height: 80%;margin: 5px 0px 0px 14px;}
.business-cards-main-container .review-main h4{font-weight: 600;font-size: 18px;text-align: left;}
.business-cards-main-container .review-main p{text-align: left;font-size: 14px;    font-family: "Roboto", sans-serif;}
.business-cards-main-container .business-card-section-faq{border:1px solid rgba(0, 0, 0, .1);;padding: 30px 15px;border-radius:10px;height: 95%;box-shadow: 0 0 10px rgba(0,0,0,0.05);position: relative;transition: transform 0.3s ease;}
.business-cards-main-container .business-card-section-faq:hover{transform: translateY(-8px);}
.business-cards-main-container .business-card-section-faq h4{text-align:left;font-size: 18px; font-weight: 700; line-height: 1.75rem; padding:10px 0px;font-family: "Raleway", sans-serif;margin-bottom: 0px;}
.business-cards-main-container .business-card-section-faq p{text-align:left;font-size: 15px; margin-bottom: 10px;font-family: "Roboto", sans-serif;}

.optimize-section { background-color: var(--primary-color-green-light); padding: 60px 20px; text-align: center; margin-bottom: 20px; font-family: "Raleway", sans-serif;}
.optimize-section .optimize-box { background-color: #fff; border-radius: 12px; padding: 40px 20px; max-width: 800px; margin: 0 auto; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);}
.optimize-section .optimize-box h2 { font-size: 24px; font-weight: 700; margin-bottom: 15px; color: #000;}
.optimize-box p { font-size: 16px; color: #333; margin-bottom: 30px; line-height: 1.6;}
.optimize-section .button-group { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;}
.optimize-section .primary-btn { background-color: var(--primary-color-green-light); color: #fff; border: none; padding: 12px 20px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: background-color 0.3s;}
.optimize-section .primary-btn:hover { background-color: var(--primary-color-green-light);}
.optimize-section .outline-btn { background-color: transparent; color: var(--primary-color-green-light); border: 1px solid var(--primary-color-green-light); padding: 12px 20px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: background-color 0.3s, color 0.3s;}
.optimize-section .outline-btn:hover { background-color: var(--primary-color-green-light); color: #fff;}

/* about-us */
.vision-card-wrapper { display: flex; justify-content: space-around; height: max-content;}
.vision-card { width: 320px; padding: 30px 25px; background: #fff; border-radius: 16px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); transform: rotate(-1deg); text-align: left; font-family: "Roboto", sans-serif; rotate: -5deg;margin: 50px auto;transition:0.5s all ease-in-out;}
.vision-card:hover { transform: rotate(5deg)}
.icon-circle { width: 64px; height: 64px; margin: 0 auto 20px; background: var(--primary-color-green); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.icon-circle img { width: 32px; height: 32px;}
.icon-circle figure {margin: 0;}
.icon-circle figure svg{color: var(--primary-color-green-light);}
.vision-card h3 { font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 20px;}
.vision-list { list-style: none; padding: 0; margin: 0;}
.vision-list li { font-size: 15px; margin-bottom: 12px; display: flex; align-items: center;}
.check-icon { display: inline-block; color: var(--primary-color-green-light); background-color: var(--primary-color-green); border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; margin-right: 10px;}
.leadership-section { text-align: center; font-family: 'Segoe UI', sans-serif; padding: 50px 20px;}
.leadership-section h2 { font-size: 28px; font-weight: 700; margin-bottom: 30px; color: #0d1c2e;}
.leader-card { max-width: 500px; margin: 0 auto;}
.leader-photo { width: 120px; height: 120px; background-color: var(--primary-color-green); border-radius: 50%; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; font-size: 30px; color: var(--primary-color-green-light); font-weight: 500;}
.leader-card h3 {font-size: 18px;font-weight: 700;margin-bottom: 5px;color: #0d1c2e;}
.position { font-size: 14px; color: var(--primary-color-green-light); font-weight: 600; margin-bottom: 20px;}
.description { font-size: 15px; color: #333; line-height: 1.6;}
.global-presence { padding: 60px 20px 40px; background: #f9f9f9; text-align: center;}
.global-presence h2 { font-size: 28px; font-weight: 700; margin-bottom: 40px; font-family: "Roboto", sans-serif;}
.location-boxes { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.location-card { background: #fff; padding: 20px; width: 250px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); text-align: left; font-family: "Roboto", sans-serif;}
.location-card h4 { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.location-card .icon { color: var(--primary-color-green-light); margin-right: 6px;}
.location-card p {font-size: 14px;}
.contact-us { text-align: center; padding: 60px 20px 80px; background: #fff;}
.contact-us h2 { font-size: 24px; font-weight: 700; margin-bottom: 30px; font-family: "Roboto", sans-serif;}
.contact-us p { margin: 10px 0; font-size: 16px;}
.contact-us a { color: #1a73e8; text-decoration: none;}
.contact-us a:hover { text-decoration: underline;}

/* carrers-page */
.business-form { max-width: 700px; margin: auto;}
.business-form label { display: block; font-weight: 500; margin: 15px 0 5px;}
.business-form input[type="text"],
.business-form input[type="email"],
.business-form textarea { width: 100%; padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 15px;}
.business-form textarea {resize: vertical;}
.radio-group { display: flex; gap: 20px; margin: 5px 0 10px;}
.radio-group label { font-weight: normal;}
.business-form em { color: red; font-size: 12px;}
.business-form button { margin-top: 20px; background-color: #d93025; color: #fff; padding: 10px 20px; font-size: 15px; border: none; border-radius: 4px; cursor: pointer;}
.business-form button:hover { background-color: #b2221b;}