.industries_retail_banner {
  background-image: url("../images/industries_retail_banner.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* padding: 110px 0px 53px; */
  height: 90vh;
  display: flex;
  align-items: center;
}

.industries_retail_banner_btn {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 15px;
  background: #2a8d95;
  padding: 14px 33px;
  margin-top: 48px;
  border: none;
}

.industries_retail_banner_right {
  /* width: 47.5%; */
  display: flex;
  justify-content: center;
  height: 613.84px;
  align-items: center;
}
.industries_retail_banner_right img {
  width: 100%;
  height: max-content;
}
.industries_retail_banner_left h1 {
  color: #fff;
  font-family: "Commissioner", sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 117%;
}
.industries_retail_banner_left p {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
  margin-top: 32px;
  width: 88%;
}
.industries_retail_services_wrp {
  background-image: url("../images/industries_retail_service.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 120px 0px 75px;
}
.industries_retail_feat_chip,
.industries_retail_admin_chip {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 8px;
  background: #2a8d95;
  padding: 7px 15px;
  border: none;
  width: fit-content;
}
.industries_retail_feat_heading,
.industries_retail_admin_heading {
  color: #000;
  font-family: "Commissioner", sans-serif;
  text-align: start;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  margin-top: 8px;
  text-align: center;
}
.industries_retail_feat_para,
.industries_retail_admin_para {
  color: #494b50;
  font-family: "Poppins", sans-serif;
  text-align: start;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
  margin-top: 32px;
  margin-bottom: 51px !important;
  width: 82%;
  text-align: center;
}
.industries_retail_accordian_outer {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.shape_market_wrp {
  font-size: 18px;
  font-weight: 600;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.white_capsule {
  border-radius: 104px;
  padding: 40px;
  background: #fff;
  /* width:max-content; */
}
.pink_capsule {
  border-radius: 104px;
  padding: 40px;
  background: #e1639d;
  color: #fff;
  /* width:max-content; */
}
.industries_retail_OurKey .industries_retail_feat_heading, .industries_retail_admin_heading {
  text-align: left;
}
.industries_retail_OurKey .industries_retail_feat_para, .industries_retail_admin_para {
  text-align: left;
}
/* .industries_retail_degital_services_wrp .container div {
  gap: 14px;
} */
/* .AI_implement .container div {
  gap: 14px;
} */
@media only screen and (max-width: 1366px) {
  .pink_capsule {
    padding: 20px;
  }
  .white_capsule {
    padding: 20px;
  }
  .industries_retail_banner_left h1 {
    font-size: 42px;
  }
  .industries_retail_banner_left p {
    font-size: 16px;
    width: fit-content;
  }
  .industries_retail_banner_btn {
    padding: 8px 26px;
    font-size: 18px;
  }
}
.industries_retail_degital_services_wrp {
  background-image: url("../images/industries_retail_degitel_services.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0px 180px;
}
.retail_wrap {
  display: flex;
  flex-direction: column;
  gap: 71px;
}
.industries_retail_sec {
  margin-bottom: 140px;
}
.industries_retail_sec .inner_wrap {
  background-image: url("../images/industries_retail_sec.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  /* margin: 160px 0 60px; */
  color: #fff;
  height: auto;
}

.industries_retail_sec .inner_wrap .content {
  /* width: 70%; */
  /* height: 476px; */
  padding: 92px 72px;
}
.small_banner_main_heading {
  font-size: 42px;
  /* font-size: calc(1rem + 1.5625vw);  */
  font-family: "Commissioner", sans-serif;
}
.section_tag_large {
  font-size: 24px;
  padding: 14px 32px;
  font-weight: 600;
  border-radius: 15px;
  background: #2a8d95;
  color: #fff;
  width: fit-content;
  margin-top: 48px;
  border: none;
}

.content {
  display: flex;
  flex-direction: column;
  align-contain: space-between;
}
.industries_retail_sec .inner_wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.industries_retail_OurKey {
  background-image: url("../images/ourKeyBg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.industries_retail_OurKey .industries_retail_Outer {
  display: grid;
  grid-template-columns: 45% 51%;
  margin-bottom: 120px;
  gap: 40px;
}
.industries_retail_OurKey_delivery {
  /* height: 750px; */
  height: 100%;
}
.industries_retail_OurKey_delivery img {
  width: 100%;
  height: auto;
}
.industries_retail_OurKey .industries_retail_inner {
  display: flex;
  gap: 42px;
  flex-direction: column;
}
.industries_retail_accordian {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
.industries_retail_OurKey .industries_retail_accordian:nth-child(1) {
  border: 1px solid #a0f; 
  background: #fbf2ff
}
.industries_retail_OurKey .industries_retail_accordian:nth-child(2) {
  border: 1px solid #cb001c; 
  background: #fff2f2
}
.industries_retail_OurKey .industries_retail_accordian:nth-child(3) {
  border: 1px solid #128807; 
  background: #f5fff2
}
.ourkey_right_div {
  /* grid-column: span 2 / span 2; */
}
.industries_retail_accordian {
  overflow: hidden;
  transition: max-height 0.3s;
  border-radius: 32px;
  padding: 40px;
  max-height: 118px; /* Initial collapsed height */
}

.industries_retail_accordian.active {
  max-height: none; /* Set max-height to none for the first accordion to keep it expanded */
}

.industries_retail_accordian p {
  display: none;
}

.industries_retail_accordian.active p {
  display: flex;
}

.industries_retail_accordian:hover {
  max-height: none;
}

.industries_retail_accordian:hover p {
  display: flex;
}
.industries_retail_accordian div {
  /* padding: 10px; */
  cursor: pointer;
}

.industries_retail_accordian p {
  /* padding: 10px; */
}
.industries_retail_accordian div {
  color: #000;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}
.industries_retail_accordian p {
  color: #494b50;

  font-family: Poppins;
  font-size: 18px;
  letter-spacing: 0.18px;
}
.AI_implement {
  background-image: url("../images/AI_implement.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 80px;
}
.AI_bottom_div {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  margin-top: 40px;
}
.AI_outer_div {
  gap: 17px;
}
.AI_implement .AI_div_outer2 {
  margin-top: 80px;
}
.AI_implement .AI_div_outer4 {
  margin-top: 80px;
}
.customer {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
.AI_outer_div div img {
  width: 72px !important;
  height: 75.002px !important;
}
.AI_bottom_div div img {
  width: 100%;
  height: 100%;
}
.AI_inner_div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.industries_retail_sec_inner_right {
  position: relative;
  padding: 92px 72px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}

.industries_retail_sec_inner_right img {
  position: absolute;
  top: -70px;
  right: 70px;
  max-width: 626px;
  max-height: 560px;
  width: 100%;
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(1) .white_capsule {
  transform: rotate(-7.255deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(1) .pink_capsule {
  transform: rotate(5.665deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(2) .pink_capsule {
  transform: rotate(8.35deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(2) .white_capsule {
  transform: rotate(-8.392deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(3) .white_capsule {
  transform: rotate(-6.789deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(3) .pink_capsule {
  transform: rotate(6.655deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(4) .pink_capsule {
  transform: rotate(9.572deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(4) .white_capsule {
  transform: rotate(-6.59deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(5) .white_capsule {
  transform: rotate(9.572deg)
}
.industries_retail_services_wrp .shape_market_capsule_wrp:nth-child(5) .pink_capsule {
  transform: rotate(-6.59deg)
}
/* .retail_wrap div {
  gap: 14px;
} */

/* //media */
@media only screen and (max-width: 1440px) {
  .industries_retail_banner_left h1 {
    font-size: 42px;
  }
  .industries_retail_sec_inner_right img {
    top: -70px !important;
    right: 39px;
  }
}
@media only screen and (max-width: 1400px) {
  .industries_retail_admin_heading {
    font-size: 37px;
  }
  .centralized_features_content {
    padding-top: 20px !important;
}
.retail_wrap {
  gap: 40px;
}
.industries_retail_services_wrp {
  padding: 100px 0px 75px;
}
.AI_implement {
  padding: 80px 0;
}
}

/* 1366 */
@media only screen and (max-width: 1366px) {
  .small_banner_main_heading {
    font-size: 30px;
  }
  .industries_retail_sec_inner_right img {
    /* position: relative; */
    top: auto;
    right: auto;
  }
  .industries_retail_sec .inner_wrap .content {
    padding: 60px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .industries_retail_degital_services_wrp {
    padding: 40px 0px 110px;
}
.industries_retail_sec {
  margin-bottom: 100px;
}
.industries_retail_feat_para, .industries_retail_admin_para {
  width: 100%;
}

}

@media only screen and (max-width: 1024px) {
  .industries_retail_sec .inner_wrap .content {
    padding: 72px !important
  }
  .industries_retail_sec_inner_right img {
    width: 100% !important;
    top: auto !important;
  }
  .industries_retail_sec_inner_right {
    padding: 60px;
  }
  .industries_retail_sec_inner_right img {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 100%;
  }
  .industries_retail_OurKey_delivery img {
    width: 100%;
    height: 400px;
  }
  .industries_retail_admin_heading {
    text-align: center;
  }
  .industries_retail_banner {
    height: 100%;
  }
  .section_tag_large {
    font-size: 18px;
    padding: 8px 26px;
  }
  .industries_retail_feat_heading,
  .industries_retail_admin_heading {
    text-align: center !important;
    font-size: 38px;
  }
  .industries_retail_banner_content_wrp {
    flex-direction: column;
    justify-content: center;
    gap: 70px;
  }

  .industries_retail_banner_left h1 {
    font-size: 42px;
  }

  .pink_capsule {
    font-size: 14px;
  }

  .white_capsule {
    font-size: 14px;
  }

  .shape_market_wrp {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  .industries_retail_sec .inner_wrap .content {
    padding: 70px 50px;
  }
  .industries_retail_OurKey .industries_retail_Outer {
    grid-template-columns: 100%;
  }
  .industries_retail_OurKey_delivery {
    /* height: 400px; */
    width: auto;
    /* display: flex; */
    align-self: center;
  }
  .industries_retail_OurKey .industries_retail_Outer {
    height: 100%;
  }
  .industries_retail_OurKey .industries_retail_inner {
    align-items: center;
  }
}

@media screen and (max-width: 1600px) {
  .industries_retail_admin_heading {
    font-size: 29px;
  }
  .industries_retail_feat_para,
  .industries_retail_admin_para {
    font-size: 14px;
  }
  .industries_retail_accordian {
    padding: 20px;
  }
  .industries_retail_accordian div {
    font-size: 20px;
  }
  .industries_retail_accordian p {
    font-size: 14px;
  }
  .small_banner_main_heading {
    font-size: 30px;
  }
  .industries_retail_sec .inner_wrap .content {
    padding: 72px;
  }
  .industries_retail_sec_inner_right img {
    width: 550px;

    top: -45px;
  }
  .industries_retail_feat_para, .industries_retail_admin_para{
    text-align:center;
  }
}

/* 979px */
@media only screen and (max-width: 979px) {
  .industries_retail_sec .inner_wrap {
    background: linear-gradient(90deg, #182238, #334a7c);
    border-radius: 37px;
    max-height: 476px;
  }
  .industries_retail_sec .inner_wrap .content {
    height: 100%;
    display: flex !important;
    justify-content: center !important;
    flex-direction: column;
    text-align: center;
  }
  .industries_retail_sec .inner_wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .industries_retail_sec_inner_right {
    display: none;
  }
}

/* 768 */
@media only screen and (max-width: 768px) {
 
  .ourkey_right_div {
    text-align: center !important;
  }
  /* .industries_retail_OurKey .industries_retail_inner {
    align-content: center;
    flex-wrap: wrap;
  } */
  .industries_retail_feat_para,
  .industries_retail_admin_para {
    margin-bottom: 40px !important;
  }
  .industries_retail_accordian {
    border-radius: 20px;
  }
  .industries_retail_OurKey div {
    gap: 10px;
    /* display: flex;
    justify-content: center; */
  }
  .industries_retail_accordian div {
    /* margin-bottom: 10px; */
    font-size: 14px;
  }
  .industries_retail_accordian p {
    font-size: 14px;
  }
  .industries_retail_accordian {
    padding: 10px;
    max-height: 60px;
  }
  .industries_retail_banner_right img {
    width: 60%;
  }
  .industries_retail_banner_content_wrp {
    padding: 80px 0px;
  }
  .industries_retail_admin_heading {
    font-size: 25px;
  }
  .industries_retail_OurKey_delivery img {
    width: 100%;
    height: 400px;
  }
  .industries_retail_banner_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .industries_retail_banner_btn {
    width: auto;
  }
  .industries_retail_sec .inner_wrap {
    max-height: 100%;
    height: 100%;
  }
  .industries_retail_sec .inner_wrap .content {
    padding: 50px;
  }
  .small_banner_main_heading {
    font-size: 25px;
  }
  .section_tag_large {
    font-size: 14px;
  }
  .industries_retail_banner_left h1 {
    font-size: 43px;
  }
  .industries_retail_banner_left p {
    font-size: 16px;
  }
  .industries_retail_banner_btn {
    font-size: 14px;
    padding: 7px 15px;
  }
  /* .industries_retail_banner_right img {
    height: 200px;
    width:fit-content;
  } */
  .industries_retail_banner {
    height: 100%;
  }
  .industries_retail_feat_para,
  .industries_retail_admin_para {
    font-size: 14px;
  }
  .industries_retail_banner
    .container
    .industries_retail_banner_content_wrp
    .new {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .AI_bottom_div {
    display: grid;
    grid-template-columns: 100%;
    margin-top: 40px;
    gap: 10px;
    padding-bottom: 80px;
  }
  .AI_bottom_div div img {
    width: 75%;
    height: 420px;
  }
  .AI_bottom_div div {
    display: flex;
    justify-content: center;
    margin-top: 10px !important;
  }
  .shape_market_wrp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .customer {
    gap: 30px;
  }
}

/* 649px */
@media only screen and (max-width: 649px) {
  .industries_retail_banner_content_wrp {
    gap: 50px;
  }
}

/* 425px */
@media only screen and (max-width: 425px) {
  .AI_bottom_div{
    margin-top: 0px;
  }
  /* .industries_retail_feat_para,
  .industries_retail_admin_para {
    margin-bottom: 0px !important;
  } */
  .industries_retail_services_wrp {
    padding: 40px 0px;
  }
  .AI_bottom_div {
    padding-bottom: 40px;
  }
  .AI_implement {
    padding-top: 40px;
  }
  .industries_retail_OurKey .industries_retail_Outer {
    margin-bottom: 40px;
  }
  .industries_retail_sec {
    margin-bottom: 40px;
  }
  .centralized_features_content {
    padding-top: 0px !important;
  }
  .retail_wrap {
    gap: 40px;
  }
  .industries_retail_banner_content_wrp {
    padding: 0px;
  }
  .industries_retail_degital_services_wrp {
    padding: 40px 0px;
  }
  .industries_retail_banner_right img {
    width: 100%;
  }
  .industries_retail_banner_left h1 {
    font-size: 32px;
  }
  .industries_retail_banner {
    padding: 24px 0px;
    flex-direction: column-reverse;
  }
  .industries_retail_sec .inner_wrap .content {
    padding: 25px;
  }
  .industries_retail_admin_heading {
    font-size: 28px;
  }
  .industries_retail_feat_para,
  .industries_retail_admin_para {
    font-size: 14px;
  }
  .industries_retail_OurKey_delivery {
    height: 376px;
    width: 100%;
    /* display: flex; */
    align-self: center;
  }
  .customer {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .AI_bottom_div div img {
    width: 75%;
    height: 220px;
  }
  .industries_retail_accordian p {
    font-size: 10px;
  }
  .shape_market_wrp {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .pink_capsule {
    transform: rotate(0deg) !important;
  }
  .white_capsule {
    transform: rotate(0deg) !important;
  }
}