.title_main h2 {
  font-size: 40px;
  font-weight: 600;
}
.title_main h2 .heilight_tx {
  color: #f0b110;
}
/* slider_main start */
.section_align {
  margin-top: 150px;
}

.slider_main .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}

.slider_main .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider_main .overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(0deg, #000000, transparent);
  display: flex;
  justify-content: center;
  align-items: end;
  color: white;
  font-size: 2em;
  transition: opacity 0.3s ease-in-out;
}

.slider_main .swiper-slide:hover .overlay {
  opacity: 1;
}
#typedText {
  display: inline-block;
  /* font-size: 2rem; */
  /* font-weight: 700; */
  border-right: 2px solid #d1aa65;
  padding-right: 5px;
  color: #f0b110;
}
.slider_main {
  position: relative;
}
.digital_marketing .slider_main {
  overflow: hidden;
}
.marketing_box p {
  font-size: 16px;
}
.marketing_box h1 {
  font-size: 34px;
}
.marketing_box {
  padding: 30px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  background: #f0b110;
}
.form_expert {
  padding: 20px 30px;
}
.slider_main .slider_main .swiper-container {
  width: 100%;
  position: relative;
}
.form_expert form label {
  margin-bottom: 5px;
  font-weight: 500;
}
.form_expert form .bg_submit {
  background-color: #f0b110;
  border-radius: 50px;
  color: #fff;
  padding: 8px 40px;
}
.form_expert form .form-control {
  height: auto;
}
.main_adject {
  width: 80%;
  text-align: center;
  margin: auto;
  margin-bottom: 60px;
  margin-top: 60px;
}

/* slider_main end */

/* Introduction start */
.main_bx {
  display: flex;
  width: 50%;
  grid-gap: 14px;
}
.box_list ul {
  padding: 0;
}
.box_list ul li {
  width: 19%;
  float: left;
  position: relative;
  background: #fff;
  text-align: start;
  padding: 10px;
  margin-right: 26px;
  border-radius: 20px;
  border: solid 1px #d3d3d3;
  overflow: overlay;
}
.text_bx .list_dd h3 {
  font-size: 18px;
}
.main_bx {
  display: flex;
  width: 100%;
  height: 330px;
}
.box_list ul li.active {
  float: left;
  width: 32%;
  background: #f5f5f5;
}
.img_bx img {
  border-radius: 10px;
}
.box_list ul li .main_bx .text_bx {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.box_list ul li .main_bx .text_bx {
  /* display: block; */
}

/* General styles */
.box_list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main_bx:hover .img_bx {
  display: block;
}

.main_bx {
  position: relative;
}

.img_bx {
  display: none;
}

.text_bx {
  display: block;
}

/* Initially show the image and text for the first item */
.box_list ul li .text_bx .list_dd p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
  color: #a9a9a9;
}
.box_list ul li:hover .text_bx .list_dd p {
  color: #a9a9a9;
  -webkit-line-clamp: 12;
}

.box_list ul li.active .text_bx .list_dd p {
  -webkit-line-clamp: 12;
  color: #a9a9a9;
}

.box_list ul li.active .text_bx {
  display: block;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.box_list ul li.active .img_bx {
  display: block;
}
/* On hover, show the text along with the image for all other items */
.box_list ul li:hover .text_bx {
  display: block;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  transition: 0.5s;
}

/* Introduction */

/* zoom brand box */
.brand_box {
  position: relative;
  height: 400px; /* Set the height to 400px */
  overflow: hidden;
  border-radius: 10px;
  background-color: #f5f5f5; /* Default background color */
  transition: background-image 0.3s ease, transform 0.3s ease; /* Added transform transition */
}

.brand_box_icon {
  height: 100%; /* Make sure the image fills the height of the box */
  width: 100%;
  overflow: hidden;
  transition: opacity 0.3s ease; /* Smooth opacity transition for the image */
}

.brand_box_icon img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure the image covers the container */
  transition: transform 0.3s ease; /* Smooth zoom effect */
}
.brand_box_content h3 {
  min-height: 55px;
}
.brand_box_content {
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(255 255 255 / 50%);
  color: #000000;
  padding: 20px;
  opacity: 9;
  transform: translateY(0%);
  transition: opacity 0.3s ease, transform 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: solid 1px #d3d3d3;
  border-radius: 10px;
}
.brand_box_content:hover {
  padding: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.61);
  color: #fff;
  padding: 20px;
  opacity: 9;
  transform: translateY(0%);
  transition: opacity 0.3s ease, transform 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: solid 1px #d3d3d3;
  border-radius: 10px;
}
.brand_box {
  margin-bottom: 30px;
}
.brand_box_content h3 {
  margin: 0;
  font-size: 1.2rem;
}

.brand_box_description {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Limit the description to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
}

.brand_box:hover .brand_box_description {
  display: -webkit-box;
  -webkit-line-clamp: 12; /* Limit the description to 12 lines on hover */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
}

