body{
       height: 120vh;
  background-image: linear-gradient(125deg, #141414, #532d1e);
  background-color: #141414; /* fallback if gradient fails */
  margin: 0;
} 
 p{text-align: justify;}
 h2 {
  color: #EF6D37;
  font-size: clamp(28px, 3vw, 54px);
}
 /*---------------------nav bar css start-----------------------------*/
 .navbar-nav {
      margin: 0 auto;
      color:#FFF;
    }

    .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
    }

    .dropdown-menu {
      margin-top: 0; /* Prevents offset during hover */
    }

    .header-wrapper {
      
    }

    .cta-button {
      white-space: nowrap;
    }
    .nav-link {
  position: relative;
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: 0.5rem 1rem;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 2px;
  background-color: white;
  transition: transform 0.3s ease;
}

.nav-link:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.cta-button {
  background: linear-gradient(135deg, #EF6D37, #EF6D37);
  color: white;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.cta-button:hover {
  background: linear-gradient(135deg, #feb47b, #ff7e5f);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
    .btn-primary{ background-color: #EF6D37!important; border:none; border-radius: 30px!important; padding: 10px 20px;}
    
    /*-------------------------------nav bar css end-------------------------*/

    /*---------------- banner----------------------*/
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .banner{}
    .banner .text-left {
     flex-direction: column;
     display: flex;
     justify-content: center;
    text-align: left;
    /*height: 457px;*/
    
}

.text-left > * {
  margin: 0;      /* remove spacing */
  padding: 0;     /* remove internal spacing if not needed */
  box-sizing: border-box;
}

    .banner-heading1{font-size: 43px; color: #FFF;}
    .banner h1{ color:#EF6D37; font-size: 58px; font-weight: 800;}
    .banner p{ color: #FFF; line-height: 28px;}
    .banner .photo3{ margin-top:48px;}

    .image-box {
  position: relative;
  width: 100%;
  height: 80px;
  
}

.image-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/underline.png') ; 
  background-repeat: no-repeat;
  
  background-position: bottom center;
  z-index: 1;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
    
   padding: 30px 30px;
   background-color: #352a23; margin-right: 15px;
   border-radius: 40px 40px 0px 0px;
   border: 1px solid #53423b;
   border-bottom:none;

  }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FFF;
    background-color: #EF6D37;
    padding: 30px 30px;
border-radius: 40px 40px 0px 0px;
border-bottom: none;


  }
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    color: #FFF;
    background-color: #EF6D37;
    padding: 30px 30px;
    border-radius: 40px 40px 0px 0px;
border-radius: 40px 40px 0px 0px;

  }
  div#myTabContent {
    background-color: #EF6D37 !important;
    padding: 10px 10px;
    margin-top:-16px;
}
ul#myTab {
    border-bottom: none;
}

.who-we-are{background: linear-gradient(to right, #804b35, #251b16, #804b35); color: #FFF; padding:20px 20px; border-radius: 20px;}
.who-we-are img{ width: 100%;}
.who-we-are .text-right{ display: flex; flex-direction: column; justify-content: center; height: 350px; padding: 30px;}

.who-we-are2{background: linear-gradient(to right,  #251b16, #804b35); color: #FFF; padding:20px 20px; border-radius: 20px;}
.who-we-are2 img{ width: 100%;}
.who-we-are2 .text-right{ display: flex; flex-direction: column; justify-content: center; height: 350px; padding: 30px;}
.who-we-are2 p span{ border: 1px solid #EF6D37; padding: 10px 15px; border-radius: 10px; color: #EF6D37;}


.accordion-button::after {
      content: '';
      transition: transform 0.3s ease;
      background-image: url("../images/arrow-down.png");
      background-size: 1rem;
      background-repeat: no-repeat;
      transform: rotate(0deg);
    }
   .accordion-button:not(.collapsed)::after{
      content: '';
      transition: transform 0.3s ease;
      background-image: url("../images/arrow-up.png");
      background-size: 1rem;
      background-repeat: no-repeat;
      transform: rotate(145deg);
    }

    .accordion-button:not(.collapsed)::after {
    transform: rotate(-5deg)!important;
}
    .accordion-button:not(.collapsed)::after {
      transform: rotate(90deg);
    }

    .accordion-item:hover .accordion-button.collapsed {
      
    }

    .accordion-button {
      transition: background-color 0.3s;
    }

    .custom-section {
      padding: 60px 20px;
      text-align: center;
    }

    .custom-image {
      max-width: 100%;
      border-radius: 8px;
    }

    .accordion-button:not(.collapsed) {
    color: #FFF;
    background-color: transparent;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    font-weight: 700;
}
.accordion-item {
    text-align: left; border: none!important;
}

.accordion-button {
  background-color: transparent; color: #FFF;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none; /* removes the shadow when expanded */
}

.accordion-item { background-color: #50392e; background-color: transparent; color:#FFF;}


/* why choose us css */
.callus-btn{ background-color: #EF6D37; color: #FFF; padding: 10px 20px; text-align: center; text-decoration: none; border-radius: 20px; margin: 10px 5px 10px 5px; }
.callus-btn:hover{ background-color: #141414;}

.callsch-btn{  color: #FFF; border: 1px solid #804b35; padding: 10px 20px; text-align: center; text-decoration: none; border-radius: 20px; margin: 10px 5px 10px 5px; }
.callsch-btn:hover{ background-color: #141414;}

.why-icon-box{ padding: 20px 20px; color: #251b16; width: 30%;  margin: 5px 5px; border-radius: 10px;}
.why-chooseus-wrapper{ height: 250px; display: flex; flex-direction: column; justify-content: center; }
.icon-w{ width: 100%; margin: 30px 0px; display: block; color:#FFF; text-decoration: none;}
.free-icon{ background-color: #b94628; width: 50px; height: 40px; border-radius: 25px; padding:10px 10px; margin: 0px 10px 0px 10px;}
.address-wrapper{background-image: linear-gradient(90deg, #b33615, #602611); padding: 60px 50px; border-radius: 20px 0px 0px 20px;}
.address-wrapper-two{ background-color: #272726; padding:80px 50px; border-radius: 0px 20px 20px 0px;}
.social-icon{background-color: #b94628; display: flex; float: left; justify-content: center; align-items: center; width: 40px; height: 40px; text-align: center; color: #FFF; padding: 10px 10px; margin: 0px 10px; border-radius: 8px; text-decoration: none;}
.review{ color: #b33615; border: 1px solid #b33615; padding: 10px 20px; border-radius: 20px; font-size: 16px; max-width: 100px;}

.btn-outline-secondary{ border:1px solid #b33615!important; color: #b33615!important;}
.btn-outline-secondary:hover{ background-color: #b33615!important; color: #FFF!important;}
.question-answer-wrapper{ background-color: #322c2a; color: #FFF; padding: 50px 50px; border-radius: 20px;}
.ac-heading{ background-color: #b33615!important;}
.ac-cont{background-image: linear-gradient(90deg, #b33615, #602611); color: #FFF;}
.question-wrap{ padding:100px 50px;}

.question-wrap-two{ padding:40px 50px; background-image: linear-gradient(90deg, #b87b62, #6d5d56); border-radius: 25px; }

#accordionExample2 .accordion-item .accordion-button:not(.collapsed){ background-color: #ef6d37;}
#accordionExample2 .accordion-body{ background-image: linear-gradient(90deg, #b33615, #602611);}

/*--------------------faq Page Css Start -----------------------------------*/


#accordionExample3 .accordion-item .accordion-button:not(.collapsed){ background-color: #693018;}
#accordionExample3 .accordion-item .accordion-button { background-color: #693018!important; margin-top:10px;}
#accordionExample3 .accordion-body{ background-image: linear-gradient(90deg, #b33615, #EF6D37);}
code {
    font-size: .875em;
    color: #000!important;
    word-wrap: break-word;
}

 .cta-button-3 {
      
      color: #FFF;
      padding: 12px 24px;
      border: 1px solid #FFF;
      border-radius: 30px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      transition: all 0.3s ease;
      text-decoration: none;
      display: block;
      width: 200px;
      margin: 0px auto;
    }

    .cta-button-3:hover {
      background-color: #EF6D37;
      color: white;
      border-color: #EF6D37;
    }



    #accordionExample3 .accordion-button::after {
      content: '';
      transition: transform 0.3s ease;
      background-image: url("../images/plus.png");
      background-size: 1rem;
      background-repeat: no-repeat;
      transform: rotate(0deg);

    }
   #accordionExample3 .accordion-button:not(.collapsed)::after{
      content: '';
      transition: transform 0.3s ease;
      background-image: url("../images/X.png");
      background-size: 1rem;
      background-repeat: no-repeat;
      transform: rotate(141deg);
    }
    #accordionExample3 .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg) !important;

    #accordionExample3 button.accordion-button.collapsed {
    background-color: #000!important;
    margin-top: 5px;
}
}


.needhelp{ background-color:#000; height:300px; display:flex; justify-content:center; text-align:center; border-radius:50px; flex-direction:column; }
/*--------------------faq Page Css Start -----------------------------------*/    

ul.list-unstyled li a{text-decoration: none; padding: 5px 0px; display: block; color: #000;}
/* Tablet */

/************contact us page css start***********/

.contact-top-banner {
  height: 60vh; /* Full height of the viewport */
  background-image: url('../images/contact-us-top-banner.png'); /* replace with your actual image */
  background-position: center center; /* Center the image */
  background-size: cover; /* Scale image to cover entire area */
  background-repeat: no-repeat;
  background-attachment: scroll; /* Use 'fixed' if you want parallax */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Vertically center content */
  align-items: center;     /* Horizontally center content */
  text-align: center;
  color: white; /* optional for white text on dark background */
  padding: 10px;
  border-radius: 30px;
  margin-top: 30px;
}

.contact-top-banner h2 {
  font-size: clamp(1.5rem, 5vw, 3rem);
  font-weight: bold;
  margin-bottom: 20px;
}
.cta-buttons a {font-size: clamp(0.4rem, 5vw, 1.3rem);}
/* Responsive adjustments */
@media (max-width: 768px) {
  .contact-top-banner {
    min-height: 50vh;
    padding: 40px 16px;

  }
  .custom-paragraph {
    width: 90%!important;
  }
}

@media (max-width: 480px) {
  .contact-top-banner {
    min-height: auto;
    padding: 30px 12px;
    
  }
  .cta-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-buttons a {
    width: 90%;
    text-align: center;
  }
  .custom-paragraph {
    width: 90%!important;
  }
}

.breadcrumb {
    list-style: none;
    display: flex;
    gap: 0.5rem;
  }
  .breadcrumb li+li:before {
    content: ">";
    margin: 0 0.5rem;
    color: #FFF;
  }
  .breadcrumb a {
    text-decoration: none;
    color: #FFF;
  }
  .breadcrumb .active {
    color: #EF6D37;
  }

  .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: #FFF;
}
.custom-paragraph {
  width: 60%;
  color: white;
  text-align: center;
}
.cta-buttons {
  display: flex;
  gap: 1rem;
}

.btn-dark {
  background-color: #EF6D37;
  color: #fff;
  padding: 15px 15px;
  text-decoration: none;
  border-radius: 40px;
  font-weight: normal;
  transition: background 0.3s;
  font-size:1.3rem;
}

.btn-dark:hover {
  background-color: #333;
}

.btn-light {
  background-color: rgba(255, 255, 255, 0.3); /* 50% white background */
  color: #FFF;
  padding: 15px 15px;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 40px;
  font-weight: normal;
  transition: background 0.3s, color 0.3s;
  font-size:1.3rem;

}

.btn-light:hover {
   background-color: rgba(255, 255, 255, 0.5); /* Slightly less transparent on hover */
  color: #000;
}


.custom-card .icon {
      width: 70px;
      height: 70px;
      object-fit: contain;
    }
.custom-card h4{ font-weight:normal; }
.custom-card a{ color:#FFF; }
.map-wrapper {
      width: 100%;
      padding: 0 15px; /* optional side padding */
    }

    .map-container {
      border-radius: 40px;
      overflow: hidden;
      height: 500px;
      width: 100%;
    }

    .map-container iframe {
      width: 100%;
      height: 100%;
      border: 0;
    }

    .form-box {
      background: #ffffff;
      border-radius: 20px;
      padding: 30px;
      box-shadow: 0 0 30px rgba(0,0,0,0.05);
    }

    .form-box p{color: #929292;}
    .btn-rounded {
      border-radius: 50px;
      padding: 10px 30px;
    }
    .logo-box {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }
    .logo-box img {
      max-width: 100%;
      height: auto;
    }

    .form-control{ background-color:#FCFCFC; border:1px solid #929292; padding:10px 10px; color:#929292; }

/************contact us page css end************/






/******************location page css**************************/
.link-box {
      background-color: #693018;
      color: white;
      text-align: center;
      padding: 30px 15px;
      border-radius: 10px;
      text-decoration: none;
      display: block;
      transition: all 0.3s ease;
    }

    .link-box:hover {
      background-color: #EF6D37;
      color: white;
    }

    /********************end********/
    
/*------------about us css--------------------*/
.about-text {
    justify-content: left;
    align-items: flex-start;
    
    flex-direction: column;
    
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    
    /* background: #f5f5f5; */
}
.about-text p span{ color:#EF6D37; font-weight:bold; }

/*footer css*/
footer.bg-white.text-muted.py-4 {
    border-radius: 50px 50px 0px 0px;
}
a.footer-link{ color: #000; text-decoration: none;}
a.footer-link span{ color:  #EFA037; margin-right: 5px;}

p.footer-link{ color: #000;}
p.footer-link span{ color:  #EFA037; margin-right: 5px;}
.footer-heading-top{ color: #000;}

.footer-social-box{ background-color: #000; width: 40px; height: 40px; border-radius: 6px; padding:10px 10px;}

/*-----------------------------Financing------------------------------------*/
.section-heading {
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
    }

    .section-subtext {
      text-align: center;
      max-width: 800px;
      margin: auto;
      margin-bottom: 30px;
    }

    .features-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .features-list li {
      margin-bottom: 15px;
      
    }

    .features-list li span {
      display: inline-block;
      background: #EF6D37;
      color: white;
      border-radius: 50%;
      padding: 0px 7px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      margin-right: 10px;
      font-weight: bold;
    }

    .cta-button {
      background: #EF6D37;
      border: none;
      padding: 12px 30px;
      color: white;
      border-radius: 25px;
      font-weight: bold;
      transition: background 0.3s;
    }

    .cta-button:hover {
      background: #dc2626;
    }

    .icon-box {
      text-align: center;
      padding: 20px;
    }

    .icon-circle {
      background-color: #693018;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
    }

    .icon-circle img {
      width: 50px;
    }

    .orange-text {
      color: #EF6D37;
      font-weight: bold;
    }

    .btn-contact {
      background: #EF6D37;
      border: none;
      padding: 10px 25px;
      color: white;
      border-radius: 25px;
    }

    .text-fin-color{color: #CCCCCC;}
    .features-list li { display:block; width:100%; }
    .features-list li span{  }
.features-list p{ display:inline-block;}
    .features-list p span{ color:#EF6D37; background-color:transparent; }


    /*----------------gallery-----------------------*/





     .photo-gallery {
  color:#313437;
  
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}


/*------------------- blog ----------------------------*/


    .blog-card {
      
      border-radius: 25px;
      overflow: hidden;
      transition: background-color 0.3s, color 0.3s;
      background-color: #FFFFFF;
      cursor: pointer;
      margin-bottom:30px;

    }

    .blog-card:hover {
      background-color: #EF6D37;
      color: white;
    }

    .blog-card img {
      width: 100%;
      height: auto;
      display: block;
    }

    .blog-content {
      padding: 15px;
    }

    .blog-content .small-heading {
      font-size: 14px;
      color: #888;
    }

    .blog-card:hover .small-heading {
      color: #ccc;
    }

    .blog-content .title {
      font-size: 20px;
      margin: 10px 0;
    }

    .read-more {
      display: inline-block;
      margin-top: 10px;
      padding: 8px 12px;
     color: #000;
      text-decoration: none;
      border-radius: 5px;
      transition: background-color 0.3s;
    }

    .read-more:hover {
      color: #FFF;
    }

    
.imagetopcenter{ margin:0px auto; max-width:300px;
	justify-content: center;
    align-items: center;
    display: flex;}

/* Initially hide phone number */
  .phone-number {
    display: none;
  }
.phone-number a{color:#FFF; text-decoration:none;}
.free-icon2 {
    background-color: #b94628;
    width: 40px;
    height: 35px;
    border-radius: 5px;
    padding: 7px 10px;
    margin: 0px 1px 0px 1px;
}
  /* Show phone number on devices with width up to 1024px (common tablet max width) */
  @media (max-width: 1024px) {
    .phone-number {
      display: inline-block; color:#FFF; margin-right:10px; margin-top:17px;
    }
  }