/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Elite Voice Connect
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. body
2. navigation
3. banner Section
4. partner Section
5. interaction section
6. solutions section
7. customer base section

9. services section
10. teams section
11. talent section

13. review section
14. newsletter section
15. footer section
-------------------------------------------------------------------*/
/* /*--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Jost:wght@400;500;600;700&display=swap');
/*-------- Default Items ------------ */
    
:root {
    --e-global-color-primary: #221c35;
    --e-global-color-secondary: #ffffff;
    --e-global-color-text: #606480;
    --e-global-color-accent: #F43334;
    --e-global-color-white: #ffffff;
    --e-global-color-light-grayish-blue: #DFE0E6;
    --e-global-color-dark-moderate-cyan: #40B19B;
    --e-global-color-orange: #F79550;
}
body {
    font-family: 'Jost', sans-serif;
}
html {
    scroll-behavior: smooth;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h1, h2, h3, h5, .h1, .h2, .h3, .h5 {
    font-family: 'Abril Fatface', cursive;
}
.h1, h1 {
    font-size: 55px;
}
.h2, h2 {
    font-size: 40px;
}
.h3, h3 {
    font-size: 30px;
}
.h4, h4 {
    font-size: 22px;
}
.h5, h5 {
    font-size: 20px;
}
p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--e-global-color-text);
}
.text-size-18 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: var(--e-global-color-text);
}
.text-size-16 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: var(--e-global-color-text);
}
.hover-effect {
    transition: all 0.3s ease-in-out;
}
.hover-effect:hover {
    transform: translateY(-5px);
}

/* MAIN NAVIGATION STYLES */
.header,
.main-header {
  background-color: #000000; /* Black background */
  padding-top: 20px;
}

.navbar {
  padding: 0;
}

.navbar-brand img {
  max-height: 60px;
}

/* NAVBAR LINKS */
.navbar-nav .nav-link {
  color: #ffffff !important; /* White text */
  font-size: 17px;
  font-weight: 500;
  padding: 12px 16px;
  transition: all 0.3s ease;
  position: relative;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-link:focus {
  color: #D4AF37 !important; /* Gold on hover/focus/active */
}

.navbar-nav .nav-item {
  position: relative;
}

/* DROPDOWN MENU */
.dropdown-menu {
  background-color: #000000 !important; /* Black dropdown */
  text-decoration: --e-global-color-light-grayish-blue;
  border-radius: 8px;
  padding: 10px 0;
  border: 1px solid #D4AF37;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  min-width: 200px;
  margin-top: 10px;
}

.dropdown-menu .dropdown-item {
  color: #D4AF37 !important;
  font-size: 16px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  position: relative;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #111;
  color: #D4AF37 !important;
}

/* DROPDOWN INDICATOR (OPTIONAL GOLD ARROW) */
.navbar .dropdown-toggle::after {
  border-top-color: #D4AF37 !important;
}

/* TOGGLER ICON FOR MOBILE */
.navbar-toggler {
  border-color: #D4AF37;
}

.navbar-toggler-icon {
  background-image: none;
  width: 22px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 6px 0;
}

/* COLLAPSE BACKGROUND FOR MOBILE MENU */
@media (max-width: 991px) {
  .navbar-collapse {
    background-color: #000000;
    padding: 15px 20px;
    border-radius: 10px;
  }

  .navbar-nav .nav-link {
    border-bottom: 1px solid #1a1a1a;
    padding: 12px 0;
    color: #000000 !important; /* Ensure white text */
    text-align: center;
    
  }

  .dropdown-menu {
    background-color: #000;
  }
}
/*-------- BANNER ------------ */
.banner-section-outer {
    background-image: url(../images/home-banner-backgroud-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000;
}
.home-banner-section {
    padding-top: 295px;
}
.home-banner-text {
    padding-top: 20px;
}
.home-banner-text h1 {
    line-height: 70px;
    color: #FFFFFF;
}
.home-banner-text p {
    padding-right: 50px;
    margin-bottom: 31px;
    color: #F5F5F5;
}
.home-banner-button .free {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 10px;
    padding: 21px 40px;
    text-decoration: none;
    display: inline-block;
    color: #000000;
    background: #D4AF37;
    border: 2px solid #D4AF37;
    transition: all 0.3s ease;
}
.home-banner-button .free:hover {
    background: transparent;
    color: #D4AF37 !important;
}
.home-banner-button .free-outer {
    margin-right: 10px;
}
.home-banner-button .play-icon {
    font-size: 18px;
    padding: 15px 23px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 10px;
    background: transparent;
    transition: all 0.3s ease;
}
.home-banner-button .play-icon:hover {
    border: 2px solid #D4AF37;
    background: #D4AF37;
    color: #000000;
}
.banner-img-content .banner-img {
    z-index: 2;
}
.banner-call {
    background: rgba(17,17,17,0.9);
    width: 200px;
    padding: 23px 23px 17px 23px;
    border-radius: 10px;
    top: -130px;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4);
    left: -55px;
    z-index: 3;
    border: 1px solid #333333;
}
.banner-call figure {
    margin-bottom: 8px;
}
.banner-call .banner-call-heading {
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: -0.5px;
    color: #D4AF37;
}
.banner-call .banner-call-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: -0.5px;
    margin-bottom: 3px;
    color: #F5F5F5;
}
.banner-call-listing li {
    margin: 0 2px;
}
.banner-call-listing a {
    font-size: 10px;
    color: #000000;
    background: #D4AF37;
    padding: 2px 4px;
    border-radius: 4px;
}
.banner-call .call-icon-outer {
    position: absolute;
    right: 10px;
    top: 10px;
}
.banner-call .call-icon {
    font-size: 12px;
    color: #000000;
    background: #D4AF37;
    padding: 4px 7px;
    border-radius: 100px;
    display: block;
} 
.banner-img-content .banner-arrow-img {
    right: 86px;
    top: -93px;
}
.banner-img-content .banner-map-img {
    right: -40px;
    top: 204px;
    z-index: 4;
}
.banner-img-content .banner-map-img .banner-map-img-inner img {
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4);
}
.banner-img-content .banner-map-img .banner-map-icon {
    top: -26px;
    right: -20px;
}
.banner-img-content .banner-map-img .banner-map-icon img {
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.6);
    border-radius: 100px;
    border: 2px solid #D4AF37;
}

