/*==============================================*/
/*          !!! GOOGLE FONT IMPORT !!!          */
/*==============================================*/

/* --------------------------
!!  SITE  (font-family:)
FONT-WEIGHT !!
+--------------+--------------+
| FONT-WEIGHT  | Value        |
+--------------+--------------+
| thin         | 100          |
| ex-light     | 200          |
| light        | 300          |
| regular      | 400          |
| medium       | 500          |
| semi-bold    | 600          |
| bold         | 700          |
| ex-bold      | 800          |
| black        | 900          |
+--------------+--------------+
-----------------------------*/
/* ============================================== */
/*                !! GOOGLE FONT !!               */
/* ============================================== */
/* !! FONT FAMILY ||   font-family: "Inter", sans-serif;   font-family: "Poppins", sans-serif; !! */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* ============================================== */
/*              !! GENERATED FONT !!              */
/* ============================================== */


/* ============================================= */
/* !!!!        SITE GLOBAL STYLE CSS        !!!! */
/* ============================================= */
:root {
    --bs-primary:#85FE60;
    --bs-secondary: #019200;
    --bs-black: #000000;
    --bs-black-100: #1C1C1C;
    --bs-gray: #888888;
    --bs-gray-100: #B3B3B3;
    --bs-green: #008900;
    --bs-font-sans-serif: 'Inter', system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-body-font-size: 16px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 26px;
    --bs-body-color: var(--bs-gray);
    --bs-body-bg: var(--bs-black);
    --bs-base-transition: 0.4s ease-in-out;
}
/* !!! Allow percentage-based heights in the application !!! */
html, body {
height: 100%;
padding: 0;
margin: 0;
scroll-behavior: smooth;
}
html {
    scroll-behavior: smooth;
}
/* !!! Typographic tweaks! ( Add accessible line-height & Improve text rendering ) !!! */
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
}
body,
.main_wrapper {
    position: relative;
    overflow-x: hidden;
    width: 100%;
}
.main_wrapper.app_main_wrapper  {
    overflow: visible;
}
body.modal-open {
    position: fixed;
    width: 100%;
    overflow: hidden;
}
/* !!! Improve media defaults !!! */
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
/* !!! Remove built-in form typography styles !!! */
input, button, textarea, select {
font: inherit;
}
textarea {
    resize: none;
}
/* !!! Set core root defaults !!! */
html:focus-within {
scroll-behavior: smooth;
}
/* !!! A elements that don't have a class get default styles !!! */
a:not([class]) {
text-decoration-skip-ink: auto;
}
a, .btn, button {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance:    none;
appearance:         none;
}
:focus, :active, .active {
outline: 0 none;
}
a, a:hover, a:focus, a:active, button, button:hover, button:focus, input, input:hover, input:focus, select, select:hover, select:focus, textarea, textarea:hover, textarea:focus, .btn, .btn:hover, .btn:focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
text-decoration: none;
-webkit-text-decoration-skip: objects;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
transition: 0.4s ease-in-out;
}
.form-control:focus, .form-select:focus, [type="text"]:focus, [type="email"]:focus, [type="checkbox"]:focus, [type="password"]:focus, [type="file"]:focus, [type="radio"]:focus, [type="submit"]:focus, [type="date"]:focus, [type="time"]:focus, [type="tel"]:focus, [type="search"]:focus, [type="button"]:focus, [type="number"]:focus, [type="reset"]:focus, textarea:focus, select:focus {
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner, [type="submit"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="button"]::-moz-focus-inner {
border: none;
padding: 0;
}
select, select:hover, select:focus {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="search" i]::-webkit-search-cancel-button {
-webkit-appearance: none;
/* display: none; */
}
/* ============================================= */
/* !!!!          BODY SCROLLBAR CSS             !!!! */
/* ============================================= */
body::-webkit-scrollbar {
    width: 5px;
}
body::-webkit-scrollbar-track {
    background: #ededed;
}
body::-webkit-scrollbar-thumb {
    background: #1d8321;
}
/* ============================================= */
/* !!!!          All MINIFY CSS             !!!! */
/* ============================================= */
a:hover, a:focus, button:hover, button:focus, svg, svg path,  svg rect {
    -webkit-transition: var(--bs-base-transition);
    -moz-transition: var(--bs-base-transition);
    -ms-transition: var(--bs-base-transition);
    -o-transition: var(--bs-base-transition);
    transition: var(--bs-base-transition);
}
/* ============================================= */
/* !!!!             CONTAINER               !!!! */
/* ============================================= */
.row:not(.g-0), .container {
    --bs-gutter-x: 30px;
}
/* @media (min-width: 576px) {
    .row:not(.g-0), .container {
        --bs-gutter-x: 30px;
    }
} */
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}
/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
p, li {
    letter-spacing: 0;
    font-style: normal;
    margin: 0 0 15px 0;
}
ul, ol {
    font-style: normal;
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-style: normal;
    margin: 0 0 20px 0;
    letter-spacing: 0;
    font-weight: bold;
    color: var(--bs-white);
}

h1, .h1 {font-size: 60px;line-height: 72px; letter-spacing: -1.5px;}
h2, .h2 {font-size: 48px;line-height: 57px; letter-spacing: -1px;}
h3, .h3 {font-size: 28px;line-height: 36px;}
h4, .h4 {font-size: 24px;line-height: 30px;}
h5, .h5 {font-size: 18px;line-height: 27px; font-weight: 500;}
h6, .h6 {font-size: 16px;line-height: 27px; font-weight: 500;}

.para p:last-child {
    margin: 0;
}
.para_lg p {
    font-size: 18px;line-height: 30px;
}
.h-125rem {
    height: 1.25rem;
}
/* ============================================= */
/* !!!!             ALL BTN CSS             !!!! */
/* ============================================= */
.btn {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 8px;
    --bs-btn-font-size: 16px;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 20px;
    --bs-btn-border-radius: 50px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-box-shadow: none;
    text-transform: capitalize;
}
.btn ,
.btn svg ,
.btn svg path ,
.btn svg rect ,
.btn img {
    transition: all 0.5s ease-in-out;
}
.btn-primary {
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    padding: 7px 11px 7px 23px;
    gap: 16px;
}


.btn-outline-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-border-color:var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-hover-color:var(--bs-white);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-white);
    min-width: 130px;
}

