html {
  scroll-behavior: smooth;
}


.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: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;
}











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

}
@media (min-width:600px)  
{ 
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 

}

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



@media (min-width:801px)  
{ 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 

}
@media (min-width:1025px) 
{ 
/* big landscape tablets, laptops, and desktops */ 
}
@media (min-width:1281px) 
{ 
/* hi-res laptops and desktops */ 
}