/* Form Styles */
.form-section {
    background-color: #1c1c1c;
    padding: 40px;
    border-radius: 10px;
    max-width: 600px;
    margin: 30px auto;
}

.form-container h3 {
    color: #d4af37;
    margin-bottom: 20px;
    font-size: 24px;
}

.form-container input,
.form-container button {
    padding: 12px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: none;
    width: 100%;
}

.form-container input {
    background-color: #333;
    color: white;
}

.form-container button {
    background-color: #d4af37;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
}

.form-container button:hover {
    background-color: #c9a227;
}

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #1c1c1c;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    border: 2px solid #d4af37;
}

.modal-content h3 {
    color: #d4af37;
    margin-bottom: 15px;
}

.contact-info {
    background-color: #333;
    padding: 15px;
    border-radius: 5px;
    margin: 20px 0;
}

.contact-info a {
    color: #d4af37;
    text-decoration: none;
}

.modal-content button {
    padding: 10px 20px;
    background-color: #d4af37;
    color: #000;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}
/* Form Styles */
.form-section {
    background-color: #1c1c1c;
    padding: 40px;
    border-radius: 10px;
    max-width: 600px;
    margin: 30px auto;
}

.form-container h3 {
    color: #d4af37;
    margin-bottom: 20px;
    font-size: 24px;
}

.form-container input,
.form-container button {
    padding: 12px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: none;
    width: 100%;
}

.form-container input {
    background-color: #333;
    color: white;
}

.form-container button {
    background-color: #d4af37;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
}

.form-container button:hover {
    background-color: #c9a227;
}

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #1c1c1c;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    border: 2px solid #d4af37;
}

.modal-content h3 {
    color: #d4af37;
    margin-bottom: 15px;
}

.contact-info {
    background-color: #333;
    padding: 15px;
    border-radius: 5px;
    margin: 20px 0;
}

.contact-info a {
    color: #d4af37;
    text-decoration: none;
}

