html {
  scroll-behavior: smooth;
}

.g-recaptcha {
  margin: 15px 0;
}

span.pre {
    font-weight: 500;
    color: #8865c5;
}

.logo-header {
    max-width: 310px!important;
}

.main-nav a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  transition: color 0.3s ease;
}

.main-nav a:hover,
.main-nav a.active {
  color: #6d41b8cf!important;
}

a.arrow-right-btn {
    color: #8663c3!important;
    font-weight: 600;
}

a.arrow-right-btn:hover {
    color: #8663c3;
}


.service-single-main-wrapper-five:hover {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #eee;
}
.service-single-main-wrapper-five .icon:hover {
    height: 85px;
    width: 85px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
    background: #fff;
    border-radius: 100%;
}

.single-team-area-one-start {
    position: relative;
    border-radius: 15px;
    border: 2px solid #eee;
}

/* Center title + stop breaking */
.mfp-title {
    text-align: center;
    white-space: normal !important; /* allow proper wrapping */
    word-break: keep-all;           /* prevent ugly breaks */
    font-size: 18px;
    line-height: 26px;
    padding: 10px 20px;
}

.mfp-img {
    /*max-height: 95vh !important; 
    width: auto !important;
    margin: 0 auto;*/
    max-width: 85vw !important;
      max-height: 80vh !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain;
}


.projectName {
    font-size: 16px;
}

/*.rts-mega-menu.service-mega-menu-style li a .single-service-menu .title:hover {
    color: #6d41b8cf !important;
    margin-bottom: 11px;
    line-height: 1.3;
    font-size: 14px;
}*/

.project-list {
  margin: 15px 0 20px;
  padding-left: 20px;
}

.project-list li {
  margin-bottom: 8px;
  line-height: 1.6;
}

/* FORCE icon + content side by side */
.contact-info-area-wrapper-p .single-contact-info {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
}

/* Icon styling */
.contact-info-area-wrapper-p .single-contact-info .icon {
  width: 45px !important;
  min-width: 45px !important;
  height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Content beside icon */
.contact-info-area-wrapper-p .single-contact-info .info-wrapper {
  flex: 1 !important;
}

/* Text wrapping fix */
.contact-info-area-wrapper-p .single-contact-info a,
.contact-info-area-wrapper-p .single-contact-info p {
  display: block !important;
  word-break: break-word !important;
  line-height: 1.5 !important;
}


.pagination-wrapper {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 14px 0;
  margin-top: 30px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  /*max-width: 680px;*/
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #eee;
}

/* Buttons */
.page-btn {
  background-color: #8865c5;
  color: #fff;
  border: none;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500; /* lighter */
  border-radius: 6px;
  cursor: pointer;
  min-width: 80px;
  transition: background-color 0.25s ease;
}

.page-btn:hover {
  background-color: #6f4fb0;
}

.page-btn:disabled {
  background-color: #d6caee;
  cursor: not-allowed;
}

/* Center page text */
.page-info {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #8865c5;
}

.pagination-wrapper {
  transition: opacity 0.25s ease;
}



.uae-title {
  text-align: center;
  color: #8865c5!important;
}

.inner-content .title {
 color: #8865c5!important;
} 

.single-contact-info {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  padding-top: 8px;
}

.single-contact-info .icon {
  min-width: 18px;
}

.single-contact-info .icon i {
  font-size: 14px;
  background: #8865c5;
      color: #fff;
      padding: 8px;
      border-radius: 20px;
}

.single-contact-info .info-wrapper p {
  margin: 0;
}

/* Slider spacing */
.clientSwiper {
    width: 100%;
    padding: 30px 0;
}

/* Center slide content */
.clientSwiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Logo Card */
.clientSwiper .logo-box {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;

    width: 100%;
    max-width: 180px;
    height: 100px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

/* Logo Image */
.clientSwiper img {
    max-width: 100%;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Hover effect */
.clientSwiper .logo-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}

/* Tablet */
@media (max-width: 992px) {
    .clientSwiper .logo-box {
        height: 90px;
        max-width: 150px;
    }

    .clientSwiper img {
        max-height: 55px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .clientSwiper .logo-box {
        height: 80px;
        padding: 15px;
        max-width: 130px;
    }

    .clientSwiper img {
        max-height: 50px;
    }
}









@media (min-width:320px)  
{
    
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
.logo-header {
    max-width: 240px!important;
}

.single-contact-info .icon {
  min-width: 18px;
}

.single-contact-info .icon i {
  font-size: 16px;
  color: #ffffff; 
}

.single-contact-info .info-wrapper p {
  margin: 0;
}

.info-wrapper p {
    width: 250px;
}

}
@media (min-width:480px)  
{ 
/* smartphones, Android phones, landscape iPhone */ 
.single-contact-info .icon {
  min-width: 18px;
}
.info-wrapper p {
    width: 250px;
}

.single-contact-info .icon i {
  font-size: 16px;
  color: #ffffff; 
}

.single-contact-info .info-wrapper p {
  margin: 0;
}
.single-contact-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    padding-top: 8px;
}
}
@media (min-width:600px)  
{ 
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
.single-contact-info .icon {
  min-width: 18px;
}

.info-wrapper p {
    width: 250px;
}

.single-contact-info .icon i {
  font-size: 16px;
  color: #ffffff; 
}

.single-contact-info .info-wrapper p {
  margin: 0;
}
.single-contact-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    padding-top: 8px;
}

}

@media (max-width: 767px) {
  .contact-info-area-wrapper-p .single-contact-info {
    align-items: center !important;
  }
  .info-wrapper p {
    width: 250px;
}
  .single-contact-info .icon {
  min-width: 18px;
}

.single-contact-info .icon i {
  font-size: 16px;
  color: #ffffff; 
}

.single-contact-info .info-wrapper p {
  margin: 0;
}
.single-contact-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    padding-top: 8px;
}
}



@media (min-width:801px)  
{ 
   
/* tablet, landscape iPad, lo-res laptops ands desktops */ 
.single-contact-info .icon {
  min-width: 18px;
}

.info-wrapper p {
    width: 250px;
}

.single-contact-info .icon i {
  font-size: 16px;
  color: #ffffff; 
}

.single-contact-info .info-wrapper p {
  margin: 0;
}
.single-contact-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    padding-top: 8px;
}
}
@media (min-width:1025px) 
{ 
    .single-contact-info .icon {
  min-width: 18px;
}

.info-wrapper p {
    width: 250px;
}
.single-contact-info .icon i {
  font-size: 16px;
  color: #ffffff; 
}

.single-contact-info .info-wrapper p {
  margin: 0;
}
/* big landscape tablets, laptops, and desktops */ 
}
@media (min-width:1281px) 
{ 
    .single-contact-info .icon {
  min-width: 18px;
}

.info-wrapper p {
    width: 250px;
}
.single-contact-info .icon i {
  font-size: 16px;
  color: #ffffff; 
}

.single-contact-info .info-wrapper p {
  margin: 0;
}
/* hi-res laptops and desktops */ 
}