/*your custom css goes here*/ 
/*your custom css goes here*/ 
/*your custom css goes here*/ 


:root {

  /* Theme */
  --primary-color: #ff6600;
  --primary-dark: #cc5200;
  --primary-light: #ff944d;

  /* Text Colors */
  --primary-text: #333e48;
  --secondary-text: #868e8e;

  /* General Colors */
  --white: #ffffff;
  --black: #000000;
  --light: #f0f0f0;
  --gray: #d2d6de;
  --dark: #222222;
  --red: #dd4b39;
  --yellow: #fed700;
  --aqua: #00c0ef;
  --green: #00a65a;
  --lime: #01ff70;
  --maroon: #d81b60;
  --pink: #e75b8d;


  /* Theme Styling */
  --box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  --border-radius: 6px;
  --border-radius-3: 3px;
  --transition: all 500ms ease;
}
  /* Fonts */
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-xxl: 21px;
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
}
/******* Footer ********/
.main-footer {
  background-color: #e8e8e8;
  color: var(--secondary-text);
  font-size: 13px;
  padding: 20px 0 10px;
  border-top: 1px solid var(--light);
  border-bottom: 1px solid var(--light);
}

.main-footer h3 {
  font-size: var(--font-size-lg);
  font-weight: 400;
  color: var(--primary-text);
  margin-bottom: 10px;
}

.footer-subscribe-form h3 {
  font-weight: 200;
}

.footer-subscribe-form .footer-subscribe-input {
  width: 240px;
  padding: 5px;
  height: 32px;
  font-size: var(--font-size-sm);
  font-weight: 400;
  background-color: var(--white);
  border: 1px solid var(--gray);
}

.footer-subscribe-form .footer-subscribe-submit {
  height: 32px;
  min-width: 100px;
  margin: 0;
  padding: 0 15px;
  font-size: 13px;
  color: var(--white);
  border: 0;
  background-color: #e62e04;
}

.footer-subscribe-input:active,
.footer-subscribe-input:focus,
.footer-subscribe-submit:active,
.footer-subscribe-submit:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
}

.footer-subscribe-form .tips {
  margin: 10px 0 0 0;
  font-size: var(--font-size-sm);
}

.footer-social-networks {
  padding-top: 5px;
  margin-bottom: 10px;
  vertical-align: top;
}

ul.footer-social-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.footer-social-list>li {
  float: left;
  margin-inline-end: 8px;
}

.footer-social-list>li .fa {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--white);
}

.footer-social-list>li .fa.fa-facebook {
  background: #46629e;
}

.footer-social-list>li .fa.fa-twitter {
  background: #55acee;
}

.footer-social-list>li .fa.fa-pinterest {
  background: #cd2129;
}

.footer-social-list>li .fa.fa-instagram {
  background: #457399;
}

.footer-social-list>li .fa.fa-google-plus {
  background: #dd4b39;
}

.footer-social-list>li .fa.fa-youtube {
  background: #ff0000;
}

.footer-social-list li a:hover {
  background: #282828;
  text-decoration: none;
}

.footer-link-list {
  padding-inline-start: 0px;
  margin-bottom: 10px;
}

.footer-link-list li {
  margin: 0;
  list-style: none;
  line-height: 24px;
}

.footer-link-list li a {
  color: var(--secondary-text);
  font-size: var(--font-size-sm);
}

@media screen and (max-width: 375px) {
  .footer-subscribe-form .footer-subscribe-input {
    width: 169px;
  }
}

/* Helper Footer */
.user-helper-footer {
  position: relative;
  background: #262626;
  color: var(--white);
  padding-top: 30px;
  border-top: 2px solid var(--secondary-text);
}

.contact-info .media,
.contact-info .media .media-body h4 {
  color: var(--primary-text);
  font-size: var(--font-size-lg) !important;
  font-weight: lighter !important;
  letter-spacing: 1px;
}

.contact-info .media>.pull-left {
  padding-inline-end: 5px;
}

.contact-info .media .media-body h4 {
  margin-top: 0px;
}



.footer {
  background-color: var(--dark);
}

.footer-newsletter-box {
  padding: 10px 0;
  border-bottom: 1px solid var(--primary-dark);
}

@media screen and (max-width: 991px) {
  .footer-newsletter-box {
    padding: 30px 0;
  }
}

.footer-newsletter-box-content {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .footer-newsletter-box-content {
    padding-bottom: 0px;
  }
}

.footer-newsletter-box-icon {
  padding-inline-end: 20px;
}

@media screen and (max-width: 991px) {
  .footer-newsletter-box-icon {
    padding-inline-end: 10px;
  }
}

.footer-newsletter-box-text {
  color: var(--light);
}

.footer-newsletter-box-text h3 {
  font-weight: 600;
  text-transform: capitalize;
}

.footer-newsletter-box-text p {
  font-weight: 300;
}

@media screen and (max-width: 991px) {
  .footer-newsletter-box-text p {
    padding-top: 5px;
    font-size: var(--font-size-sm);
    line-height: 18px;
  }
}

