/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.0.1737351665
Updated: 2025-01-20 05:41:05

*/
html {
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
}
.whatsaap-fixed-button {
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index:1000;
   
}
.secondary-button a,
.secondary-button.forminator-button {
  transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out; /* Smooth transition */
  color: #fff !important;
  background: #222222 !important; /* Initial solid color */
  background-size: 200% 100% !important; /* Prepare for gradient animation */
  background-image: linear-gradient(
    to left,
    #b38633 50%,
    #b38633 50%
  ) !important; /* Gradient for hover effect */
  background-position: right bottom !important; /* Default position */

}
.secondary-button a:hover,
.secondary-button.forminator-button:hover {
  background-position: left bottom !important; /* Move gradient to the right */
  color: #fff !important; /* Ensure text color stays white */
}
.banner-btn a {
  transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out; /* Smooth transition */
  color: #fff !important;
  background: #222222 !important; /* Initial solid color */
  background-size: 200% 100% !important; /* Prepare for gradient animation */
  background-image: linear-gradient(
    to left,
   
    #b38633 50%,
    #242424 50%
  ) !important; /* Gradient for hover effect */
  background-position: right bottom !important; /* Default position */

}
.wp-block-button.secondary-button.border-on-hover a{
		border: 1px solid #222222;
}

.banner-btn a:hover{
  background-position: left bottom !important; /* Move gradient to the right */
  color: #fff !important; /* Ensure text color stays white */
}
/* //test */
.secondary-button-reverse a,
{
  transition: background-position 0.3s ease-in-out, color 0.3s ease-in-out; /* Smooth transition */
  color: #fff !important;
  background: #b38633 !important; /* Initial solid color */
  background-size: 200% 100% !important; /* Prepare for gradient animation */
  background-image: linear-gradient(
    to left,
   
    #b38633 50%,
	   #242424 50%
  ) !important; /* Gradient for hover effect */
  background-position: right bottom !important; /* Default position */

}


.secondary-button-reverse a:hover,
 {
  background-position: left bottom !important; /* Move gradient to the right */
  color: #fff !important; /* Ensure text color stays white */
}



.wp-block-navigation__responsive-container-content>ul>li {
  /* border-bottom: 1px solid #b3863391; */
}

.header-absolute{

  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
height: 40px;
    padding: 0px;
    width: 40px;
}

.wp-block-search__button svg{
  min-height: 25px;
    min-width: 25px;
}




.wp-block-button.secondary-button.border-on-hover a:hover {
    border: 1px solid white;
}
.wp-block-navigation__submenu-container li.wp-block-navigation-item:hover {
  background: #b38633;
}

.wp-block-navigation__submenu-container li.wp-block-navigation-item:hover a {
  text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item:hover a {
  text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-item:hover::after,
.wp-block-navigation .wp-block-navigation-item.active::after {
  width: 100%;
}
@media(min-width:768px){

  .wp-block-navigation .wp-block-navigation-item:after,
  .wp-block-navigation .wp-block-navigation-item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    content: ".";
    color: transparent;
    background: #b38633;
    height: 2px;
    transition: all 0.5s ease-in-out;
  }
}

/* Basic styles for the read-more-row */
.read-more-row {
  color: #141414;
  cursor: pointer;
  overflow: hidden; /* To hide text initially */
  transition: all 0.4s ease-in-out; /* Smooth transition */
  width: 40px; /* Initial width */
  position: relative;
}

/* Styling for the arrow */
.read-more-arrow {
  transform: translateX(10px); /* Position at center initially */
  transition: transform 0.4s ease-in-out;
  z-index: 999;
  opacity: 1;
}

/* Hide text initially */
.read-more-text {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  white-space: nowrap;
}

/* Hover effect: Expand the button and reveal text */
.read-more-box:hover .read-more-row {
  width: 150px; /* Expanded width */
}

/* Reveal text on hover */
.read-more-box:hover .read-more-text {
  opacity: 1;
}

/* Slide arrow to the left on hover */
.read-more-box:hover .read-more-arrow {
  transform: translateX(115px);
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 0px !important;
}

.services-box {
  position: relative;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.services-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45); /* Simulate brightness reduction */
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
  pointer-events: none; /* Allow clicks to pass through */
  border-radius: 15px;
}

.services-box:hover::before {
  opacity: 1;
}

.wp-block-group.services-inner-box {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  cursor: pointer;
  z-index: 2; /* Ensure it is above the pseudo-element */
}

.services-inner-box-paragraph {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 1s ease, opacity 1s ease, visibility 1s ease;
}

.services-box:hover .services-inner-box-paragraph {
  max-height: 200px; /* Adjust to fit your content */
  opacity: 1;
  visibility: visible;
}

.services-inner-box-arrow {
  transition: transform 0.5s ease; /* Smooth rotation */
}

.services-box:hover .services-inner-box-arrow {
  transform: rotate(-45deg); /* Rotate on hover */
}

.blog-main-box li.wp-block-post {
  position: relative;
}