.brand_box:hover .brand_box_icon img {
  transform: scale(1.1); /* Image zoom effect */
}

.brand_box:hover .brand_box_content {
  opacity: 1; /* Fade in content */
  transform: translateY(0); /* Slide content up */
}

.brand_box:hover {
  transform: scale(1.15); /* Slight zoom effect on the entire box */
}

.brand_box .brand_box_icon {
  display: block;
}

.brand_box .brand_box_icon {
  display: none; /* Hide image by default */
}

.brand_box:hover .brand_box_icon {
  display: block; /* Show image on hover */
}

.main_usp {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 30px 0;
}
.usp_box ul {
  padding: 0;
}

.usp_box ul li {
  line-height: 3;
}
.usp_box {
  text-align: center;
  /* height: 260px; */
  display: grid;
  align-content: space-between;
  transition: 0.5s;
}
.usp_box_hvr:hover {
  transform: scale(1.15);
  background: #ffffff;
  transition: 0.5s;
  border: solid 3px #f0b110;
  border-radius: 10px;
  box-shadow: 0px 3px 5px 1px #00000052;
}
.USP_sec {
  /* height: 540px; */
}
.USP_sec .table-responsive {
  overflow: visible;
}
.usp_box.media_icons .img_uu {
  margin-top: 0px;
  position: absolute;
}
.uspicon .txt {
  margin-top: 10px;
  font-weight: 600;
}

.uspicon {
  margin-top: 40px;
}
.img_som1 {
  transform: translate(-70px, -80px);
}

