:root {
  --color--light: #f4efe9;
  --color--dark: #141414;
  --color--pink: #e6a59f;
  --color--green: #bee0c8;
  --color-yellow: #fff3cd;
  --color--pink-dark: #6f2d2c;

  --secondary-font: "Electrolize", sans-serif;
}
.bg-color-light {
  background-color: var(--color--light);
}
.bg-color-pink {
  background-color: var(--color--pink);
}
.bg-color-green {
  background-color: var(--color--green);
}
.bg-color-dark {
  background-color: var(--color--dark);
}
body {
  background-color: var(--color--pink);
}
.text-dark,
.text-dark a {
  color: var(--color--dark) !important;
}
.text-pink,
.text-pink a {
  color: var(--color--pink) !important;
}
.text-pink-dark,
.text-pink-dark a {
  color: var(--color--pink-dark) !important;
}
.text-green,
.text-green a {
  color: var(--color--green) !important;
}
.text-light,
.text-light a {
  color: var(--color--light) !important;
}
.sec-font {
  font-family: var(--secondary-font);
}
.fz-40 {
  font-size: 40px;
}
.header__main-menu nav ul li.active > a {
  background: var(--color--pink);
}
.pricing__box .pricing-body .package-features ul li:not(:last-of-type),
.pricing__box .pricing-body .package-features ul li {
  color: var(--color--dark);
}
.plan-price {
  color: var(--color--dark);
}
.pricing__box.bg-box {
  background-color: var(--color--green);
}
.pricing__box .pricing-header .plan-name,
.pricing__box .pricing-header .plan-type {
  color: var(--color--pink-dark);
  border: solid 1px #000;
  padding: 10px;
  border-radius: 40px;
  background-color: var(--color--light);
  font-weight: 600;
  letter-spacing: 1px;
}
.agx-btn,
.agx-btn2.v2,
.portfolio2__navigation .button-prev,
.portfolio2__navigation .button-next {
  background-color: var(--color--pink);
  border: 2px solid var(--color--light);
  color: var(--color--dark);
}
.agx-btn:hover,
.agx-btn2.v2:hover,
.portfolio2__navigation .button-prev:hover,
.portfolio2__navigation .button-next:hover,
.pricing__box.hover .pricing-body a,
.pricing__box.active .pricing-body a {
  background-color: var(--color--dark);
  border: 2px solid var(--color--light);
  color: var(--color--pink);
}
.contact-info-box .title i {
  color: var(--color--pink);
}
/* .agx-btn2.v2 {
    background-color: var(--color--pink);
    border: 2px solid var(--color--light);
} */
/* .agx-btn2.v2:hover {
    color: var(--color--pink);
} */
/* .portfolio2__navigation .button-prev,
.portfolio2__navigation .button-next {
    background-color: var(--color--dark);
    border: 2px solid var(--color--pink);
} */
/* .portfolio2__navigation .button-prev:hover,
.portfolio2__navigation .button-next:hover {
    color: var(--color--dark);
    background-color: transparent;
} */
.pricing__box .pricing-body .package-features {
  border-top: 1px solid rgb(255 255 255);
  padding-top: 25px;
}
.faq2__accordion .accordion-item.active {
  border-color: var(--color--pink);
}
.pt-15 {
  padding-top: 15rem;
}
.w-20 {
  width: 20%;
}
.header__logo img {
  width: 170px;
}
.header__main-menu nav ul li:not(.active) > a:hover {
  color: var(--color--green);
}

