/* Cookies policy */
.lr-privacy {
  --lrp-text: #333;
  --lrp-heading: #111;
  --lrp-accent: #0073e6;
  --lrp-maxw: 850px;
  background: #fff;
  color: var(--lrp-text);
  line-height: 1.6;
}

.lr-privacy * {
  box-sizing: border-box;
}

.lrp-h1 {
  font-size: 1.9rem;
  font-weight: 500;
  color: var(--lrp-heading);
  text-align: center;
  margin-bottom: 25px;
  font-family: Outfit, sans-serif;
}

.lrp-h2 {
  font-size: 24px;
  font-weight: 500;
  color: var(--lrp-heading);
  margin: 30px 0 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  font-family: Outfit, sans-serif;
}

.lr-h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--lrp-heading);
  margin: 15px 0 10px;
  font-family: Outfit, sans-serif;
}

.lrp-p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
  padding-bottom: 20px;
  font-family: "Outfit";
}

.lrp-strong {
  font-weight: bold;
}

.lrp-list {
  margin: 10px 0 20px 20px;
  padding-left: 20px;
}

.lrp-list li {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  display: list-item;
  list-style: disc;
  cursor: auto;
  font-family: Outfit, sans-serif;
  color: #555;
}

.lrp-contact {
  margin-top: 25px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.lrp-contact .lrp-strong {
  color: var(--lrp-accent);
}

@media (max-width: 767px) {
  .lrp-h1 {
    font-size: 28px;
  }

  .lrp-p {
    font-size: 14px;
  }

  .lrp-h2 {
    font-size: 20px;
    line-height: normal;
  }

  .lr-h3 {
    font-size: 16px;
  }
}

/* End Cookies policy */

/* Privacy Policy */
.lr-privacy {
  --lrp-text: #333;
  --lrp-heading: #111;
  --lrp-accent: #0073e6;
  --lrp-maxw: 850px;
  background: #fff;
  color: var(--lrp-text);
  line-height: 1.6;
}

.lr-privacy * {
  box-sizing: border-box;
}

.lrp-h1 {
  font-size: 1.9rem;
  font-weight: 500;
  color: var(--lrp-heading);
  text-align: center;
  margin-bottom: 25px;
  font-family: Outfit, sans-serif;
}

.lrp-h2 {
  font-size: 24px;
  font-weight: 500;
  color: var(--lrp-heading);
  margin: 30px 0 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  font-family: Outfit, sans-serif;
}

.lr-h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--lrp-heading);
  margin: 15px 0 10px;
  font-family: Outfit, sans-serif;
}

.lrp-p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
  padding-bottom: 20px;
  font-family: "Outfit";
}

.lrp-strong {
  font-weight: bold;
}

.lrp-list {
  margin: 10px 0 20px 20px;
  padding-left: 20px;
}

.lrp-list li {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  display: list-item;
  list-style: disc;
  cursor: auto;
  font-family: Outfit, sans-serif;
  color: #555;
}

.lrp-contact {
  margin-top: 25px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.lrp-contact .lrp-strong {
  color: var(--lrp-accent);
}

@media (max-width: 767px) {
  .lrp-h1 {
    font-size: 28px;
  }

  .lrp-p {
    font-size: 14px;
  }

  .lrp-h2 {
    font-size: 20px;
    line-height: normal;
  }

  .lr-h3 {
    font-size: 16px;
  }
}

/* End Privacy Policy */

/* Terms and Condition */
.lr-privacy {
  --lrp-text: #333;
  --lrp-heading: #111;
  --lrp-accent: #0073e6;
  --lrp-maxw: 850px;
  background: #fff;
  color: var(--lrp-text);
  line-height: 1.6;
}

.lr-privacy * {
  box-sizing: border-box;
}

.lrp-h1 {
  font-size: 1.9rem;
  font-weight: 500;
  color: var(--lrp-heading);
  text-align: center;
  margin-bottom: 25px;
  font-family: Outfit, sans-serif;
}

.lrp-h2 {
  font-size: 24px;
  font-weight: 500;
  color: var(--lrp-heading);
  margin: 30px 0 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  font-family: Outfit, sans-serif;
}

.lr-h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--lrp-heading);
  margin: 15px 0 10px;
  font-family: Outfit, sans-serif;
}

.lrp-p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
  padding-bottom: 20px;
  font-family: "Outfit";
}

.lrp-strong {
  font-weight: bold;
}

.lrp-list {
  margin: 10px 0 20px 20px;
  padding-left: 20px;
}

