.service-detail .home-sec6 {
  margin: 4.444vw 0 11.111vw;
}
.service-detail .services-filter .heading3 {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .service-detail .services-filter .heading3 {
    font-size: 18px;
    line-height: 28px;
  }
}
.service-detail .services-filter .filter-container {
  margin: 4.444vw 0 11.111vw;
}
.service-detail .services-filter .filter-container .filterCard:nth-of-type(1) {
  background: url(../../../imgs/service-detail1.png) lightgray 50%/cover no-repeat;
}
.service-detail .services-filter .filter-container .filterCard:nth-of-type(2) {
  background: url(../../../imgs/service-detail2.png) lightgray 50%/cover no-repeat;
}
.service-detail .services-filter .filter-container .filterCard:nth-of-type(3) {
  background: url(../../../imgs/service-detail3.png) lightgray 50%/cover no-repeat;
}
.service-detail .services-filter .filter-container .filterCard:nth-of-type(4) {
  background: url(../../../imgs/service-detail4.png) lightgray 50%/cover no-repeat;
}
.service-detail .services-filter .filter-container .filterCard {
  height: 31.25vw;
}
@media screen and (max-width: 600px) {
  .service-detail .services-filter .filter-container .filterCard:nth-of-type(1) {
    background: url(../../../imgs/service-detail1-mob.png) lightgray 50%/cover no-repeat;
  }
  .service-detail .services-filter .filter-container .filterCard:nth-of-type(2) {
    background: url(../../../imgs/service-detail2-mob.png) lightgray 50%/cover no-repeat;
  }
  .service-detail .services-filter .filter-container .filterCard:nth-of-type(3) {
    background: url(../../../imgs/service-detail3-mob.png) lightgray 50%/cover no-repeat;
  }
  .service-detail .services-filter .filter-container .filterCard:nth-of-type(4) {
    background: url(../../../imgs/service-detail4-mob.png) lightgray 50%/cover no-repeat;
  }
  .service-detail .services-filter .filter-container .filterCard {
    height: 88.785vw;
  }
}

.service-detail .home-sec8 {
  flex-direction: row-reverse;
}
@media screen and (max-width: 600px) {
  .service-detail .home-sec8 {
    flex-direction: column;
  }
}
.service-detail .seo-mobimg {
  display: none;
}
.service-detail .seo-sec3 {
  display: flex;
  align-items: center;
  gap: 3.333vw;
  margin: 11.111vw 3.333vw;
}
.service-detail .seo-sec3 p, .service-detail .seo-sec3 li {
  color: #4D4D4D;
}
.service-detail .seo-sec3 .seo-left {
  width: 48.21%;
}
.service-detail .seo-sec3 .seo-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-detail .seo-sec3 .seo-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.667vw;
  align-items: flex-start;
}
.service-detail .seo-sec3 .seo-right b {
  font-weight: 700;
}
.service-detail .seo-sec3.seo-reverse {
  flex-direction: row-reverse;
}
.service-detail .seo-sec4 {
  margin: 11.111vw 3.333vw;
}
.service-detail .seo-sec4 .heading3 {
  text-align: center;
  margin-bottom: 4.444vw;
}
.service-detail .seo-sec4 .seo4-container {
  display: flex;
  gap: 0.833vw;
}
.service-detail .seo-sec4 .seo4-container .seo-card {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
  width: 49.55%;
}
.service-detail .seo-sec4 .seo4-container .seo-card .seo-content {
  background: rgba(106, 90, 254, 0.1019607843);
  flex: 1;
  padding: 2.222vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.833vw;
}
.service-detail .seo-sec4 .seo4-container .seo-card .seo-content p {
  color: #4D4D4D;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .service-detail .seo-mobimg {
    display: block;
  }
  .service-detail .seo-deskimg {
    display: none;
  }
  .service-detail .seo-sec3 {
    flex-direction: column-reverse;
    gap: 24px;
    margin: 64px 5.607vw;
  }
  .service-detail .seo-sec3 .seo-left {
    width: 100%;
  }
  .service-detail .seo-sec3 .seo-right {
    width: 100%;
    gap: 12px;
    align-items: unset;
  }
  .service-detail .seo-sec3.seo-reverse {
    flex-direction: column-reverse;
  }
  .service-detail .seo-sec4 {
    margin: 64px 5.607vw;
  }
  .service-detail .seo-sec4 .heading3 {
    margin-bottom: 24px;
  }
  .service-detail .seo-sec4 .seo4-container {
    flex-direction: column;
    gap: 12px;
  }
  .service-detail .seo-sec4 .seo4-container .seo-card {
    gap: 12px;
    width: 100%;
  }
  .service-detail .seo-sec4 .seo4-container .seo-card .seo-content {
    padding: 16px 3.738vw;
    gap: 12px;
  }
}

