/*------------------------------------------------------------------

    Project:      DataUnion
    Version:      1.0
    Author:       Website Design Templates
    Author URI:   https://websitedesigntemplates.com/

    Note: Please do not remove this copyright message, Thank you.

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
    [Table of contents]

    1. preloader
    2. Global
    3. scroll-top
    4. helper class
    5. button
    6. list-style
    7. animation
    8. social-icon
    9. header
    10. section title
    11. banner
    12. about
    13. services
    14. portfolio
    15. testimonial
    16. counter
    17. our team
    18. our blog
    19. page title
    20. contact
    21. footer

-------------------------------------------------------------------*/
@import url("main.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700;800&display=swap');
.navbar-brand img {
	max-height:57px
}
#logo.logo-scroll {
  display: none;
}
.scrollHeader #logo {
  display: none;
}
.scrollHeader #logo.logo-scroll {
  display: block;
}
/** Blog Details ***/
.blog-sidebar .widget {
  margin-bottom: 2.5rem;
  position: relative;
  border: 1px solid #eaf2ff;
  padding: 1.5rem;
}

.blog-sidebar .widget:last-child {
  margin-bottom: 0;
}

.blog-sidebar .widget-title {
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #225686;
  border-bottom: 1px solid #eaf2ff;
}

.blog-sidebar .widget-search .form-group {
  position: relative;
}

.blog-sidebar .widget-search .form-control {
  height: 50px;
  padding-right: 60px;
}

.blog-sidebar .widget-search button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  background-color: #1158e7;
  color: #fff;
  border: none;
}

.blog-sidebar .widget-post ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-sidebar .widget-post li {
  margin-bottom: 1.5rem;
}

.blog-sidebar .widget-post li:last-child {
  margin-bottom: 0;
}

.blog-sidebar .widget-post .d-flex {
  align-items: center;
}

.blog-sidebar .widget-post .flex-shrink-0 img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 5px;
}

.blog-sidebar .widget-post h6 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
}

.blog-sidebar .widget-post p {
  font-size: 0.875rem;
  color: #969696;
  margin-bottom: 5px;
}

.blog-sidebar .widget-categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-sidebar .widget-categories li {
  margin-bottom: 0.75rem;
}

.blog-sidebar .widget-categories li:last-child {
  margin-bottom: 0;
}

.blog-sidebar .widget-categories a {
  color: #575a7b;
  font-weight: 500;
  position: relative;
  padding-left: 20px;
}

.blog-sidebar .widget-categories a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #1158e7;
}

.blog-sidebar .widget-tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-sidebar .widget-tags li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.blog-sidebar .widget-tags a {
  display: block;
  padding: 8px 15px;
  background-color: #f7faff;
  border-radius: 5px;
  color: #575a7b;
  font-weight: 500;
}