.taxonomy-category {
  position: absolute;
  top: 77px;
  z-index: 2;
  left: -14px;
}
.taxonomy-category a {
  text-decoration: none;
}
.taxonomy-category::before {
  position: absolute;
  left: 0;
  bottom: -15px;
  content: "";
  background: #b38633;
  width: 15px;
  height: 15px;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.taxonomy-category::after {
  position: absolute;
  left: 0;
  top: -15px;
  content: "";
  background: #b38633;
  width: 15px;
  height: 15px;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
}


/* 
.forminator-design--material
  .forminator-input--wrap:after {
  background-color: #b38633;
}

.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-textarea--wrap:after {
  border: none;
  border-bottom: 2px solid;
  border-color: #b38633;
}
.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-textarea {
  border: none;
  border-bottom: 1px solid;
  padding-left: 0px;
  padding-top: 35px !important;
}
.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-floating--textarea {
  padding-left: 0px !important;
}

.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-has_error
  .forminator-error-message {
  font-size: 15px;
  color: red;
}
.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-button {
  font-size: 18px;
  border-radius: 50px;
  padding: 16px 36px;
}

.forminator-file-upload {
  margin-top: 10px;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio input:checked+.forminator-radio-bullet:before{
  background: #b38633;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio input:checked+.forminator-radio-bullet{
  border: 2px solid #b38633;
} */
@media (min-width: 780px) {
  .header-mobile-top-row {
    display: none;
  }
}
@media (max-width: 780px) {
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    padding-top: calc(10rem + 24px);
  }
  /* .wp-block-navigation__responsive-container-close {
    top: 80px;
  } */
  .header-main-column {
    flex-wrap: nowrap !important;
  }
  .header-top-row {
    display: none !important;
  }
  .header-inner-right-column {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .header-inner-right-column div {
    margin-top: 0px !important;
  }
 
  figure.about-right-img {
    margin-left: 0px !important;
  }
  .contact-us-below-line{
    margin-bottom: 50px !important ;
  }
  
}
figure.gallery-img {
  filter: brightness(1);
  transition: 0.3s ease;
}
figure.gallery-img:hover {
  filter: brightness(0.7);
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-icon {
  display: block !important;
}

@media (max-width: 768px) {
  /* Initial state: Hide the submenu */
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container {
    max-height: 0;
    overflow: hidden !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0 !important;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out,
      opacity 0.3s ease-out;
  }

  /* On click, show the submenu */
  .wp-block-navigation-item.open .wp-block-navigation__submenu-container {
    max-height: 500px;
    /* Adjust as needed */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    opacity: 1 !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container li.wp-block-navigation-item.wp-block-navigation-link a {
    font-size: 18px !important;
    text-align: left;
}
  /* Submenu icon - initial state */
  .wp-block-navigation__submenu-icon {
    display: inline-block !important;
    margin-left: 5px !important;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
    /* Initial state: no rotation */
  }

  /* Rotate the arrow when the parent <li> is active */
  .wp-block-navigation-item.open .wp-block-navigation__submenu-icon {
    transform: rotate(180deg);
    top: 8px;
    transition: transform 0.3s ease;
  }

  /* Ensure the parent <li> is relatively positioned */
  .wp-block-navigation-item {
    position: relative;
  }

  /* Style for the <a> element */
  .wp-block-navigation-item .wp-block-navigation-item__content {
    display: inline-block;
    vertical-align: middle;
  }

  /* Position the button (submenu icon) to the right of the <a> element */
  .wp-block-navigation__submenu-icon {
    position: absolute;
    /* left: 100px; */
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
  }
  li.wp-block-navigation-item a {
    font-size: 23px;
  }
  .wp-block-navigation .wp-block-navigation__submenu-icon {
    height: 1rem;
    width: 1rem;
    right: 0%;
  }
  /* .about-nav-arrow .wp-block-navigation__submenu-icon {
    right: 14%;
}

.service-nav-arrow .wp-block-navigation__submenu-icon {
    right: 25%;
}

.careers-nav-arrow .wp-block-navigation__submenu-icon {
    right: 13%;
} */

}

@media (min-width: 780px) {
.services-bottom-button{
  display: none;
}

}

@media (max-width: 880px) {
  .services-top-button{
    display: none !important;
  }
  }

  

  .popup-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    z-index: 1000;
  
}

.popup {
    position: absolute;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    width: 90%;
    max-width: 720px;
    transform: translateY(-200%);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: auto;
    height: 100%;
}

.popup-container.active {
    display: flex;
}

.popup-container.active .popup {
    transform: translateY(20%);
    top: -100px;
}

.popup-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    transition: color 0.3s ease;
}
.popup-close-button a {
  padding: 0px !important;
  line-height: normal;
  width: 30px;
  height: 30px;
  display: flex
;
  justify-content: center;
  align-items: center;
}
.popup-close-button:hover {
    color: #333;
}




/* Animation keyframes for extra effects */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes scaleIn {
    0% { transform: translateY(-200%) scale(0.7); }
    100% { transform: translateY(20%) scale(1); }
}

.popup-container.active {
    animation: fadeIn 0.3s ease forwards;
}

.popup-container.active .popup {
    animation: scaleIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}


@media screen and (min-width: 780px) and (max-width: 1100px) {
  .services-title-text {
      font-size: 12px !important;
  }
}
@media screen and (min-width: 780px) and (max-width: 1020px) {
  .about-us-column{
    flex-wrap: wrap !important;
  }
  .about-us-column>div{
   flex-basis: 100% !important;
  }
}


















@media (max-width: 768px) {
  .dark-nav-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
      width: 85% !important;
      background: #222222 !important;
  }
}


/* murtaza code started */
.contact-submit-button
{ border-radius: 40px !important;
    padding: 14px 29px !important;
	font-size: 16px !important
}

body:not(.home) .header-absolute {
    position: static;
    transform: translateX(0px);
    margin: 0px !important;!i;!;
    padding: 15px 0;
}
body:not(.home) .header-main-div{z-index:1;}