.service-detail .e-platform {
  margin: 11.11vw 3.333vw;
}
.service-detail .e-platform h3 {
  text-align: center;
}
.service-detail .e-platform p {
  width: 60%;
  text-align: center;
  margin: 0.833vw auto 4.44vw;
}
.service-detail .e-platform .e-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.833vw;
}
.service-detail .e-platform .e-grid .e-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 2.222vw;
}
.service-detail .e-platform .e-grid .e-block img {
  width: auto;
  height: 4.444vw;
  object-fit: contain;
}
.service-detail .e-platform .e-grid .e-block p {
  width: 100%;
  color: #4D4D4D;
  margin: 1.667vw 0 0;
}
@media screen and (max-width: 600px) {
  .service-detail .e-platform {
    margin: 64px 5.667vw;
  }
  .service-detail .e-platform p {
    width: 100%;
    margin: 12px 0 24px;
  }
  .service-detail .e-platform .e-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .service-detail .e-platform .e-grid .e-block {
    padding: 32px 7.48vw;
  }
  .service-detail .e-platform .e-grid .e-block img {
    height: 48px;
  }
  .service-detail .e-platform .e-grid .e-block p {
    font-size: 16px;
    line-height: 24px;
    margin: 24px 0 0;
  }
}
@media screen and (max-width: 428px) {
  .service-detail .e-platform .e-grid .e-block img {
    height: 11.21vw;
  }
}

.brandlogo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0.833vw;
  row-gap: 1.667vw;
  margin-top: 4.444vw;
}
.brandlogo .brandlogo-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25.69vw;
}
.brandlogo .brandlogo-block img {
  width: auto;
}
.brandlogo .brandlogo-block:first-child {
  background-color: #DFFFE9;
}
.brandlogo .brandlogo-block:first-child img {
  height: 5.56vw;
}
.brandlogo .brandlogo-block:nth-child(2) {
  background-color: #EB9FA9;
}
.brandlogo .brandlogo-block:nth-child(2) img {
  height: 6.94vw;
}
.brandlogo .brandlogo-block:nth-child(3) {
  background-color: #A32845;
}
.brandlogo .brandlogo-block:nth-child(3) img {
  height: 5.56vw;
}
.brandlogo .brandlogo-block:nth-child(4) {
  background-color: #FFF09E;
}
.brandlogo .brandlogo-block:nth-child(4) img {
  height: 6.94vw;
}
.brandlogo .brandlogo-block:nth-child(5) {
  background-color: #B4F6E4;
}
.brandlogo .brandlogo-block:nth-child(5) img {
  height: 6.94vw;
}
.brandlogo .brandlogo-block:nth-child(6) {
  background-color: #71CDC7;
}
.brandlogo .brandlogo-block:nth-child(6) img {
  height: 6.94vw;
}
.brandlogo .brandlogo-block:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
.brandlogo .brandlogo-block:last-child img {
  width: 100%;
}
.brandlogo .brandlogo-block:last-child .logo-mobimg {
  display: none;
}

@media screen and (max-width: 600px) {
  .brandlogo {
    display: flex;
    flex-direction: column;
    column-gap: 0;
    row-gap: 24px;
    margin-top: 24px;
  }
  .brandlogo .brandlogo-block {
    height: 220px;
  }
  .brandlogo .brandlogo-block img {
    height: 56px !important;
  }
  .brandlogo .brandlogo-block:last-child img {
    object-fit: cover;
    height: 220px !important;
  }
  .brandlogo .brandlogo-block:last-child .logo-deskimg {
    display: none;
  }
  .brandlogo .brandlogo-block:last-child .logo-mobimg {
    display: block;
  }
}

@media screen and (max-width: 428px) {
  .brandlogo .brandlogo-block {
    height: 51.4vw;
  }
  .brandlogo .brandlogo-block img {
    height: 13.8vw !important;
  }
  .brandlogo .brandlogo-block:last-child img {
    height: 51.4vw !important;
  }
}

/*Bigcommerce Project page Slider*/
.bigcom-grid {
  display: flex;
  gap: 0.833vw;
  margin: 0 3.333vw;
}
.bigcom-slider.slick-slider {
  width: 100%;
}
.bigcom-slider.slick-slider img {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 601px) {
  .bigcom-slider.slick-slider .slick-track {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.667vw;
    width: 100% !important;
  }
  .bigcom-slider.slick-slider .slick-track .slick-slide {
    width: 100% !important;
  } 
  .bigcom-slider.slick-slider img.desk-hide {
      display: none;
  }
}
@media screen and (max-width: 600px) {
  .bigcom-grid {
    flex-direction: column;
    gap: 24px;
    margin: 0 5.607vw;
  }
  .bigcom-slider.slick-slider {
    display: flex;
    align-items: center;
    gap: 2.8vw;
  }
  .bigcom-slider.slick-slider  img.mob-hide {
    display: none;
  }
  .bigcom-slider.slick-slider .slick-arrow {
    width: 5.607vw;
    height: 5.607vw;
    background: transparent;
    border: 1px solid #000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 3.869vw;
    color: transparent;
    cursor: pointer;
  }
  .bigcom-slider.slick-slider .slick-arrow[aria-disabled="true"] {
    opacity: 0.3;
  }
  .bigcom-slider.slick-slider .slick-prev {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.1106 8.51994L13.575 16.9988L22.1106 25.4777' stroke='black' stroke-width='2.84521' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .bigcom-slider.slick-slider .slick-next {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8906 25.48L21.4262 17.0011L12.8906 8.52228' stroke='black' stroke-width='2.84521' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}