.blog-sidebar .widget-tags a:hover {
  background-color: #1158e7;
  color: #fff;
}
/** Service Details ***/
.service-details-icon {
  width: 80px;
  height: 80px;
  transition: all 0.3s ease;
  background-color: #225686 !important;
}
.icon-box {
  width: 60px;
  height: 60px;
  line-height: 60px;
  transition: all 0.3s ease;
}
.hover-style:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.service-details-box .icon-box i {
  font-size: 24px;
}
.widget-title.position-relative.pb-3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: var(--bs-secondary);
}
.category-list li a:hover {
  color: var(--bs-secondary);
  padding-left: 5px;
  transition: all 0.3s ease;
}
.category-list li.active a {
  color: var(--bs-secondary);
  font-weight: 600;
}
.btn-download:hover {
  color: var(--bs-primary);
}
.widget-contact-icon i {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.widget-contact-icon:hover i {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.accordion-style {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07);
}
.accordion-style .accordion-button.collapsed {
  border: 0;
}
.accordion-style .accordion-item {
  border: none;
  margin-bottom: 15px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
}
.accordion-style .accordion-item:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.accordion-style .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion-style .accordion-button {
  padding: 22px 30px;
  font-size: 16px;
  border-radius: 8px;
  border: none;
  background-color: #f8f9fa;
  color: #212529;
  position: relative;
  transition: all 0.4s ease;
  font-weight: 600;
  border-left: 4px solid transparent;
}
.accordion-style .accordion-button:not(.collapsed) {
  color: var(--bs-secondary);
  background-color: #fff;
  border-left: 4px solid var(--bs-secondary);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion-style .accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}
.accordion-style .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f6a700'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
  content: "";
}
.accordion-style .accordion-body {
  padding: 25px 30px;
  line-height: 1.8;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.accordion-style .accordion-button span i {
  font-size: 20px;
  background-color: rgba(var(--bs-secondary-rgb), 0.1);
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  transition: all 0.4s ease;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.accordion-style .accordion-button:not(.collapsed) span i {
  background-color: var(--bs-secondary);
  color: #fff;
  transform: rotate(360deg);
  box-shadow: 0 5px 15px rgba(var(--bs-secondary-rgb), 0.2);
}
.accordion-style .accordion-button::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(var(--bs-secondary-rgb), 0.1),
    transparent
  );
  opacity: 0;
  transition: all 0.3s ease;
}
.accordion-style .accordion-button:hover::before {
  opacity: 1;
}
.page-title-section .page-title-list ul {
  position: relative;
}
.page-title-section .page-title-list ul li {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  font-weight: 500;
}
.page-title-section .page-title-list ul li:not(:last-child):after {
  content: "/";
  position: absolute;
  right: -2px;
  top: 0;
  color: var(--bs-secondary);
}
.page-title-section .page-title-list ul li a:hover {
  color: var(--bs-secondary);
}
/* Additional accordion animation styles */
.accordion-style .accordion-item {
  transform: translateY(0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.accordion-style .accordion-item:hover {
  transform: translateY(-3px);
}
.accordion-style .accordion-collapse {
  transition: all 0.5s ease;
}
.accordion-style .accordion-button span i {
  position: relative;
}
.accordion-style .accordion-button span i:after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  border: 1px solid rgba(var(--bs-secondary-rgb), 0.3);
  opacity: 0;
  transform: scale(1.2);
  transition: all 0.3s ease;
}
.accordion-style .accordion-button:hover span i:after {
  opacity: 1;
  transform: scale(1);
}
.attr-nav > ul > li.language{
  direction: rtl;
  font-family: 'Noto Sans Arabic';
}

/* WordPress Pagination Styles */
.navigation.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3rem 0;
  padding: 0;
}

.navigation.pagination .nav-links {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation.pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  height: 45px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 600;
  color: #575a7b;
  background-color: #f8f9fa;
  border: 2px solid #eaf2ff;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.navigation.pagination .page-numbers:hover {
  color: #fff;
  background-color: #1158e7;
  border-color: #1158e7;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(17, 88, 231, 0.3);
}

.navigation.pagination .page-numbers.current {
  color: #fff;
  background-color: #1158e7;
  border-color: #1158e7;
  box-shadow: 0 5px 15px rgba(17, 88, 231, 0.3);
  cursor: default;
}

.navigation.pagination .page-numbers.current:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.1), transparent);
  border-radius: 6px;
}

.navigation.pagination .page-numbers.prev {
  font-size: 16px;
  min-width: 50px;
  background-color: #f8f9fa;
  border-color: #eaf2ff;
}

.navigation.pagination .page-numbers.prev:hover {
  color: #fff;
  background-color: #1158e7;
  border-color: #1158e7;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(17, 88, 231, 0.3);
}

/* Screen reader text */
.navigation.pagination .screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* Animation for page changes */
.navigation.pagination .page-numbers:not(.current) {
  position: relative;
  overflow: hidden;
}

.navigation.pagination .page-numbers:not(.current):after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease;
}

.navigation.pagination .page-numbers:not(.current):hover:after {
  width: 100%;
  height: 100%;
}

/* Responsive pagination */
@media (max-width: 768px) {
  .navigation.pagination .nav-links {
    flex-wrap: wrap;
    gap: 5px;
  }
  
  .navigation.pagination .page-numbers {
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    font-size: 13px;
  }
  
  .navigation.pagination .page-numbers.prev {
    min-width: 45px;
  }
}

/* Custom pagination wrapper */
.pagination-wrapper {
  text-align: center;
  margin: 3rem 0;
}

.pagination-wrapper .navigation.pagination {
  margin: 0;
}

/* Comment System Styles */
.comment-item {
  border-bottom: 1px solid #eaf2ff;
  padding-bottom: 1rem;
}

.comment-item:last-child {
  border-bottom: none;
}

.replies-section {
  border-left: 3px solid #eaf2ff;
  padding-left: 1rem;
  margin-top: 1rem;
  background-color: #f8f9fa;
  border-radius: 0 8px 8px 0;
  padding: 1rem;
}

.replies-section:before {
  content: "Replies";
  font-size: 0.75rem;
  color: #6c757d;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
  display: block;
}

.reply-btn {
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
}