.bg-color-pink .agx-btn,
.bg-color-pink .section-sub-title::before {
  background-color: var(--color--dark);
  border: 1px solid var(--color--dark);
}
.bg-color-pink .agx-btn:hover,
.bg-color-pink .section-sub-title::before {
  background-color: var(--color--green);
  border: 2px solid var(--color--dark);
}
.bg-color-pink .agx-btn:hover span {
  color: var(--color--dark);
}
.bg-color-pink .section-sub-title {
  color: var(--color--dark);
}
.bg-color-pink .agx-btn span {
  color: var(--color--light);
}
.service3__box.active .service-thumb,
.service3__box:hover .service-thumb {
  background-color: var(--color--green);
  perspective: 1000px;
}
.no-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.marquee__slider-common {
  background-color: #e6a59f;
  padding: 10px 0;
}
.service3__box .service-content .service-number {
  color: var(--color--dark);
}
.h-400 {
  height: 400px;
  object-fit: cover;
}
.header__main-menu nav.circle {
  border-radius: 999px;
  /* background: rgb(0 0 0 / 38%); */
  padding: 6px;
}
.hero-info .title {
  color: var(--color--dark);
}
.hero-info .title {
  font-size: 70px;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 150px 0 100px 0px;
  font-weight: 700;
  max-width: 85%;
  margin: 0 auto;
}
.section-sub-title:not(h1, h2, h3, h4, h5, h6) {
  font-size: 25px;
  font-family: "Electrolize", sans-serif;
  font-weight: 500;
}
.swiper-slide h4 {
  font-family: "Electrolize", sans-serif;
}
.service4__list .list-item:hover .service-title,
.service4__list .list-item.active .service-title {
  color: var(--color--dark);
}
.service4__list .list-item:hover .agx-btn2,
.service4__list .list-item.active .agx-btn2,
.agx-btn.v4 {
  border-color: var(--color--pink);
  background-color: var(--color--pink);
}
.service4__list .list-item:hover,
.service4__list .list-item.active {
  border-top-color: var(--color--pink);
  border-bottom-color: var(--color--pink);
}
.service4__list .list-item:hover + .list-item,
.service4__list .list-item.active + .list-item {
  border-top-color: var(--color--pink);
}
.service4__list .list-item {
  border-top: 1px solid #787778;
}
.service4__list .list-item:last-of-type {
  border-bottom: 1px solid #787778;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #787778;
}
.brand-slide--extend {
  opacity: 1;
}
.brandSlider img {
  object-fit: cover;
  height: 300px;
  border-radius: 30px;
  overflow: hidden;
}
.agx-btn span {
  font-weight: 600;
}
.portfolio2__navigation {
  background-color: var(--color--green);
}
.thumb-wrapper img {
  border-radius: 20px;
}
/* @media only screen and (max-width: 1200px) {
    .hero-info .title {
        font-size: 90px;
        text-transform: uppercase;
        line-height: 1.2;
        padding: 70px 0px;
    }
} */
.footer-main__content .logo img {
  width: 200px;
}
.social-icons ul li a {
  border: 1px solid var(--color--green);
}
.social-icons ul li a:hover {
  background-color: var(--color--green);
}
.preloader-inner img {
  width: 200px;
}
.loader:before {
  box-shadow: 30px 0 0 var(--color--pink);
}
.loader:after {
  background-color: var(--color--pink);
  box-shadow: 30px 0 0 var(--color--pink);
}
.section-padding {
  padding: 200px 0;
}
.project-box .project-thumb img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 600px;
  object-fit: cover;
}
.breadcrumb__section {
  padding-block: 200px 20px;
  overflow: hidden;
  z-index: 1;
}
.process__boxes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.process__box .shape {
  background-color: var(--color--green);
}
.process__box {
  border-radius: 14px;
  background: #18191b;
  padding: 30px;
  border: 3px solid var(--color--light);
  overflow: hidden;
  z-index: 1;
  margin: 10px;
  text-align: center;
}
.process-title,
.process__box p {
  color: var(--color--light);
}
.line-clamp-2 {
  overflow: hidden;
  display: contents;
}
.img-brand {
  width: 72px;
  height: 72px;
}
.header__menu-btns .hamburger-menu i,
.header__menu-btns .hamburger-menu svg {
  color: var(--color--pink);
}
.offcanvas.offcanvas-end {
  border-left: 5px solid var(--color--green);
}
.offcanvas-menu .mean-bar .mean-nav > ul li a,
.mean-container .mean-bar .mean-nav > ul li a {
  border-top: 1px solid var(--color--green);
}
.hamburger-menu-close {
  background-color: var(--color--green);
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #111;
  color: #fff;
  padding: 16px;
  z-index: 9999;
  font-size: 14px;
}

.cookie-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.cookie-content a {
  color: #9ad0ff;
  text-decoration: underline;
}

.cookie-actions button {
  padding: 8px 14px;
  border: none;
  cursor: pointer;
  font-size: 14px;
}

.btn-accept {
  background: #4caf50;
  color: #fff;
}

.btn-reject {
  background: #555;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .hero-info .title {
    font-size: 50px;
  }
}
@media screen and (max-width: 500px) {
  .hero-info .title {
    font-size: 25px;
  }
  .img-brand {
    width: 52px;
    height: 52px;
  }
  .process__boxes {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}