.footer-newsletter-box-form {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-newsletter-box-form form {
  width: 100%;
}

.footer-newsletter-box-form-box {
  background-color: var(--white);
  border-radius: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-newsletter-box-form-box input {
  width: calc(100% - 140px);
  border-radius: 40px;
  border: none;
  font-weight: 400;
  font-size: var(--font-size);
  padding: 16px 0 16px 33px;
  color: var(--primary-text);
}

.footer-newsletter-box-form-box input::placeholder {
  color: var(--secondary-text);
}

@media screen and (max-width: 991px) {
  .footer-newsletter-box-form-box input {
    padding: 10px 0 10px 20px;
    width: 100%;
  }
}

.footer-newsletter-box-form-box button {
  background: var(--primary-color);
  border-radius: 40px;
  padding: 16px 38px;
  border: none;
  outline: none;
  color: var(--light);
  font-weight: 500;
  letter-spacing: 0.6px;
  transition: var(--transition);
}

.footer-newsletter-box-form-box button:hover {
  background-color: var(--primary-dark);
  color: var(--light);
}

@media screen and (max-width: 991px) {
  .footer-newsletter-box-form-box button {
    font-size: var(--font-size);
    padding: 10px 20px;
  }
}

.footer-content {
  padding: 40px 0 60px;
}

.footer-content .footer-brand-info i {
  padding: 6px 10px 0 0;
  width: 20px;
  color: var(--primary-color);
}

.footer-content-box-inner {
  padding-top: 5px;
}

.footer-logo img {
  max-width: 160px;
  margin-bottom: 15px;
}

.footer-content-box-inner a,
.footer-content-box-inner p {
  line-height: 22px;
  color: var(--secondary-text);
  transition: var(--transition);
}

.footer-content-box-inner a:hover {
  color: var(--primary-color);
}

.footer-content-box-title {
  padding: 5px 0 8px 0;
}

.footer-content-box-title h3 {
  font-size: var(--font-size-lg);
  color: var(--light);
}

.footer-content-box-links a {
  color: var(--secondary-text);
  line-height: 22px;
  transition: var(--transition);
}

.footer-content-box-links a:hover {
  color: var(--primary-color);
  border-bottom: 1px solid var(--light);
}

@media screen and (max-width: 991px) {
  .footer-content {
    padding: 20px 0;
    padding-bottom: 10px;
  }

  .footer-content-box {
    padding-bottom: 20px;
  }

  .footer-content-box-inner p,
  .footer-content-box-inner a {
    font-size: var(--font-size-sm);
    line-height: 16px;
  }

  .footer-content-box-title {
    padding-bottom: 7px;
  }

  .footer-content-box-title h3 {
    font-size: var(--font-size-lg);
    line-height: 22px;
  }

  .footer-content-box-links a {
    font-size: var(--font-size-sm);
    line-height: 16px;
  }
}

.footer-content-box-social ul {
  display: flex;
  flex-wrap: wrap;
}

.footer-content-box-social li {
  padding-inline-end: 8px;
  padding-bottom: 5px;
}

.footer-content-box-social a {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--light);
  border-radius: var(--border-radius);
  transition: var(--transition);
}

.footer-content-box-social li a,
.footer-content-box-social li i {
  padding-inline-end: 0px;
  color: var(--primary-text);
}

@media screen and (max-width: 991px) {
  .footer-content-box-social a {
    width: 25px;
    height: 25px;
    font-size: var(--font-size-sm);
  }
}

.footer-content-box-social a:hover {
  background-color: var(--primary-color);
  color: var(--light);
}

.footer-content-box-social a:hover i,
.footer-content-box-social a:hover span {
  color: var(--light);
}

/* Copyright */
.copyright-area {
  background: var(--black);
  color: var(--white);
  box-shadow: var(--box-shadow);
  position: relative;
}

.copyright-text {
  float: right;
}

.copyright-area .links-list {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}

.copyright-area .links-list>li {
  display: inline-block;
  margin-inline-end: 10px;
  font-size: var(--font-size);
  color: var(--secondary-text);
}

.copyright-area .links-list>li>a {
  color: var(--secondary-text);
  text-decoration: none;
  transition: var(--transition);
}

.copyright-area .links-list>li>a:hover {
  color: var(--primary-color);
}




/* Custom Look and Feel for slider */
.custom-slider-wrapper .carousel-box {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.banner-img-wrapper img.transition-zoom {
  transition: transform 0.8s ease-in-out;
}
.banner-img-wrapper img.transition-zoom:hover {
  transform: scale(1.05);
}

.slider-overlay {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4), rgba(12, 35, 84, 0.7));
  backdrop-filter: blur(6px);
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.animate-fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s forwards;
}
.animate-fade-in.delay-1s {
  animation-delay: 0.5s;
}
.animate-fade-in.delay-2s {
  animation-delay: 1s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Custom Look and Feel for Feature category */
.category-card {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.category-overlay {
  background: linear-gradient(0deg, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.2) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.hover-zoom {
  transition: transform 0.6s ease;
}
.hover-zoom:hover {
  transform: scale(1.05);
}

.small-gap a {
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
}