:root {
  --accent-color: orange;
  --accent-second-color: rgb(103, 28, 28);
}

body {
  padding-top: 85px;
}

section {
  padding: 40px;
}

.nav-link.active {
  color: orange !important;
  font-weight: bold;
}

.hero-sec h1 {
  font-size: 80px;
}

.hero-icon {
  border-radius: 20%;
  background: linear-gradient(45deg, #f16d00, #d64501);
  padding: 10px;
  margin: 10px;
  text-align: center;
  width: 15%;
  position: absolute;
  top: 10%;
  right: 0%;
  z-index: 100000;
}

.hero-icon2 {
  border-radius: 20%;
  background: linear-gradient(45deg, #f16d00, #b63a01);
  padding: 10px;
  margin: 10px;
  text-align: center;
  width: 15%;
  position: absolute;
  bottom: 10%;
  left: 0%;
  z-index: 100000;
}

.span1 {
  background-color: rgb(255, 190, 165);
  padding: 8px 10px;
  width: 50%;
  color: #f16d00;
}

.img-b {


  border: 30px solid rgb(255, 242, 242);
  border-radius: 12%;
  object-fit: cover;
}

.box {
  position: relative;
  background-color: rgb(248, 199, 160);
  border-radius: 12%;
  overflow: hidden;
  width: 80%;
}

.blu {
  background-color: #0d6efd;
}

.b1 {
  background: linear-gradient(45deg, #e9f0fa, #c4d5f2);
}

.bla {
  background-color: black;
}

.b2 {
  background: linear-gradient(45deg, #eeeaea, #efeeee);
}

.gre {
  background-color: rgb(85, 255, 47);
}

.b3 {
  background: linear-gradient(45deg, #f9ffec, #ebfae6);
}

.gre2 {
  background-color: rgb(1, 207, 15);
}

.b0 {
  background: linear-gradient(45deg, #ecfff1, #cae3c1);
}

.ora {
  background-color: orange;
}

.b4 {
  background: linear-gradient(45deg, #f5e7d9, #f8e2c6);
}

.cya {
  background-color: rgb(3, 201, 201);
}

.b5 {
  background: linear-gradient(45deg, #d9f5f5, #cdf3f5);
}

.bluv {
  background-color: rgb(156, 50, 255);
}

.b6 {
  background: linear-gradient(45deg, #ede4f6, #e0cae8)
}

.re {
  background-color: red;
}

.b7 {
  background: linear-gradient(45deg, #fce1e1, #fff1f1)
}

.dar {
  background-color: rgb(2, 154, 154);
}

.b8 {
  background: linear-gradient(45deg, #d5e3e6, #d3e2e6)
}

.blu2 {
  background-color: #0a58ca;
}

.b9 {
  background: linear-gradient(45deg, #ece8f8, #cacee6)
}

.gra {
  background-color: rgb(56, 55, 55);
}

.b100 {
  background: linear-gradient(45deg, #ededed, #c9c9c9)
}

.yell {
  background-color: rgb(175, 141, 2);
}

.b10 {
  background: linear-gradient(45deg, #f8f4e9, #f4ead6)
}

.rre {
  background-color: rgb(196, 3, 3);
}

.b11 {
  background: linear-gradient(45deg, #ededed, #f6e5e5)
}

.orab {
  border: 1px solid orange;
  padding: 2px;
}

.box-icon {
  width: 20%;
  border-radius: 15%;
  padding: 10px;
  margin: 20px 10px;
  text-align: center;
}

.icon {
  font-size: 30px;
  color: aliceblue;

}

.icon-bg {
  border-radius: 20%;
  background: linear-gradient(to right, #f16d00, #9a3100);
  padding: 10px;
  margin: 10px;
  width: 13%;
}

.icon2 {
  border-radius: 20%;
  background: linear-gradient(to right, #f16d00, #9a3100);
  width: 3%;
  text-align: center;
  padding: 5px;
  margin: 5px;
  color: azure;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  margin: auto;
  --bs-dropdown-min-width: 70%;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
}

.m-menu {

  width: 100vh;
  margin-top: 12px;
  border-radius: 16px;
  padding: 2.5rem 2rem;
}

.text2 {
  font-size: 80px;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(to right, #f16d00, #9a3100);
  background-clip: text;
}

.text {
  font-size: 50px;
  font-weight: 800;
  color: transparent;
  background: linear-gradient(to right, #f16d00, #9a3100);
  background-clip: text;
}

.btn-outline-success {
  background: linear-gradient(to right, #f16d00, #9a3100);
  --bs-btn-color: white;
  --bs-btn-border-color: none;
  --bs-btn-hover-color: white;
  --bs-btn-hover-border-color: orange;
  --bs-btn-focus-shadow-rgb: orange;
  --bs-btn-active-color: #fff;
}

.btn {
  --bs-btn-padding-x: 40px;
  --bs-btn-padding-y: 10px;
  margin: 0 10px;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 700;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: white;
  --bs-btn-bg: var(--accent-bg) !important;
  --bs-btn-border-width: 50%;
  --bs-btn-border-color: orange;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: 5px 5px orange;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem orange;
}

.accordion-button {

  color: rgb(103, 28, 28);
  font-weight: 500;
  font-size: 20px;
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 50%;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

.accordion-button:not(.collapsed) {
  color: rgb(103, 28, 28);
  background-color: transparent;
}

.accordion {
  --bs-accordion-color: gray;
  --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(253, 117, 13, 0.25);

}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--accent-color);
  background-color: transparent;
}

.nav-link {
  color: rgb(107, 103, 103);
}

.nav {
  position: relative;
  --bs-nav-link-hover-color: var(--accent-color);
  width: 100%;
}

.strok {
  position: relative;
  padding-bottom: 10px;
  width: 100%;

}

.strok::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border: 2px solid gray;
  width: 100%;
}

.item {
  border: none;
  transition: all 0.3s;
}

.item:hover {
  transform: translateY(-8px);
  box-shadow: 1px 0 5px 0px rgb(255, 193, 77);
}

.w-fit {
  width: fit-content;
}

.btn-primary {
  --bs-btn-color: rgb(255, 115, 0);
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: rgb(120, 31, 31);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.contact {
  background: linear-gradient(45deg, rgb(255, 244, 234)0, #fcf5f2);
}

.Testimonials {
  background: linear-gradient(45deg, rgb(255, 244, 234)0, #fcf5f2);
}

.form {
  background-color: #ffffff;

}

.row.align-items-stretch>div {
  display: flex;
}

.testimonial-card {
  background: #f8f9fa;
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  max-width: 560px;
  margin: 0 auto;
}

.rating-box {
  background: white;
  padding: 8px 18px;
  border-radius: 50px;
  font-weight: bold;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.stars {
  color: #ffc107;
  font-size: 24px;
}

.verified-badge {
  background: #fce8dc;
  color: var(--accent-color);
  font-size: 0.75rem;
  padding: 4px 12px;
  border-radius: 50px;
}

.testimonial-card {
  background: #f8f9fa;
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  position: relative;
  max-width: 80%;
  margin: 0 auto;
}

.custom-indicators {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
  padding: 20px 0;
}

.custom-indicators button {
  bottom: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bbb;
  border: none;
  transition: all 0.3s;
}

.custom-indicators .active {
  background-color: #777;
  transform: scale(1.4);
}

.custom-indicators .active:hover {
  width: 40px;
  margin: 0px;
  background-color: var(--accent-color);
  transform: scale(1.4);
}

.budget-card {
  border: 2px solid rgba(166, 165, 165, 0.2);
  ;
  transition: all 0.3s;
  cursor: pointer;
}

.budget-card:hover {
  transform: translateY(-8px);
  background-color: #fde8df;
  border: 2px solid var(--accent-color);
  color: var(--accent-color);

}

.form-control,
.form-select {
  border-radius: 12px;
  padding: 0.75rem 1rem;
}

.btn-consult {
  background: white;
  background: linear-gradient(to right, #f16d00, #9a3100);
  font-weight: bold;
  border-radius: 50px;
  padding: 1rem 2.5rem;
  font-size: 1.1rem;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.btn-consult:hover {
  color: var(--accent-second-color);
  background: #f8f9fa;
  transform: translateY(-3px);
}

.line {
  position: relative;
  padding-bottom: 10px;
  width: 100%;
}

.line::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 20px;
  border: 1px solid rgb(204, 203, 203);
  width: 100%;
}

.right-side {
  background: linear-gradient(45deg, #f16d00, #9a3100);
  color: white;
  padding: 2rem 0;
}

.feature-item {
  text-align: center;
  margin-bottom: 1.5rem;
}

.feature-icon {
  width: 10%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}
footer {
  background-color: #fffefe;
  width: 100%;
  position: relative;
  padding: 45px 0 15px;

  border-top: 1px solid rgb(204, 203, 203);
}


/* =========================
   Main Footer
========================= */

.footer-main {
  display: flex;
  align-items: flex-start;
}


/* =========================
   Left Side
========================= */

.footer-left {
  padding-right: 20px;
}

.footer-brand-section {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}


/* Logo */

.icon2 {
  width: 78px;
  height: 42px;

  background-color: #a93620;
  border-radius: 8px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: white;
  font-size: 21px;

  flex-shrink: 0;
}


/* Brand */

.footer-brand-content {
  padding-top: 0;
}

.footer-brand {
  display: inline-block;

  text-decoration: none;
  color: #222;

  font-size: 28px;
  font-weight: 500;

  margin-bottom: 8px;
}

.footer-brand-content p {
  max-width: 390px;

  margin: 0;

  color: #777;
  font-size: 15px;
  line-height: 1.7;
}


/* =========================
   Bottom
========================= */

.footer-bottom {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #eeeeee;
}

.footer-bottom p {
  margin: 6px 0;

  color: #999;
  font-size: 14px;
}

.footer-bottom i {
  color: orangered;
  margin: 0 4px;
}