.btn-secondary {
    --bs-btn-color:var(--bs-black);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    min-width: 175px;
    padding: 14px 15px;
    gap: 16px;
}
.btn-secondary svg {
    width: 21px;
    height: auto;
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: rgba(133, 254, 96, 0.10);
    --bs-btn-border-color: var(--bs-primary);

    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(133, 254, 96, 0.10);
    --bs-btn-hover-border-color: var(--bs-primary);

    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: rgba(133, 254, 96, 0.10);
    --bs-btn-active-border-color: var(--bs-primary);
    padding: 7px 11px 7px 21px;
    gap: 10px;
}
.btn-link {
    --bs-btn-padding-x: 30px;
    --bs-btn-padding-y: 11px;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);

    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);

    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
}
.btn-no-text-transform {
    text-transform: none;
}
/* ============================================= */
/* !!!!              COMMON CSS             !!!! */
/* ============================================= */
.bg_cover, .bg_contain {
    background-position: center;
    background-repeat: no-repeat;
}
.bg_cover {
    background-size: cover;
}
.bg_contain {
    background-size: contain;
}
.list-none {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ============================================= */
/* !!!!              NAVIGATION             !!!! */
/* ============================================= */
.navbar {
    position: absolute;
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 20px;
    --bs-navbar-color: var(--bs-white);
    --bs-navbar-hover-color: var(--bs-primary);
    --bs-navbar-active-color: var(--bs-primary);
    --bs-navbar-brand-padding-y: 0;
    --bs-navbar-brand-margin-end: 0;
    --bs-navbar-nav-link-padding-x: 0;
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='38' viewBox='0 0 49 38' fill='none'%3E%3Crect x='0.953125' width='48' height='38' rx='19' fill='white'/%3E%3Crect x='14.9531' y='11' width='20' height='2' rx='1' fill='black'/%3E%3Crect x='16.9531' y='18' width='18' height='2' rx='1' fill='black'/%3E%3Crect x='18.9531' y='25' width='16' height='2' rx='1' fill='black'/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: none;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0;
    z-index: 999;
}
.navbar-brand {
    max-width: 248px;
    width: 100%;
}
.nav_right_block, .nav_btn_block  {
    gap: 20px;
}
.navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='38' viewBox='0 0 49 38' fill='none'%3E%3Crect x='0.953125' width='48' height='38' rx='19' fill='white'/%3E%3Crect x='14.9531' y='11' width='20' height='2' rx='1' fill='%23019200'/%3E%3Crect x='16.9531' y='18' width='18' height='2' rx='1' fill='%23019200'/%3E%3Crect x='18.9531' y='25' width='16' height='2' rx='1' fill='%23019200'/%3E%3C/svg%3E");
}
.offcanvas {
    --bs-offcanvas-bg: var(--bs-black);
    --bs-offcanvas-width: 328px;
    transition: 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.navbar-toggler-icon,
.offcanvas-header .btn-close {
    width: 49px;
    height: 39px;
    transition: 0.4s ease-in-out;
}
.offcanvas-header {
    padding: 32px 30px 30px;
    gap: 10px;
}
.offcanvas-header h5 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;
    font-weight: 600;
}
.offcanvas-header .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1208_2132)'%3E%3Cpath d='M13.501 0.0812201L8.16247 5.41972L2.82397 0.081221C2.06659 -0.67616 0.838636 -0.67616 0.0812552 0.0812204C-0.676126 0.838601 -0.676124 2.06656 0.0812569 2.82394L5.41976 8.16244L0.0812545 13.5009C-0.676125 14.2583 -0.676125 15.4863 0.0812552 16.2437C0.838635 17.001 2.06659 17.001 2.82397 16.2437L8.16247 10.9052L13.501 16.2437C14.2584 17.001 15.4863 17.001 16.2437 16.2437C17.0011 15.4863 17.0011 14.2583 16.2437 13.5009L10.9052 8.16244L16.2437 2.82393C17.0011 2.06655 17.0011 0.838599 16.2437 0.0812191C15.4863 -0.676161 14.2584 -0.67616 13.501 0.0812201Z' fill='white' stroke='black' stroke-width='2.28571'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1208_2132'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    width: 17px;
    height: 17px;
    padding: 0;
    margin: 0;
    opacity: 1;
}
.offcanvas-body {
    /* padding: 0 30px 30px; */
    padding: 0 26px 30px;
}
.offcanvas-body .social_media {
    padding-top: 30px;
}
.offcanvas-body .social_media .text-uppercase {
    color: var(--bs-primary);
}
.offcanvas-body::-webkit-scrollbar {
    width: 5px;
}
.offcanvas-body::-webkit-scrollbar-track {
    background: #ededed;
}
.offcanvas-body::-webkit-scrollbar-thumb {
    background: #1d8321;
}
.nav_element {
    position: absolute;
    width: 100%;
    max-width: 110px;
    top: 2px;
    right: 32px;
    pointer-events: none;
}
.navbar-nav {
    --bs-nav-link-padding-y: 0;
}
.navbar-nav li {
    font-size: 17px;
    line-height: 24px;
    margin: 0;
}
.navbar-nav li:not(:last-child) {
    margin: 0 0 20px;
}
.navbar-nav li .nav-link {
    opacity: 0.8;
    text-transform: capitalize;
}
.navbar-nav li .nav-link i {
    height: 20px;
    width: 25px;
    text-align: center;
}
.sign_up_banner{
    margin-top: 48px;
}
.sign_up_banner .inner-area {
    min-height: 175px;
    background: url("../images/sidemenu-bottom-overlay.png") no-repeat center / cover;
    display: flex;
    align-items: flex-end;
    border-radius: 16px;
    justify-content: center;
    padding-bottom: 15px;
}
/* ============================================= */
/* !!!!             HERO BANNER             !!!! */
/* ============================================= */
.hero_banner {
    background-position: left top;
    padding: 111px 0 0 0;
    margin: 0 30px;
    border-radius: 0 0 40px 40px;
    background: radial-gradient(circle at bottom left, rgba(0, 0, 0, 0.4), transparent 60%), radial-gradient(circle at bottom right, rgba(0, 0, 0, 0.4), transparent 60%), linear-gradient(90deg, #01341A 0, #126f17 24%, #249e29 100%, #1a8e1f 100%);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.10)inset;
    border-top: 0;
}
.hero_banner .row {
    --bs-gutter-y: 30px;
}
.hero_media  {
    max-width: 518px;
}
.hero_sub_title {
    border-radius: 20px;
    padding: 4px 13px 4px 11px;
    gap: 10px;
  }
.hero_sub_title::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    pointer-events: none;

    /* Gradient background with extra width for smooth movement */
    background: linear-gradient(25deg, #E8FF58, #000000, #E8FF58);
    background-size: 200% 100%; /* allows smooth left-right movement */
    background-position: 0% 0%;

    /* Mask to cut out inner area */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    /* Smooth left-right animation */
    animation: gradientMove 6s linear infinite;
}
@keyframes gradientMove {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
}
.hero_sub_title img{
    width: 20px;
    height: 20px;
}
.hero_content h1 {
    margin: 16px 0;
}
.hero_content h1 span {
    color: var(--bs-primary);
}
.hero_content .para  {
    max-width: 444px;
    margin: 0 0 32px;
}
.hero_content .para p {
    line-height: 30px;
    color: var(--bs-white);
    opacity: 0.8;
}
.common_app_info {
    position: absolute;
    background: rgba(255, 255, 255, 0.18);
    border: 0.955752px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 19.115px 1.9115px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(23px);
    border-radius: 13px;
    z-index: 1;
}

.common_app_info h4 {
    margin: 0 0 5px 0;
}
.common_app_info p {
    font-size: 14px;
    line-height: 18px;
}
.common_app_info_1 {
    padding: 10px 15px;
}
.common_app_info_1.aos-animate {
    left: -7.5%;
    top: 26.5%;
    transform: rotate(1.31deg) translateZ(0) !important;
}
.common_app_info_1,
.common_app_info_2 {
    max-width: 135px;
}
/* 4 */
.common_app_info_2 {
    padding: 14px 17px 14px 18px;
}
.common_app_info_2.aos-animate {
    left: -7.5%;
    bottom: 11%;
    transform: rotate(-6.74deg) translateZ(0) !important;
}
/* 2 */
.common_app_info_3 {
    max-width: 158px;
    padding: 14px 17px 12px;
}
.common_app_info_3.aos-animate {
    top: 19%;
    right: 11%;
    transform: rotate(9.92deg) translateZ(0) !important;
}
/* 3 */

.common_app_info_4 {
    max-width: 164px;
    padding: 14px 17px 12px 18px;
}
.common_app_info_4.aos-animate {
    bottom: 21%;
    right: 10%;
    transform: rotate(-2.93deg) translateZ(0) !important;
}
/* ============================================= */
/* !!!!               FOOTER                !!!! */
/* ============================================= */
footer {
    /* background: linear-gradient(0deg, rgba(133, 254, 96, 0.05), rgba(133, 254, 96, 0.05)), url(../images/BG.jpg), url(../images/hero-banner.webp); */
    background: linear-gradient(0deg, rgba(133, 254, 96, 0.05), rgba(133, 254, 96, 0.05));
    padding: 80px 0 60px;
    border-radius: 40px 40px 0 0;
    z-index: 1;
}
footer::after {
    content: '';
    position: absolute;
    background-image:  url(../images/bg.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.05;
    z-index: -1;
}
.footer {
    gap: 15px;
    row-gap: 30px;
}
.common_footer_class h6 {
    letter-spacing: 1px;
    margin: 0 0 18px;
}
.common_footer_class h6,
.common_footer_class p span,
.common_footer_class a:hover,
.footer_link_wrapper li.active a {
    color: var(--bs-primary);
}
.common_footer_class p,
.common_footer_class li,
.common_footer_class a  {
    color: var(--bs-white);
    opacity: 0.8;
}
.common_footer_class a {
    display: inline-block;
}
.common_footer_class a:hover,
.common_footer_class li:hover,
.footer_link_wrapper li.active,
.footer_link_wrapper li.active a  {
    opacity: 1;
}
/* -- */
.footer_logo {
    max-width: 256px;
}
.footer_logo img {
    max-width: 227px;
}
.footer_reg {
    margin: 16px 0 9px;
}
.footer_reg p {
    font-weight: 600;
    line-height: 20px;
    opacity: 1;
}
.company_details p {
    margin: 0;
}
/* -- */
.footer_links {
    max-width: 247px;
}
.footer_link_wrapper {
    gap: 9px;
}
.footer_link_wrapper ul {
    max-width: 119px;
    width: 100%;
}
.footer_link_wrapper li {
    margin: 0;
}
.footer_link_wrapper li:not(:last-child) {
    margin-bottom: 9px;
}
.footer_link_wrapper li a {
    line-height: 20px;
}
/* -- */
.footer_address {
    max-width: 244px;
}
.our_address:not(:last-child) {
    margin: 0 0 16px;
}
.our_address p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 6px;
    opacity: 1;
}
/* -- */
.footer_contact {
    max-width: 262px;
}
.fc_contact_details {
    margin: 0 0 26px;
}
.fc_contact_details li {
    margin: 0;
    opacity: 1;
}
.fc_contact_details li,
.fc_contact_details li a,
.social_media li,
.social_media li a {
    opacity: 1;
}
.fc_contact_details li:not(:last-child) {
    margin-bottom: 6px;
}
.fc_contact_details li a {
    gap: 11px;
    color: rgba(255,255,255,0.8);
}
.fc_contact_details li a svg {
    width: 17px;
    height: 17px;
}
.fc_contact_details li a:hover svg path {
    fill: var(--bs-primary);
}
.social_media ul {
    gap: 14px;
}
.social_media li {
    margin: 0;
}
.social_media li a {
    background-color: rgba(255, 255, 255, 0.16);
    width: 32px;
    height: 32px;
}
.social_media li a svg {
    max-width: 16px;
    height: auto;
}
.social_media li a:hover {
    background-color: var(--bs-white);
}
.social_media li a:hover svg path {
    fill: #088946;
}
.fc_awards img{
    max-height: 58px;
    width: calc(100% / 3 - (2 * 8px) / 3);
}
/* -- */
.copyright  {
    margin: 40px 0 0;
    padding: 40px 0 0;
    gap: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.copyright p, .copyright_links li {
    font-size: 14px;
    line-height: normal;
}
.copyright p, .copyright_links li a {
    color: var(--bs-white);
    opacity: 0.6;
}
.copyright_links li a:hover {
    color: var(--bs-primary);
    opacity: 1;
}
.copyright_links {
    gap: 40px;
}
.copyright p,
.copyright_links li {
    margin: 0;
}

/* ============================================= */
/* !!!!              ABOUT US               !!!! */
/* ============================================= */
.about_us {
    padding: 100px 0;
    z-index: 1;
}
.about_us .row {
    --bs-gutter-y: 30px;
}
.about_media {
    background:
    radial-gradient(circle at center top, #029e09 0%, #007701 60%, transparent 80%), radial-gradient(circle at bottom left, rgba(1, 59, 13, 0.9), transparent 70%), radial-gradient(circle at bottom right, rgba(1, 72, 18, 0.85), transparent 70%), #007701;
    max-width: 521px;
    border-radius: 24px;
}
.about_media .about_image_slider {
    transform: translateY(100%);
    transition: 0.1s ease;
}
.about_media .about_image_slider.aos-animate {
    transform: translateZ(0);
}
.about_media .about_image_slider .swiper-slide {
    opacity: 0 !important;
}
.about_media .about_image_slider .swiper-slide-active {
    opacity: 1 !important;
}
.common_sub_title {
    padding: 4.5px 20.5px;
    border-radius: 50px;
    margin: 0 0 17px;
    z-index: 0;
}
.common_sub_title::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.05em;
    border-radius: inherit;
    background: url(../images/hero-banner.webp) center/cover;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.common_sub_title h6 {
    line-height: 23px;
}
.common_title h2 {
    margin: 0 0 11px;
}
.about_media img {
    border-radius: 24px;
}
.about_content {
    max-width: 545px;
}
.about_content ul {
    margin: 25px 0;
    max-width: 410px;
}
.about_content ul li {
    position: relative;
    background: linear-gradient(106.06deg, rgba(202, 255, 51, 0.04) -29.45%, rgba(202, 255, 51, 0) 27.86%), linear-gradient(267.5deg, rgba(13, 13, 13, 0.6) 40.67%, rgba(13, 13, 13, 0) 99.81%), rgba(255, 255, 255, 0.04);
    background-blend-mode: normal, normal, screen, normal;
    font-weight: 500;
    border-radius: 12px;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}
.about_content ul li:not(:last-child) {
    margin-bottom: 14px;
}
.act_list {
    padding: 9px 15px 9px 50px;
}
.about_content ul li::after,
.act_list::before,
.act_list:after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
}
.about_content ul li::after {
    background-image: url('../images/list-bg.png');
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.40;
    z-index: -1;
}
.act_list::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.7812 2.69336L13.043 1.95508C12.9336 1.8457 12.8083 1.79102 12.667 1.79102C12.5257 1.79102 12.4004 1.8457 12.291 1.95508H12.2363L5.09961 9.35156C5.04492 9.40625 4.98112 9.43359 4.9082 9.43359C4.83529 9.43359 4.77148 9.40625 4.7168 9.35156L1.79102 6.20703L1.73633 6.15234C1.62695 6.05208 1.50163 6.00195 1.36035 6.00195C1.21908 6.00195 1.09831 6.05208 0.998047 6.15234L0.246094 6.9043C0.191406 6.95898 0.150391 7.02051 0.123047 7.08887C0.0957031 7.15723 0.0820312 7.21875 0.0820312 7.27344C0.0820312 7.32812 0.0957031 7.39193 0.123047 7.46484C0.150391 7.53776 0.191406 7.60156 0.246094 7.65625L0.355469 7.80664L4.51172 12.291C4.56641 12.3457 4.62337 12.3867 4.68262 12.4141C4.74186 12.4414 4.80794 12.4551 4.88086 12.4551C4.96289 12.4551 5.03353 12.4414 5.09277 12.4141C5.15202 12.3867 5.20898 12.3457 5.26367 12.291L13.7812 3.44531C13.8906 3.33594 13.9453 3.21061 13.9453 3.06934C13.9453 2.92806 13.8906 2.80273 13.7812 2.69336Z' fill='%2385FE60'/%3E%3C/svg%3E");
    background-size: contain;
    width: 14px;
    height: 14px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.about_content ul li,
.act_list:after {
    border-radius: 12px;
}
.act_list:after {
    inset: 0;
    padding: 1px;
    pointer-events: none;
    background: linear-gradient(280.49deg, rgba(202, 255, 51, 0.1) 0%, rgba(38, 38, 38, 0) 17.02%, rgba(38, 38, 38, 0) 68.88%, rgba(38, 38, 38, 0.8) 100%);;
    background-size: 100%;
    background-position: 0% 0%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
/* ============================================= */
/* !!!!            OUR SERVICES             !!!! */
/* ============================================= */
.our_services {
    margin: 0 30px;
}
.our_services .row {
    --bs-gutter-y: 30px;
}
.common_width_section {
    background-color: rgba(255,255,255,0.05);
    max-width: 1310px;
    padding: 90px 0;
    border-radius: 24px;
}
.nav_wrapper {
    padding: 9px 10px;
    border-radius: 50px;
    border: 1px solid rgba(133, 254, 96, 0.30);
}
.nav-pills {
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-link-hover-color: var(--bs-white);
}
.nav-pills .nav-link {
    font-size: 18px;
    line-height: 27px;
    padding: 14px 20px;
    border-radius: 30px;
    min-width: 180px;
    z-index: 2;
    transition: color 0.3s;
}
.nav-pills .nav-link.active {
    background-color: transparent;
    color: var(--bs-black-100);
}
  .nav_slide_indicator {
    position: absolute;
    bottom: 9px;
    height: calc(100% - 18px);
    width: 0;
    left: 0;
    top: -1px;
    border-radius: 30px;
    background-color: var(--bs-primary);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1;
  }

/* Tab content */
.our_services .tab-content {
    margin: 50px 0 0;
}
.services_box ,
.services_box * {
    transition: var(--bs-base-transition);
}
.services_box {
    background: linear-gradient(267.5deg, #000000 40.67%, rgba(0, 0, 0, 0.2) 99.81%), url(../images/Card.png);
    background-blend-mode: normal, screen;
    height: 100%;
    padding: 30px;
    gap: 22px;
    transition: 0.4s ease-in-out;
    z-index: 1;
}

.services_box::before ,
.services_box {
    border-radius: 24px;
}
.services_box::before,
.services_box::after {
    content: '';
    position: absolute;
}
.services_box::before {
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    pointer-events: none;
    background: linear-gradient(280.49deg, rgba(0, 0, 0, 0) 0%, rgba(38, 38, 38, 0) 17.02%, rgba(38, 38, 38, 0) 68.88%, rgba(38, 38, 38, 0.8) 100%);;
    background-size: 100%;
    background-position: 0% 0%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -2;
}
.services_box::after {
    background-image: linear-gradient(to right, var(--bs-primary), var(--bs-primary), var(--bs-black));
    width: 100%;
    height: 100%;
    left: -100%;
    right: auto;
    top: 0;
    opacity: 0.1;
    z-index: -1;
    transition: 0.6s ease-in-out;
}

.services_icon {
    background: linear-gradient(180deg, rgba(133, 254, 96, 0.1) -66.22%, rgba(133, 254, 96, 0.03) 85.46%);
    width: 120px;
    height: 126px;
    border-radius: 16px;
    border: 1px solid rgba(133, 254, 96, 0.06);
}
.services_icon img {
    width: auto;
    height: 90px;
}
.services_content_title {
    margin: 0 0 12px;
    gap: 18px;
}
.services_content_title span {
    width: 25px;
    height: 25px;
}
.services_content_title span img {
    width: 19px;
    height: auto;
}
.services_content .para {
    display: inline-table;
}
.services_content .para p {
    display: inline;
    color: var(--bs-gray-100);
    margin: 0;
}
.read_more {
    color: var(--bs-primary);
}
/* ============================================= */
/* !!!!             OUR PROCESS             !!!! */
/* ============================================= */
.our_process {
    padding: 100px 0;
}
.our_process .common_title {
    margin: 0 0 59px;
}
.our_process_container {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 50px;
    border-radius: 24px;
    height: auto;
    gap: 100px;
}
.our_process_container ,
.our_process_container *,
.our_process_step:not(:last-child)::after {
    transition: 0.5s ease-in-out;
}
.our_process_step {
    max-width: 280px;
}
.our_process_step:not(:last-child)::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 22C0 9.84974 9.84974 0 22 0C34.1503 0 44 9.84974 44 22C44 34.1503 34.1503 44 22 44C9.84974 44 0 34.1503 0 22Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M30.8466 21.859C30.9835 21.7193 31.0605 21.5271 31.0605 21.3306C31.0605 21.1297 30.9835 20.9419 30.8466 20.8021L24.2126 14.0522C23.9259 13.7596 23.4594 13.7596 23.1727 14.0522C22.886 14.3449 22.886 14.8209 23.1727 15.1135L28.5571 20.5794H13.7966C13.3901 20.5794 13.0605 20.9157 13.0605 21.3306C13.0605 21.7455 13.3901 22.0774 13.7966 22.0774L28.5571 22.0774L23.177 27.552C22.8903 27.8446 22.8903 28.3207 23.177 28.6133C23.4637 28.9059 23.9302 28.9059 24.2169 28.6133L30.8466 21.859Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 44px;
    height: 44px;
    top: 50%;
    right: -71px;
    transform: translateY(-50%);
}
.op_step {
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0.44px;
    color: var(--bs-white);
    font-weight: 600;
    border: 1px solid var(--bs-primary);
    border-radius: 30px;
    padding: 9px 11.5px 7px;
}
.op_icon,
.op_icon img {
    height: 47px;
}
.op_icon img {
    width: auto;
}
.our_process_step h5 {
    margin: 22px 0 5px;
}
/* ============================================= */
/* !!!!            OPEN BANKING            !!!! */
/* ============================================= */
.bank_sync_wrapper {
    padding: 0px 0px 80px 0px;
}
.main_heading {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 16px !important;
    width: 555px;
}
.sub_heading {
    color: #888888;
    font-size: 16px;
    max-width: 555px;
    font-weight: 400;
    margin-bottom: 26px !important;
}
.sync_pill {
    padding: 8px 16px 8px 48px !important;
}
.check_mark {
    margin-right: 14px;
    display: flex;
    align-items: center;
}
.sync_pill p {
    font-weight: 500;
    font-size: 16px;
}
.sync_text_content {
    max-width: 480px;
}
.phone_img {
    width: 100%; 
    max-width: 521px !important;
    object-fit: contain;
    height: auto;
    align-items: end;
    border-radius: 20px !important;
}
.verify_label {
    font-size: 14px;
    font-weight: 500;
    color: #888888;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-style: italic;
}
.logo_row img {
    height: 32px;
    object-fit: contain;
}
.sync_row_gap {
    --bs-gutter-x: 64px;
}
@media (max-width: 480px) {
    .sync_row_gap{
        margin-inline: auto;
        width: 100%;
    }
}
/* ============================================= */
/* !!!!            WHY CHOOSE US            !!!! */
/* ============================================= */
.why_choose_us {
    margin: 0 30px;
}
.why_choose_us .common_width_section {
    background: linear-gradient(106.06deg, rgba(202, 255, 51, 0.05) -29.45%, rgba(202, 255, 51, 0) 27.86%), linear-gradient(267.5deg, #0D0D0D 40.67%, rgba(13, 13, 13, 0.5) 99.81%), url(../images/particle-BG.webp);
    background-blend-mode: normal, normal, screen;
}
.why_choose_us .row {
    --bs-gutter-y : 30px;
}
.why_choose_us .common_title {
    margin: 0 0 50px;
}
.wcu_box, .wcu_box * {
    transition: var(--bs-base-transition);
}
.wcu_icon {
    /* background: linear-gradient(180deg, rgba(133, 254, 96, 0.05) 0%, rgba(133, 254, 96, 0) 100%); */
    width: 90px;
    height: 90px;
    z-index: 1;
}
.wcu_icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(133, 254, 96, 0.05) 0%, rgba(133, 254, 96, 0) 100%);;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    animation: grow 5s infinite forwards ease-out;
    z-index: -1;
}

@keyframes grow {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}
.wcu_icon::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' viewBox='0 0 66 66' fill='none'%3E%3Crect width='66' height='66' rx='33' fill='url(%23paint0_linear_692_14888)' fill-opacity='0.1'/%3E%3Crect x='0.5' y='0.5' width='65' height='65' rx='32.5' stroke='url(%23paint1_linear_692_14888)' stroke-opacity='0.2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_692_14888' x1='33' y1='-43.7027' x2='33' y2='170.351' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2385FE60'/%3E%3Cstop offset='0.467671' stop-color='%2385FE60' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_692_14888' x1='33' y1='-114.608' x2='33' y2='125.757' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2385FE60'/%3E%3Cstop offset='0.716291' stop-color='%2385FE60' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 66px;
    height: 66px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: rotateEl 3s infinite forwards ease-in-out;
    z-index: -1;
}
@keyframes rotateEl {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.wcu_icon img {
    width: 34px;
    height: 34px;
}

.wcu_content h5 {
    margin: 20px 0 10px;
}

/* ============================================= */
/* !!!!             DOWNLOAD APP            !!!! */
/* ============================================= */
.download_app {
    padding: 100px 0;
}
.download_app_container {
    background-position: bottom right;
    padding: 44px 50px 36px;
    border-radius: 24px;
}
.download_app_content {
    max-width: 420px;
}
.download_app_content .para {
    margin: 17px 0 30px;
}
.download_app_content .para p {
    opacity: 0.8;
}
.download_app_btn  {
    gap: 16px;
}
.download_app_media img {
    max-width: 480px;
    margin-left: auto;
}
/* ============================================= */
/* !!!!              OUR CLIENTS            !!!! */
/* ============================================= */
.our_clients {
    padding: 0 0 100px;
}
.client_slider_box {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 24px 30px;
    border: 2px solid transparent;
    border-radius: 24px;
}

.client_slider_box ,
.client_slider_box * {
    transition: 0.4s ease-in-out;
}
.csb_content {
    margin: 0 0 20px;
}

.csb_author {
    gap: 16px;
}
.csb_author img {
    width: 50px;
    height: 50px;
}
.csb_content_bottom {
    gap: 15px;
}
.csb_author_content h6 {
    line-height: 28px;
    margin: 0 0 1px;
}
.csb_author_content p {
    font-size: 14px;
    line-height: normal;
    margin: 0;
}
.quote_icon {
    width: 72px;
    height: auto;
    opacity: 0.2;
}

.client_content {
    max-width: 261px;
}
.clients_slider_btn {
    margin: 27px 0 0;
    gap: 16px;
}
.swiper-button-prev, .swiper-button-next {
    background-color: var(--bs-black-100);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center;
    border: 1px solid #262626;
    width: 52px;
    height: 52px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    transition: 0.4s ease-in-out;
}
.swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M21 14H6.41667M6.41667 14L13.4167 7M6.41667 14L13.4167 21' stroke='%2385FE60' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M7 14H21.5833M21.5833 14L14.5833 7M21.5833 14L14.5833 21' stroke='%2385FE60' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.swiper-button-prev svg, .swiper-button-next svg {
    display: none;
}
/* ============================================= */
/* !!!!            RECENT ARTICLES          !!!! */
/* ============================================= */
.recent_articles {
    /* background-color: rgba(255, 255, 255, 0.05);
    padding: 90px 0; */
    margin: 0 30px;
}
.recent_articles .common_title {
    margin: 0 0 50px;
}
.recent_articles,
.recent_article_wrapper {
    border-radius: 24px;
}
.recent_article_wrapper {
    background-color: var(--bs-black);
    padding: 10px 30px 10px 10px;
    border: 2px solid transparent;
}
.recent_article_wrapper,
.recent_article_wrapper * {
    transition: var(--bs-base-transition);
}

.article_media {
    max-width: 530px;
}
.article_media img {
    border-radius: 20px;
}
.article_content {
    padding: 0 0 0 10px;
}
.brd {
    width: 75px;
    height: 2px;
    border-radius: 10px;
    margin: 20px 0;
}
.article_content .para {
    margin: 0 0 9px;
}
.article_content .para p {
    margin: 0;
}

.article_content_bottom,
.meta_calendar  {
    gap: 9px;
}
.meta_calendar {
    font-size: 14px;
    line-height: 17px;
}

.article_read_more {
    font-weight: 500;
    color: var(--bs-primary);
    gap: 12px;
}
.article_read_more svg {
    width: 44px;
    height: 44px;
}

/* Blog List */
.article_listing_wrapper {
    margin: 26px 0 0;
}
.article_listing_wrapper .row {
    --bs-gutter-y: 30px;
}
.article_box {
    background-blend-mode: normal, screen;
    padding: 10px 10px 22px;
    border: 2px solid transparent;
    border-radius: 24px;
    overflow: hidden;
    z-index: 1;
}
.article_box::after,
.article_box::before {
    content: '';
    position: absolute;
}
.article_box::before {
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    pointer-events: none;
    background: linear-gradient(280.49deg, rgba(202, 255, 51, 0.1) 0%, rgba(38, 38, 38, 0) 17.02%, rgba(38, 38, 38, 0) 68.88%, rgba(38, 38, 38, 0.8) 100%);
    background-size: 300% 100%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -2;
}
.article_box::after {
    content: '';
    position: absolute;
    background: linear-gradient(267.5deg, #000000 40.67%, rgba(0, 0, 0, 0.2) 99.81%), url(../images/article.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.article_box,
.article_box * {
    transition: var(--bs-base-transition);
}

.article_box_image {
    margin: 0 0 12px;
}
.article_box_image img {
    aspect-ratio: 16 / 9.18;
    border-radius: 18px;
}
.article_box_content {
    padding: 0 0 0 12px;
}
.article_box_content h5,
.article_box_content .para {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article_box_content h5 {
    -webkit-line-clamp: 1;
}
.article_box_content .para {
    margin: 0 12px 20px 0;
    -webkit-line-clamp: 3;
}

.article_content_bottom  {
    margin: 0 12px 0 0;
}

/* ============================================= */
/* !!!!            REFER A FRIEND           !!!! */
/* ============================================= */
.refer_friend_wrapper {
    padding: 105px 0 100px;
}
.refer_someone {
    background-position: bottom left;
    border-radius: 24px;
    z-index: 1;
}
.refer_someone::after {
    content: '';
    position: absolute;
    background-color: var(--bs-black);
    width: 410px;
    height: 332px;
    filter: blur(150px);
    border-radius: 350px;
    right: 3%;
    bottom: 3.36%;
    z-index: -1;
}
.refer_content  {
    padding: 50px 32px 50px 50px;
}
.refer_content h2 ,
.refer_form_content h2 {
    margin: 0 0 17px;
}
.refer_content .para,
.refer_form_content .para {
    opacity: 0.8;
}
.refer_content .btn {
    min-width: 200px;
    margin: 30px 0 0;
}
.refer_media {
    max-width: 518px;
    margin: -41px 63px 0 0;
}
.refer_media,.refer_media img {
    filter: drop-shadow(32.07px 68.41px 21.38px rgba(0, 0, 0, 0.25));
}
/* Form */
.refer_someone_form {
    /* display: none; */
    padding: 40px 40px 40px 0;
}
.refer_form {
    background: rgba(255, 255, 255, 0.1);
    padding: 23px 30px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 2px 40px 5px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(30px);
    border-radius: 20px;
    max-width: 625px;
    margin-left: auto;
}
.refer_form .row {
    --bs-gutter-x: 21px;
    --bs-gutter-y: 20px;
}
.refer_form_content {
    padding: 50px 0 50px 55px;
}
.form-label {
    margin: 0 0 8px;
}
.form-label,
.form-control, .form-select {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    color: var(--bs-white);
}
.form-control, .form-select {
    border-radius: 12px;
    padding: 11px 18px 12px;
}

.form-control,
.form-control:focus,
.form-control:hover,
.form-select {
    background-color: rgba(1, 146, 0, 0.40);
    border: 1px solid rgba(255, 255, 255, 0.40);
    color: var(--bs-white);
    box-shadow: none !important;
}

.form-control::placeholder {
    color: rgba(255,255,255,0.60);
}

form .btn {
    padding: 15px 12px;
    min-width: 200px;
    /* margin: 20px 0 0; */
}
form .refer_form_submit {
    margin: 20px 0 0;
}

.g-recaptcha * {
    width: 100% !important;
}

/* On Hover */
.refer_friend_wrapper .refer_someone_form,
.refer_friend_wrapper .refer_media {
    transition: 0.5s ease-in-out !important;
}
.refer_friend_wrapper .refer_someone_form,
.refer_friend_wrapper.show .refer_media {
    transform: scale(0.8);
    position: absolute;
}
.refer_friend_wrapper .refer_someone_form,
.refer_friend_wrapper.show .refer_media,
.refer_friend_wrapper.show .refer_content .btn {
    visibility: hidden;
    opacity: 0;
}
.refer_friend_wrapper.show .refer_content .btn {
    transform: scale(0);
    padding: 0;
    margin: 0;
}
.refer_friend_wrapper.show .refer_someone_form {
    position: relative;
    opacity: 1;
    transform: scale(1) !important;
    visibility: visible;
}
/* ============================================= */
/* !!!!          AWARDS & RECOGNITION       !!!! */
/* ============================================= */
.awards_recognition {
    padding-bottom: 100px;
}
.awards_recognition_container {
    background: linear-gradient(180deg, rgba(133, 254, 96, 0.2) -66.22%, rgba(133, 254, 96, 0.06) 85.46%);
    padding: 50px;
    border-radius: 24px;
    height: auto;
    gap: 100px;
}
.awards_recognition_container h2 {
    color: var(--bs-primary);
    font-size: 36px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.awards_recognition_container .img-box {
    gap: 25px;
}
.awards_recognition_container .img-box img {
    max-height: 105px;
    width: 100%;
    margin-bottom: 19px;
    float: left;
}
.awards_recognition_container .img-box p {
    font-size: 14px;
}
.img-box > .flex-column {
    max-width:  calc(100% / 4 - (3 * 25px) / 4);
}
/* ============================================= */
/* !!!!          ABOUT US : BANNER          !!!! */
/* ============================================= */
.hero_common_banner {
    /* background: radial-gradient(circle at bottom left, rgba(0, 0, 0, 0.4), transparent 60%), radial-gradient(circle at bottom right, rgba(0, 0, 0, 0.4), transparent 60%), linear-gradient(90deg, #01341A 0, #126f17 24%, #249e29 100%, #1a8e1f 100%); */
    background: linear-gradient(
        120deg, rgba(1, 44, 19, 1) 0%, rgba(1, 79, 14, 1) 25%, rgba(1, 128, 3, 1) 65%, rgba(0, 116, 1, 1) 85%, rgba(0, 77, 1, 1) 100% );
    min-height: 300px;
    padding: 70px 0;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.10) inset;
    border-radius: 0 0 40px 40px;
    z-index: 1;
}
.hero_common_banner::after {
    content: '';
    position: absolute;
    background-image: url(../images/dot-bg-element.png);
    background-position: right bottom;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}
.hero_common_content h1 {
    letter-spacing: -1.5px;
    margin: 0 0 10px;
}
.hero_common_content .para p {
    color: var(--bs-white);
    opacity: 0.8;
}
/* ============================================= */
/* !!!!       ABOUT US : ABOUT REBATE       !!!! */
/* ============================================= */
.about_rebate {
    padding: 100px 0 0;
    margin: 0 45px;
}
.about_rebate .row  {
    --bs-gutter-y: 30px;
}
.about_rebate  .common_width_section {
    max-width: 1280px;
    padding: 61px 0;
    border-radius: 30px;
}
.about_rebate_content {
    max-width: 538px;
}

.about_rebate_content h2 span {
    color: var(--bs-primary);
}
.radient_ele {
    max-width: 334px;
    animation: 1.5s infinite ease-in-out alternate opacityChange;
}
@keyframes opacityChange {
    from {
        opacity: 0.2;
    } to {
        opacity: 1;
    }
}
.arm_image {
    max-width: 534px;
    -webkit-mask-image: url('../images/clip_bg.svg');
  mask-image: url('../images/clip_bg.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.arm_image img {
    aspect-ratio: 1 / 1.031;
}
.arm_element {
    position: absolute;
    max-width: 231px;
    height: auto;
    width: 100%;
    border-radius: 30px;
}
.arm_element_1 {
    left: 3px;
    top: -9px;
}
.arm_element_2 {
    right: 1px;
    bottom: -9px;
}
/* ============================================= */
/* !!!!      ABOUT US : OUR EXCELLENCE      !!!! */
/* ============================================= */
.our_excellence {
    padding: 100px 0;
}
.our_excellence .row {
    --bs-gutter-y: 30px;
}
.our_excellence_media {
    max-width: 546px;
}
.our_excellence_media img {
    border-radius: 20px;
}
.our_excellence_content .common_sub_title {
    background-color: rgba(133, 254, 96, 0.10);
    border: 1px solid rgba(133, 254, 96, 0.5);
}
.our_excellence_content .common_sub_title h6 {
    font-weight: 700;
}
.our_excellence_content .common_sub_title::before {
    display: none;
}
.our_excellence_content .common_sub_title h6,
.our_excellence_content h2 span  {
    color: var(--bs-primary);
}
.our_excellence_content h2 {
    margin: 0 0 17px ;
}
.our_excellence_content .btn {
    margin: 20px 0 0;
}
/* Bottom section */
.excellence_container {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 40px;
    margin: 50px 0 0;
}
.excellence_ele {
    max-width: 213px;
    animation: 1.5s infinite ease-in-out alternate opacityChange;
}
.excellence_container,
.excellence_box {
    border-radius: 24px;
}
.excellence_box {
    background: linear-gradient(267.5deg, #000000 40.67%, rgba(0, 0, 0, 0.2) 99.81%), url(../images/Card.png);
    padding: 30px 20px 18px;
}
.excellence_box::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    pointer-events: none;
    background: linear-gradient(280.49deg, rgba(0, 0, 0, 0) 0%, rgba(38, 38, 38, 0) 17.02%, rgba(38, 38, 38, 0) 68.88%, rgba(38, 38, 38, 0.8) 100%);
    background-size: 100%;
    background-position: 0% 0%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -2;
}
.excellence_box_icon {
    width: 66px;
    height: 66px;
    margin: 0 0 16px;
    z-index: 1;
}
.excellence_box_icon::after, .excellence_box_icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
}
.excellence_box_icon::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='50' viewBox='0 0 51 50' fill='none' style='&%2310;'%3E%3Crect x='0.181885' width='50' height='50' rx='25' fill='url(%23paint0_linear_849_1423)' fill-opacity='0.1'/%3E%3Crect x='0.681885' y='0.5' width='49' height='49' rx='24.5' stroke='url(%23paint1_linear_849_1423)' stroke-opacity='0.2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_849_1423' x1='25.1819' y1='-33.1081' x2='25.1819' y2='129.054' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CAFF33'/%3E%3Cstop offset='0.467671' stop-color='%23CAFF33' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_849_1423' x1='25.1819' y1='-86.8243' x2='25.1819' y2='95.2703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CAFF33'/%3E%3Cstop offset='0.716291' stop-color='%23CAFF33' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    animation: rotateEl 3s infinite forwards ease-in-out;
    z-index: -1;
}
.excellence_box_icon::before {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(202, 255, 51, 0.05) 0%, rgba(202, 255, 51, 0) 100%);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    animation: grow 5s infinite forwards  ease-out;
    z-index: -1;
}
.excellence_box_icon img {
    height: 26px;
    width: auto;
}
.excellence_box_content p {
    color: var(--bs-white);
    line-height: 27px;
}
.team_member_content {
    margin: 19px 0 0;
}
.team_member_content h5 {
    margin: 0 0 2px;
}
.team_member_content p {
    color: var(--bs-white);
    margin: 0;
    opacity: 0.7;
}
/* ============================================= */
/* !!!!         ABOUT US : OUR TEAM         !!!! */
/* ============================================= */
.our_team .common_title {
    margin: 0 0 50px;
}
.our_team .row {
    --bs-gutter-y: 30px;
}
.team_member {
    max-width: 240px;
}
.team_member .team_member_image {
    height: 261px;
    z-index: 1;
}
.our_team .row [class*="col-"]:nth-child(odd) .team_member .team_member_image {
    -webkit-clip-path: path('M188.82 47.1905C202.06 60.1974 209.997 78.4274 218.809 98.3696C227.621 118.312 237.177 139.748 239.251 163.995C241.498 188.287 236.219 215.568 219.961 231.151C203.703 246.734 176.595 250.839 151.86 252.73C127.126 254.62 104.763 254.298 83.2865 249.523C61.8106 244.749 41.2651 235.347 28.4885 219.652C15.7109 203.956 10.9609 181.66 7.7343 160.675C4.50769 139.691 2.63025 119.976 1.07726 95.8567C-0.648795 71.6942 -2.0932 43.3044 11.7963 30.6828C25.4702 18.1951 54.3047 21.4337 78.0558 22.1019C101.939 22.9892 120.39 21.2187 138.823 24.1165C157.256 27.0156 175.711 34.4037 188.82 47.1905Z M1 10C1 4.47715 5.47715 0 11 0H192C197.523 0 202 4.47715 202 10V71H1V10Z');
    clip-path: path('M188.82 47.1905C202.06 60.1974 209.997 78.4274 218.809 98.3696C227.621 118.312 237.177 139.748 239.251 163.995C241.498 188.287 236.219 215.568 219.961 231.151C203.703 246.734 176.595 250.839 151.86 252.73C127.126 254.62 104.763 254.298 83.2865 249.523C61.8106 244.749 41.2651 235.347 28.4885 219.652C15.7109 203.956 10.9609 181.66 7.7343 160.675C4.50769 139.691 2.63025 119.976 1.07726 95.8567C-0.648795 71.6942 -2.0932 43.3044 11.7963 30.6828C25.4702 18.1951 54.3047 21.4337 78.0558 22.1019C101.939 22.9892 120.39 21.2187 138.823 24.1165C157.256 27.0156 175.711 34.4037 188.82 47.1905Z M1 10C1 4.47715 5.47715 0 11 0H192C197.523 0 202 4.47715 202 10V71H1V10Z');
}
.our_team .row [class*="col-"]:nth-child(even) .team_member .team_member_image {
    -webkit-clip-path: path('M71.8853 38.5393C85.0803 28.8093 104.429 24.835 122.997 26.1108C132.273 26.7482 141.312 28.6956 150.812 31.166C160.29 33.6307 170.284 36.6319 181.352 39.3354C192.454 42.1185 204.522 44.6354 214.777 48.0963C225.052 51.5641 233.334 55.9285 236.982 62.3043L236.983 62.3062C240.708 68.7459 239.805 77.3286 237.453 86.9409C236.28 91.7337 234.76 96.735 233.308 101.818C231.859 106.89 230.48 112.033 229.601 117.076C227.76 127.093 227.887 136.676 228.116 146.247C228.345 155.83 228.675 165.398 227.266 175.459C224.448 195.442 214.671 217.238 196.313 231.519C177.948 245.806 150.933 252.623 124.034 252.481C96.9776 252.338 70.0945 245.243 48.5327 232.48C26.964 219.714 10.5775 201.294 4.46144 181.507C-1.55839 162.032 2.18576 141.02 10.2104 124.009L10.5962 123.202L10.5972 123.201C14.7404 114.557 19.9227 106.934 25.3062 99.666C30.679 92.4119 36.2786 85.4764 41.1958 78.2795C43.6993 74.6764 46.0362 70.9954 48.3374 67.3539C50.641 63.7086 52.909 60.1048 55.2856 56.6441C60.0392 49.7228 65.2059 43.4042 71.8833 38.5413L71.8853 38.5393Z M5 10C5 4.47715 9.47715 0 15 0H217C222.523 0 227 4.47715 227 10V163H5V10Z');
    clip-path: path('M71.8853 38.5393C85.0803 28.8093 104.429 24.835 122.997 26.1108C132.273 26.7482 141.312 28.6956 150.812 31.166C160.29 33.6307 170.284 36.6319 181.352 39.3354C192.454 42.1185 204.522 44.6354 214.777 48.0963C225.052 51.5641 233.334 55.9285 236.982 62.3043L236.983 62.3062C240.708 68.7459 239.805 77.3286 237.453 86.9409C236.28 91.7337 234.76 96.735 233.308 101.818C231.859 106.89 230.48 112.033 229.601 117.076C227.76 127.093 227.887 136.676 228.116 146.247C228.345 155.83 228.675 165.398 227.266 175.459C224.448 195.442 214.671 217.238 196.313 231.519C177.948 245.806 150.933 252.623 124.034 252.481C96.9776 252.338 70.0945 245.243 48.5327 232.48C26.964 219.714 10.5775 201.294 4.46144 181.507C-1.55839 162.032 2.18576 141.02 10.2104 124.009L10.5962 123.202L10.5972 123.201C14.7404 114.557 19.9227 106.934 25.3062 99.666C30.679 92.4119 36.2786 85.4764 41.1958 78.2795C43.6993 74.6764 46.0362 70.9954 48.3374 67.3539C50.641 63.7086 52.909 60.1048 55.2856 56.6441C60.0392 49.7228 65.2059 43.4042 71.8833 38.5413L71.8853 38.5393Z M5 10C5 4.47715 9.47715 0 15 0H217C222.523 0 227 4.47715 227 10V163H5V10Z');
}
.team_member .team_member_image::after,
.team_member .team_member_image::before {
    content: '';
    position: absolute;
}
.team_member .team_member_image::after {
    width: 240px;
    height: 234px;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.our_team .row [class*="col-"]:nth-child(odd) .team_member  .team_member_image::after {
    background-image: url('../images/bg-3.png');
}
.our_team .row [class*="col-"]:nth-child(even) .team_member .team_member_image::after  {
    background-image: url('../images/bg-2.png');
}
.our_team .row [class*="col-"]:first-child .team_member .team_member_image::after  {
    background-image: url('../images/bg-1.png');
    height: 241px;
}
.team_member .team_member_image::before {
    background: linear-gradient(to bottom, rgba(1, 99, 3, 0) 38.06%, rgba(1, 110, 1, 0.8) 55.22%, #016303 61.56%);
    clip-path: path('M188.82 47.1905C202.06 60.1974 209.997 78.4274 218.809 98.3696C227.621 118.312 237.177 139.748 239.251 163.995C241.498 188.287 236.219 215.568 219.961 231.151C203.703 246.734 176.595 250.839 151.86 252.73C127.126 254.62 104.763 254.298 83.2865 249.523C61.8106 244.749 41.2651 235.347 28.4885 219.652C15.7109 203.956 10.9609 181.66 7.7343 160.675C4.50769 139.691 2.63025 119.976 1.07726 95.8567C-0.648795 71.6942 -2.0932 43.3044 11.7963 30.6828C25.4702 18.1951 54.3047 21.4337 78.0558 22.1019C101.939 22.9892 120.39 21.2187 138.823 24.1165C157.256 27.0156 175.711 34.4037 188.82 47.1905Z M1 10C1 4.47715 5.47715 0 11 0H192C197.523 0 202 4.47715 202 10V71H1V10Z');
    width: 100%;
    height: 225px;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    z-index: 1;
}

.team_member .team_member_image img {
    object-position: top;
}
.team_social_media {
    position: absolute;
    top: 201px;
    left: 50%;
    transform: translateX(-50%) translateY(200%);;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
}
.team_social_media ul {
    gap: 8px;
}
.team_social_media ul li {margin: 0;}
.team_social_media ul li svg  {width: 25px;height: 25px;}
/* When Hover */
.team_member .team_member_image::before {
    transition: 0.4s ease-in-out;
}
.team_member .team_social_media {
    transition: 0.4s ease-out;
}
.team_member:hover .team_member_image::before {
    transform: translateY(0);
}
.team_member:hover .team_social_media {
    transform: translateX(-50%) translateY(0);
    visibility: visible;
    opacity: 1;
    transition: 0.5s cubic-bezier(0.47, 0, 0.75, 0.72);
}
/* TO BE REMOVED LATER
.our_team .row [class*="col-"]:last-child .team_member .team_member_image::before,
.our_team .row [class*="col-"]:nth-child(3) .team_member .team_member_image::before {
    display: none;
} */
/* ============================================= */
/* !!!!        ABOUT US : CLAIM TAX         !!!! */
/* ============================================= */
.claim_tax_wrapper {
    padding: 100px 0;
}
.claim_tax_container  {
    padding: 60px 15px;
    border-radius: 24px;
}
.claim_tax_content h2 {
    margin: 0 0 17px;
}
.claim_tax_content .para p {
    color: var(--bs-white);
    opacity: 0.8;
}
.claim_tax_content .btn {
    margin: 28px 0 0;
}
/* ============================================= */
/* !!!!         SERVICES : SERVICES         !!!! */
/* ============================================= */
.our_main_services {
    padding: 100px 0;
}
.our_main_services .row {
    --bs-gutter-y: 30px;
}
.main_services_title .row {
    --bs-gutter-y: 20px;
}
.individual_services {
    margin: 0 0 100px;
}
.main_services_title {
    margin: 0 0 30px
}
.main_services_title h2 span {
    color: var(--bs-primary);
}
.main_services_title .para {
    max-width: 753px;
}
.main_services_title .para p {
    line-height: 32px;
}
.our_main_services .services_box {
    background: linear-gradient(267.5deg, #111111 40.67%, rgba(17, 17, 17, 0.2) 99.81%), url(../images/Card.png), rgba(255, 255, 255, 0.05);
}
.our_main_services .services_box::before {
    background: linear-gradient(280.49deg, rgba(202, 255, 51, 0.1) 0%, rgba(38, 38, 38, 0) 17.02%, rgba(38, 38, 38, 0) 68.88%, rgba(38, 38, 38, 0.8) 100%);
}
/* ============================================= */
/* !!!!        SERVICES : LET US HELP       !!!! */
/* ============================================= */
.let_us_help  {
    padding: 0 0 100px;
}
.let_us_help .row {
    --bs-gutter-y: 30px;
}
.let_us_help_container {
    /* background-position: bottom; */
    background-origin: padding-box;
    padding: 58px 70px 54px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,0.10);
}
.let_us_help_container h2 {
    max-width: 630px;
    width: 100%;
    letter-spacing: 0;
}
/* ============================================= */
/* !!!!            SERVICES : FAQS          !!!! */
/* ============================================= */
.faqs_section  {
    margin: 0 30px;
}
.faqs_section .common_width_section {
    background: linear-gradient(106.06deg, rgba(202, 255, 51, 0.05) -29.45%, rgba(202, 255, 51, 0) 27.86%), linear-gradient(267.5deg, #0D0D0D 40.67%, rgba(13, 13, 13, 0.5) 99.81%), url(../images/particle-BG.webp);
    background-blend-mode: normal, normal, screen;
}
.faqs_section .common_title {
    margin: 0 0 50px;
}
.accordion {
    --bs-accordion-color: var(--bs-gray-100);
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-padding-y: 0;
    --bs-accordion-btn-color: var(--bs-white);
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z' fill='white' fill-opacity='0.02'/%3E%3Cpath d='M20 10C20.5523 10 21 10.4477 21 11V19H29C29.5523 19 30 19.4477 30 20C30 20.5523 29.5523 21 29 21H21V29C21 29.5523 20.5523 30 20 30C19.4477 30 19 29.5523 19 29V21H11C10.4477 21 10 20.5523 10 20C10 19.4477 10.4477 19 11 19H19V11C19 10.4477 19.4477 10 20 10Z' fill='white'/%3E%3C/svg%3E");;
    --bs-accordion-btn-icon-width: 40px;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect width='40' height='40' rx='20' fill='%2385FE60' fill-opacity='0.1'/%3E%3Cpath d='M29 19C29.5523 19 30 19.4477 30 20C30 20.5523 29.5523 21 29 21H11C10.4477 21 10 20.5523 10 20C10 19.4477 10.4477 19 11 19H29Z' fill='%2385FE60'/%3E%3C/svg%3E");;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0;
    --bs-accordion-active-color: var(--bs-white);
    --bs-accordion-active-bg: transparent;
}
.accordion-item {
    position: relative;
    background: linear-gradient(267.5deg, #000000 40.67%, rgba(0, 0, 0, 0.2) 99.81%), url(../images/particle-BG.webp);
    background-blend-mode: normal, screen;
    overflow: hidden;
    /* border: 1px solid transparent; */
    transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.accordion-item.active_acc {
    background: linear-gradient(103.76deg, rgba(202, 255, 51, 0.05) -28.86%, rgba(202, 255, 51, 0) 75.9%), linear-gradient(267.5deg, #000000 40.67%, rgba(0, 0, 0, 0.2) 99.81%), url(../images/particle-BG.webp);
    background-blend-mode: normal, normal, screen;
}
.accordion-item,
.accordion-item::after {
    border-radius: 16px !important;
}
.accordion-item::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px; /* border thickness */
    background: linear-gradient(
      280.49deg,
      rgba(202, 255, 51, 0.1) 0%,
      rgba(38, 38, 38, 0) 17.02%,
      rgba(38, 38, 38, 0) 68.88%,
      rgba(38, 38, 38, 0.8) 100%
    );
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: 0.4s ease-in-out;
}
.accordion-item.active_acc::after {
    background: var(--bs-primary);
}
.accordion-item:not(:last-child) {
    margin: 0 0 17px;
}

.accordion-item .accordion-button {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    padding: 14.5px 22px ;
    gap: 14px;
}
.accordion-item .accordion-button::after {
    transition: 0.4s ease-in-out;
}
.accordion-body {
    padding: 4px 24px 20px 22px;
}
/* ============================================= */
/* !!!!      SERVICES DETAILS : BANNER      !!!! */
/* ============================================= */
.breadcrumb {
    --bs-breadcrumb-margin-bottom: 9px;
    --bs-breadcrumb-divider-color: var(--bs-white);
    --bs-breadcrumb-item-active-color: var(--bs-white);
}
.breadcrumb .breadcrumb-item {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}
.breadcrumb .breadcrumb-item a {
    color: var(--bs-primary);
}
.breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline;
}
/* ============================================= */
/* !!!!    SERVICES DETAILS : HOW WE HELP   !!!! */
/* ============================================= */
.how_we_help  {
  padding: 100px 0;
}
.how_we_help .row {
    --bs-gutter-y: 30px;
}
.how_we_help .common_title {
    margin: 0 0 40px;
}
.how_we_help .excellence_box {
    background: linear-gradient(267.5deg, #111111 40.67%, rgba(17, 17, 17, 0.2) 99.81%), url(../images/Card.png), rgba(255, 255, 255, 0.05);
    background-blend-mode: normal, screen, normal;
    padding: 30px 32px;
    z-index: 1;
}
.how_we_help .excellence_box::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    pointer-events: none;
    background: linear-gradient(280.49deg, rgba(202, 255, 51, 0.1) 0%, rgba(38, 38, 38, 0) 17.02%, rgba(38, 38, 38, 0) 68.88%, rgba(38, 38, 38, 0.8) 100%);
    background-size: 100%;
    background-position: 0% 0%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -2;
}
.how_we_help .excellence_box_icon {
    width: 80px;
    height: 80px;
    margin: 0 0 30px;
}
.how_we_help .excellence_box_icon::after {
    width: 58px;
    height: 58px;
}
.how_we_help .excellence_box_icon::before {
    background: linear-gradient(180deg, rgba(133, 254, 96, 0.05) 0%, rgba(133, 254, 96, 0) 100%);
}
.how_we_help .excellence_box_icon img {
    height: 30px;
    width: auto;
}
.how_we_help .excellence_box_content h5 {
    margin: 0 0 12px;
}
.how_we_help .excellence_box_content p {
    color: var(--bs-gray-100);
    line-height: 26px;
}
/* ============================================= */
/* !!!!  SERVICES DETAILS : OUR SPECIALIST  !!!! */
/* ============================================= */
.our_specialist {
    margin: 0 30px;
}
.our_specialist .row {
    --bs-gutter-y: 30px;
}
.our_specialist .common_width_section {
    padding: 60px 0;
}
.our_specialist_title h2 span {
    color: var(--bs-primary);
}
.our_specialist_content {
    max-width: 627px;
}
.our_specialist_content ul li {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: var(--bs-white);
    padding: 0 0 0 24px;
    margin: 0;
}
.our_specialist_content ul li:not(:last-child) {
    margin: 0 0 18px;
}
.our_specialist_content ul li:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='21' viewBox='0 0 15 21' fill='none'%3E%3Cpath d='M0.208077 20.087C0.157024 20.087 0.106505 20.0609 0.0672199 20.0107C0.00315061 19.9288 -0.0174728 19.8002 0.0155722 19.6882L2.86389 10.0435L0.0155722 0.398713C-0.0174728 0.286831 0.00315061 0.158147 0.0672199 0.076279C0.131319 -0.00558863 0.225254 -0.0233824 0.302814 0.0317741L14.0202 9.78625C14.0897 9.83566 14.1334 9.93504 14.1334 10.0435C14.1334 10.152 14.0897 10.2513 14.0202 10.3007L0.302814 20.0553C0.2728 20.0766 0.24032 20.087 0.208077 20.087ZM0.614008 0.902346L3.28121 9.9338C3.30198 10.0041 3.30198 10.0829 3.28121 10.1532L0.614008 19.1846L13.4688 10.0435L0.614008 0.902346Z' fill='%2385FE60'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.28121 9.9338L0.614008 0.902346L13.4688 10.0435L0.614008 19.1846L3.28121 10.1532C3.30198 10.0829 3.30198 10.0041 3.28121 9.9338Z' fill='%2385FE60'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 20px;
    left: 0;
    top: 5px;
}
/* ============================================= */
/* !!!!    SERVICES DETAILS : HOW WE WORK   !!!! */
/* ============================================= */
.our_working {
    padding: 100px 0;
}
.our_working .common_title {
    margin: 0 0 50px;
}
.our_working_container {
    background: rgba(255,255,255,0.05);
    border-radius: 24px;
    padding: 50px;
    gap: 180px;
    row-gap: 50px;
}
.our_working_container,
.our_working_container * {
    transition: 0.5s ease-in-out;
}
.our_step_working {
    max-width: 430px;
}
.our_step_working:not(:last-child)::after {
    top: auto;
    bottom: 25px;
    right: -112px;
    transform: none;
}
.our_step_working .op_icon,
.our_step_working .op_icon img {
    height: 44px;
}
.our_step_working h5 {
    margin: 26px 0 16px;
}
/* ============================================= */
/* !!!!   SERVICES DETAILS : START SAVING   !!!! */
/* ============================================= */
.start_saving_wrapper {
    padding: 0 0 100px;
}
.start_saving_wrapper .claim_tax_container  {
    padding: 48px 15px 52px;
}
.start_saving_wrapper .claim_tax_content .para {
    max-width: 580px;
}
.start_saving_wrapper .claim_tax_content .para p {
    opacity: 1;
}
.start_saving_wrapper .claim_tax_content .btn {
    margin: 26px 0 0;
}

/* ============================================= */
/* !!!!         REVIEW : HERO BANNER        !!!! */
/* ============================================= */
.review_common_banner {
    padding: 100px 0 35px;
}
.hero_review_container  {
    margin: 24px 0 0;
    gap: 30px;
}
.hero_review_box {
    max-width: 280px;
    width: auto !important;
    flex-basis: auto !important;
}
.hero_review_box_container {
    background-color: var(--bs-secondary);
    border: 1px solid rgba(255, 255, 255, 0.20);
    padding: 16px 15px 20px 20px;
    outline: 1px solid transparent;
    transition: all 0.4s ease-in-out !important;
    z-index: 1;
}

.hero_review_box_container,
.hero_review_box_container::after {
    border-radius: 20px;
}
.hero_review_box_container::after {
    content: '';
    position: absolute;
    background: linear-gradient(
        70deg, rgba(38, 38, 38, 0.1) 40.67%, rgba(0, 0, 0, 0) 99.81%, transparent);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform:translateX(-100%);
    transition: 0.5s ease-in-out;
    z-index: -1;
}
.hero_rating_top {
    gap: 55px;
    margin: 0 0 7px;
}
.hrb_ratings {
    gap: 10px;
}
.hrb_ratings h6 {
    font-size: 34px;
    line-height: 41px;
    letter-spacing: 1.5px;
    font-weight: 700;
}
.hrb_ratings img {
    width: 29px;
}
.hrb_ratings_logo img {
    width: 39.1px;
}
.hrb_ratings img, .hrb_ratings_logo img {
    height: auto;
}
.hero_review_box p {
    line-height: 23px;
    font-weight: 500;
    opacity: 1 !important;
}
/* ============================================= */
/* !!!!         REVIEW : OUR REVIEWS        !!!! */
/* ============================================= */
.our_reviews {
    padding: 100px 0 0;
}
.our_reviews .row {
    --bs-gutter-y: 31px;
}
.our_review_container:not(:last-child) {
    margin: 0 0 100px;
}
.our_review_content {
    margin: 0 0 40px;
}
.review_title,
.review_btns  {
    gap: 20px;
}
.review_title img {
    width: 49px;
    height: auto;
}
.review_btns .btn-primary {
    padding: 7px 11px 7px 42px;
    gap: 18px;
}
.main_review_box {
    background-color: #0A0A0A;
    border: 1px solid #262626;
    border-radius: 20px;
    padding: 20px 20px 15px;
}
.main_review_top {
    margin: 0 0 13px;
    gap: 10px;
}
.main_review_top svg {
    height: 19px;
    width: auto;
}
.main_review_top small, .review_author p {
    font-size: 12px;
    line-height: 18px;
    color: #A3A3A3;
}
.author_review{
    margin: 0 0 14px;
}
.author_review p {
    color: var(--bs-white);
}
.author_review p,
.review_author h6 {
    font-size: 14px;
}
.review_author h6 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 0.5px;
}
.review_author p {
    margin: 0;
}
/* ============================================= */
/* !!!!       CONTACT : CONTACT DETAILS     !!!! */
/* ============================================= */
.contact_details_wrapper  {
    padding: 90px 0 11px;
}
.contact_details_wrapper .row {
    --bs-gutter-y: 30px;
}
.contact_details_container  {
    background: linear-gradient(267.5deg, #111111 40.67%, rgba(17, 17, 17, 0.2) 99.81%), url(../images/particle-BG.webp), rgba(255, 255, 255, 0.05);
    background-blend-mode: normal, screen, normal;
    border-radius: 24px;
    padding: 16px;
    margin: 0 0 40px;
    gap: 55px;
    z-index: 1;
}
.contact_elements {
    max-width: 224px;
    animation: 1.5s infinite
    ease-in-out alternate opacityChange;
    z-index: -1;
}
.contact_elements_2 {
    bottom: 20px;
}
.contact_left_block {
    background: radial-gradient(circle at center top, #029e09 0%, #007701 60%, transparent 80%), radial-gradient(circle at bottom left, rgba(1, 59, 13, 0.9), transparent 70%), radial-gradient(circle at bottom right, rgba(1, 72, 18, 0.85), transparent 70%), #007701;
    max-width: 403px;
    padding: 26px 33px 26px 30px;
    border-radius: 24px;
    z-index: 1;
}
.contact_left_block:before {
    content: '';
    position: absolute;
    background-image: url(../images/contactbg.png);
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0.1;
    z-index: -1;
}
.contact_left_block  h3, .contact_right_block h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    margin: 0 0 14px;
}
.contact_right_block {
    max-width: 611px;
    padding: 10px 0 0;
}
.contact_left_block .para {
    margin: 0 0 20px;
}
.contact_left_block p {
    color: var(--bs-white);
}.contact_left_block ul {
    gap: 22px;
}
.contact_left_block ul li {
    margin: 0;
    width: 100%;
}
.contact_left_block li a {
    color: var(--bs-white);
    font-weight: 500;
}
.contact_left_block li a svg {
    width: 36px;
    height: 36px;
    margin: 0 14px 0 0;
}

.contact_left_block li a svg * {
    transition: 0.4s ease-in-out;
}

.contact_right_block h3 {
    margin: 0 0 6px;
}
.contact_right_block p {
    color: var(--bs-gray-100);
}
.contact_right_block form {
    margin: 16px 0 0;
}
.contact_right_block form .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}
.contact_right_block .form-label,
.contact_right_block .form-control,
.contact_right_block .form-select {
    font-family: 'Inter';
}
.contact_right_block .form-label {
    color: rgba(255, 255, 255, 0.8);
    line-height: 18px;
    margin: 0 0 10px;
}
.contact_right_block .form-control,
.contact_right_block .form-control:focus,
.contact_right_block .form-control:hover,
.contact_right_block .form-select {
    background-color: rgba(26, 26, 26, 1);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.contact_right_block .form-select.is_select_empty,
.contact_right_block .form-control::placeholder {
    color: rgba(153, 153, 153, 1);
}
input[type="date"] {
    background-image: none !important;
    color-scheme: dark;
    height: 48px;
}
input[type="date"]:valid::-webkit-datetime-edit-fields-wrapper {
    color: var(--bs-white); /* white */
    opacity: 1;
}
input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    color: transparent;
    opacity: 0;
}
input[type="date" i]::-webkit-calendar-picker-indicator {
    /* width: 100%; */
   opacity: 0;
}
.date_wrapper  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0251 0C12.386 0 12.6789 0.281301 12.6789 0.627904L12.6793 1.3377C13.9522 1.4215 15.0094 1.84022 15.7576 2.56026C16.5745 3.34807 17.0043 4.48081 17 5.83959V13.4774C17 16.267 15.1552 18 12.1868 18H4.81316C1.84471 18 0 16.2427 0 13.4138V5.83792C0 3.20674 1.64512 1.5178 4.32817 1.33798L4.32871 0.627904C4.32871 0.281301 4.62163 0 4.98255 0C5.34347 0 5.63639 0.281301 5.63639 0.627904L5.63613 1.32195H11.3708L11.3712 0.627904C11.3712 0.281301 11.6641 0 12.0251 0ZM15.6922 7.45448H1.30769V13.4138C1.30769 15.5621 2.55261 16.7442 4.81316 16.7442H12.1868C14.4473 16.7442 15.6923 15.5838 15.6923 13.4774L15.6922 7.45448ZM12.3805 12.7224C12.7414 12.7224 13.0343 13.0037 13.0343 13.3503C13.0343 13.6969 12.7414 13.9782 12.3805 13.9782C12.0196 13.9782 11.7232 13.6969 11.7232 13.3503C11.7232 13.0037 12.0117 12.7224 12.3726 12.7224H12.3805ZM8.51191 12.7224C8.87283 12.7224 9.16575 13.0037 9.16575 13.3503C9.16575 13.6969 8.87283 13.9782 8.51191 13.9782C8.15099 13.9782 7.85458 13.6969 7.85458 13.3503C7.85458 13.0037 8.14314 12.7224 8.50406 12.7224H8.51191ZM4.63523 12.7224C4.99615 12.7224 5.28907 13.0037 5.28907 13.3503C5.28907 13.6969 4.99615 13.9782 4.63523 13.9782C4.27431 13.9782 3.97703 13.6969 3.97703 13.3503C3.97703 13.0037 4.26646 12.7224 4.62738 12.7224H4.63523ZM12.3805 9.46846C12.7414 9.46846 13.0343 9.74976 13.0343 10.0964C13.0343 10.443 12.7414 10.7243 12.3805 10.7243C12.0196 10.7243 11.7232 10.443 11.7232 10.0964C11.7232 9.74976 12.0117 9.46846 12.3726 9.46846H12.3805ZM8.51191 9.46846C8.87283 9.46846 9.16575 9.74976 9.16575 10.0964C9.16575 10.443 8.87283 10.7243 8.51191 10.7243C8.15099 10.7243 7.85458 10.443 7.85458 10.0964C7.85458 9.74976 8.14314 9.46846 8.50406 9.46846H8.51191ZM4.63523 9.46846C4.99615 9.46846 5.28907 9.74976 5.28907 10.0964C5.28907 10.443 4.99615 10.7243 4.63523 10.7243C4.27431 10.7243 3.97703 10.443 3.97703 10.0964C3.97703 9.74976 4.26646 9.46846 4.62738 9.46846H4.63523ZM11.3708 2.57776H5.63613L5.63639 3.38315C5.63639 3.72975 5.34347 4.01105 4.98255 4.01105C4.62163 4.01105 4.32871 3.72975 4.32871 3.38315L4.32824 2.59676C2.37523 2.75432 1.30769 3.89121 1.30769 5.83792V6.19867H15.6922L15.6923 5.83792C15.6957 4.80397 15.4063 4.00025 14.8318 3.4477C14.3275 2.96196 13.5902 2.67186 12.6796 2.59716L12.6789 3.38315C12.6789 3.72975 12.386 4.01105 12.0251 4.01105C11.6641 4.01105 11.3712 3.72975 11.3712 3.38315L11.3708 2.57776Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: right 17px center;
    cursor: pointer;
}
.date_wrapper .date_placeholder {
    position: absolute;
    font-size: 15px;
    line-height: 23px;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
    opacity: 1;
    transform: translateY(-50%);
    left: 18px;
    top: 50%;
    pointer-events: none;
    transition: 0.2s ease;
}

/* Hide placeholder when input is focused or has a value */
/* .date_wrapper input:focus ~ .date_placeholder, */
.date_wrapper input:valid ~ .date_placeholder {
  opacity: 0;
  transform: translateY(-70%);
}
.contact_right_block .form-select option {
    background-color: var(--bs-black);
}
.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M6.39844 8.09375L0.617188 2.35156C0.421875 2.19531 0.421875 1.88281 0.617188 1.6875L1.39844 0.945312C1.59375 0.75 1.86719 0.75 2.0625 0.945312L6.75 5.55469L11.3984 0.945312C11.5938 0.75 11.9062 0.75 12.0625 0.945312L12.8438 1.6875C13.0391 1.88281 13.0391 2.19531 12.8438 2.35156L7.0625 8.09375C6.86719 8.28906 6.59375 8.28906 6.39844 8.09375Z' fill='%23999999'/%3E%3C/svg%3E") !important;
    background-size: 14px;
    background-position: center right 18px;
    padding: 11px 40px 12px 18px ;
}
.contact_right_block .form-select {
    padding: 11px 40px 12px 18px  !important;
}
textarea {
    height: 80px;
}
.contact_right_block .btn {
    padding: 7px 11px 7px 65px;
    min-width: unset;
    margin: 20px 0 0;
    gap: 41px;
}
.our_offices_wrapper {
    background: linear-gradient(267.5deg, #111111 40.67%, rgba(17, 17, 17, 0.2) 99.81%), url(../images/particle-BG.webp), rgba(255, 255, 255, 0.05);
    background-blend-mode: normal, screen, normal;
    padding: 28px 30px;
    border-radius: 24px;
}
.our_offices_wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    pointer-events: none;
    background: linear-gradient(280.49deg, rgba(202, 255, 51, 0.1) 0%, rgba(38, 38, 38, 0) 17.02%, rgba(38, 38, 38, 0) 68.88%, rgba(38, 38, 38, 0.8) 100%);
    background-size: 100%;
    background-position: 0% 0%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -2;
}
.our_offices_wrapper h3 {
    line-height: 34px;
    margin: 0 0 12px;
}
.our_offices_wrapper .para {
    margin: 0 0 30px;
}
.our_offices_wrapper p {
    color: var(--bs-white);
}
/* ============================================= */
/* !!!!          UTR : HERO BANNER          !!!! */
/* ============================================= */
.utr_hero_banner {
    padding: 70px 0 30px;
}
.utr_hero_banner .btn {
    margin: 24px 0 0;
    text-transform: none;
}
/* ============================================= */
/* !!!!           UTR : ABOUT UTR           !!!! */
/* ============================================= */
.about_utr {
    padding: 90px 0 0;
}
.about_utr .row {
    --bs-gutter-y: 30px;
}
.about_utr_box {
    background: linear-gradient(267.5deg, #111111 40.67%, rgba(17, 17, 17, 0.2) 99.81%), url(../images/Card.png), rgba(255, 255, 255, 0.08);
    background-blend-mode: normal, screen, normal;
    padding: 28px 33.8px 28px 30px;
    border-radius: 24px;
}
.about_utr_container .about_utr_box:not(:last-child) {
    margin: 0 0 30px;
}
.about_utr_box::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    pointer-events: none;
    background: linear-gradient(280.49deg, rgba(202, 255, 51, 0.1) 0%, rgba(38, 38, 38, 0) 17.02%, rgba(38, 38, 38, 0) 68.88%, rgba(38, 38, 38, 0.8) 100%);
    background-size: 100%;
    background-position: 0% 0%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -2;
}
.about_utr_box h5 {
    margin: 0 0 16px;
}
.about_utr_box .para p,
.about_utr_box .para li {
    color: var(--bs-gray-100);
    line-height: 28px;
    margin: 0;
}
.about_utr_box .para h6 {
    font-weight: 600;
    line-height: 30px;
    color: #D1D1D1;
    margin: 0;
}
.about_utr_box .para ul {
    margin: 0 0 10px;
    padding: 0 0 0 25px;
}

.apply_utr_num {
    padding: 20px 30px;
    gap: 10px;
}
.apply_utr_num h4 {
    font-size: 26px;
    line-height: 38px;
    max-width: 200px;
}
.apply_utr_num h4 span {
    color: var(--bs-primary);
}
.apply_utr_num .btn {
    flex-shrink: 0;
    gap: 33px;
    padding: 7px 11px 7px 62px;
}
/* ============================================= */
/* !!!!           UTR : FAQS           !!!! */
/* ============================================= */
.utr_faqs {
    padding-top: 100px;
}
/* ============================================= */
/* !!!!           UTR : APPLY NOW           !!!! */
/* ============================================= */
.utr_apply_wrapper {
    padding: 100px 0;
}
.utr_apply_container  {
    padding: 60px 15px;
    border-radius: 24px;
}
.utr_apply_content h2 {
    margin: 0 0 17px;
}
.utr_apply_content .para p {
    color: var(--bs-white);
    opacity: 0.8;
}
.utr_apply_content .btn {
    margin: 28px 0 0;
}
/* ============================================= */
/* !!!!          UTR : REFER FRIEND         !!!! */
/* ============================================= */
.utr_refer_friend_wrapper {
    padding: 111px 0 90px;
}
/* Modal */
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
}

.common_modal_class.modal {
    --bs-modal-bg: rgba(5, 5, 5, 1);
    transform: none !important;
}
.modal-backdrop {
    --bs-backdrop-bg: rgba(34, 34, 34, 0.95);
    --bs-backdrop-opacity: 1;
}
.common_modal_class.modal .btn-close {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.33625 10L0.344578 2.00838C-0.114867 1.54893 -0.114856 0.804016 0.344592 0.344576C0.804033 -0.114857 1.54894 -0.114861 2.00837 0.344578L9.99999 8.33625L17.9916 0.344578C18.451 -0.114861 19.1959 -0.114857 19.6554 0.344576C20.1149 0.804016 20.1149 1.54893 19.6554 2.00838L11.6637 10L19.6554 17.9917C20.1148 18.4511 20.1148 19.196 19.6554 19.6554C19.1959 20.1149 18.451 20.1149 17.9916 19.6554L9.99999 11.6638L2.00838 19.6554C1.54894 20.1149 0.804044 20.1149 0.344611 19.6554C-0.114816 19.196 -0.114812 18.4511 0.34462 17.9917L8.33625 10Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    width: 20px;
    height: 20px;
    padding: 0;
    opacity: 1;
    top: 38px;
    right: 30px;
    z-index: 99;
}

.common_modal_class.modal .modal-content {
    border-radius: 16px;
    border: 0;
}
.common_modal_class.modal .modal-body {
    width: 100%;
    max-width: 100%;
    padding: 33px 30px 30px;
}
.common_modal_class.modal .modal-body .common_modal_title {
    margin: 0 0 22px;
    padding: 0 25px 16px 0;
    border-bottom: 1px solid rgba(255,255,255, 0.15);
}
.common_modal_class.modal .modal-body .common_modal_title h4 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    margin: 0 0 8px;
}
.common_modal_class.modal .modal-body .common_modal_title p {
    font-size: 12px;
    line-height: 19px;
    color: rgba(255, 255, 255, 0.6);
}
.common_modal_class.modal .modal-body .common_modal_title p a {
    color: rgba(133, 254, 96, 0.8);
}
.common_modal_class .form-label,
.common_modal_class .form-control,
.common_modal_class .form-select {
    font-family: 'Inter';
}
.common_modal_class .form-label {
    line-height: 19px;
}
.common_modal_class .form-control,
.common_modal_class .form-select {
    font-weight: 500;
}
.common_modal_class .form-control,
.common_modal_class .form-control:focus,
.common_modal_class .form-control:hover,
.common_modal_class .form-select {
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.common_modal_class .btn {
    padding: 13px 20px !important;
    margin: 26px 0 0 !important;
    min-width: 210px !important;
}

/* VALIDATION */
.invalid-feedback {
    color: #ff0000;
}
.form-control.is-invalid, .was-validated .form-control:invalid,
.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus,
.form-select.is-invalid, .was-validated .form-select:invalid,
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #ff0000;
    background-position: right 14px top 11px;
    background-size: 18px;
}
.form-control.is-valid, .was-validated .form-control:valid,
.form-control.is-valid:hover, .was-validated .form-control:valid:hover,
.form-select.is-valid:focus, .was-validated .form-select:valid:focus,
.form-control.is-valid:focus, .was-validated .form-control:valid:focus,
.form-select.is-valid, .was-validated .form-select:valid,
.form-select.is-valid:hover, .was-validated .form-select:valid:hover {
    border-color: #04ce04;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2304ce04' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
    background-position: right 14px top 11px;
    background-size: 18px;
}

/* UTR FORM */
.contact_right_block .utr_detail_form .form-select {
    padding: 11px 40px 12px 16px !important;
}
.contact_right_block .utr_detail_form .form-control {
    padding: 11px 16px 12px;
}
.form-control-radio {
    padding: 11px 16px 12px 0px;
}
.utr_form_btns {
    margin: 30px 0 0;
    padding: 30px 0 0;
}
.utr_form_btns::after {
    content: '';
    position: absolute;
    background-color: rgba(255, 255, 255, 0.15);
    height: 1px;
    width: calc(100% + 60px);
    top: 0;
    left: -30px;
}
.utr_form_btns .btn {
    margin: 0 !important;
    min-width: 130px !important;
}
.utr_form_btns .btn-outline-secondary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-primary);
}
.utr_form_step h6 {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(255,255,255,0.8);
    margin: 0 0 12px;
}
.form_check_container  {
    gap: 100px;
}
.form-check {
    margin: 0;
}
.form-check-input[type=radio] {
    background-color: transparent;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid #DDDDDD !important;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none !important
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%2385FE60'/%3E%3C/svg%3E");
}
.form-check-input:checked[type=radio],
.form-check-input.is-valid[type=radio], .was-validated .form-check-input[type=radio]:valid {
    border: 1px solid var(--bs-primary);
}
.form-check-input.is-valid[type=radio]:checked, .was-validated .form-check-input:valid[type=radio]:checked {
    background-color: transparent;
}
.form-check-input.is-valid[type=radio]~.form-check-label, .was-validated .form-check-input[type=radio]:valid~.form-check-label {
    color: var(--bs-white);
}
label.form-check-label {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: var(--bs-white);
    cursor: pointer;
    padding: 0 0 0 8px;
}