.modal-content button {
    padding: 10px 20px;
    background-color: #d4af37;
    color: #000;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}
/*-------- PARTNERS SECTION ------------ */
.partner-section {
    padding-top: 120px;
    background: #000000;
}
.partner-section-box {
    padding: 94px 35px 101px 35px;
    box-shadow: 0px 0px 100px 0px rgba(212,175,55,0.1);
    border-radius: 20px;
    background: #111111;
    border: 1px solid #333333;
}
.partner-section-box h3 {
    color: #F5F5F5;
    padding: 0 22%;
    line-height: 35px;
    margin-bottom: 55px;
}
.partner-listing li {
    padding: 0 36px;
    transition: all 0.3s ease-in-out;
    filter: brightness(0) invert(1);
}
.partner-listing li:hover {
    transform: translateY(-5px);
    filter: brightness(0) invert(1) sepia(1) hue-rotate(10deg) saturate(5);
}
.partner-listing li:first-child {
    padding-left: 0;
}
.partner-listing li:last-child {
    padding-right: 0;
}  

/*-------- INTERACTION SECTION ------------ */  
.interaction-section {
    padding: 120px 0px;
    background: #000000;
}
.interaction-section .interaction-section-main-img img {
    box-shadow: 0px 0px 100px 0px rgba(17,17,17,0.8);
    border-radius: 20px;
    z-index: 2;
    border: 1px solid #333333;
}
.interaction-section h2 {
    line-height: 50px;
    color: #FFFFFF;
}
.interaction-section-text {
    padding-top: 12px;
}
.interaction-section-text p {
    color: #F5F5F5;
}
.interaction-section-img-content .interaction-section-graph-img {
    bottom: 50px;
    right: 0;
    z-index: 3;
}
.interaction-section-img-content .interaction-section-graph-img img {
    box-shadow: 0px 0px 100px 0px rgba(17,17,17,0.8);
    border-radius: 10px;
    border: 1px solid #D4AF37;
}
.interaction-section-img-content .interaction-section-shape-img-1 {
    top: -71px;
    left: -119px;
}
.interaction-section-img-content .interaction-section-shape-img-1 img {
    z-index: 1;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5);
}
.interaction-section-text .interaction-section-shape-img-2 {
    top: -56px;
    right: -305px;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5);
}
.interaction-section-img-content .interaction-section-shape-img-3 {
    bottom: -90px;
    right: -152px;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5);
}
.interaction-section-listing-inner {
    padding-left: 79px;
    color: #F5F5F5;
}
.interaction-section-listing-inner h4 {
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 26px;
    color: #D4AF37;
}
.interaction-section-listing-inner::before {
    content: "";
    background-image: url(../images/interaction-section-listing-img-1.png);
    background-repeat: no-repeat;
    height: 54px;
    width: 54px;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 4px;
    filter: brightness(0) invert(1);
}
.interaction-section-text .main-text {
    margin-bottom: 49px;
}
.interaction-section-listing-outer .variation-1::before {
    background-image: url(../images/interaction-section-listing-img-2.png);
    filter: brightness(0) invert(1);
}
.interaction-section-listing-outer {
    margin-bottom: 56px;
}