.img_som2 {
  transform: translate(-10px, -90px);
}
.img_som3 {
  transform: translate(-180px, 0px);
  width: 20%;
}
.img_som4 {
  transform: translate(-140px, 0px);
  width: 20%;
}
.usp_box.media_icons .txt {
  width: 130px;
  text-align: start;
  margin: auto;
}
.usp_box.media_icons .txt {
  width: 130px;
  text-align: start;
  margin: auto;
  margin-top: 60px;
}
.usp_box.media_icons ul {
  width: 130px;
  text-align: start;
  margin: auto;
}
/* zoom brand box */
.Success_box {
  height: 420px;
  width: 505px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: left;
  border-radius: 50px;
  padding: 20px 70px;
  background-color: transparent;
}
.case_study_box {
  background-image: linear-gradient(0deg, #8a6609, #f0b110);
  margin: 15px;
  padding: 2px;
  border-radius: 10px;
}
.case_study_img img {
  width: 100%;
  margin: auto;
}
.case_study_img {
  background: #ffffff;
  border-radius: 10px;
  min-height: 190px;
  display: flex;
  align-items: center;
  align-content: space-between;
  justify-content: space-around;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.case_study p {
  margin-bottom: 0;
  color: #fff;
}
.case_study h3 {
  color: #fff;
}
.case_study {
  padding: 30px;
}
.case_study_sec .slick-prev {
  left: -70px;
  z-index: 9;
  background: #fff0;
  width: 57px;
  height: 53px;
  border-radius: 100px;
  text-align: center;
  position: absolute;
}
.Tools_sec .slick-prev {
  left: -70px;
  z-index: 9;
  background: #fff0;
  width: 57px;
  height: 53px;
  border-radius: 100px;
  text-align: center;
  position: absolute;
}
.sectionslid .slick-prev {
  left: -70px;
  z-index: 9;
  background: #fff0;
  width: 57px;
  height: 53px;
  border-radius: 100px;
  text-align: center;
  position: absolute;
}
/* case study */
.success_box {
  margin: 15px;
  padding: 5px 20px;
  border-radius: 10px;
  border: solid 1px #eee;
}
.stories h3 {
  font-size: 20px;
}
.Tools_sec .slick-slide img {
  width: 100%;
}
.Tools_sec .sectionslid .slick-list {
  height: 200px;
}
.Tools_sec .sectionslid .slick-prev.slick-arrow {
  margin-top: 20px;
}
.Tools_sec .sectionslid button.slick-next.slick-arrow {
  margin-top: 5px;
}
.imageuser_name p {
  color: #000;
}
.imageuser_name .m_p {
  color: #474747;
}
/* case study */
button.readmore_case {
  border-radius: 50px;
  padding: 8px 20px;
  border: 0;
  margin-top: 24px;
}
.stories_tile h3 {
  min-height: 50px;
  font-size: 20px;
  line-height: 1;
  color: #000;
}
.stories_tx p {
  margin-top: 10px;
  color: #a9a9a9;
}
.imageuser_im {
  width: 80px;
}
.imageuser_im {
  width: 60px;
  margin-right: 12px;
}
.imageuser_name p {
  margin-bottom: 0;
}
.testimonila_profile {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.testimonila_title p {
  color: #787878;
}
.testimonila_miantitle h2 {
  color: #000;
  font-size: 40px;
}
.testimonial_sec {
  margin: 40px 0;
}
.testimonial_sec .sectionslid .slick-list {
  height: 300px;
}
.testimonial_sec .sectionslid .slick-prev.slick-arrow {
  margin-top: 200px;
  right: 60px !important;
  left: auto;
}
.testimonial_sec .sectionslid button.slick-next.slick-arrow {
  margin-top: 185px;
  right: 25px;
}
.testimonial_sec {
  background: #fbfbfb;
  padding: 60px 0px;
}
.Started_tile h2 {
  color: #000;
  font-size: 60px;
  text-align: center;
}
.Started_link a {
  background-image: linear-gradient(45deg, #f0b110, #8a6609);
  padding: 14px 70px;
  font-size: 30px;
  border-radius: 75px;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}
.Started_link {
  text-align: center;
  margin-top: 30px;
}
.Started_sec {
  margin-bottom: 50px;
}
.USP_sec .table-bordered > :not(caption) > * > * {
  border-width: 0 0px;
}
.USP_sec .table-bordered > :not(caption) > * {
  border-width: 0px 0;
}
.digital_marketing .swiper-pagination {
  z-index: 5;
}
.brand_box:hover .brand_box_content .img_icn img {
  filter: invert(1);
}
.partner_sc11 {
  padding: 160px 0 60px;
}
.main_calender_sec_you {
  background-color: #fff0;
  border-radius: 30px;
  padding: 0px 0px;
  max-height: 630px;
  border: solid 0px #fff0d4;
}
.main_bg_color {
  background-image: linear-gradient(95deg, #ffefd6, transparent);
  background-color: #ffffff00;
}
.indastries ul {
  padding: 0;
}
.indastries ul li {
  background: antiquewhite;
  margin-bottom: 10px;
  float: left;
  margin-right: 10px;
  border-image: linear-gradient(to right, #d1aa65, #e7cc9d);
  padding: 8px 15px;
  border: 1px solid transparent;
  border-image-slice: 1;
  border-radius: 0%;
  transition: transform 0.3s ease;
  /* width: 32%; */
  /* display: flex
; */
  /* justify-content: flex-start; */
  /* align-items: center; */
  text-align: start;
  font-size: 16px;
  color: #333;
  box-shadow: 0px 4px 5px #0000001a;
}
.indastries ul li:hover {
  box-shadow: 0px 0px 0px #0000001a;
  background: #fff;
}
.indastries ul li a {
  color: #000;
  text-decoration: none;
}
.stories_img {
  width: 100%;
  min-height: 60px;
}
/* Hover effect */
.indastries ul li:hover {
  transform: scale(1.03);
}
/* Responsive styling */
@media (max-width: 768px) {
  .box_list ul li {
    width: 50%;
  }
  .section_align {
    margin-top: 190px;
  }
  .marketing_box p {
    font-size: 14px;
  }
  .marketing_box {
    padding: 16px;
  }
  .marketing_box h1 {
    font-size: 20px;
  }
  .title_main h2 {
    font-size: 26px;
    font-weight: 600;
  }
  .form_expert {
    padding: 10px 0px;
  }

  .form_expert form .bg_submit {
    width: 100%;
  }
  .main_adject {
    width: 100%;
  }
  .box_list ul li.active {
    width: 100%;
  }
  .box_list ul li {
    margin-left: 0px;
    margin-bottom: 20px;
  }
  .USP_sec {
    height: auto;
  }
  .USP_sec .table-responsive {
    overflow: auto;
  }
  .main_bx {
    display: flex;
    width: 100%;
    height: auto;
    grid-gap: 7px;
  }
  .box_list ul li.active .img_bx {
    display: block;
    width: 138px;
  }
  .img_bx img {
    border-radius: 10px;
    width: 100%;
  }
  .box_list ul li .main_bx .text_bx {
    width: 100%;
    display: block;
  }
  .box_list ul li.active .text_bx {
    display: block;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }
  .img_som1 {
    transform: translate(-44px, -60px);
    width: 60px;
  }
  .img_som2 {
    transform: translate(-10px, -60px);
    width: 50px;
  }
  .img_som3 {
    transform: translate(-130px, 0px);
    width: 15%;
  }
  .img_som4 {
    transform: translate(-110px, 0px);
    width: 15%;
  }
  .USP_sec .table tbody tr td {
    min-width: 140px;
  }
  .Tools_sec .slick-next {
    right: 0px;
  }
  .testimonila_miantitle h2 {
    font-size: 26px;
  }
  .Started_tile h2 {
    font-size: 30px;
  }
  .Started_link a {
    background-image: linear-gradient(45deg, #f0b110, #8a6609);
    padding: 12px 68px;
    font-size: 20px;
  }
  .brand_box:hover {
    transform: scale(0.9);
  }
  .brand_box .brand_box_icon {
    display: block;
  }
  .brand_box_content {
    background-color: rgb(0 0 0 / 50%);
    color: #ffffff;
  }
}

@media (max-width: 480px) {
  .box_list ul li {
    width: 100%;
  }
}