.utr_form_step textarea {
    padding: 15px 16px;
}

.form_checkbox_wrapper {
    max-width: 290px;
}
.form-check-input[type=checkbox] {
    background-color: transparent;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid var(--bs-primary) !important;
    border-radius: 4px;
    flex-shrink: 0;
    margin: 2px 0 0;
    box-shadow: none !important;
}

.form-check-input.is-valid[type=checkbox], .was-validated .form-check-input[type=checkbox]:valid {
    border: none;
}
.form-check-input.is-valid[type=checkbox]:checked, .was-validated .form-check-input[type=checkbox]:valid:checked {
    background-color: transparent;
}
.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' rx='4' fill='%2385FE60'/%3E%3Cpath d='M14.8945 5.04688C15.0312 4.91016 15.25 4.91016 15.3594 5.04688L16.1523 5.8125C16.2617 5.94922 16.2617 6.16797 16.1523 6.27734L7.94922 14.4805C7.8125 14.6172 7.62109 14.6172 7.48438 14.4805L3.82031 10.8438C3.71094 10.707 3.71094 10.4883 3.82031 10.3789L4.61328 9.58594C4.72266 9.47656 4.94141 9.47656 5.07812 9.58594L7.70312 12.2383L14.8945 5.04688Z' fill='black'/%3E%3C/svg%3E");
}
.form_checkbox_wrapper label.form-check-label {
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0 10px;
    cursor: unset;
}
.form_checkbox_wrapper label.form-check-label,
.form_checkbox_wrapper .form-check-input.is-valid~.form-check-label,
.was-validated .form_checkbox_wrapper .form-check-input:valid~.form-check-label {
    color: rgba(255, 255, 255, 0.8);
}