/*-------- SOLUTIONS SECTION ------------ */  
.solutions-section {
    background: #000000; /* Black background */
}
.solutions-section h2 {
    padding: 0 15px;
    width: 100%;
    line-height: 50px;
    color: #FFFFFF; /* White text */
}
.solutions-section-text p {
    padding-right: 45px;
    color: #F5F5F5; /* Off-white text */
}
.solutions-section-button {
    margin-top: -6px;
}
.solutions-section-button a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 10px;
    padding: 20px 34px;
    border: 2px solid #D4AF37; /* Gold border */
    text-decoration: none;
    display: inline-block;
    color: #000000; /* Black text */
    background: #D4AF37; /* Gold background */
    transition: all 0.3s ease;
}
.solutions-section-button a:hover {
    border: 2px solid #D4AF37; /* Gold border */
    background: transparent;
    color: #D4AF37 !important; /* Gold text */
}
.solutions-section-plan-box {
    padding: 44px;
    box-shadow: 0px 0px 100px 0px rgba(17,17,17,0.8); /* Dark shadow */
    border-radius: 20px;
    border-left: 5px solid #111111; /* Dark gray */
    background: #111111; /* Dark gray background */
    transition: all 0.3s ease;
}
.solutions-section-plan-box:hover {
    border-left: 5px solid #D4AF37; /* Gold accent */
}
.solutions-section-plan-box h4 {
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 30px;
    color: #D4AF37; /* Gold text */
}
.solutions-section-plan-box p {
    padding: 0 15px;
    color: #F5F5F5; /* Off-white text */
}
.solutions-section-inner {
    margin-bottom: 74px;
}
.solutions-section-plan-box figure img {
    padding-top: 5px;
    filter: brightness(0) invert(1); /* White icons */
}
/*-------- CUSTOMER BASE SECTION ------------ */  
.customer-base-section {
    padding: 120px 0px;
    background-color: #000000; /* Black background */
    position: relative;
    overflow: hidden;
}
.customer-base-section .customer-base-section-text {
   padding-top: 55px;
}
.customer-base-section h2 {
    line-height: 50px;
    color: #FFFFFF; /* White heading */
}
.customer-base-section-text p {
    margin-bottom: 27px;
    color: #F5F5F5; /* Off-white text */
}
.customer-base-section .customer-base-section-main-img img {
    box-shadow: 0px 0px 100px 0px rgba(212, 175, 55, 0.15); /* Gold-tinted shadow */
    border: 5px solid #111111; /* Dark gray border */
    border-radius: 20px;
    position: relative;
}
/* Golden glow effect */
.customer-base-section .customer-base-section-main-img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0 0 60px 15px rgba(212, 175, 55, 0.3); /* Golden glow */
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.customer-base-section .customer-base-section-main-img:hover::before {
    opacity: 1;
}
.customer-base-section-text .customer-base-section-shape-img-1 {
    top: -35px;
    left: -360px;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
.customer-base-section .customer-img-1 {
    left: 51px;
    top: 58px;
    z-index: 1;
}
.customer-base-section .customer-img-2 {
    left: 152px;
    top: 168px;
    z-index: 3;
}
.customer-base-section .customer-img-3 {
    right: -12px;
    top: 208px;
    z-index: 2;
}
.customer-base-section .customer-img-4 {
    right: 44px;
    bottom: 122px;
    z-index: 4;
}
.customer-base-section .customer-img-5 {
    right: 155px;
    bottom: -27px;
    z-index: 5;
}
.customer-base-section .customer-img-1 img, 
.customer-base-section .customer-img-2 img, 
.customer-base-section .customer-img-3 img, 
.customer-base-section .customer-img-4 img, 
.customer-base-section .customer-img-5 img {
    box-shadow: 0px 0px 30px 0px rgba(212, 175, 55, 0.3); /* Gold-tinted shadow */
    border-radius: 100px;
    border: 2px solid #D4AF37; /* Gold border */
    transition: all 0.3s ease;
}
.customer-base-section .customer-img-1 img:hover,
.customer-base-section .customer-img-2 img:hover,
.customer-base-section .customer-img-3 img:hover,
.customer-base-section .customer-img-4 img:hover,
.customer-base-section .customer-img-5 img:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 40px 0px rgba(212, 175, 55, 0.5); /* Stronger gold glow on hover */
}
.customer-base-sectin-listing li {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #F5F5F5; /* Off-white text */
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}
.customer-base-sectin-listing i {
    font-size: 18px;
    line-height: 18px;
    margin-right: 8px;
    font-weight: 400;
    color: #D4AF37; /* Gold icon */
    position: absolute;
    left: 0;
    top: 6px;
}
.customer-base-section .customer-base-section-shape-img-2 {
    top: -74px;
    right: -90px;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
.customer-base-section .counter-box {
    width: 300px;
    padding: 37px 29px 30px 29px;
    background: #111111; /* Dark gray background */
    box-shadow: 0px 0px 100px 0px rgba(212, 175, 55, 0.15); /* Gold-tinted shadow */
    border-radius: 10px;
    bottom: 61px;
    left: -17px;
    border: 1px solid #333333; /* Medium gray border */
    position: relative;
}
.customer-base-section .counter-box::after {
    content: '';
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border-radius: 15px;
    border: 2px solid rgba(212, 175, 55, 0.3); /* Gold glow border */
    top: -10px;
    left: -10px;
    z-index: -1;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}
.customer-base-section .counter-box figure {
    margin-right: 27px;
}
.customer-base-section .counter-box .number, 
.customer-base-section .counter-box .suffix {
    color: #D4AF37; /* Gold numbers */
    font-size: 40px;
    line-height: 44px;
    font-weight: 400;
    font-family: 'Abril Fatface', cursive;
}
.customer-base-section .counter-box .customer {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #F5F5F5; /* Off-white text */
}
.customer-base-section .counter-box .counter {
    animation-duration: 1s;
    animation-delay: 0s;
}
.customer-base-section .customer-base-section-shape-img-3 {
    bottom: -134px;
    right: 0;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
.customer-base-section-btn-outer {
    padding-top: 31px;
}
.customer-base-section-btn-outer a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 10px;
    padding: 19px 110px 19px 28px;
    text-decoration: none;
    color: #D4AF37; /* Gold text */
    border: 2px solid #D4AF37; /* Gold border */
    background: transparent;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.customer-base-section-btn-outer a:hover {
    background: #D4AF37; /* Gold background */
    color: #000000; /* Black text */
}
.customer-base-section-btn-outer i {
    font-size: 20px;
    line-height: 20px;
    right: 29px;
    color: #D4AF37; /* Gold icon */
    transition: all 0.3s ease;
}
.customer-base-section-btn-outer a:hover i {
    color: #000000; /* Black icon on hover */
}
/*-------- SERVICES SECTION ------------ */
.services-section {
    padding: 110px 0;
    background-color: #000000; /* Black background */
    position: relative;
    overflow: hidden;
} 
.services-section h2 {
    line-height: 50px;
    color: #FFFFFF; /* White heading */
}
.services-section .services-section-inner p {
    padding: 0 18%;
    color: #F5F5F5; /* Off-white text */
}
.services-section .services-section-inner {
    margin-bottom: 73px;
    padding: 0 15px;
}
.services-section .services-section-plan-box {
    padding: 40px 35px;
    border-radius: 20px;
    line-height: 0;
    background: #111111; /* Dark gray background */
    border-left: 5px solid #111111; /* Dark gray border */
    box-shadow: 0px 0px 100px 0px rgba(212, 175, 55, 0.1); /* Gold-tinted shadow */
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
/* Golden glow effect on hover */
.services-section .services-section-plan-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3); /* Gold glow */
    opacity: 0;
    transition: opacity 0.3s ease;
}
.services-section .services-section-plan-box:hover::before {
    opacity: 1;
}
.services-section .services-section-plan-box figure img {
    filter: grayscale(100%) brightness(0.8);
    transition: all 0.3s ease;
}
.services-section .services-section-plan-box h4 {
    line-height: 30px;
    margin-bottom: 18px;
    color: #F5F5F5; /* Off-white heading */
    transition: all 0.3s ease;
}
.services-section .services-section-plan-box p {
    margin-bottom: 21px;
    color: #CCCCCC; /* Light gray text */
}
.services-section .services-section-plan-box a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #D4AF37; /* Gold text */
    transition: all 0.3s ease;
    position: relative;
    padding-right: 20px;
    display: inline-block;
}
.services-section .services-section-plan-box i {
    top: 2px;
    margin-left: 12px;
    color: #D4AF37; /* Gold icon */
    transition: all 0.3s ease;
    position: absolute;
    right: 0;
}
.services-section .services-section-plan-box:hover {
    border-left: 5px solid #D4AF37; /* Gold accent border */
    transform: translateY(-10px);
}
.services-section .services-section-plan-box:hover figure img {
    filter: grayscale(0%) brightness(1);
}
.services-section .services-section-plan-box:hover h4 {
    color: #D4AF37; /* Gold heading */
}
.services-section .services-section-plan-box:hover a {
    color: #FFFFFF; /* White text */
    padding-right: 25px;
}
.services-section .services-section-plan-box:hover i {
    right: -5px;
    color: #FFFFFF; /* White icon */
}
.services-section .divider {
    height: 30px;
}
.services-section .services-section-shape-img-1 {
    right: -116px;
    top: 85px;
    z-index: -1;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
.services-section .services-section-shape-img-2 {
    left: 92px;
    bottom: -28px;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
/*-------- TEAMS SECTION ------------ */
.teams-section h2 {
    line-height: 50px;
}
.teams-section .teams-section-inner p {
    padding: 0 18%;
}
.teams-section .teams-section-inner {
    margin-bottom: 73px;
    padding: 0 15px;
}
.teams-section .team-section-plan-box {
    padding: 40px 35px;
    border-radius: 20px;
    line-height: 0;
    background: var(--e-global-color-white) ;
    transition: all 0.3s ease-in-out;
}
.teams-section .teams-section-plan-box figure img {
    box-shadow: 0px 0px 100px 0px rgba(226,228,231,1);
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}
.teams-section .teams-section-plan-box figure {
    transition: all 0.3s ease-in-out;
    margin-bottom: 31px;
    border-radius: 20px;
}
.teams-section .teams-section-plan-box h4 {
    line-height: 18px;
    margin-bottom: 13px;
    color: var(--e-global-color-primary);
}
.teams-section .teams-section-plan-box span {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 14px;
    color: var(--e-global-color-text);
}
.teams-section .teams-section-plan-box p {
    margin-bottom: 14px;
    padding: 0 20px;
}
.teams-section .teams-section-plan-box a {
    font-size: 15px;
    line-height: 14px;
    font-weight: 400;
    padding: 7px 8px;
    border: 1px solid var(--e-global-color-text);
    color: var(--e-global-color-text);
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
}
.teams-section .teams-section-plan-box a:hover {
    background: var(--e-global-color-accent);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-accent);
}
.teams-section .teams-section-plan-box li {
    margin: 0 2px;
}
.teams-section .teams-section-plan-box:hover h4 {
    color: var(--e-global-color-accent);
}
.teams-section .teams-section-plan-box:hover figure {
    background-image: linear-gradient(150deg, #1C204C 50%, #F58748 78%);
    opacity: 1;
}
.teams-section .teams-section-plan-box:hover figure img {
    opacity: 0.2;
}
.teams-section .teams-section-shape-img-1 {
    right: -116px;
    top: 85px;
    z-index: -1;
}
/*-------- TALENT SECTION ------------ */
.talent-section {
    padding: 110px 0;
    background-color: #000000; /* Black background */
}
.talent-section-box {
    padding: 90px 395px 101px 78px;
    background: #111111; /* Dark gray background */
    box-shadow: 0px 0px 100px 0px rgba(212, 175, 55, 0.15); /* Gold shadow */
    border-radius: 20px;
    background-image: url(../images/talent-section-img.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #333333; /* Dark gray border */
}
.talent-section-box h2 {
    line-height: 50px;
    color: #D4AF37; /* Gold heading */
}
.talent-section-box p {
    margin-bottom: 30px;
    color: #F5F5F5; /* Off-white text */
}
.talent-section-box .color {
    color: #D4AF37; /* Gold accent */
}
.talent-section-box .career {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 10px;
    padding: 19px 97px 19px 28px;
    text-decoration: none;
    color: #D4AF37; /* Gold text */
    border: 2px solid #D4AF37; /* Gold border */
    background-color: transparent;
    transition: all 0.3s ease;
}
.talent-section-box .career:hover {
    background: #D4AF37; /* Gold background */
    color: #000000; /* Black text on hover */
    border: 2px solid #D4AF37; /* Gold border */
}
.talent-section-box i {
    font-size: 20px;
    line-height: 20px;
    right: 29px;
    color: #D4AF37; /* Gold icon */
}
.talent-section-box .apply {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 10px;
    padding: 20px 34px;
    border: 2px solid #D4AF37; /* Gold border */
    text-decoration: none;
    display: inline-block;
    color: #000000; /* Black text */
    background: #D4AF37; /* Gold background */
    transition: all 0.3s ease;
}
.talent-section-box .apply:hover {
    border: 2px solid #D4AF37; /* Gold border */
    background: transparent;
    color: #D4AF37; /* Gold text */
}
.talent-section-box .talent-section-shape-img-1 {
    top: -76px;
    left: -173px;
    z-index: -1;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
.talent-section-box .talent-section-shape-img-2 {
    bottom: -139px;
    left: -305px;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
/*-------- REVIEW SECTION ------------ */
.review-section {
    padding: 120px 0 110px 0;
    background-color: #000000; /* Black background */
}
.review-section-box {
    padding: 94px 100px 355px 100px;
    background: #111111; /* Dark gray background */
    box-shadow: 0px 0px 100px 0px rgba(212, 175, 55, 0.15); /* Gold-tinted shadow */
    border-radius: 20px;
    line-height: 0;
    margin-bottom: -363px;
    border: 1px solid #333333; /* Medium gray border */
}
.review-section-box h2 {
    line-height: 50px;
    color: #FFFFFF; /* White heading */
}
.review-section-box p {
    padding: 0 120px;
    color: #F5F5F5; /* Off-white text */
}
.review-section .review-section-shape-img-1 {
    top: -102px;
    left: -116px;
    z-index: -1;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
.review-section .review-section-outer {
    padding-top: 90px;
    overflow: hidden;
}
.review-section .review-section-inner {
    background-image: url(../images/review-section-background-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 90px 94px 90px;
    line-height: 0;
    border-radius: 20px;
    border: 1px solid #333333; /* Medium gray border */
}
.review-section .review-section-inner .carousel-inner {
    overflow: visible;
}
.review-section .review-section-inner .name {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 3px;
    color: #FFFFFF; /* White text */
}
.review-section .review-section-inner .designation {
    font-size: 16px;
    line-height: 26px;
    color: #D4AF37; /* Gold text */
}
.review-section .review-section-review-img-1 {
    top: -50px
}
.review-section .review-section-review-img-1 img {
    box-shadow: 0px 0px 50px 0px rgba(212, 175, 55, 0.3); /* Gold-tinted shadow */
    border-radius: 100px;
    border: 3px solid #D4AF37; /* Gold border */
}
.review-section .review-section-inner p {
    margin-bottom: 26px;
    margin-top: -5px;
    color: #F5F5F5; /* Off-white text */
}
.review-section .review-section-quote-img-1 {
    top: 90px;
    left: 82px;
    filter: brightness(0) invert(1); /* White quote */
}
.review-section .review-section-quote-img-2 {
    bottom: 0;
    right: 82px;
    filter: brightness(0) invert(1); /* White quote */
}
.review-section .carousel-control-prev {
    width: auto;
    left: 74px;
    opacity: 1;
    top: 86px;
}
.review-section .carousel-control-next {
    width: auto;
    right: 74px;
    opacity: 1;
    top: 86px;
}
.review-section .carousel-control-prev i, 
.review-section .carousel-control-next i {
    font-size: 20px;
    line-height: 40px;
    color: #D4AF37; /* Gold icons */
    border: 2px solid #D4AF37; /* Gold border */
    border-radius: 12px;
    width: 43px;
    height: 43px;
    transition: all 0.3s ease;
}
.review-section .carousel-control-prev i:hover, 
.review-section .carousel-control-next i:hover {
    background: #D4AF37; /* Gold background */
    color: #000000; /* Black text */
}

/*-------- NEWSLETTER SECTION ------------ */
.newsletter-section {
    background-color: #000000; /* Black background */
}
.newsletter-section h2 {
    line-height: 50px;
    color: #FFFFFF; /* White heading */
}
.newsletter-section .newsletter-section-inner p {
    padding: 0 18%;
    margin-bottom: 54px;
    color: #F5F5F5; /* Off-white text */
}
.newsletter-section .newsletter-section-inner {
    padding: 0 15px;
}
.newsletter-section .newsletter-shape-img-1 {
    top: -45px;
    right: 15px;
    z-index: -1;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
.newsletter-section .newsletter-shape-img-2 {
    bottom: -70px;
    left: 12px;
    z-index: -1;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}
.newsletter-section .newsletter-form .form-group {
    width: 572px;
    margin: 0 auto;
}
.newsletter-section .newsletter-form .form-control {
    background: #111111; /* Dark gray background */
    box-shadow: 0px 0px 100px 0px rgba(212, 175, 55, 0.1); /* Gold-tinted shadow */
    border: 1px solid #333333; /* Medium gray border */
    border-radius: 20px;
    height: 78px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #FFFFFF; /* White text */
}
.newsletter-section .newsletter-form .subscribe-btn {
    font-size: 16px;
    line-height: 16px;
    padding: 20px 28px;
    border-radius: 10px;
    font-weight: 600;
    color: #000000; /* Black text */
    border: 2px solid #D4AF37; /* Gold border */
    background: #D4AF37; /* Gold background */
    letter-spacing: 1px;
    right: 11px;
    top: 8px;
    transition: all 0.3s ease-in-out;
}
.newsletter-section .newsletter-form .subscribe-btn:hover {
    border: 2px solid #D4AF37; /* Gold border */
    background: transparent;
    color: #D4AF37; /* Gold text */
}

/*-------- FOOTER ------------ */
.footer-section {
    padding: 120px 0 91px 0;
    background-color: #000000; /* Black background */
}
.footer-section h5 {
    line-height: 42px;
    margin-bottom: 19px;
    color: #FFFFFF; /* White heading */
}
.footer-section .footer-logo-content .footer-logo {
    margin-bottom: 34px;
}
.footer-section .footer-logo-content p {
    padding-right: 55px;
    line-height: 24px;
    color: #F5F5F5; /* Off-white text */
}
.footer-section .footer-logo-content a {
    font-size: 15px;
    line-height: 14px;
    font-weight: 400;
    padding: 7px 8px;
    border: 1px solid #D4AF37; /* Gold border */
    color: #D4AF37; /* Gold text */
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
}
.footer-section .footer-logo-content a:hover {
    background: #D4AF37; /* Gold background */
    color: #000000; /* Black text */
    border: 1px solid #D4AF37; /* Gold border */
}
.footer-section .footer-links-content li a, 
.footer-section .footer-support-content li a {
    font-size: 16px;
    line-height: 30px;
    margin-left: 9px;
    color: #F5F5F5; /* Off-white text */
    transition: all 0.3s ease;
}
.footer-section .footer-links-content li i, 
.footer-section .footer-support-content li i {
    font-size: 16px;
    line-height: 16px;
    color: #D4AF37; /* Gold icon */
    transition: all 0.3s ease;
}
.footer-section .footer-links-content li a:hover, 
.footer-section .footer-support-content li a:hover {
    color: #D4AF37; /* Gold text */
}
.footer-section .footer-info-content li {
    margin: 9px 0;
}
.footer-section .footer-info-content li:last-child {
    margin-bottom: 0;
}
.footer-section .footer-info-content li span {
    font-size: 16px;
    line-height: 16px;
    color: #D4AF37; /* Gold text */
}
.footer-section .footer-info-content li a {
    font-size: 16px;
    line-height: 16px;
    color: #F5F5F5; /* Off-white text */
    transition: all 0.3s ease;
}
.footer-section .footer-info-content li a:hover {
    color: #D4AF37; /* Gold text */
}
.footer-section .footer-secrion-shape-img-1 {
    right: -291px;
    bottom: -95px;
    filter: brightness(0.8) sepia(1) hue-rotate(10deg) saturate(0.5); /* Gold tint */
}

/*-------- FOOTER BAR ------------ */
.footer-bar {
    background-color: #111111; /* Dark gray background */
}
.footer-bar .footer-bar-content {
    padding: 30px 0;
    margin: 0 15px;
    border-top: 1px solid #333333; /* Medium gray border */
    color: #F5F5F5; /* Off-white text */
}

/*-------- ABOUT PAGE ------------ */


/*-------- ABOUT SERVICE SECTION ------------ */  
.about-service-section {
    padding: 120px 0px;
    background-color: #000000; /* Black background */
}
.about-service-section-text {
    margin-top: -8px;
    color: #f5f5f5; /* Off-white text */
}
.about-service-section h2 {
    line-height: 50px;
    color: #ffffff; /* White for headings */
}
.about-service-section-text p {
    margin-bottom: 27px;
    color: #e0e0e0; /* Light gray/silver for paragraphs */
}
.about-service-section .about-service-section-main-img img {
    box-shadow: 0px 0px 100px 0px rgba(212, 175, 55, 0.3); /* Golden glow */
    border-radius: 20px;
    border: 1px solid rgba(212, 175, 55, 0.2); /* Golden border */
}
.about-service-section-text .about-service-section-shape-img-1 {
    top: -49px;
    right: -308px;
}
.about-service-section-listing li {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #f0f0f0; /* Off-white */
}
.about-service-section-listing i {
    font-size: 18px;
    line-height: 18px;
    margin-right: 8px;
    font-weight: 400;
    color: #D4AF37; /* Gold */
}
.about-service-section .about-service-section-shape-img-2 {
    top: -74px;
    left: -90px;
}
.about-service-section .counter-box {
    width: 280px;
    padding: 25px 29px 18px 44px;
    background: rgba(255, 255, 255, 0.1); /* Semi-transparent white */
    box-shadow: 0px 0px 100px 0px rgba(212, 175, 55, 0.2); /* Golden glow */
    border-radius: 10px;
    bottom: 61px;
    right: 35px;
    backdrop-filter: blur(5px); /* Frosted glass effect */
    border: 1px solid rgba(212, 175, 55, 0.3); /* Golden border */
}
.about-service-section .counter-box figure {
    margin-right: 22px;
}
.about-service-section .counter-box .number, 
.about-service-section .counter-box .suffix  {
    color: #D4AF37; /* Gold */
    font-size: 40px;
    line-height: 38px;
    font-weight: 400;
    font-family: 'Abril Fatface', cursive;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.3); /* Golden glow */
}
.about-service-section .counter-box .customer {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #c0c0c0; /* Silver */
}
.about-service-section .counter-box .counter {
    animation-duration: 1s;
    animation-delay: 0s;
}
.about-service-section .about-service-section-shape-img-3 {
    bottom: -92px;
    right: -152px;
}
.about-service-section-btn-outer {
    padding-top: 40px;
}
.about-service-section-btn-outer a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 10px;
    padding: 19px 32px;
    text-decoration: none;
    background: #D4AF37; /* Gold */
    color: #000000; /* Black text */
    border: 2px solid #D4AF37;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.5); /* Golden glow */
}
.about-service-section-btn-outer a:hover {
    border: 2px solid #D4AF37;
    background: transparent;
    color: #D4AF37;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.8); /* Stronger glow on hover */
}
.about-service-section-btn-outer i {
    font-size: 20px;
    line-height: 20px;
    right: 29px;
    color: inherit;
}
.about-service-section .progress-bar-outer {
    padding-top: 24px;
}
.about-service-section .progress-bar-outer span {
    font-size: 16px;
    line-height: 30px;
    color: #D4AF37; /* Gold */
    margin-bottom: 6px;
}
.about-service-section .progress-bar-outer .progress-bar {
    height: 10px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.1); /* Semi-transparent white */
}
.about-service-section .progress-bar-outer .bar {
    width: 0;
    height: 100%;
    background-color: #D4AF37; /* Gold */
    background-size: 30px 30px;
    animation: move 2s linear infinite;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5); /* Golden glow */
    transition: width 2s ease-out;
}
  
/*Lollipop background gradient animation*/
@keyframes move {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 30px 30px;
    }
}
.about-service-section .progress-bar-outer .perc {
    position: absolute;
    top: 40px;
    right: 28px;
    transform: translate(-50%, -50%);
    color: #c0c0c0; /* Silver */
}
.about-service-section .progress-bar-outer .variation-1 {
    background: linear-gradient(90deg, #D4AF37, #FFD700); /* Gold gradient */
}
.about-service-section .progress-bar-outer .variation-1 .perc {
    right: 97px;
}
/*-------- SUB BANNER SECTION ------------ */
.sub-banner-section-outer {
    background-image: url(../images/sub-banner-background-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000000; /* Black fallback */
}
.sub-banner-section {
    padding: 130px 0 90px 0;
}
.sub-banner-section h1 {
    line-height: 70px;
    color: #FFFFFF; /* White heading */
}
.sub-banner-section p {
    padding: 0 25%;
    margin-bottom: 23px;
    color: #F5F5F5; /* Off-white text */
}
.sub-banner-section .breadcrum span {
    font-size: 14px;
    line-height: 30px;
    color: #F5F5F5; /* Off-white text */
}
.sub-banner-section .breadcrum .breadcrum-active {
    text-decoration: underline;
    color: #D4AF37; /* Gold text */
}