.lrp-list li {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  display: list-item;
  list-style: disc;
  cursor: auto;
  font-family: Outfit, sans-serif;
  color: #555;
}

.lrp-contact {
  margin-top: 25px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
}

.lrp-contact .lrp-strong {
  color: var(--lrp-accent);
}

@media (max-width: 767px) {
  .lrp-h1 {
    font-size: 28px;
  }

  .lrp-p {
    font-size: 14px;
  }

  .lrp-h2 {
    font-size: 20px;
    line-height: normal;
  }

  .lr-h3 {
    font-size: 16px;
  }
}

/* End Terms and condition */

/* Packages page */

/* Pricing Plan Show/Hide Features */
.pricing-plan li.p-hide {
  display: none !important;
}

.pricing-plan li.p-show {
  display: flex !important;
}

/* End Packages Page */

/* Work page */
@media (max-width: 575px) {
  body {
    height: auto !important;
  }
}

/* End Work page */

/* Footer bottom */

/* Cookie banner styles */
#cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 9999;
  background: #252525;
  color: rgb(255, 255, 255);
  padding: 12px 10px;
  text-align: center;
  gap: 12px;
  font-family: inherit;
  font-weight: 300;
  box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}

#cookie-banner .cb-text {
  flex: 1;
  font-size: 14px;
  line-height: 1.4;
}

#cookie-banner .cb-btn {
  margin: 5px;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  padding: 9px 12px;
  position: relative;
  cursor: pointer;
}

/* End Footer bottom */

/* pop up form of hire dev usa page */
/* Animated Gradient Keyframes */
@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Modal Overlay */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  opacity: 0;
  transition: opacity 0.3s ease;
  overflow-y: auto;
  padding: 20px;
  align-items: center;
  justify-content: center;
}

.modal-overlay.active {
  display: flex !important;
  opacity: 1;
}

/* Modal Container */
.modal-container {
  background: #fff;
  border-radius: 10px;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  transform: scale(0.9);
  transition: transform 0.3s ease;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1000000;
}

.modal-overlay.active .modal-container {
  transform: scale(1);
}

/* Modal Header */
.modal-container {
  margin-top: 20px;
}

.modal-container .form-group p {
  display: flex !important;
  gap: 10px;
}

.free-Consultation-btn p {
  justify-content: center;
  flex-direction: column;
}

.free-Consultation-btn .wpcf7-spinner {
  display: none;
}
.modal-container .form-group p span {
  width: 100%;
  margin-bottom: 15px;
}

.modal-container .form-group input,
.modal-container .form-group textarea {
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 16px;
  font-family: "Outfit", sans-serif;
  margin-bottom: 5px;
}

.modal-container .form-group input:focus-visible,
.modal-container .form-group textarea:focus-visible {
  outline: none;
}

.modal-container .form-group input {
  width: 100%;
}

.modal-container input[type="submit"] {
  font-size: 14px;
  height: 41px;
  width: 205px !important;
  margin: 0 auto !important;
  color: white;
  display: block;
  background-color: rgb(235 117 59);
  border-radius: 30px;
  transition: all ease 0.3s;
  cursor: pointer;
}

.modal-container input[type="submit"]:hover {
  background-color: rgb(2 175 229);
  cursor: pointer;
}

.free-Consultation-group {
  display: block;
  padding-top: 20px;
  font-family: "Outfit", sans-serif;
}
.free-Consultation-group span br {
  display: none;
}
.free-Consultation-group p {
  justify-content: center;
  font-family: "Outfit", sans-serif;
}
.free-consultation-wrap {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.free-consult-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #078988;
  padding: 2px 12px;
  max-width: 250px;
  border: 2px solid #d5d5d5;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.33);
  text-decoration: none;
  padding: 5px;
  font-family: "Outfit", sans-serif;
}

.free-consult-btn .icon {
  width: 36px !important;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #ffffff;
  padding-right: 7px;
  filter: brightness(1);
  font-size: 16px;
  color: #ffffff;
}

/* Text section */
.free-consult-btn .text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  font-family: "Outfit", sans-serif;
}

.free-consult-btn small {
  font-size: 13px;
  color: #ffffff;
  font-family: "Outfit", sans-serif;
}

