.innermenulogo {display: none;}
.homemenulogo {display: block;}

.services-page .whitelogo .navbar-dark .navbar-nav .nav-link::before {background: #e8cba9;}

#Header.innerheader h1 ,#Header.innerheader h2 {color: #E8CBA9;}
.sticky-header .innermenulogo {display: block;}
.sticky-header .homemenulogo {display: none;}

.services-page #Header {background-image: url(../images/services/services-dark-bg.png);background-size: cover;background-position: right;}
.all-services-section {background-attachment: fixed;}
.all-services-section h2 {font-size: 40px;letter-spacing: 0;margin-bottom: 0;color: #5F464A;}
.common-btn {font-size: 16px;color: #5F464A;font-weight: 600;border: 1px solid #5F464A;padding: 8px 24px;border-radius: 50px;display: inline-block;line-height: normal;}
.common-btn:hover {background-color: #5F464A;color: #DDC5B2;}

.inner-services-section {position: relative;}
.inner-services-section .right-content-box {width: 50%;}
.right-content-box .resp-tab-content {position: absolute;left: 15px;top: 50%;transform: translateY(-50%); padding: 0;width: 35%;}
.right-content-box .resp-tabs-list {display: flex;flex-wrap: wrap;gap: 15px;border-bottom: 1px solid #DDC5B2;padding-bottom: 40px;margin-bottom: 30px;}
.right-content-box .resp-tabs-list.last-list {border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.right-content-box .resp-tabs-list li {font-size: 16px;padding: 8px 16px; color: #5F464A;font-weight: 600;border-radius: 50px;background: linear-gradient(269deg, rgba(240, 175, 162, 0.80) 3.41%, #F2C397 99.62%);}
.right-content-box .resp-tabs-list li.resp-tab-active {background: linear-gradient(270deg, #BC8078 0%, #614549 100%);color: #F2E2DA;}
.right-content-box .resp-tabs-list li svg {margin-left: 5px;vertical-align: inherit;}
.right-content-box .resp-tabs-list li svg.minus-icon {display: none;}
/* .right-content-box .resp-tabs-list li.resp-tab-active svg{display: none;} */
.right-content-box .resp-tabs-list li.resp-tab-active svg path{fill: #fff;}
.right-content-box .resp-tabs-list li.resp-tab-active svg.plus-icon {display: none;}
.right-content-box .resp-tabs-list li.resp-tab-active svg.minus-icon {display: inline-block;}
.right-content-box .resp-tab-content p {margin-bottom: 15px;font-size: 24px;line-height: normal;color: #5F464A;}
.right-content-box .services-tab h3 {font-size: 32px;letter-spacing: 0;color: #5F464A;}
/* .right-content-box .resp-tabs-list li.resp-tab-item:hover {border: 1px solid #5F464A;transition: all 0.3s ease-in} */

.right-content-box .resp-tab-content p.service-label {font-size: 16px;margin-bottom: 5px;letter-spacing: 0;font-weight: 600;}
.inner-services-section .service-subtitle{width: 35%;position: absolute;top: 50%;transform: translateY(-50%);opacity: 1;color: #5F464A;margin-bottom: 0;font-size: 24px;line-height: normal;transition: opacity 0.4s ease, transform 0.4s ease;}
.right-content-box .content-box {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);padding: 0;width: 35%;opacity: 0;transition: opacity 0.4s ease, transform 0.4s ease;}
.right-content-box .content-box .props {position: absolute;bottom: -90%;width: 75%;right: -25%;}


/* Tab hover effect for better UX */
.right-content-box .resp-tabs-list li {cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease;}
.right-content-box .resp-tabs-list li:hover {transform: translateY(-2px);box-shadow: 0 4px 8px rgba(95, 70, 74, 0.15);}
.right-content-box .resp-tabs-list li.resp-tab-active {transform: translateY(0);}


.all-services-section.swipe-section {width: 100%;scroll-snap-type: y mandatory;}
/* .all-services-section.swipe-section {width: 100%;scroll-snap-type: y mandatory; height: 100vh;overflow-y: scroll;} */
.all-services-section.swipe-section .panel {position: sticky;top: 0;display: flex;align-items: center;justify-content: center;height: 100vh;scroll-snap-align: start;scroll-snap-stop: always;}


.inner-section .get-connected-btn {
  position: absolute;bottom: 0;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.4s ease;
  margin-top: 0;
  display: inline-block;
  border: none;
  text-transform: unset;
  font-size: 18px;
  padding: 0;
  color: #5F464A;;
}
.inner-section .get-connected-btn svg {transition: all 0.3s ease-in;margin-top: -2px;vertical-align: middle;}
.inner-section .get-connected-btn:hover svg {margin-left: 5px;transition: all 0.3s ease-in;}

.inner-section .get-connected-btn.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}




/* Responsive media query CSS */
@media screen and (min-width: 2560px) {

}

@media screen and (max-width:1919px) {
  .all-services-section h2 {font-size: 34px}
  .right-content-box .services-tab h3 {font-size: 26px;}
  .right-content-box .resp-tabs-list {padding-bottom: 30px;margin-bottom: 25px;}
  .right-content-box .resp-tab-content p , .inner-services-section .service-subtitle {font-size: 22px;}
  
  
}

@media screen and (max-width:1599px) {
  .right-content-box .resp-tab-content p , .inner-services-section .service-subtitle {font-size: 20px;}
  .right-content-box .resp-tabs-list li {font-size: 14px;padding: 7px 14px;}
  .right-content-box .resp-tabs-list {padding-bottom: 25px;margin-bottom: 16px;gap: 10px;}
  .all-services-section h2 {font-size: 32px}
  .right-content-box .services-tab h3 {font-size: 24px;}
  .inner-services-section .right-content-box {width: 55%;}

}

@media screen and (max-width:1439px) {
  .right-content-box .resp-tab-content p, .inner-services-section .service-subtitle {font-size: 18px;}
}

@media screen and (max-width: 1279px) {
  .all-services-section h2 {font-size: 28px;}
  .right-content-box .resp-tab-content p, .inner-services-section .service-subtitle {font-size: 16px;}
  .right-content-box .resp-tab-content p.service-label {font-size: 14px;margin-bottom: 8px;}
  .menu-open .homemenulogo {display: none;}
  .menu-open .innermenulogo {display: block;}
  .whitelogo .navbar-dark .navbar-nav .nav-link , .whitelogo .navbar-dark .navbar-nav .nav-link:hover {color: #534644;}
  body.sticky-header #Header .navbar.stickymenu {background: rgba(80, 54, 57, 0.8);}
  .sticky-header .innermenulogo {display: none;}
  .sticky-header .homemenulogo {display: block}
}

@media screen and (max-width: 1023px) {
  .all-services-section h2.main-service-title {margin-bottom: 10px;font-weight: 600;text-align: center;width: 100%;}
  .inner-services-section .right-content-box {width: 100%;}
  .all-services-section.swipe-section .panel {height: auto;padding: 50px 0;}
  .inner-services-section {flex-direction: column;}
  .right-content-box .resp-tabs-list {display: none;}
  .right-content-box .resp-tab-content {position: relative !important;left: auto; top: auto; transform: unset !important; width: 100%; padding: 15px; margin-bottom: 10px; opacity: 1 !important; visibility: visible !important;}
  .right-content-box .resp-tab-content p.service-label {display: none;}
  .right-content-box h2.resp-accordion:first-child {border-top: none;}
  .right-content-box h2.resp-accordion svg {display: none;}
  .right-content-box h2.resp-accordion {border: none;background: linear-gradient(269deg, rgba(240, 175, 162, 0.80) 3.41%, #F2C397 99.62%);padding: 8px 16px;color: #5F464A;font-weight: 500;border-radius: 50px;margin-bottom: 15px;font-size: 20px;}
  .right-content-box h2.resp-accordion .resp-arrow {margin-top: 6px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #8d645c;}
  .right-content-box h2.resp-tab-active {background: linear-gradient(270deg, #BC8078 0%, #614549 100%);color: #F2E2DA;}
  .right-content-box h2.resp-tab-active span.resp-arrow {border-bottom: 8px solid #E5D0C6;border-top: none;}
  .right-content-box .resp-tabs-container {margin-bottom: 40px;}
  
  .inner-section.panel.digital-product-section {background: linear-gradient(90deg, #BC8078 0%, #614549 100%);}
  .digital-product-section h2.main-service-title  {color:#E8CBA9}
  .digital-product-section .right-content-box .services-tab h3 , .digital-product-section .right-content-box .resp-tab-content p ,  .digital-product-section .service-subtitle , .inner-section.panel.digital-product-section .get-connected-btn {color: #F2E2DA;}
  .digital-product-section .common-btn {color: #F2E2DA;border-color: #F2E2DA;}
  .digital-product-section .common-btn:hover {border-color: #5F464A;}
  .right-content-box .resp-tabs-container:last-of-type {margin-bottom: 0;}
  .all-services-section.swipe-section .panel {position: relative;top: auto;}
  .all-services-section {padding: 0;}

  .inner-services-section .service-subtitle {width: 90%;margin: 0 auto; position: relative;top: auto;transform: none;text-align: center;margin-bottom: 30px;}

  .inner-section .get-connected-btn {position: relative;bottom: auto;opacity: 1 !important;visibility: visible !important;transform: none !important;width: 100%;}
  .right-content-box .resp-tabs-container:last-of-type {margin-bottom: 30px;}
  .inner-section.panel.digital-product-section .get-connected-btn svg path {fill: #F2E2DA}


}

@media screen and (max-width: 767px) {
  .all-services-section h2 {font-size: 26px;}
  .right-content-box .services-tab h3 {font-size: 22px;}
  .right-content-box h2.resp-accordion {font-size: 18px;padding: 10px 20px;}
}

@media screen and (max-width: 639px) {
  .right-content-box .resp-tab-content {padding: 10px;}
  .right-content-box h2.resp-accordion .resp-arrow {margin-top: 7px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #8d645c;}
  .right-content-box h2.resp-tab-active span.resp-arrow {border-bottom: 6px solid #E5D0C6;border-top: none;}
  .all-services-section h2 {font-size: 24px;}
  .all-services-section.swipe-section .panel {padding: 35px 0;}
  .right-content-box .resp-tab-content p, .inner-services-section .service-subtitle {font-size: 14px;}
}

@media screen and (max-width: 479px) {
  .all-services-section h2 {font-size: 20px}
  .right-content-box .services-tab h3 {font-size: 20px;}
  .right-content-box h2.resp-accordion {font-size: 16px;}
}