/* @font-face {
  font-family: "Gilroy";
  src: url("fonts/gilroy/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
} */
@import url("fonts/fonts.css");
body {
  font-family: "Gilroy", sans-serif;
  font-size: 18px;
}
.bg-gradiant {
  background: linear-gradient(180deg, #f5d975 0%, rgba(33, 33, 33, 0) 100%);
}
.mobile-menu-bg {
  position: relative;
}
.mobile-menu-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('assets/images/menu-bg.png') top center / cover no-repeat;
/*  opacity: 0.4;*/
  z-index: -1;
}
.mobile-menu-bg::after{
  content: '';
  position: absolute;
  width: 585px;
  height: 100vh;
  left: 0px;
  top: 0px;

  background: linear-gradient(90deg, rgba(33, 33, 33, 0.5) 0%, rgba(33, 33, 33, 0) 100%);
}
/* Menu item hover effect */
.menu-item:hover {
  color: #eec553;
  transform: translateX(10px);
}

/* Login link hover effect */
.login-link:hover {
  color: #eec553;
  transform: translateX(10px);
}

/* Contact button hover effect */
.contact-button {
  background: linear-gradient(90deg, #eec553 0%, #f5d57f 100%);
}

.contact-button:hover {
  transform: scale(1.05);
}

/* Additional styles for the hero section */
.g-capital-text,
.global-advantage-text {
  background: linear-gradient(90deg, #eec553 0%, #f5d57f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* Who we are css */

.who-we-are-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 70%;
  background: linear-gradient(
    180deg,
    rgba(245, 217, 117, 0.15) 0%,
    rgba(33, 33, 33, 0) 100%
  );
  pointer-events: none;
  z-index: 0;
}

.text-transparent {
  -webkit-text-fill-color: transparent;
}

/* who we are */

/*Common css*/

.bg-gradiant-body {
  position: relative;
  background: #212121;
}
.bg-gradiant-body:before,
.bg-gradiant-body:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0.15;
  z-index: 0;
}
.bg-gradiant-body:before {
  top: 0;
  bottom: 70%;
  background: linear-gradient(180deg, #f5d975 0%, rgba(33, 33, 33, 0) 100%);
}
.bg-gradiant-body:after {
  bottom: 0;
  top: 70%;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, #f5d975 100%);
}
.text-heading-style {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #ffffff;
}

.text-heading-style span {
  background: linear-gradient(
    90.93deg,
    #b57f12 -14.4%,
    #eec553 17.95%,
    #d9b24a 49.03%,
    #eec553 80.74%,
    #b47e11 112.45%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.sub-head-style span {
  background: linear-gradient(
    90.93deg,
    #b57f12 -14.4%,
    #eec553 17.95%,
    #d9b24a 49.03%,
    #eec553 80.74%,
    #b47e11 112.45%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.form-box {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  overflow: hidden;
}
.form-box:before {
  content: "";
  position: absolute;
  width: 75px;
  height: 274.64px;
  left: 0px;
  top: -70.79px;
  background: linear-gradient(
    90.93deg,
    #b57f12 -14.4%,
    #eec553 17.95%,
    #d9b24a 49.03%,
    #eec553 80.74%,
    #b47e11 112.45%
  );
  opacity: 0.5;
  filter: blur(90px);
  transform: rotate(-40.01deg);
}
.form-box:after {
  content: "";
  position: absolute;
  width: 75px;
  height: 327.2px;
  right: 0px;
  bottom: -125px;

  /* Linear */
  background: linear-gradient(
    90.93deg,
    #b57f12 -14.4%,
    #eec553 17.95%,
    #d9b24a 49.03%,
    #eec553 80.74%,
    #b47e11 112.45%
  );
  opacity: 0.5;
  filter: blur(90px);
  transform: rotate(-40.01deg);
}
.card-box-after-bg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background-image: url(assets/images/square-box-bg.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.square-box-bg {
  background-image: url(assets/images/square-box-bg.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
footer {
  background: #212121;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.divider-footer {
  border: 1px solid;
  border-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #ffffff 25%,
    #ffffff 75%,
    rgba(255, 255, 255, 0) 100%
  );
  border-image-slice: 1;
  opacity: 0.1;
}
.divider-box {
  border: 1px solid;
  border-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    #ffffff 25%,
    #ffffff 75%,
    rgba(255, 255, 255, 0) 100%
  );
  border-image-slice: 1;
  opacity: 0.1;
}
.custom-bullet li {
  position: relative;
  padding-left: 30px; /* Space for the SVG bullet */
  margin-bottom: 20px;
}

.custom-bullet li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 22px;
  background-image: url('data:image/svg+xml;utf8,<svg width="21" height="28" viewBox="0 0 21 28" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.75L7 22.75L0 15.75L2.625 13.125L7 17.5L18.375 6.125L21 8.75Z" fill="url(%23grad)"/></g><defs><linearGradient id="grad" x1="-2.97289" y1="1.26538" x2="24.0848" y2="1.81891" gradientUnits="userSpaceOnUse"><stop stop-color="%23B57F12"/><stop offset="0.255" stop-color="%23EEC553"/><stop offset="0.5" stop-color="%23D9B24A"/><stop offset="0.75" stop-color="%23EEC553"/><stop offset="1" stop-color="%23B47E11"/></linearGradient><clipPath id="clip0"><rect width="21" height="28" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .custom-bullet li::before {
    top: 0.2em;
    width: 20px;
    height: 26px;
  }
  .tab-active:after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    right: -27px;
    top: 50%;
    transform: translate(-0%, 6.5px);
    width: 27px;
    height: 27px;
    background: #ffffff;
    opacity: 0.2;
    border: 1px solid #ffffff;
    border-radius: 13.5px 0px 0px 13.5px;
  }
}
@media screen and (max-width: 768px) {
  .divider-box {
    border: 1px solid;
    border-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 25%,
      #ffffff 75%,
      rgba(255, 255, 255, 0) 100%
    );
    border-image-slice: 1;
    opacity: 0.1;
  }
}