.reply-form {
  background-color: #f8f9fa;
  padding: 1rem;
  border-radius: 8px;
  margin-top: 1rem;
}

.reply-comment-form .form-control-sm {
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
}

.replies-list {
  background-color: #f8f9fa;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.replies-list .d-flex {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}

.replies-list .d-flex:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Comments Pagination */
.comments-pagination .pagination {
  margin: 0;
}

.comments-pagination .page-link {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
}

/* Reply button hover effect */
.reply-btn:hover {
  background-color: #1158e7;
  border-color: #1158e7;
  color: #fff;
}

/* Loading state for reply buttons */
.reply-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ===== Additional Photos Gallery Styles ===== */
#additional-photos-gallery {
  margin: 0 -10px;
}

#additional-photos-gallery .owl-item {
  padding: 0 10px;
}

#additional-photos-gallery .gallery-item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background-color: #f7faff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  transition: transform .3s ease, box-shadow .3s ease;
  height: 280px;
}

#additional-photos-gallery .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}

#additional-photos-gallery .gallery-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.4));
  opacity: 0;
  transition: opacity .3s ease;
}

#additional-photos-gallery .gallery-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(17, 88, 231, .95);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transform: scale(.8);
  opacity: 0;
  transition: all .3s ease;
  box-shadow: 0 8px 20px rgba(17,88,231,.35);
  text-decoration: none;
}

#additional-photos-gallery .gallery-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

#additional-photos-gallery .gallery-item:hover img {
  transform: scale(1.08);
}

#additional-photos-gallery .gallery-item:hover .gallery-overlay {
  opacity: 1;
}

#additional-photos-gallery .gallery-item:hover .gallery-icon {
  transform: scale(1);
  opacity: 1;
}

/* Owl Navigation for Additional Photos */
#additional-photos-gallery .owl-nav {
  position: static;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

#additional-photos-gallery .owl-nav button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f0f4ff !important;
  color: #1158e7 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(17,88,231,.15);
  transition: all .3s ease;
  font-size: 18px;
  border: none;
}

#additional-photos-gallery .owl-nav button:hover {
  background: #1158e7 !important;
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(17,88,231,.25);
}

#additional-photos-gallery .owl-nav button:focus {
  outline: none;
  box-shadow: 0 6px 16px rgba(17,88,231,.15), 0 0 0 3px rgba(17,88,231,.1);
}

/* Owl Dots for Additional Photos */
#additional-photos-gallery .owl-dots {
  margin-top: 20px;
  text-align: center;
}

#additional-photos-gallery .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 5px;
}

#additional-photos-gallery .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: #dbe7ff;
  display: block;
  border-radius: 50%;
  transition: all .25s ease;
}

#additional-photos-gallery .owl-dots .owl-dot.active span,
#additional-photos-gallery .owl-dots .owl-dot:hover span {
  background: #1158e7;
  transform: scale(1.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  #additional-photos-gallery .gallery-item {
    height: 250px;
  }
  
  #additional-photos-gallery .owl-nav {
    margin-top: 20px;
    gap: 10px;
  }
  
  #additional-photos-gallery .owl-nav button {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

/* Ensure no conflicts with existing gallery styles */
#additional-photos-gallery .gallery-item,
#additional-photos-gallery .gallery-overlay,
#additional-photos-gallery .gallery-icon {
  /* Reset any inherited styles */
  position: relative;
  z-index: 1;
}

/* Lightbox customizations for additional photos */
.lg-custom .lg-toolbar {
  background: rgba(0,0,0,.8);
}

.lg-custom .lg-toolbar .lg-icon {
  color: #fff;
}

.lg-custom .lg-toolbar .lg-icon:hover {
  color: #1158e7;
}
.wpcf7-not-valid-tip{
	display:inline-block !important;
}
.newsletter-form{
	position:relative;
}
.newsletter-form .wpcf7-spinner{
	position: absolute;
	margin: 0;
}
footer .wpcf7 form.invalid .wpcf7-response-output{
	color: #f00;
}
footer .wpcf7 form.sent .wpcf7-response-output {
	color:green;
}
.dscf7-captcha-container span.wpcf7-form-control-wrap input {
  color: #225686;
}
.boxes\.section .img-card img{
	width:100%;
	height:255px;
}
.service-details-banner img, .project-detail-img img {
	width:100%;
	max-height:525px;
}
.accordion .accordion-button.collapsed::after {
	line-height:25px;
}
.contact-form .quform-submit-inner {
  margin-top: 20px;
}
.main-wrapper {
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .navbar-brand img {
    max-height: 47px;
  }
}