.free-consult-btn strong {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

/* CF7 Response Messages */
.modal-body .wpcf7-response-output {
  margin: 15px 0 0 0;
  padding: 12px;
  border-radius: 5px;
  border: none;
  font-size: 14px;
  font-family: "Outfit", sans-serif;
}

.modal-body .wpcf7-validation-errors {
  background-color: #fff3cd;
  color: #856404;
  font-family: "Outfit", sans-serif;
}

.modal-body .wpcf7-mail-sent-ok {
  background-color: #d4edda;
  color: #155724;
  font-family: "Outfit", sans-serif;
}

.modal-body .wpcf7-mail-sent-ng,
.modal-body .wpcf7-aborted {
  background-color: #f8d7da;
  color: #721c24;
  font-family: "Outfit", sans-serif;
}

/* hire-dev-form */
.hire-developer-form {
  margin-top: 20px;
}
.hire-developer-form .form-group p {
  display: flex;
  gap: 10px;
}
.hire-developer-form .form-group p span {
  width: 100%;
  margin-bottom: 15px;
}
.free-Consultation-group p a span {
  margin-bottom: 0 !important;
}

.hire-developer-form .form-group input,
.hire-developer-form .form-group textarea {
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 16px;
  font-family: "Outfit", sans-serif;
  margin-bottom: 5px;
}
.hire-developer-form .form-group input:focus-visible,
.hire-developer-form .form-group textarea:focus-visible {
  outline: none;
}

.hire-developer-form .form-group input {
  width: 100%;
}

.hire-developer-form input[type="submit"] {
  font-size: 14px;
  height: 41px;
  width: 205px;
  margin: 0 auto;
  color: white;
  display: block;
  background-color: rgb(235 117 59);
  border-radius: 30px;
  transition: all ease 0.3s;
}
.hire-developer-form input[type="submit"]:hover {
  background-color: rgb(2 175 229);
}

/* contact form */

.contact__form_contact .form-group p,
.contact__form_contact .form-group-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.contact__form_contact .form-group p br {
  display: none;
}

.contact__form_contact input {
  border-radius: 0;
  width: 100%;
  margin-bottom: 2px !important;
}
.contact__form_contact textarea {
  margin-bottom: 5px !important;
  border-radius: 0;
}

.contact__form_contact .wpcf7-form-control-wrap,
.contact__form_contact .form-group-two {
  margin-bottom: 25px !important;
}

.contact-number span > span {
  display: none;
}

.contact__form_contact .contact-number {
  position: absolute;
  top: 0;
  left: 90px;
}

.contact__form_contact .country-group,
.country-code {
  position: relative;
}
.wpcf7-not-valid-tip {
  font-size: 13px;
  margin-bottom: 0 !important;
}
.contact__form_contact input[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 170px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  text-transform: capitalize;
  color: var(--black-3);
  border: 1px solid var(--gray);
  border-radius: 100%;
  margin-top: 20px;
  transition: all ease 0.3s;
  cursor: pointer;
}

.contact__form_contact input[type="submit"]:hover {
  background-color: black;
  color: white;
}

.contact__form_contact .submit-btn p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contact__form_contact .country-code {
  z-index: 20;
}

.contact__form_contact .country-code > p {
  display: flex;
}

.contact__form_contact .country-code span:first-child {
  width: 90px;
}

.portfolio__detail-btns a i::before {
  display: none !important;
}
.contact__form_contact .intl-tel-input .country-list .divider {
  width: 100%;
}
.country-list li.country {
  display: block !important;
}
.leading-loose br {
  display: none;
}
.contact__form_contact .country-code p {
  position: relative;
}
.contact__form_contact .country-code p span {
  margin-bottom: 0 !important;
}
.contact__form_contact .flag-container + input[type="text"] {
  display: none;
}
.contact__form_contact .country-code p span:first-child {
  position: absolute;
  z-index: 9999;
  height: 57px;
}
.contact__form_contact .country-code p span:first-child > div {
  height: 100%;
}
.contact__form_contact .country-code p input[type="tel"] {
  padding-left: 105px;
}

@media (max-width: 767px) {
  .contact__form_contact .form-group p,
  .contact__form_contact .form-group-two {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .contact__form_contact input,
  .contact__form_contact textarea {
    margin-bottom: 20px !important;
  }
  .contact__form_contact .country-group {
    margin-bottom: 15px;
  }
  .contact__form_contact input[type="submit"] {
    width: 130px;
    height: 130px;
  }
  .modal-container .form-group input,
  .modal-container .form-group textarea {
    font-size: 14px;
  }
}

body.page-template-terms-conditions,
body.page-template-privacy-policy,
body.page-template-cookies-policy {
  height: auto !important;
}

.page-template-home .duration-1000:hover {
  background: none !important;
  color: #374151 !important
      ;
}
/* Forces FontAwesome icons to use 'swap' so they don't block rendering */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-display: swap;
  src: local("Font Awesome 6 Free");
}

.say-hello {
  --borderWidth: 3px;
  position: relative;
  border-radius: var(--borderWidth);
  border: 0;
  color: #fff;
}

.say-hello:hover {
  color: #fff;
}

.say-hello::after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(
    60deg,
    #f79533,
    #f37055,
    #ef4e7b,
    #a166ab,
    #5073b8,
    #1098ad,
    #07b39b,
    #6fba82
  );
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.head-navigation a.active {
  background: linear-gradient(60deg, #6590e6, #e25a80);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Navigation link styles to match Laravel version */
.head-navigation a {
  opacity: 0.7;
  transition:
    opacity 0.5s,
    background 0.5s;
}

.head-navigation a:hover {
  opacity: 1 !important;
  background: linear-gradient(60deg, #8d5cea, #e09b8f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

header nav {
  z-index: 9;
  position: relative;
}

/* Logo sizing to match Laravel */
.custom-logo {
  width: 9rem;
  /* 36 * 4 = 144px = w-36 */
  height: 43px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .custom-logo {
    width: 11rem;
    /* 44 * 4 = 176px = w-44 */
  }
}

@media (min-width: 1536px) {
  .custom-logo {
    width: auto;
  }
}

/* Mobile menu styles - matching Laravel exactly */
#navbar-collapse {
  display: none;
}

#navbar-collapse.open {
  display: flex;
}

@media (min-width: 1024px) {
  #navbar-collapse {
    display: flex !important;
  }
}

/* Font size adjustments to match Laravel */
@media (min-width: 1024px) {
  .head-navigation a,
  .say-hello {
    font-size: 18px;
  }
}

@media (min-width: 1536px) {
  .head-navigation a,
  .say-hello {
    font-size: 1.125rem;
    /* 18px */
  }
}

/* Sticky Header Styles */
header {
  transition:
    background-color 0.1s ease,
    padding 0.1s ease;
  background-color: transparent !important;
  /* Always transparent initially */
}

body.page-template-contact-us header,
body.page-template-contact-copy header {
  background-color: var(--scroll-bg-color) !important;
}

header.scrolled {
  background-color: var(--scroll-bg-color) !important;
  backdrop-filter: blur(10px);
}

header.scrolled nav {
  padding-top: 16px;
  padding-bottom: 16px;
}

.postid-78 #headdynamic nav , .postid-21 #headdynamic nav{
  background-color: #fff;
}

.postid-78 #headdynamic , .postid-21 #headdynamic {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.postid-78 .solution__area , .postid-21 .solution__area{
    margin-top: 75px;
}
@media (min-width: 1024px) {
  header.scrolled nav {
    padding-top: 24px;
    padding-bottom: 24px;
  }

}
@media(max-width:991px){
.postid-78 .solution__area , .postid-21 .solution__area {
                    margin-top: 0;
        }
}