.form_checkbox_wrapper label.form-check-label a {
    color: var(--bs-primary);
}
/* THANK YOU MODAL */
.thankyou_modal.modal .modal-body {
    padding: 50px 30px !important;
}
.thankyou_modal h3 {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.thankyou_modal h3::after {
    content: '';
    position: absolute;
    background-color: var(--bs-primary);
    width: 50px;
    height: 2px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
/* ============================================= */
/* !!!!          APP : HERO BANNER          !!!! */
/* ============================================= */
.hero_app_banner {
    background: radial-gradient(circle at bottom left, rgba(0, 0, 0, 0.4), transparent 60%), radial-gradient(circle at bottom right, rgba(0, 0, 0, 0.4), transparent 60%), linear-gradient(90deg, #01341A 0, #126f17 24%, #249e29 100%, #1a8e1f 100%);
    padding: 127px 0 0;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.10) inset;
    border-radius: 0 0 40px 40px;
}
.app_element {
    max-width: 224px;
    animation: 1.5s infinite
    ease-in-out alternate opacityChange;
}
.hero_app_content {
    margin: 0 0 12px;
}
.hero_app_content h1 {
    margin: 0 0 17px 0;
}
.hero_app_content .para {
    max-width: 925px;
}
.hero_app_content .para p {
    color: var(--bs-white);
    opacity: 0.8;
}
.hero_app_btn  {
    margin: 28px 0 0;
    gap: 20px;
}
.hero_app_btn .btn {
    min-width: 184px;
    padding: 14.5px 15px;
}
.hero_app_btn .btn svg {
    height: 21px;
    width: auto;
}
.hero_app_media {
    max-width: 826px;
}
.hero_app_media .common_app_info  {
    padding: 14px 16px 12px 18px;
    width: 100%;
}
.hero_app_media .common_app_info.hero_app_info_1.aos-animate {
    bottom: 11%;
    left: -11.5%;
    max-width: 174px;
    transform: rotate(-6.74deg) translateZ(0) !important;;
}
.hero_app_media .common_app_info.hero_app_info_2.aos-animate {
    top: 10%;
    left: 14%;
    max-width: 141px;
    transform: rotate(-6.69deg) translateZ(0) !important;;
}
.hero_app_media .common_app_info.hero_app_info_3.aos-animate {
    top: 10%;
    right: 13.5%;
    max-width: 164px;
    transform: rotate(-2.93deg) translateZ(0) !important;;
}
.hero_app_media .common_app_info.hero_app_info_4.aos-animate {
    bottom: 10px;
    right: -10%;
    max-width: 158px;
    transform: translateZ(0) !important;;
}
/* ============================================= */
/* !!!!           APP : ABOUT APP           !!!! */
/* ============================================= */
.about_app_info {
    padding: 100px 0;
}
.about_app_image {
    max-width: 100%;
    max-height: 334px;
}
.about_app_media {
    min-height: 760px;
}

.circle_ele,
.app_info_list_box {
    position: absolute;
}
.app_info_list_box {
    max-width: 418px;
    gap: 12px;

}
.app_info_list_box_1.aos-animate {
    top: 12%;
    left: 6%;
}
.app_info_list_box_2.aos-animate {
    top: 18.7%;
    right: -6%;
}
.app_info_list_box_3.aos-animate {
    right: -3.5%;
    bottom: 8%;
}
.app_info_list_box_4.aos-animate {
    left: 5%;
    bottom: 8%;
}
.app_info_list_box.box_reverse {
    max-width: 338px;
}
.app_info_icon {
    position: relative;
    background-color: #191919;
    width: 45px;
    height: 45px;
}
.app_info_icon::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(133, 254, 96, 0.5); /* glow color */
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0.6;
    animation: glowBg 4s ease-in-out infinite;
    z-index: -1; /* behind the icon */
}
@keyframes glowBg {
    0% {
      transform: translate(-50%, -50%) scale(0.8);
      opacity: 0.4;
    }
    50% {
      transform: translate(-50%, -50%) scale(1.3);
      opacity: 0.1;
    }
    100% {
      transform: translate(-50%, -50%) scale(0.8);
      opacity: 0.4;
    }
  }
.app_info_icon svg {
    width: 21px;
    height: 21px;
}
.app_info_content h5 {
    margin: 0 0 2px;
}
.app_info_content .para p {
    color: var(--bs-gray-100);
}
/* Animation */
.app_info_icon,
.app_info_content {
     animation: floatBox 2s linear infinite alternate;
}
.app_info_list_box_1 .app_info_icon,
.app_info_list_box_1 .app_info_content {
    animation-delay: 0s;
}
.app_info_list_box_2 .app_info_icon,
.app_info_list_box_2 .app_info_content {
    animation-delay: 0.4s; animation-duration: 2.2s;
}
.app_info_list_box_3 .app_info_icon,
.app_info_list_box_3 .app_info_content {
    animation-delay: 0.8s; animation-duration: 2.8s;
}
.app_info_list_box_4 .app_info_icon,
.app_info_list_box_4 .app_info_content {
    animation-delay: 1.2s; animation-duration: 3s;
}
 @keyframes floatBox {
    from { transform: translateY(0); }
    to { transform: translateY(-10px); }
}
/* Circle Animation */
.circle_ele  {
    max-width: 760px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0) !important;
    z-index: -1;
}

