/*!
Theme Name: Banizzo
Theme URI: https://themeforest.net/item/banizzo-digital-agency-wordpress-theme/48801222
Author: CodeXup
Author URI: https://codexup.com/
Description: Banizzo is a lightweight, clean and minimal agency theme perfect for a digital agency, creative agency, startup agency, agency, blog and many more. It is fully responsive and browser compatibility. It is a simple, easy-to-use, modern and creative, user-friendly WordPress theme. The codes included in the theme are made SEO-friendly so that people can easily notice you and you get more visitors. The clean and secure HTML codes of this theme make your website function smoothly on several platforms and as these are optimized codes, your website will have a faster page load time to load quickly.
Version: 1.7
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: banizzo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

banizzo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.header__logo {
    width: 120px !important;
}

.footer__widget-four {
  display: none !important;
}


.footer__widgets {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.footer__widgets > div {
  flex: 1;
  min-width: 250px;
}

img.footer__logo {
    width: 30%;
}

.portfolio__details .meta {
    gap: 20px 40px;
    display: none;
    flex-wrap: wrap;
    margin-bottom: 30px;
}



  ul {
    padding-left: 20px;
  }

  .highlight {
    font-weight: bold;
    color: #e84f22;
  }

  .cta {
    margin-top: 50px;
    background-color: #e84f22;
    color: #fff;
    padding: 30px 20px;
    border-radius: 12px;
    text-align: center;
    animation: fadeInUp 1s ease forwards;
  }

  .cta h2 {
    color: #fff;
    margin: 0 0 10px;
    font-size: 1.8em;
  }

  .cta p {
    font-size: 1.1em;
  }

  .cta a {
    display: inline-block;
    margin-top: 15px;
    text-decoration: none;
    color: #fff;
    background-color: #c7431d;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: bold;
    transition: background-color 0.3s ease;
  }

  .cta a:hover {
    background-color: #a63a17;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes slideDown {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 768px) {
    h1 {
      font-size: 2em;
    }

    h2 {
      font-size: 1.5em;
    }

    .cta {
      padding: 20px 15px;
    }
  }

/*btn form css*/

.advertising-box {
  border: 1px solid #ccc;
  padding: 20px;
  max-width: 500px;
  background: #f9f9f9;
  border-radius: 6px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
}

.modal-content {
  background-color: #fff;
  margin: auto;
  padding: 30px;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  position: relative;
}

.modal .close {
  color: #aaa;
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

/* Your button style */
.cxu-btn-primary {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  border: none;
  font-family: Roboto, sans-serif;
  padding: 16px 30px;
  border-radius: 3px;
  background-image: linear-gradient(to right, var(--primary) 25%, var(--secondary) 50%, var(--primary) 75%, var(--secondary) 100%);
  background-repeat: no-repeat;
  background-size: 200% 200%;
  transition: all 0.5s;
  text-transform: uppercase;
}

.cxu-btn-primary:hover {
  background-position: 100% 100%;
  color: #fff;
}

/* Gradient styling for WPForms submit button */
.wpforms-submit {
    background: linear-gradient(45deg, #ff4904, #f50366) !important;
    border: none !important;
    color: #fff !important;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 8px;
    transition: all 0.4s ease;
    animation-duration: 0.6s;
    animation-fill-mode: both;
}

/* Hover effect with smoother fade-up animation */
.wpforms-submit:hover {
    filter: brightness(1.1);
    cursor: pointer;
    animation-name: cxufadeUpSmooth;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

.portfolio__details .meta {
    gap: 20px 40px;
    display: none;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.contact__item ul {
    padding: 0;
}
.contact__item .icon {
    fill: #fff;
}

@media (max-width: 767px) {
	
.header__logo {
    width: 60px !important;
}
	
	.team__social {
    background-position: center 45px;
}
	
}


.footer__top p {
    color: #ffffff;
}

.footer__menu li a {
    display: block;
    font-size: 16px;
    color: #ffffff;

}

img.footer__logo {
    width: 30%;
}

ul#menu-footer-menu {
    padding: 0px !important;
}

ul#menu-footer-menu-2 {
    padding-left: 0px !important;
}

.footer__btm {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ffffff;
}


 .page-id-115 ul {
    padding-left: 0px !important;
  }


.offcanvas__top img {
    max-width: 85px;
    height: min-content;
}