/* Text color transitions */
header .head-navigation a,
header button {
  color: var(--text-color);
  transition:
    color 0.3s ease,
    opacity 0.5s,
    background 0.5s;
}

header button svg {
  stroke: var(--text-color);
  transition: stroke 0.3s ease;
}

/* Say Hello button always white */
header .say-hello {
  color: #fff !important;
  transition:
    opacity 0.5s,
    background 0.5s;
}

/* Active menu item styling */
.head-navigation a.active {
  opacity: 1 !important;
  background: linear-gradient(to right, #8d5cea, #e09b8f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Ensure hover effects work properly */
.head-navigation a:hover {
  opacity: 1 !important;
}

/* Hide AOS elements before animation */
[data-aos] {
  opacity: 0 !important;
  transition-property: opacity, transform;
}

[data-aos].aos-animate {
  opacity: 1 !important;
}

.head-navigation a:first-child {
  margin-left: 0 !important;
}

.head-navigation a:nth-last-child(2) {
  margin-right: 0 !important;
}

/* Header scroll behavior */
#headdynamic {
  transition: transform 0.3s ease-in-out;
}

#headdynamic.scroll-down {
  transform: translateY(-100%);
}

#headdynamic.scroll-up {
  transform: translateY(0);
}

#headdynamic.scrolled {
  position: fixed;
  background-color: var(--scroll-bg-color);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}