.circle_ele svg circle {
    fill: none;
    stroke: var(--bs-white);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-opacity: 0.1;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    transform-origin: 50% 50%;
    animation: pulseGlow 4s ease-in-out infinite alternate;
}
/* Rotations */
.circle_ele circle:nth-child(1) {
    animation: rotateClockwise 50s linear infinite, pulseGlow 4s ease-in-out infinite alternate;
    /* stroke-dasharray: 1700; */
}

.circle_ele circle:nth-child(2) {
    animation: rotateCounter 60s linear infinite, pulseGlow 4s ease-in-out infinite alternate;
}

.circle_ele circle:nth-child(3) {
    animation: rotateClockwise 70s linear infinite, pulseGlow 4s ease-in-out infinite alternate;
    /* stroke-dasharray: 2300; */
}

/* Keyframes for rotation */
@keyframes rotateClockwise {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes rotateCounter {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

/* Keyframes for pulse */
@keyframes pulseGlow {
    0% { stroke-opacity: 0.1; }
    50% { stroke-opacity: 0.3; }
    100% { stroke-opacity: 0.1; }
}
/* ============================================= */
/* !!!!        APP : REBATE FEATURES        !!!! */
/* ============================================= */
/* OUTER SCROLL SPACE */
.rebate_features_wrapper {
  position: relative;
  min-height: 400vh;
}
/* STICKY PIN */
.rf_sticky_wrapper {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
/* INNER CONTAINER */
.rf_sticky_container {
  position: relative;
  height: 100%;
}
/* SLIDES */
.rf_slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 73px;
  padding: 0 85px;
  pointer-events: none;
}
.rf_content img{
    height: 82px;
    margin-bottom: 58px;
}
.rf_content h2{
    max-width: 487px !important;
    font-size: 40px !important;
    font-weight: 700;
}
.rf_content .para{
    max-width: 487px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #888888;
}
/* ACTIVE STATE */
.rf_slide.active {
  pointer-events: auto;
}
.rf_media{
  width: 576px;
  height: 522px; 
  display: flex;
  align-items: end;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.rf_media::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('../images/mobile-app-bg.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}
.rf_media img {
  max-width: 90%; 
  max-height: 90%;
  object-fit: contain;
  z-index: 2;
}
.rf_media img {
  max-width: 420px;
}
.rf_slide{
    height: 100vh;
}
.rf_media{
    overflow: hidden;
}
.rf_media img {
    opacity: 0;
}
.rf_media img,
.rf_content h2,
.rf_content p,
.rf_content img{
    opacity: 0;
}
.floater-box,
.rf_slide.active .rf_media{
    animation: floatBox 2s linear infinite alternate;
}
.rf_slide.active .rf_media::before{
    opacity: 1;
}
.rf_slideouter:nth-of-type(4) .rf_content .floater-box{
    animation-delay: 0.7s;
    animation-duration: 2s;
}
.rf_content{
    position: relative;
}
.floater-ball {
    left: 30px;
    position: absolute;
    background: #85fe607d;
    filter: blur(24px);
    --sz: 66px;
    width: var(--sz);
    height: var(--sz);
    border-radius: 50%;
    z-index: -1;
    top: 0;
    opacity: 0;
}
.rf_slide.active .floater-ball{
    opacity:80%;
}
/* ============================================= */
/* !!!!          APP : OUR PROCESS          !!!! */
/* ============================================= */
.app_our_process {
    padding: 0;
}
.app_our_process .common_width_section {
    padding: 100px 0 66px;
}
.process_element {
    max-width: 224px;
    top: 4px;
    animation: 1.5s infinite ease-in-out alternate opacityChange;
    z-index: -1;
}
.app_our_process .common_title {
    margin: 0 0 49px;
}
/* ============================================= */
/* !!!!         APP : DOWNLOAD APP          !!!! */
/* ============================================= */
.download_application {
    /* padding: 0; */
    padding-bottom: 100px;
}
.download_application .download_app_container {
    padding: 29px 17px 0 60px;
}
.download_application .download_app_content .para {
    margin: 19px 0 28px;
}
.download_application .download_app_content {
    max-width: 455px;
    padding: 0 0 69px;
}
.download_application .download_app_content .btn {
    padding: 14.5px 15px;
}
.download_application .download_app_content .btn svg {
    width: auto;
    height: 21px;
}
.download_application .download_app_media {
    max-width: 553px;
}
.download_application .download_app_media img {
    max-width: 100%;
}
/* ============================================= */
/* !!!!          APP : IMAGE BLOCK          !!!! */
/* ============================================= */
.image_block_wrapper {
    margin: 0 30px;
    padding: 128px 0 30px;
}
.image_block_wrapper .common_width_section {
    padding: 10px 25px;
}
/* ============================================= */
/* !!!!          APP : Blog Articles          !!!! */
/* ============================================= */
.blog_detail_hero_banner {
    padding: 70px 0 30px;
}
.blog-header{
    margin-bottom: 0px;
}
.search-wrapper {
    position: relative;
}

.search-input {
    background: #FFFFFF0F;       
    border: 1px solid #FFFFFF14; 
    color: #fff;
    padding: 10px 40px 10px 14px;
    border-radius: 12px;
}
.search-input.form-control:focus,
.search-input.form-control:hover,
.search-input.form-control:active,
.search-input.form-control:not(:placeholder-shown) {
    border-color: #FFFFFF14 !important;   
    box-shadow: none !important;         
    background-color: #FFFFFF0F !important;
    outline: none !important;
}

.search-input::placeholder {
    color: #ffffff80;
}

/* icon inside input */
.search-icon,
.clear-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    opacity: 0.7;
}
.clear-icon {
    display: none; /* hide cross initially */
    cursor: pointer;
    width: 15px;
    height: 15px;
}

/* pagination */
.pb-next-table-pagination {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 21px;
    justify-content: center;
}

.pb-next-table-pagination button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 14px;
    transition: .25s ease;
}

.pb-next-table-pagination .pgb-pagination {
    --sz: 30px;
    width: var(--sz);
    height: var(--sz);
    min-width: var(--sz);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.pb-next-table-pagination .pgb-pagination:hover {
   background: rgba(133, 254, 96, 0.5);  
}

.pb-next-table-pagination .pgb-pagination.active {
    background: #85FE60;
    color: #222222;
    font-weight: 700;
}

.pb-next-table-pagination .pgb-prog {
    color: grey;
    font-size: 14px;
    padding: 6px 10px;
    display: flex;
    gap: 5px;
}
.pb-next-table-pagination .pgb-prog:hover {
    color: #ffffff;
}

.pb-next-table-pagination .pagi-arrow-icon{
    display: flex;
    align-items: center;
    size: 14px;
     color: grey;
}

/* ============================================= */
/* !!!!       APP : ARTICAL DETAILS PAGE       !!!! */
/* ============================================= */

/* LEFT ARTICLE CARD */
.main-article-card {
    background: #000;
    padding: 20px;
    border-radius: 15px;
    color: #fff;
    width: 100%;
}

.main-article-card .article-img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 16px 16px 0 0; 
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ccc;
    font-size: 14px;
    margin-bottom: 15px;
}

.article-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* RECENT POSTS (RIGHT COLUMN) */
.recent-posts-box {
    background: #000;
    padding: 20px;
    border-radius: 15px;
    color: #fff;
}

.right-col-info h3{
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

.recent-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.recent-item:last-child {
    border-bottom: none;
}

.recent-thumb {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

.recent-name {
    font-size: 15px;
    margin: 0 0 6px;
    line-height: 1.3;
}
.recent-name:hover a{
    transition: 0.3s ease;
    color: #85FE60;
}
.recent-item a{
    text-decoration: none;
    color: #FFFFFF;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;  /* allow wrapping */
}

.recent-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #aaaaaa;
    font-size: 13px;
}

/* (LEFT COLUMN) */
.left-col-info ul{
    margin: 15px 0;
    padding-left: 0;
    list-style: none;
}

.left-col-info li {
    position: relative;
    line-height: 1.6;
    color: #ccc;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 5px;
}

.left-col-info .tick-icon {
    width: 18px;
    height: 16px;
    transform: translateY(4px);
}
.note-box {
    background:linear-gradient(0deg, rgba(133, 254, 96, 0.05), rgba(133, 254, 96, 0.05));
    min-height: 45px;
    height: auto;
    border-left: 3px solid var(--Primary, #019200);
    padding: 8px 20px;
    border-radius: 10px;
    font-size: 16px;
    width: 100%;
    margin: 20px 0;
    display: flex;
    align-items: center;
    text-align: left;
    font-style: italic;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.left-col-info .para a{
    color: #85FE60;
}
.left-col-info .para a:hover{
    color: #008900;
}

.left-col-info{
    h3{
        font-size: 18px; 
        font-weight: 500;
        line-height: normal;
        margin-bottom: 15px;
    }
    p{
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
        color: #B5B5B5;
    }
    h4{
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        margin-bottom: 15px;
    }
}
.left-col-info .list-title{
    font-size: 16px;
    font-weight: 400;
    color: #DDDDDD;
}
.left-col-info .article-list{
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}
.left-col-info .meta_calendar{
    margin-bottom: 16px;
}
.back-button{
    display: flex;
    margin-bottom: 0px;
    align-items: center;
    gap: 12px;
    color: #85FE60;
    left: 2px;
}
.back-button .arrow-area{
    border-radius: 40px;
    background: #0d190a;
    width: 44px;
    height: 44px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 15px;
}
.back-button .arrow-area:hover{
    transform: scale(1.1);
    cursor: pointer;
    background: #85FE60;
    transition: 0.5s ease;
}
.arrow-area img {
    transition: 0.5s ease;
}
.arrow-area:hover img {
   filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3604%) hue-rotate(63deg) brightness(95%) contrast(95%);
}
/* ============================================= */
/* !!!!             CONTENT PAGE            !!!! */
/* ============================================= */
.static_content .main-container h3 {
    color: #fff ;
}
.static_content .main-container,
.static_content .main-container ul li, 
.static_content .main-container ol li {
    color: #ccc;
}
/* ============================================= */
/* !!!!            OUR SPONSORSHIPS         !!!! */
/* ============================================= */
/* The main grid container */
.sponsor_custom_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two equal columns */
    grid-template-rows: 222px 311px;       /* Row 1: 222px, Row 2: 311px */
    gap: 15px;                            /* Space between the images */
    max-width: 534px;
    width: 100%;
    margin-left: auto;
    padding: 0px 28px;
    margin-top: -53px;
}
/* Individual item styling */
.sponsor_item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.sponsor_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* Shaping the Top Row (Arched Top) */
.sponsor_arc_top {
    border-radius: 150px 150px 20px 20px;
}
/* Shaping the Bottom Row (U-Shape Bottom) */
.sponsor_arc_bottom {
    border-radius: 20px 20px 150px 150px;
}
.sponsor_card_row {
    margin-top: 0px;
    --bs-gutter-y: 24px; /* Space between rows */
}
.sponsor_card_box {
    /* Dark grey background from image */
    /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), linear-gradient(267.5deg, #1111111c 40.67%, rgba(17, 17, 17, 0.2) 99.81%); */
    background: linear-gradient(106.06deg, rgba(202, 255, 51, 0.05) -29.45%, rgba(202, 255, 51, 0) 27.86%), linear-gradient(267.5deg, #0D0D0D 40.67%, rgba(13, 13, 13, 0.5) 99.81%), url(../images/particle-BG.webp);
    background-blend-mode: normal, normal, screen;
    border-radius: 24px;
    padding: 20px 30px;
    height: 100%;
    transition: transform 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.05); /* Subtle border */
}
.sponsor_card_box:hover {
    transform: translateY(-5px);
}
.sponsor_card_content h5 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    font-weight: 600;
}
.sponsor_card_content p {
    color: #a1a1a1; /* Muted text color for readability */
    line-height: 1.6;
    margin: 0;
    font-size: 16px !important;
    font-weight: 400;
}
/* ---- sponser cta section---- */
.sponsor_cta_section {
    background-color: #000000; /* Matching the black background */
    padding: 100px 115px;      /* Exact padding requested */
}
.sponsor_cta_container {
    gap: 30px; /* Space between text and button on smaller screens */
}
.sponsor_cta_text h2 {
    color: #ffffff;
    font-size: 48px; /* Adjust based on your global H2 size */
    font-weight: 700;
    line-height: 1.2;
}
.sponsor_cta_text h2 span {
    color: var(--bs-primary); /* Uses your green brand color */
}
.text-green{
    color: #85FE60;
}
/* sponsorship section */
.sponser-header-banner .para p{
    margin-inline: auto;
    max-width: unset !important;
}
.why-we-support{
    padding: 100px 0px 0px 0px;
}
.why-we-support .why-we-title{
    margin: 0 0 50px !important;
}
.support-club-content .para p {
    margin-inline: auto;
}
/* 1. SECTION & CONTAINER */
.sponser-team-large-section {
    padding: 0 30px;
    background: rgba(255, 255, 255, 0.05);
    max-width: 1310px;
    margin-inline: auto;
    border-radius: 24px;
}
.sponsor_teams_section {
    padding: 80px 0;
}
/* 2. CARD BASE */
.sponsor_team_card {
    background: #111111;
    border-radius: 24px;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    margin-bottom: 24px;
}
/* 3. CARD HEADER & TYPOGRAPHY */
.sponsor_team_header {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 30px;
}
.sponsor_team_logo {
    flex-shrink: 0;
    width: 210px;
    height: 196px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF0D;
}
.sponsor_team_logo img {
    /* width: 100%;
    height: 100%; */
    object-fit: cover;
}
.sponser-teams-main-head{
    margin-top: 30px !important;
}
.sponsor_team_info h4 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    /* padding-top: 10px; */
}
.sponsor_date {
    color: #8fff5b; 
    font-weight: 700;
    font-size: 20px;
    /* padding-top: 10px !important; */
}
.sponsor_team_info p {
    color: #B3B3B3;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}
.highlight-green {
    color: #85FE60;
}
.team-gallery-wrapper {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}
.team-football-wrapper{
    display: flex;
    gap: 20px;
    justify-content: center !important;
}
.team-gallery-wrapper .gallery-item {
    transition: transform 0.5s ease;
}
.team-gallery-wrapper img {
    width: 100%;
    height: 275px; 
    object-fit: contain;
    border-radius: 24px;
    display: block;
}
.team-gallery-wrapper .gallery-item:hover {
    transform: scale(1.02);
}
/* 5. PIXEL PERFECT DESKTOP WIDTHS */
/* Card 1 (Football) */
.width-333 { flex: 0 0 333px; }
.width-246 { flex: 0 0 246px; }
.width-223 { flex: 0 0 223px; }
.width-218 { flex: 0 0 218px; }
/* Card 3 (Rugby) & Card 2 (Cricket) */
.width-371 { flex: 0 0 371px; }
.width-345 { flex: 0 0 345px; }
.width-282 { flex: 0 0 282px; }
.cta-para p {
    max-width: 652px;
}
.how-we-support-para {
    font-size: 18px !important;
    width: 576px;
    margin-bottom: 24px;
    line-height: 30px;
}
/* ========= how we support (sponsership) ===== */
.want-support-wrapper{
    padding: 0px 0px 100px 0px;
}
.how-support-club {
    background: #000;
    padding: 100px 0;
}
.align-items-start {
    align-items: flex-start !important;
}
.how-support-content {
    max-width: 520px;
    padding-top: 5px; 
}
.how-support-tag {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #1a3a0a;
    margin-bottom: 30px;
    line-height: 1;
}
.how-support-content h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 24px;
}
.how-support-content h2 span {
    color: #8fff5b;
}
.support-grid-wrapper {
    display: flex;
    gap: 24px;
    align-items: flex-start; 
    justify-content: flex-end;
}
.support-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.col-stagger-down {
    margin-top: 90px; 
}
.support-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
    border-radius: 20px;
    padding: 18px;
    width: 240px;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.support-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(0deg,transparent,transparent 30%,rgba(143, 255, 91, 0.35));
    transform: rotate(-45deg);
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
    pointer-events: none;
}
.support-card:hover {
    transform: translateY(-6px) scale(1);
    box-shadow: 0 0 10px #85FE60;
}
.support-card:hover::before {
    opacity: 1;
    transform: rotate(-45deg) translateY(120%);
}
.support-card h4,
.support-card p {
    position: relative;
    z-index: 2;
}
.support-card h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.support-card p {
    color: #888;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
}
/* ============================================= */
/* !!!!               MTD PAGE              !!!! */
/* ============================================= */
.width-mtd-section{
    padding: 100px 0px !important;
}
.mtd-process {
    background-color: #000;
    padding: 100px 0;
}
.mtd-support .common_title{
    margin: 0 0 38px;
}
.about-mtd{
    /* margin-bottom: 100px; */
    margin: 0px 115px 100px 115px;
}
.mtd_process_row {
    margin-top: 50px;
    row-gap: 20px !important; /* Slightly tighter gap for 4-column layout */
}
.mtd_process_box {
    background: #0D0D0D;
    /* background: var(--BG, #FFFFFF0D); */
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 17px; /* Reduced padding to fit 186px height comfortably */
    height: 186px; /* EXACT HEIGHT */
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 270px;  
}
/* The Glowing Aura behind the number */
.mtd_process_box::before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 100px;
    height: 100px;
    background: #85FE60;
    filter: blur(40px);
    opacity: 0.15; /* Subtle glow */
    z-index: 0;
    pointer-events: none;
    transition: all 0.9s ease;
}
.mtd_process_box:hover {
    border-color: rgba(133, 254, 96, 0.4);
    background: #121212;
}
.step_number {
    margin-bottom: 20px; /* Adjusted spacing */
    z-index: 1;
}
.step_number img {
    height: 60px; /* Scaled to fit 186px height better */
    width: auto;
    /* Optional: filter: drop-shadow(0 0 10px rgba(133, 254, 96, 0.3)); */
}
.mtd_process_box h5 {
    color: #fff;
    font-size: 16px; /* EXACT SIZE */
    font-weight: 600;
    margin-bottom: 4px; /* EXACT MARGIN */
    z-index: 1;
}
.mtd_process_box p {
    color: #B3B3B3;
    font-size: 14px; /* EXACT SIZE */
    line-height: 1.4;
    margin-bottom: 4px; /* EXACT MARGIN */
    z-index: 1;
    font-weight: 400;
    width: 241px;
}
.mtd-hero-img img{
    border-radius: 24px;
    /* margin-left: 40px; */
    float: inline-end;
}
.our-mtd-compliant{
    padding: 10px 0px;
}
.our-mtd-compliant .common_title {
    margin: 0 0 50px;
}
.about-mtd-content {
    max-width: 555px;
    margin: 39px 0px;
}
.compliant-box{
    padding: 30px;
}
.mtd-compliant-icon img{
    width: auto;
    height: 66px;
}
/* ---------  contact-mtd ---------- */
.mtd-contact-container {
    /* max-width: 1028px !important; */
    width: 100%;
    margin: 0 auto;
}
.mtd-cta-content h4{
    max-width: 1003px;
    font-size: 30px;
    text-align: center;
    margin-inline: auto;
    line-height: 46px;
}
.cta-btn-wrapper{
    display: flex;
    gap: 26px;
    margin-inline: auto;
    justify-content: center;
}
/* ------------- time line ------------- */
.mtd-timeline-section { 
    background: #000; 
    padding: 100px 0px 0px 0px; 
    color: #fff; 
}
.timeline-main-frame {
    border-radius: 15px;
    margin: 0 115px;
    padding: 103px 0px 0px 0px;
    position: relative;
    display: flex;
    align-items: center;
}
.timeline-center-line {
    position: absolute;
    width: 80%;
    left: 10%;
    border-top: 4px dashed #262626;
    z-index: 1;
}
.nodes-container {
    display: flex; 
    justify-content: space-around; 
    width: 100%; 
    z-index: 5; 
}
.t-node { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    width: 202px; 
    position: relative; 
}
/* Desktop Margin Logic as requested */
.node-odd { margin-top: -6px; }
.node-even { margin-top: 179px; }
/* Base Components */
.t-circle {
    width: 47px; height: 47px; background: #85FE60; border-radius: 50%;
    border: 8px solid rgba(74, 222, 128, 0.2); z-index: 10; flex-shrink: 0;
}
.c-box {
    width: 202px; height: 232px; background: #111; border: 2px solid #85FE60;
    border-radius: 12px; padding: 15px; text-align: center; display: flex;
    flex-direction: column;
    line-height: 21px;
    align-items: center;
}
.c-box p{
    margin: 0px;
    /* margin: -7px; */
    padding: 0px;
    width: 186px;
}
.y-pill {
    width: 135px; background: #85FE60; color: #000; font-weight: 700;
    padding: 10px 0; border-radius: 50px; text-align: center; font-size: 16px;
}
.v-line { width: 3px; height: 40px; background: #85FE60; }
.text-green { color: #85FE60 !important; }
.s-text { font-size: 14px;  }
.large-val { font-size: 22px; font-weight: 900; }
.box-sep { border-top: 1px solid #2F2F2F; margin: 10px 0; opacity: 1; width: 100%;}
.font-14-weight-600 { font-size: 14px; font-weight: 600; }
/* 1. The Wrapper to center the line and triangle */
.v-line-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* Ensures the line doesn't add extra gaps that break your -6px/179px logic */
    flex-shrink: 0; 
}
/* 2. The Triangle Shape */
.triangle-anchor {
    width: 28px; /* The specific width from your request */
    height: 14px;
    background-color: #85FE60;
    display: block;
}
/* 3. Clip-path to create the tapered effect */
/* Broad at the Box/Pill, narrow at the line */
.anchor-top {
    clip-path: polygon(0% 0%, 100% 0%, 55% 100%, 45% 100%);
    margin-top: -1px;
}
/* Narrow at the line, broad at the Box/Pill */
.anchor-bottom {
    clip-path: polygon(45% 0%, 55% 0%, 100% 100%, 0% 100%);
    margin-bottom: -1px;
}
/* 4. Adjust your existing v-line height if needed */
.v-line {
    width: 3px;
    height: 30px; /* Reduced slightly to account for triangle height */
    background: #85FE60;
}
/* Container for the background image */
/* Container - keeps it centered */
.timeline-bg-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0; 
    pointer-events: none;
    width: 50%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* The actual image - Made brighter and sharper */
.timeline-bg-glow img {
    width: 900px; /* Increased size */
    max-width: 180%;
    opacity: 0.9; /* Much higher visibility */
    filter: brightness(1.5); /* Boosts the green glow */
    mix-blend-mode: screen; 
    animation: master-bg-motion 15s linear infinite;
}
/* Combined animation for scale and rotation */
@keyframes master-bg-motion {
    0% { 
        transform: scale(1) rotate(0deg); 
    }
    50% { 
        transform: scale(1.15) rotate(180deg); /* Slight zoom in the middle */
    }
    100% { 
        transform: scale(1) rotate(360deg); 
    }
}
/* ============================================= */
/* !!!!              404 PAGE               !!!! */
/* ============================================= */
.page_404 {
 margin: 100px 0;
}
.page_404 img {
    max-width: 400px;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 30px;
}