/* About Be Section */

.counter {
  font-size: 48px;
  color: var(--color-primary);
}
.about-left-sec {
  /* position: relative; */
  height: 100%;
}
.about--left-video {
  object-fit: cover;
  border-radius: 30px;
}
.about-left-sec > img {
  width: 100%;
  /* height: 655px; */
  border-radius: 20px;
}

.left-cont {
  background-color: white;
  margin: 0 70px;
  position: relative;
  margin-top: -95px !important;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 5px 12.8px 0px rgba(0, 0, 0, 0.08);
}
.main-title {
  width: 90%;
}
.vision > p {
  color: var(--color-text);
}
.ceo-name > p {
  color: var(--color-primary-gray);
}
.ceo-name > p > strong {
  color: var(--color-text);
}
.logos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
}
.counter-cards {
  text-align: center;
  margin: 0 auto;
}
/* .counter-cards>span {
  font-weight: 600;
} */
/* swiper */
/* .swiper-wrapper {
    align-items: center !important;
} */
.swiper-slide {
  background: #fff;
  display: flex;
  justify-content: center;

  /* width: 152px !important; */
}
.swiper-button-next,
.swiper-button-prev {
  color: var(--color-text, var(--color-secondary-offblack));
}
.swiper-button-next {
  right: -15px;
}
.swiper-button-prev {
  left: -15px;
}

.client_logo_slide img {
  border-radius: 10px;
  border: 1px solid #eee;
  padding: 10px;
  height: 75px;
  object-fit: contain;
  width: 100%;
}

.swiper-nav-size {
  --swiper-navigation-size: 14px !important;
  font-weight: 600;
}

/* about section end */

/* product range section */

.grid-product {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
  align-items: flex-end;
}

.image-container {
  position: relative;
  /* Adjust the width according to your image size */
  /* height: 332px;  */
  /* Adjust the height according to your image size */
  /* background-color: #f0f0f0; Default background color */
  overflow: hidden;
  text-align: center;
  /* width: 100%;  */
  /* Ensures that the image stays within the container */
}

.image-container::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px; /* Half the height of the image container */
  background-color: #eeeeee; /* Background color you want */
  transition: background-color 0.5s ease;

  z-index: -1; /* Ensures the background is behind the image */
}
.single-cat:hover .image-container::before {
  background-color: var(--color-primary);
}
.image-container img {
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  transition: transform 0.3s ease;
  margin-bottom: -12px;
  /* margin-top: 10px; */
  /* margin-top: 55px; */
  /* object-fit: contain; */
  /* object-position: center; */
}

.single-cat:hover img {
  transform: translateY(-5px); /* Move the image 5px up on hover */
  /* background-color: red; */
}

.arrow-img {
  /* visibility: hidden; */
  opacity: 0; /* Element is initially invisible */
  transition: opacity 0.5s ease-in-out; /* Smooth transition */
}
.single-cat:hover .arrow-img {
  /* visibility: visible; */
  opacity: 1; /* opacity: 100%;
   transition: opacity 5s; */
}
.single-cat:hover .cat-name {
  font-weight: 500;
}
.single-cat > a:hover {
  color: var(--color-text);
}
.cat-info {
  min-height: 60px;
}

/* social media section */

.media-sec > div.nav-link {
  /* width: 20%; */
  text-align: center;
  border-radius: 0;
  border-width: 3.5px;
  color: var(--color-text);
  border-color: #d2d2d2;
  cursor: pointer;
}
.media-sec > div.nav-link:focus {
  border-color: var(--color-primary);
}
.media-sec.nav-underline {
  gap: 0;
}
.media-sec > div.nav-link:hover {
  border-color: var(--color-primary);
}
.media-sec > div.nav-link.active {
  border-color: var(--color-primary) !important;
}
/* .media-sec>button.nav-link:active{
    color: var(--color-text);
} */
.media-sec > button:hover {
  background: var(--color-primary-white);
}
.media-sec > button:focus {
  background: var(--color-primary-white);
}
/* .social-cont {
  height: 300px;
} */
.social-inner-tab {
  height: 100%;
}
/* swipper */
.swiper {
  width: 100%;
  height: 100%;
}

.social-card {
  width: 100%;
  background-color: #f8f8f8;
}
.juicer-feed h1.referral a {
  display: none !important;
}
/* map section */

#powerTip {
  background-color: white !important;
  box-shadow: 0px 6.511px 16.667px 0px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding-left: 20px;
}
.box_view_html {
  max-width: 369px !important;
}
.pins_animation {
  top: -3px !important;
  left: -8px !important;
  height: 18px !important;
  width: 20px !important;
}
.location-details {
  display: grid;
  grid-template-columns: 40px 1fr;
}
.nav-underline .nav-link.active {
  font-weight: 600;
}

/* About Page */

.top-sec {
  /* background: linear-gradient(110deg, #FFE6E7 19.29%, #E3F5FF 70.1%); */
  /* min-height: 760px; */
  padding-top: 60px;
  padding-left: 7vw;
  padding-right: 7vw;
}
.video-sec {
  background-color: white;
  border-radius: 30px;
  /* margin-top: -325px; */
}
.video-sec-title {
  font-size: 35px;
}
.about-video {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 100%;
  object-fit: cover;
}
.left-sec {
  padding-bottom: 0 !important;
}
.info-sec {
}
.about-video-tab > .social-cont {
  height: auto;
}
.about-video-tab > .social-cont > .social-inner-tab {
  height: auto;
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 20px;
}

.about-media-sec .nav-link {
  font-size: 18px;
}
.about-media-sec > div.nav-link {
  width: 50%;
  text-align: center;
}

/* counter-image */
.outer-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: var(--color-gif); /* Light red */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.inner-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
}

.inner-circle img {
  fill: white;
  width: 40px;
  height: 40px;
}

.text-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: black;
  animation: rotate 10s linear infinite;
  transform-origin: center;
  direction: ltr;
}
.counterimg-text > span {
  color: var(--color-primary);
  border-radius: 50%;
}
/* end */
.about-counter {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 15px 10px;
}

:is(.map_globe, .map_sales) p {
  font-weight: 600;
}

.proposition-card {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 30px;
}

.proposition-img {
  border-radius: 10px;
  background: #fff4f4;
}
.galery-img {
  height: 100%;
}
.galery-img > img {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background: #d9d9d9;
  object-fit: cover;
}
.diag-start {
  position: relative;
  /* height: 145px; */
  width: 90%;
  margin: 0 auto;
}
.diag-start {
  /* position: relative; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.ripple {
  position: absolute;
  /* top: -65px; */
  width: 219px;
  /* min-height: 100%; */
  z-index: -100;
}

textPath > span {
  background-color: var(--color-primary);
  border-radius: 50%;
}
/* .diag-start::before {
  content: "";
  position: absolute;
  border-right: dashed 1px;
  color: #A5A5A5  ;
  left: 50%;
  bottom: 10%;
  height: 20%;
}

.diag-start::after {
  content: "";
  border-bottom: dashed 1px;
  color: #A5A5A5;
  position: absolute;
  left: 0;
  bottom: 12px;
  width: 100%;
  height: auto;


} */
.cont-one {
  position: relative;
}
.cont-area > ul {
  /* width: 50%;
  text-align: stretch !important;
  margin: 0 auto !important; */
  padding-left: 1rem !important;
  text-align: start;
}
/* .cont-area>ul>li {
  margin: 0 auto;
} */
.cont-area {
  width: 50%;
  text-align: left !important;
  margin: 0px 0 0 156px !important;
}
.cont-area ul li {
  line-height: 35px;
}
.cont-area-2 {
  width: 55%;
}
.cont-all > img {
  /* width: 85px; */
}
.diag-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 80px;
}
.diag-content-2 {
  max-width: 80%;
  margin: 0 auto;
}
.diag-content-title {
  font-size: 20px;
  /* color: var(--color-primary); */
}
.arrows > img {
  width: 71%;
}
.arrows-2 {
  max-width: 80%;
  margin: 0 auto;
}
.gallery-btn-img {
  margin-top: 0.75rem !important;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* counter-image-ends */

/* map */
.map_image .wrap_svl_center_box {
  display: block;
}
.map_image .wrap_svl {
  float: none;
}
/*------------------------------------------------- Contact US Page-------------------------------------------------  */
/* .contact-frm a.chosen-single span {
  color: #b3b3b3;
} */
/* Default style for the dropdown */
.contact-frm .cont-frm-drop a.chosen-single span {
  color: #b3b3b3; /* Initial placeholder color */
}

.contact-frm .cont-frm-drop a.chosen-single span.selected {
  color: black; /* Selected option color */
}

/* Style for all options */
/* .cont-frm-drop select option {
  color: black; /* Default color for options */
/* }  */

.contact-right-sec > img {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-sec-2 {
  background-color: #ffeeef;
  border-radius: 69%;
  width: 117px;
  height: 117px;
  align-content: center;
  margin: 0 auto;
}
.contact-right-sec {
  height: 100%;
}
.link-color {
  color: var(--color-primary);
  font-weight: 500;
}
.sales {
  background-color: var(--color-primary);
  border-radius: 20px;
  overflow: hidden;
}

.sales-content > h3,
.sales-content > p {
  color: var(--color-primary-white);
}
.sales > img {
  clip-path: polygon(0% 0%, 100% 0%, 86% 100%, 0% 100%);
}
.sales-btn .bahra_btn {
  background-color: var(--color-primary-white);
  color: var(--color-primary);
}
.bahra_btn:focus {
  color: var(--color-primary-white);
}
.location_swiper {
  padding-left: 7vw;
}

.location-cards {
  border-radius: 25px;
  border: 1px solid #dfdfdf;
  display: flex;
  flex-direction: column;
  padding: 40px;
}
.location-cards-details {
  display: grid;
  grid-template-columns: 35px 1fr;
}

.location-tab .swiper .swiper-wrapper .swiper-slide {
  /* width: 480px !important; */
}
.location-card-map > iframe {
  /* height: 200px; */
  border-radius: 10px;
}

.location-card-map {
  display: flex;
  flex-grow: 1;
  align-items: end;
  flex-grow: 1;
}

.pins_image {
  cursor: pointer;
  transition: 300ms ease-in-out;
}

.pins_image:hover {
  scale: 1.3;
  filter: brightness(0.7);
}

.centred-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.direct-card {
  border: 1px solid #ccc;
  border-radius: 20px;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}

.dirct-crd-head {
  background-color: var(--color-primary-offwhite);
  /* overflow: hidden; */
}

/* ------------ Video Page ------------------------------- */

.video-iframe {
  border-radius: 30px;
  width: 100%;
  /* min-height: 400px; */
}

.video-iframe > iframe {
  border-radius: 20px;
  width: 100%;
  height: 300px;
}

.banner_top_border .video-iframe > iframe {
  height: 360px;
}
.video-right-col {
  padding: 0 4vw;
}
.video-card > iframe {
  width: 100%;
  border-radius: 30px;
  height: 350px;
}
.video-card .video_url {
  width: 100%;
  border-radius: 30px;
  height: 350px;
}
.video-card .video_url > video {
  width: 100%;
  border-radius: 30px;
  height: 100%;
  object-fit: cover;
}
.video-card-des {
  align-items: end;
  flex-grow: 1;
}
.event-video > iframe {
  border-radius: 30px;
  height: 240px;
}
.video-title {
  width: 80%;
}

/* Events PAGE */
.modal-content > .btn-close {
  position: absolute;
  right: -3rem;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23fff"><path d="M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z"/></svg>');
  z-index: 9;
}

.eventsgalry .modal-content {
  background-color: transparent !important;
  border: none !important;
}
.modal {
  background-color: rgb(0 0 0 / 78%);
}
/* .GallerySwiper2-2 .swiper-wrapper .swiper-slide {
  background-color: transparent !important;
}
.GallerySwiper .swiper-wrapper .swiper-slide {
  background-color: transparent !important;
}

.swiper-button-next2 {
  position: absolute;
  height: 91px;
  right: 0;
  width: 50px;
  top: 100px;
  color: white;
  z-index: 9;
  background-image: url(https://bahradev.wpenginepowered.com/wp-content/uploads/2024/09/Vector-12.svg);
  background-repeat: no-repeat;

}
.swiper-button-prev2 {
  position: absolute;
  height: 91px;
  left: 0;
  width: 50px;
  top: 100px;
  z-index: 9;
  color: white;
  background-image: url(https://bahradev.wpenginepowered.com/wp-content/uploads/2024/09/Vector-11.svg);
  background-repeat: no-repeat;
} */
/* .swiper-button-prev{
  left: 0px;
  color: white;
} */

/* ----------------------- News ------------------------------------------ */
.read-m {
  color: #6e6e6e;
  flex-grow: 1;
  align-items: start;
}
.news-dtl .sidebar-item {
  margin-bottom: 15px;
}
.news-cont .event-excerpt {
  flex-grow: 1;
  align-items: start;
}
.news-p .row {
  --bs-gutter-x: 3rem;
}
.sorting-news .form-select {
  width: auto !important;
}
.news-p {
  padding: 2rem 1.5rem;
}
.form-select {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M0.893939 -3.98039e-07L-3.97785e-08 0.910026L5 6L10 0.910026L9.10606 -3.90753e-08L5 4.17995L0.893939 -3.98039e-07Z" fill="%23ED1C24"/></svg>');
}

.form-select:focus {
  border-color: var(--color-primary);
  outline: 0;
  box-shadow: 0 0 0 0.25rem var(--color-primary-offwhite);
}
.news-select {
  border-left: 1px solid #c9c9c9;
  padding-left: 10px;
}
.news-content-details {
  height: 100%;
}
.nes-date {
  flex-grow: 1;
  align-items: start;
}
.font-w {
  font-weight: 600 !important;
}
.view-photo {
  cursor: pointer;
}
.view-photo:hover {
  color: var(--color-primary);
  transition: 0.4s ease-in-out;
}
.detl-h {
  min-height: 55px;
}
.news-img > img {
  height: 110px;
  width: 150px;
  border-radius: 20px;
  border: 1px solid #eee;
  background: white;
  object-fit: cover;
  max-width: fit-content;
}
.past-news-items {
  display: none;
}
.news-slider .swiper-wrapper .swiper-slide > img {
  width: auto !important;
}
.news-p .single-event > img {
  height: auto !important;
}

/* ----------------------------modal------------------------------------------- */

.gallery2 .swiper-wrapper .swiper-slide {
  background-color: transparent !important;
  padding-bottom: 10px;
  /* border-radius: 30px;  */
}
.gallery1 .swiper-wrapper .swiper-slide {
  background-color: transparent !important;
}
.gallery2 .swiper-wrapper .swiper-slide > img {
  width: 100%;
}
.nav-swiper-btn {
  position: absolute;
  z-index: 2;
  right: -50px;
  left: -50px;
}

/* .nextbtn {
  position: absolute;
  height: 91px;
  right: 0;
  width: 50px;
  top: 100px;
  color: white;
  z-index: 9;
  background-image: url(https://bahradev.wpenginepowered.com/wp-content/uploads/2024/09/Vector-12.svg);
  background-repeat: no-repeat;
  background-size: 30px;
}
.prevbtn {
  position: absolute;
  height: 91px;
  left: 0;
  width: 50px;
  top: 100px;
  z-index: 9;
  color: white;
  background-image: url(https://bahradev.wpenginepowered.com/wp-content/uploads/2024/09/Vector-11.svg);
  background-repeat: no-repeat;
  background-size: 30px;
} */

/* ------------------------------------category Page------------------------------------------------- */
.banner-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px 50px;
}
.catgry-dv {
  text-align-last: right;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}
.category-icn {
  position: relative;
  max-height: 440px;
  overflow: hidden;
  text-align: center;
}
.category-icn > img {
  /* margin-bottom: -99px; */
  position: relative;
  top: -10px;
  border-radius: 0;
}
.category-icn::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 100%;
  height: 210px;
  background-color: #eeeeee;
  transition: background-color 0.5s ease;
  z-index: 0;
}
.category-lst {
  border-top: 1px solid;
  margin-top: 50px;
}
.icn {
  width: 100px;
  height: 100px;
}
.prodt {
  border: 1px solid #bbb;
  border-radius: 8px;
  font-weight: 500;
}
.prodt > a:hover {
  color: black;
}
.prodt:hover {
  background-color: var(--color-primary-offwhite);
  transition: background-color 0.5s ease;
}

/* ---------------------------------Product Listing Page ------------------------------------------------ */
.listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.list-card {
  border-radius: 20px;
  background: #f7f7f7;
  padding: 30px;
  transition: background-color 0.5s ease-in-out;
}
.list-card:hover {
  background: var(--color-primary-offwhite);
}
.list-card > img {
  height: 70px;
}
.list-card .abt-btn .bordered-btn {
  background: transparent !important;
}
.list-card .abt-btn .bordered-btn:hover {
  background: #0088d1 !important;
}
.list-des {
  flex-grow: 1;
  align-content: flex-start;
}

/* ----------------------------Career Page-------------------------------------------------------- */
.career-swiper {
  padding-left: 7vw;
}
.career-swiper-contianer {
  padding-left: 7vw;
}
.career-swiper-card {
  background: var(--color-gif);
  border-radius: 20px;
  width: 100%;
}
.cr-card-head {
  gap: 50px;
  height: 60px;
  /* flex-grow: 1;
  align-content: center; */
}
.cr-card-head > img {
  height: 35px;
}
.cr-card-head > p {
  width: 70%;
}

/*  */
.masonry-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.column {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
}

.column > img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.column-1 img:nth-child(1),
.column-3 img:nth-child(2) {
  height: 50%;
}

.column-1 .small-width {
  width: 70%; /* Adjust the width as needed for smaller images */
  margin-left: auto;
  /* margin-right: auto; */
}
.column-3 .small-width {
  width: 70%; /* Adjust the width as needed for smaller images */
  /* margin-left: auto; */
  margin-right: auto;
}

.full-height {
  height: 100%;
}
.font-14 {
  font-size: 14px;
}
.font-w500 {
  font-weight: 500 !important;
}
.highlight-hed {
  color: var(--color-primary);
}
.job-card {
  border-bottom: 1px solid #d6d6d6;
}

.job-card:last-child {
  border-bottom: 0;
}
.job-card-content {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}
.job-details > ul {
  margin: 0 0 0.5em 0em;
  padding-top: 10px;
}
.job-details > ul > li {
  font-weight: 500;
}
.jobs-container {
  counter-reset: career;
}
.job-card-no::before {
  content: counter(career, decimal-leading-zero) ".";
  counter-increment: career;
}
/* button animation */

/* -------------------------------QHSE Policy------------------------------------------------------- */
.w-100 {
  width: 100%;
}
.commitment-grid {
  gap: 20px 0;
}
.commited {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 5px;
}
.commited-img {
  background-color: var(--color-gif);
  height: 85px;
  width: 85px;
  border-radius: 10px;
}
.commited-img img {
  height: 60px;
}
.commitment-gallery img {
  /* min-height: 420px; */
  width: 100%;
  border-radius: 20px;
}
.comt-galery {
  gap: 20px 0;
}
.certificates-grid {
  /* display: grid; */
  display: flex;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
.certificate img {
  border-radius: 20px;
  border: 1px solid #f2c166;
  padding: 10px;
  /* width: 100%; */
  /* min-height: 320px; */
}
/* -------------------------------Approval System-------------------------------------------------- */
.aprrovals-system > ul {
  margin: 0 0 1.5em 0em;
  padding: 0;
  padding-left: 1rem;
}
.approval-productimg {
  border-radius: 10px;
  border: 1px solid #eee;
  width: 120px;
  height: 120px;
}
.provider-row {
  row-gap: 40px;
}

/* ---------------------------------Customer Survey --------------------------------------------- */
.colored {
  color: var(--color-primary);
  font-weight: 500;
}
.customer-survey {
  padding: 50px;
}
.gform-body .frm-checkbox .ginput_container .gfield_checkbox {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.gform-theme--framework
  .contact-frm
  .gfield--input-type-likert
  table.gsurvey-likert
  tbody
  tr:nth-child(odd) {
  background-color: transparent;
}
.bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm input {
  height: 20px;
  position: relative;
  z-index: 2;
}
.bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm tr td {
  position: relative;
}
/* .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm tr:nth-child(1) th{ 
  font-weight: 600;
} */
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  tbody
  tr
  td:nth-child(1) {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: left;
  padding-left: 35px;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  tbody
  tr
  td {
  border-bottom: 1px solid #d6d6d6;
  border-radius: 0px;
}
.bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr td,
.bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr th {
  border-bottom: 1px solid #6e6e6e;
  border-radius: 0px;
}
/* .bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gfield_description {
  display: none;
} */
.bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm {
  margin-top: 80px;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  thead
  tr:nth-child(1)
  td::before {
  content: "Rating Criteria";
  font-size: 16px;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  thead
  tr:nth-child(1)
  td::after {
  content: "*";
  font-size: 16px;
  color: #c02b0a;
  padding-left: 5px;
}
.bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr th {
  font-weight: 600;
  position: relative;
}

.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(2):after,
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(3):after,
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(4):after,
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(5):after,
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(6):after {
  width: 100%;
  height: 40px;
  right: 0;
  left: 0;
  bottom: 100%;
}

.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(2):after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M39.3709 19.9998C39.3709 9.30262 30.6991 0.630805 20.0019 0.630805C9.30463 0.630806 0.632811 9.30262 0.632812 19.9999C0.632812 30.6971 9.30463 39.3689 20.0019 39.3689C30.6991 39.3689 39.3709 30.6971 39.3709 19.9998Z" fill="%23FFBE45"/><path d="M11.7656 23.9631C12.2314 28.0964 15.7399 31.3117 19.9982 31.3117C24.2564 31.3117 27.7626 28.0987 28.2307 23.9631H11.7656Z" fill="black"/><path d="M14.3125 29.0486C15.7963 30.4506 17.7959 31.3118 19.9978 31.3118C22.1996 31.3118 24.0288 30.5233 25.4899 29.2281L25.4149 29.0508C19.8864 26.3559 14.3875 29.0145 14.3125 29.0508V29.0486Z" fill="%23F06669"/><path d="M18.4378 5.60961C18.4378 5.60961 18.4308 5.58361 18.4265 5.56736C17.7412 3.00977 15.2642 1.16215 12.4824 1.90753C10.2725 2.49966 9.41467 4.43277 9.37714 6.03461C8.5396 4.66376 6.83425 3.42095 4.62439 4.01308C1.84257 4.75846 0.621268 7.59704 1.30657 10.1546C1.31005 10.1676 1.31354 10.1806 1.31789 10.1969C1.45055 10.7569 2.98456 16.417 12.7778 18.7389C20.1003 11.8273 18.5964 6.16271 18.4304 5.6081L18.4378 5.60961Z" fill="%23E62728"/><path d="M39.5076 10.1972C39.5076 10.1972 39.5146 10.1712 39.5189 10.1549C40.2043 7.59732 38.983 4.75875 36.2011 4.01336C33.9913 3.42123 32.2818 4.66642 31.4484 6.03489C31.4085 4.42894 30.553 2.49995 28.3431 1.90782C25.5613 1.16243 23.0844 3.01006 22.3991 5.56765C22.3956 5.58064 22.3921 5.59364 22.3877 5.60989C22.2226 6.16125 20.7211 11.83 28.0413 18.7375C37.8386 16.4131 39.3685 10.7555 39.502 10.1922L39.5076 10.1972Z" fill="%23E62728"/></svg>');
  position: absolute;
  /* width: 40px;
  height: 40px; */
  background-position: bottom;
  bottom: 100%;
  /* right: 40%; */
  background-repeat: no-repeat;
  background-size: contain;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(3):after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g clip-path="url(%23clip0_4861_26614)"><path d="M34.1398 34.1441C41.9508 26.3331 41.9508 13.6691 34.1398 5.85813C26.3289 -1.95281 13.6648 -1.95281 5.8539 5.85813C-1.95704 13.6691 -1.95704 26.3331 5.8539 34.1441C13.6648 41.955 26.3289 41.955 34.1398 34.1441Z" fill="%23FFBE45"/><path d="M14.1034 15.1487C14.1034 16.5214 13.444 17.6336 12.6298 17.6336C11.8156 17.6336 11.1562 16.5214 11.1562 15.1487C11.1562 13.776 11.8156 12.6638 12.6298 12.6638C13.444 12.6638 14.1034 13.776 14.1034 15.1487Z" fill="black"/><path d="M28.8378 15.1487C28.8378 16.5214 28.1784 17.6336 27.3642 17.6336C26.55 17.6336 25.8906 16.5214 25.8906 15.1487C25.8906 13.776 26.55 12.6638 27.3642 12.6638C28.1784 12.6638 28.8378 13.776 28.8378 15.1487Z" fill="black"/><path d="M6.5625 21.8925C7.3251 28.6409 13.0481 33.8875 20.003 33.8875C26.9579 33.8875 32.6809 28.6409 33.4411 21.8925H6.5625Z" fill="black"/><path d="M10.7188 30.1919C13.1403 32.4796 16.4066 33.8852 20.0013 33.8852C23.5961 33.8852 26.5808 32.5993 28.9671 30.4828L28.8428 30.1919C19.8183 25.7899 10.8408 30.1308 10.7188 30.1919Z" fill="%23F06669"/></g><defs><clipPath id="clip0_4861_26614"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
  position: absolute;
  /* width: 40px;
  height: 40px; */
  background-position: bottom;
  bottom: 100%;
  /* right: 40%; */
  background-repeat: no-repeat;
  background-size: contain;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(4):after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="40" viewBox="0 0 44 40" fill="none"><g clip-path="url(%23clip0_4861_26687)"><path d="M34.6008 34.1441C42.4117 26.3331 42.4117 13.6691 34.6008 5.85813C26.7898 -1.95281 14.1258 -1.95281 6.31484 5.85813C-1.4961 13.6691 -1.4961 26.3331 6.31484 34.1441C14.1258 41.955 26.7898 41.955 34.6008 34.1441Z" fill="%23FFD445"/><path d="M28.0217 22.5447C28.2306 22.5212 28.3502 22.7794 28.3479 22.9718C28.3385 23.8611 28.1015 24.7691 27.644 25.6702C27.2099 26.4985 26.5881 27.2681 25.8442 27.897C24.3683 29.1312 22.4067 29.8422 20.4615 29.8492C18.4811 29.8868 16.503 29.1734 15.0412 27.9087C13.523 26.6111 12.5985 24.7668 12.5703 22.9765C12.568 22.7723 12.7041 22.5072 12.9317 22.5494C13.1194 22.5822 13.2719 22.838 13.4104 22.953C13.6239 23.1313 13.8445 23.2979 14.0721 23.4575C14.5249 23.7766 14.9989 24.0629 15.4893 24.3233C17.2914 25.2854 19.3328 25.8039 21.3789 25.6256C22.6812 25.513 23.946 25.1211 25.1074 24.5251C25.8043 24.1685 26.466 23.7414 27.0879 23.2651C27.3248 23.0844 27.712 22.601 28.003 22.5447C28.01 22.5447 28.0147 22.5447 28.0217 22.5424V22.5447Z" fill="black"/><path d="M14.33 16.4204C14.33 17.7931 13.6706 18.9053 12.8564 18.9053C12.0422 18.9053 11.3828 17.7931 11.3828 16.4204C11.3828 15.0478 12.0422 13.9355 12.8564 13.9355C13.6706 13.9355 14.33 15.0478 14.33 16.4204Z" fill="black"/><path d="M30.7595 17.2464C30.194 15.8315 28.8424 14.9164 27.3196 14.9164C25.7967 14.9164 24.4897 15.8033 23.9078 17.176C23.7952 17.4388 23.8844 17.7368 24.119 17.8987C24.356 18.0606 24.6634 18.0348 24.8699 17.8354C25.9797 16.7583 27.7325 15.8949 29.7904 17.894C29.9054 18.0067 30.0555 18.0653 30.2057 18.0653C30.3207 18.0653 30.4357 18.0325 30.5389 17.9621C30.7759 17.8049 30.8651 17.5092 30.7595 17.2441V17.2464Z" fill="black"/><path d="M36.466 1.63318C34.9947 8.77578 29.3984 10.4558 29.3984 10.4558C29.3984 10.4558 34.9947 12.1359 36.466 19.2785C37.9372 12.1359 43.5335 10.4558 43.5335 10.4558C43.5335 10.4558 37.9372 8.77578 36.466 1.63318Z" fill="%23E3E3E3"/><path d="M36.466 1.63318C34.9947 8.77578 29.3984 10.4558 29.3984 10.4558C29.3984 10.4558 36.9094 11.5563 36.466 1.63318Z" fill="%23F1F2F2"/></g><defs><clipPath id="clip0_4861_26687"><rect width="43.0739" height="40" fill="white" transform="translate(0.460938)"/></clipPath></defs></svg>');
  position: absolute;
  /* width: 45px;
  height: 40px; */
  background-position: bottom;
  bottom: 100%;
  /* right: 32%; */
  background-repeat: no-repeat;
  background-size: contain;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(5):after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g clip-path="url(%23clip0_4861_26206)"><path d="M34.1398 34.1441C41.9508 26.3331 41.9508 13.6691 34.1398 5.85813C26.3289 -1.95281 13.6648 -1.95281 5.8539 5.85813C-1.95704 13.6691 -1.95704 26.3331 5.8539 34.1441C13.6648 41.955 26.3289 41.955 34.1398 34.1441Z" fill="%23FFD445"/><path d="M11.7993 27.5052C11.2526 27.4817 10.4595 27.524 10.7246 27.7656C12.2029 29.1031 15.8117 30.0464 20.033 30.0464C24.2543 30.0464 27.7435 29.1336 29.264 27.8313C29.5408 27.5944 28.7407 27.5873 28.1987 27.5685C24.5593 27.4348 19.0944 27.8079 11.7993 27.5052Z" fill="black"/><path d="M14.2831 17.1487C14.2831 18.5214 13.6237 19.6336 12.8095 19.6336C11.9953 19.6336 11.3359 18.5214 11.3359 17.1487C11.3359 15.776 11.9953 14.6638 12.8095 14.6638C13.6237 14.6638 14.2831 15.776 14.2831 17.1487Z" fill="black"/><path d="M29.0253 17.1487C29.0253 18.5214 28.3659 19.6336 27.5517 19.6336C26.7375 19.6336 26.0781 18.5214 26.0781 17.1487C26.0781 15.776 26.7375 14.6638 27.5517 14.6638C28.3659 14.6638 29.0253 15.776 29.0253 17.1487Z" fill="black"/></g><defs><clipPath id="clip0_4861_26206"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
  position: absolute;
  /* width: 40px;
  height: 40px; */
  background-position: bottom;
  bottom: 100%;
  /* right: 40%; */
  background-repeat: no-repeat;
  background-size: contain;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(6):after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g clip-path="url(%23clip0_4861_18662)"><path d="M34.1398 34.1441C41.9508 26.3331 41.9508 13.6691 34.1398 5.85813C26.3289 -1.95281 13.6648 -1.95281 5.8539 5.85813C-1.95704 13.6691 -1.95704 26.3331 5.8539 34.1441C13.6648 41.955 26.3289 41.955 34.1398 34.1441Z" fill="%23FF8C45"/><path d="M14.1034 15.1487C14.1034 16.5214 13.444 17.6336 12.6298 17.6336C11.8156 17.6336 11.1562 16.5214 11.1562 15.1487C11.1562 13.776 11.8156 12.6638 12.6298 12.6638C13.444 12.6638 14.1034 13.776 14.1034 15.1487Z" fill="black"/><path d="M28.8378 15.1487C28.8378 16.5214 28.1784 17.6336 27.3642 17.6336C26.55 17.6336 25.8906 16.5214 25.8906 15.1487C25.8906 13.776 26.55 12.6638 27.3642 12.6638C28.1784 12.6638 28.8378 13.776 28.8378 15.1487Z" fill="black"/><path d="M31.8118 10.9555C31.596 10.8922 31.3871 10.8335 31.183 10.7772C30.7325 10.6505 30.3101 10.5332 29.8995 10.39C29.287 10.1835 28.7356 9.9489 28.2147 9.67437C27.6656 9.38341 27.1682 9.06195 26.6919 8.68651C26.171 8.28292 25.6876 7.80894 25.2418 7.35842C25.2159 7.33261 25.1784 7.32557 25.1455 7.33965C25.1127 7.35373 25.0916 7.38658 25.0939 7.42412C25.1268 8.10694 25.3966 8.81322 25.8753 9.46554C26.3117 10.0568 26.8984 10.5543 27.5671 10.9039C28.1983 11.2348 28.9022 11.4389 29.6109 11.4905C29.639 11.4905 29.6648 11.4952 29.693 11.4952C30.4884 11.5375 31.2041 11.4107 31.8259 11.1174C31.8588 11.101 31.8775 11.0682 31.8752 11.033C31.8728 10.9978 31.847 10.9673 31.8118 10.9555Z" fill="black"/><path d="M8.18855 10.9555C8.40442 10.8922 8.61326 10.8335 8.8174 10.7772C9.26792 10.6505 9.69028 10.5332 10.1009 10.39C10.7133 10.1835 11.2648 9.9489 11.7857 9.67437C12.3347 9.38341 12.8322 9.06195 13.3085 8.68651C13.8294 8.28292 14.3128 7.80894 14.7586 7.35842C14.7844 7.33261 14.822 7.32557 14.8548 7.33965C14.8877 7.35373 14.9088 7.38658 14.9064 7.42412C14.8736 8.10694 14.6038 8.81322 14.1251 9.46554C13.6886 10.0568 13.102 10.5543 12.4333 10.9039C11.8021 11.2348 11.0982 11.4389 10.3895 11.4905C10.3614 11.4905 10.3356 11.4952 10.3074 11.4952C9.51195 11.5375 8.79628 11.4107 8.17447 11.1174C8.14162 11.101 8.12285 11.0682 8.1252 11.033C8.12754 10.9978 8.15335 10.9673 8.18855 10.9555Z" fill="black"/><path d="M12.4356 28.6079C12.2267 28.6314 12.1071 28.3733 12.1094 28.1809C12.1188 27.2916 12.3558 26.3835 12.8133 25.4824C13.2474 24.6541 13.8692 23.8845 14.6131 23.2557C16.089 22.0214 18.0506 21.3105 19.9958 21.3034C21.9762 21.2659 23.9543 21.9792 25.4161 23.2439C26.9343 24.5415 27.8588 26.3858 27.887 28.1762C27.8893 28.3803 27.7532 28.6455 27.5256 28.6032C27.3379 28.5704 27.1854 28.3146 27.0469 28.1996C26.8334 28.0213 26.6128 27.8547 26.3852 27.6952C25.9324 27.376 25.4584 27.0898 24.968 26.8293C23.1659 25.8673 21.1245 25.3487 19.0784 25.527C17.7761 25.6397 16.5114 26.0315 15.3499 26.6275C14.653 26.9842 13.9913 27.4112 13.3695 27.8876C13.1325 28.0682 12.7453 28.5516 12.4543 28.6079C12.4473 28.6079 12.4426 28.6079 12.4356 28.6103V28.6079Z" fill="black"/></g><defs><clipPath id="clip0_4861_18662"><rect width="40" height="40" fill="white"/></clipPath></defs></svg>');
  position: absolute;
  /* width: 40px;
  height: 40px; */
  background-position: bottom;
  bottom: 100%;
  /* right: 40%; */
  background-repeat: no-repeat;
  background-size: contain;
}
/* .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm .gsurvey-likert thead tr th:nth-child(2)::before{
  content: "90-100%";
  position: absolute;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  bottom: 0;
  left: 0;
} */

.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  tr
  td[data-label="Excellent"]
  input::after {
  content: "" !important;
  background: #e8ffe5;
  width: 60px;
  height: 45px;
  position: absolute;
  left: -20px;
  top: -12px;
  mix-blend-mode: color-burn;
  display: block;
  border-radius: 4px;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  tr
  td[data-label="Very Good"]
  input::after {
  content: "" !important;
  background: #fbffda;
  width: 60px;
  height: 45px;
  position: absolute;
  left: -20px;
  top: -12px;
  mix-blend-mode: color-burn;
  display: block;
  border-radius: 4px;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  tr
  td[data-label="Good"]
  input::after {
  content: "" !important;
  background: #fff7e7;
  width: 60px;
  height: 45px;
  position: absolute;
  left: -20px;
  top: -12px;
  mix-blend-mode: color-burn;
  display: block;
  border-radius: 4px;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  tr
  td[data-label="Satisfactory"]
  input::after {
  content: "" !important;
  background: #fff1e9;
  width: 60px;
  height: 45px;
  position: absolute;
  left: -20px;
  top: -12px;
  mix-blend-mode: color-burn;
  display: block;
  border-radius: 4px;
}
.bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  tr
  td[data-label="Unsatisfactory"]
  input::after {
  content: "" !important;
  background: #ffefef;
  width: 60px;
  height: 45px;
  position: absolute;
  left: -20px;
  top: -12px;
  mix-blend-mode: color-burn;
  display: block;
  border-radius: 4px;
}
.gform-theme--framework
  .bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  table {
  border-collapse: separate;
}
.gform-theme--foundation .contact-frm .Survey-frm .gsurvey-likert td,
.gform-theme--foundation .contact-frm .Survey-frm table.gsurvey-likert th {
  padding-block-end: 25px;
  padding-block-start: 15px;
}
.cus-survey-frm .gform-body .gform_fields .frm-checkbox .gfield_label {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 600;
}
.cus-survey-frm .gform-body .gform_fields .colored > div {
  color: var(--color-primary);
  padding-bottom: 20px;
  font-weight: 500;
}
.cus-survey-frm .gform-body .gform_fields .frm-comment .gfield_label {
  font-size: 14px;
  font-weight: 400;
}
.cus-survey-frm .gform-body .gform_fields .frm-checkbox .gfield_label::before {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M14.8125 12.3833C15.0356 12.3833 15.2167 12.2023 15.2167 11.9792C15.2167 11.7561 15.0356 11.575 14.8125 11.575H12.6875C12.4644 11.575 12.2833 11.7561 12.2833 11.9792C12.2833 12.2023 12.4644 12.3833 12.6875 12.3833H14.8125ZM18.05 15.5208V11.2708C18.05 9.87613 16.9155 8.74167 15.5208 8.74167H14.5083V3.47917C14.5083 2.08447 13.3739 0.95 11.9792 0.95H7.02083C5.62614 0.95 4.49167 2.08447 4.49167 3.47917V8.74167H3.47917C2.08447 8.74167 0.95 9.87613 0.95 11.2708V15.5208C0.95 16.9155 2.08447 18.05 3.47917 18.05H15.5208C16.9155 18.05 18.05 16.9155 18.05 15.5208ZM13.7 8.74167H5.3V3.47917C5.3 2.52999 6.07166 1.75833 7.02083 1.75833H11.9792C12.9283 1.75833 13.7 2.52999 13.7 3.47917V8.74167ZM9.09583 9.55V17.2417H3.47917C2.52999 17.2417 1.75833 16.47 1.75833 15.5208V11.2708C1.75833 10.3217 2.52999 9.55 3.47917 9.55H9.09583ZM15.5208 9.55C16.47 9.55 17.2417 10.3217 17.2417 11.2708V15.5208C17.2417 16.47 16.47 17.2417 15.5208 17.2417H9.90417V9.55H15.5208ZM6.3125 11.575H4.1875C3.96439 11.575 3.78333 11.7561 3.78333 11.9792C3.78333 12.2023 3.96439 12.3833 4.1875 12.3833H6.3125C6.53561 12.3833 6.71667 12.2023 6.71667 11.9792C6.71667 11.7561 6.53561 11.575 6.3125 11.575ZM10.9667 4.1875C10.9667 3.96439 10.7856 3.78333 10.5625 3.78333H8.4375C8.21439 3.78333 8.03333 3.96439 8.03333 4.1875C8.03333 4.41061 8.21439 4.59167 8.4375 4.59167H10.5625C10.7856 4.59167 10.9667 4.41061 10.9667 4.1875Z" fill="%23ED1C24" stroke="%23ED1C24" stroke-width="0.1"/></svg>');
  left: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}

.gsurvey-likert {
  counter-reset: td_counter;
}

.gsurvey-likert tbody tr {
  counter-increment: td_counter;
}

.gsurvey-likert tbody tr td:first-child:before {
  content: counter(td_counter, decimal-leading-zero) ".";
  margin-right: 10px;
  color: var(--color-primary-gray);
  position: absolute;
  left: 0;
}
.cus-survey-frm .gform_footer {
  width: 100%;
  justify-content: center;
}
.cus-survey-frm
  .gform-body
  .gform_fields
  .sur-phone
  .frm-input
  .ginput_container
  .iti {
  width: 100%;
}
.cus-survey-frm
  .gform-body
  .gform_fields
  .frm-checkbox
  .ginput_container
  .gfield_checkbox
  .gchoice
  input:checked {
  background-color: var(--color-primary);
}
.cus-survey-frm
  .gform-body
  .gform_fields
  .frm-checkbox
  .ginput_container
  .gfield_checkbox
  .gchoice
  input::before {
  color: white;
}

/* --------------- */
.newsSwiper .swiper-wrapper .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
}
.newsSwiper .swiper-wrapper .swiper-slide {
  background: transparent;
}
/* -----------------------------csr page ------------------------------- */
.csr-img img {
  border-radius: 30px;
  width: 100%;
}
.csr-right-col {
  padding: 3rem 3rem 0 3rem;
}
.csr-page-card {
  height: 100%;
}
.csr-page-card-content {
  padding: 20px 0px 20px 05px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.csr-page-card .event-page-images {
  border-radius: 15px;
  height: 350px;
  object-fit: cover;
}
.csr-card-hed {
  font-size: 22px;
}
.csr-card-sub {
  /* font-size: 20px; */
}
.card-gap {
  row-gap: 30px;
}
.bla-img img {
  width: 250px;
}

/* -----------------product range --------------------------------------- */

.color-black {
  color: #444 !important;
}
.acc-border {
  border-bottom: 1px solid #d6d6d6;
}
.procuct_range_accordion_body .accordion_detail.acc-border:last-child {
  border-bottom: 0px !important;
  padding-left: 1rem !important;
}
.list_style {
  list-style: none;
}
.bullet-point {
  position: relative;
}
.bullet-point::before {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  background: #b30000;
  left: -16px;
  top: 8px;
  border-radius: 50%;
}
.product_temp_2 .product_range_image .product_full_image.centered-image {
  object-position: center !important;
}
/* ------------------------Career Single page-------------------------- */

.fontsize-13 {
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.career-hr > hr {
  margin: 0.5rem 0;
  height: 2px;
  color: #d6d6d6;
}
/* -------------------------- product range available color ---------------------------  */
.available-color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.list-unstyled {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
/* ------------------------------ Product Template 3 ----------------------------------- */
.temp-3 .banner_top_border {
  border-radius: 0 !important;
  position: relative;
}
.earthing-temp h1 {
  margin-bottom: 1rem !important;
}
.product_Swiper .swiper-pagination-bullet {
  background-color: white !important;
  opacity: 1;
}
.product_Swiper .swiper-pagination-bullet-active {
  /* border-radius: 30px; */
  background-color: var(--color-primary) !important;
}
/* .product_Swiper-next,
.product_Swiper-prev {
  background-color: var(--color-primary);
  border-radius: 100vw;
  width: 25px;
  height: 25px;
}
.product_Swiper-next {
  position: static;
  top: 98%;
  left: 50%;
}
.product_Swiper-prev {
  position: static;
  top: 98%;
  left: 48%;
} */
.product_Swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}
/* .product_Swiper-next::after,
.product_Swiper-prev::after {
  color: #fff;
  font-size: 10px;
} */
h4 > span {
  color: var(--color-primary);
}
.head-color {
  color: var(--color-primary);
}
.introduction ul {
  margin: 0 0 1.5em 0em;
}
.color-secondry {
  color: var(--color-secondary-offblack);
}
.eathing-product ul {
  margin: 0 0 0.5em 0em;
  /* padding-left: 1.5rem; */
  padding-top: 0px;
  /* color: var(--color-primary); */
  /* list-style: none; */
}
/* .eathing-product ul li{
  padding: 20px 0;
  border-bottom: ;
} */
.prd-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.prd-title::before {
  content: "";
  /* position: absolute; */
  width: 5px;
  height: 5px;
  border-radius: 50%;
  /* left: -15px; */
  background: var(--color-primary);
}
.bottom-broder {
  border-bottom: 1px solid #000;
}
.prod-det {
  gap: 100px;
}
.acc-img {
  position: sticky;
  top: 8rem;
}
.temp-3 hr {
  background-color: #4a4a4a;
}
.table-custom {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border-color: #ddd;
}
.table-custom thead th {
  background-color: #333;
  color: #fff;
  font-weight: bold;
}
.table-custom tbody tr td {
  background-color: #f7f7f7 !important;
}
.table-custom tbody td {
  font-weight: normal;
  font-size: 16px;
  padding: 12px;
}
.table-custom tbody td strong {
  font-weight: bold;
}
.prod-sidebar {
  /* position: sticky;
  top: 8rem; */
}
.prod-sidebar-tab {
  position: sticky;
  top: 8rem;
  border-radius: 8px;
  /* background: #F7F7F7; */
  cursor: pointer;
  /* color: #000; */
}
.prod-sidebar-tab .nav-item .nav-link {
  color: #000;
}
.prod-sidebar-tab .nav-item .nav-link:hover {
  color: var(--color-primary);
}
.prod-sidebar-tab .accordion-button.collapsed {
  background: #f7f7f7;
  color: #000;
  font-weight: 400;
}
.prod-sidebar-tab .accordion-button {
  background: var(--color-gif);
  color: #000;
  font-weight: 500;
}
.prod-sidebar-tab .accordion-button::after {
  stroke: var(--color-primary);
}
.prod-sidebar-tab .accordion-body {
  background: #ffeeef;
}
.prod-sidebar-tab .accordion-body .nav-item {
  background: #ffeeef;
}
.prod-sidebar .nav-pills .nav-link {
  cursor: pointer;
}
.prod-sidebar .nav-pills .nav-link:hover {
  color: var(--color-primary);
}
.prod-sidebar .nav-pills .nav-link.active {
  background-color: transparent !important;
  color: var(--color-primary) !important;
  /* cursor: pointer; */
}
.prod-single-tab .nav-item .nav-link,
.product__tab_collapse {
  background-color: #f7f7f7;
  border-radius: 8px;
}
.product__tab_collapse .nav-item .nav-link {
  background-color: var(--color-gif);
}
.product__tab_collapse {
  /* margin-top: -0.5rem; */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--color-gif);
}
.prod-single-tab .nav-item .nav-link.active {
  background-color: var(--color-gif) !important;
  color: var(--color-primary) !important;
  font-weight: 500;
}
.inner-tb {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  /* padding-left: 30px; */
}
.inner-tb::before {
  content: "";
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: #000;
  /* position: absolute; */
  /* left: 15px; */
  /* top: 15px; */
}
.inner-tb.active::before {
  background: var(--color-primary);
}
.prod-single-tab .nav-item .nav-link[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--color-gif);
  font-weight: 500;
  color: var(--color-primary);
}

.product_template_3_main {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  gap: 5.5rem;
}
.colpase-tab svg {
  transition: 300ms ease-in-out;
}
.colpase-tab[aria-expanded="true"] svg {
  transform: rotate(180deg);
  stroke: #0088d1;
}
/* .img-grid img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: left;
} */
/* .img-acc-grid img{
 
} */
.prdimg-text {
  align-self: center;
}
.nagivation-div {
  height: 30px;
}
.equal_height {
  height: 180px !important;
  object-fit: contain !important;
  align-self: center;
}
.two-column {
  display: grid;
  grid-template-columns: 0.35fr 1fr;
  gap: 20px;
  /* justify-items: center; */
}

.add_earthing_sticky .earthing_head_sticky {
  position: sticky;
  top: 8rem;
  background-color: #fff;
  z-index: 1;
}

.add_earthing_sticky .earthing_head_sticky:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  height: 120%;
  width: 100%;
  background-color: #fff;
}

.add_earthing_sticky .introduction .earthing_head_sticky:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 25%;
  width: 100%;
  background-color: #fff;
}

/*  */
/* -------------------------- home page projects section ----------------------------------- */
.home-projects-btn {
  /* height: 30px; */
  display: flex;
  align-items: flex-end;
  margin-top: 0 !important;
}

.home-project-next,
.home-project-prev {
  top: auto !important;
}
.home-project-next {
  right: 48% !important;
}
.home-project-prev {
  left: 48% !important;
}

/* ----------------------- home news section ------------------------------------------------- */
.home-new-side-content span {
  color: #000;
}
.read-more-toggle {
  cursor: pointer;
  font-size: 14px;
}

/* ---------------------------------------BLA Page --------------------------------------------- */

.bla-cont {
  background-color: #ffe6e7;
  border-radius: 20px;
  padding: 20px;
}
.bla-img img {
  border-radius: 100vh;
}

/* ---------------------Temporary Fixes ------------------------------------------------ */

.term-201 .category-icn::before {
  position: static;
}
.term-202 .category-icn::before {
  position: static;
}
.term-lsf0h-wires-cables-ar .category-icn::before {
  position: static;
}
.term-fire-resistance-wires-cables-ar .category-icn::before {
  position: static;
}

/* --------------animation------------------------------- */
/* .bg-button { 
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox; 
  display: flex;
  height: 100vh;
  justify-content: center; 
}
.bahra_btn:is(:hover) {
  background: transparent;
}

a.bahra_btn {
  border: 2px solid var(--color-primary);
  display: inline-block;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
  background: transparent;
  color: var(--color-primary);
  z-index: 20;
}
.abt-btn > a > span {
  background-color: var(--color-secondary);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  height: 0;
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: height 1s, width 1s;
  -moz-transition: height 1s, width 1s;
  -ms-transition: height 1s, width 1s;
  -o-transition: height 1s, width 1s;
  transition: height 1s, width 1s;
  width: 0;
  z-index: -1;
}
.abt-btn > a:hover {
  color: #ffffff;
}
.abt-btn > a:hover > span {
  height: 700px;
  width: 700px;
} */
/* .text-wrapper {
  overflow: hidden;
  position: relative;
}
.overlay {
background: linear-gradient(110deg, #FFE6E7 19.29%, #E3F5FF 70.1%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
} */

/* h1 {
  position:relative;
  z-index: 1  ;
  overflow: hidden;
}

h1::before {
  position: absolute;
  content: '';
  left: 110%;
  width: 120%;
  height: 100%;
  background: linear-gradient(90deg,transparent 0%, #000 5%, #000 100%);
  animation: animate 5.5s linear forwards;
}

@keyframes animate {
  0% {
    left: 110%;
  }
  100% {
    left: -20%;
  }
} */

/* @keyframes hover-two-after{
  0%{
    top: 50%;
    right: 300px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transform: translateY(-50%);
    opacity: 0
  }
  25%{
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transform: translateY(-50%);
    opacity: 0.7
  }
  50%{
    top: 0;
    right: 0;
    width: 25%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0);
    opacity: 1
  }
  100%{
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0);
  }
} */

/* ------------------------- Media Query -------------------------------------------------------- */
@media (min-width: 2560px) {
  .cont-area {
    margin: 0px 0 0 300px !important;
  }
  .p-width {
    width: auto;
  }
}

@media (min-width: 1920px) and (max-width: 2560px) {
  .abt-btn {
    padding-top: 3rem;
  }
  .top-sec {
    padding-top: 90px;
  }
  .cont-area {
    margin: 0px 0 0 215px !important;
  }
  .p-width {
    width: 85%;
  }
}

@media (min-width: 1920px) {
  .about-right-sec {
    align-content: center !important;
  }
  .video-iframe > iframe {
    min-height: 450px;
  }
  .video-card > iframe {
    min-height: 450px;
  }

  .about-video-tab p,
  .about-media-sec .nav-link {
    font-size: 20px;
  }
  .video-card .video_url {
    height: 450px;
  }
  /* .event-excerpt {
  
  flex-grow: 0 !important;
  } */
  .events-page-event-content {
    height: auto !important;
  }
  /* .csr-page-card .event-page-images {
    height: 350px;
    } */
  .csr-card-hed {
    font-size: 30px;
  }
  .ripple {
    width: 290px;
  }
}
@media (max-width: 1440px) {
  .cont-area {
    margin: 0px 0 0 135px !important;
  }
  .news-dtl {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* animation */
@media (min-width: 1200px) {
  .image-wrapper {
    overflow: hidden;
    position: relative;
  }
  /* .image-overlay {
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    }
    .image-overlay-reverse {
      background: white;
      position: absolute;
      top: 0;
      left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    } */
}
/* end */

@media (max-width: 1024px) {
  .about-right-sec {
    margin-top: 105px;
  }
  .grid-product {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .about-be {
    margin-bottom: 3rem;
  }
  .about-video {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 0;
  }
  .cont-area {
    margin: 0px 0 0 75px !important;
  }
  .video-sec {
    /* margin-top: -265px; */
  }
  .about-title {
    width: 80%;
  }
  .about-counter {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .counter-cards-img {
    grid-column: 1 / span 3;
    grid-row: 2 / span 2.5;
    align-content: center;
  }
  .contact-right-sec > img {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 15px;
    width: 100%;
    height: auto;
  }
  .sales > img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 100%;
  }
  /* .news-dtl {
    grid-template-columns: 1fr 1fr !important;
  } */
  .news-p {
    padding: 2rem 1.5rem !important;
  }
  .about-video-tab p,
  .about-media-sec .nav-link {
    font-size: 16px;
  }
  .event-video > iframe {
    /* border-radius: 30px; */
    height: 190px;
  }
  .listing {
    grid-template-columns: 1fr 1fr;
  }
  .commitment-gallery img {
    /* min-height: 320px; */
    object-fit: cover;
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr td {
    grid-area: 1 / span 6;
    border: 0;
    padding-bottom: 3.5rem;
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm tbody tr {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    tbody
    tr
    td::after {
    content: none;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    tbody
    tr
    td:first-child {
    grid-area: 1 / span 5;
  }
  .bahra_gform .gform-body .gform_fields .Survey-frm thead {
    left: auto;
    position: unset;
    top: auto;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    tbody
    tr
    td:nth-child(1) {
    border-bottom: 0px;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(2):after,
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(3):after,
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(4):after,
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(5):after,
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(6):after {
    width: 100%;
    height: 30px;
    right: 0;
    left: 0;
  }
  /* .bahra_gform.bahra_gform
  .gform-body
  .gform_fields
  .Survey-frm
  .gsurvey-likert
  thead
  tr
  th:nth-child(3):after {
    width: 30px;
    height: 30px;
    right: 35%;
    }
    .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(4):after {
      width: 30px;
      height: 30px;
      right: 35%;
      }
      .bahra_gform.bahra_gform
      .gform-body
      .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(5):after {
      width: 30px;
      height: 30px;
      right: 26%;
      }
      .bahra_gform.bahra_gform
      .gform-body
      .gform_fields
      .Survey-frm
      .gsurvey-likert
      thead
      tr
      th:nth-child(6):after {
        width: 30px;
        height: 30px;
        right: 35%;
        } */

  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm {
    margin-top: 30px;
  }

  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    tbody
    tr
    td {
    text-align: center;
  }
  .csr-page-card .event-page-images {
    height: auto;
  }
  .news-img > img {
    min-height: 165px;
    height: 165px;
  }
  .earthing-temp .bahra_container {
    background-color: white;
  }
  .product_template_3_main {
    grid-template-columns: 0.4fr 1fr;
    gap: 2rem;
  }
  .map_image {
    overflow-x: auto;
  }
  .wrap_svl_center {
    width: max-content;
  }
  .map_image {
    margin-inline: -10rem !important;
  }
  .home-project-next {
    right: 45% !important;
  }
  .particpation-tab video {
    height: 100%;
    object-fit: cover;
  }
  .direct-card {
    width: 95%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page-template-events-page .top_banner:after {
    height: 30vh;
  }
}

@media (max-width: 992px) {
  .grid-product {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .news-img > img {
    min-height: auto;
    height: 120px;
    width: 150px;
  }
}

@media (min-width: 770px) and (max-width: 880px) {
  .cont-area {
    margin: 0px 0 0 55px !important;
  }
  .ripple {
    width: 270px;
  }
}
/* Hide icon on larger screens */
@media (min-width: 768px) {
  .fixed-icon {
    display: none;
  }
}
@media (max-width: 768px) {
  .grid-product {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .image-container img {
    /* margin-top: 65px; */
  }
  .image-container::before {
    height: 135px;
  }

  .diag-content-title {
    font-size: 12px;
  }
  .cont-all > ul {
    width: 90%;
  }
  .video-sec {
    /* margin-top: -340px; */
  }
  /* .whole-diag {
    overflow-x: scroll;
   } */
  .diag-content {
    gap: 0px;
  }
  .location-tab .swiper .swiper-wrapper .swiper-slide {
    /* width: 400px !important; */
  }
  .event-video > iframe {
    height: 180px;
  }
  .certificates-grid {
    grid-template-columns: 1fr 1fr;
  }
  .customer-survey {
    padding: 10px;
  }
  .csr-right-col {
    padding: 1rem 3rem 0 3rem;
  }
  .diag-start > img {
    width: 69px;
  }
  .cont-all > img {
    width: 130px;
  }
  .cont-three > img {
    width: 62px !important;
  }
  .product_template_3_main {
    gap: 1rem;
  }
  .direct-card {
    width: 80%;
  }
}
@media (min-width: 520px) and (max-width: 768px) {
  .prod-sidebar {
    font-size: 12px;
  }
}

@media (max-width: 520px) {
  .about-right-sec {
    margin-top: 190px;
  }
  .top-sec {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .left-cont {
    margin: 0 35px;
  }
  .main-title {
    width: 100% !important;
  }
  .counter {
    font-size: 30px !important;
  }
  .grid-product {
    grid-template-columns: 1fr 1fr;
  }
  .image-container::before {
    height: 120px;
  }
  .video-sec {
    /* margin-top: -220px; */
  }
  .top-sec {
    padding-top: 40px;
  }
  .diag-content {
    /* grid-template-columns: 1fr 1fr; */
    gap: 40px 1px !important;
  }
  /* .diag-start {
    margin-bottom: 3rem;
  } */
  /* .arrows {
    display: none;
  } */
  .cont-area {
    margin: 0px 0 0 45px !important;
  }
  /* .cont-all>img {
    width:50px !important;
  } */
  .cont-all > ul {
    padding-left: 1rem !important;
    /* font-size: 14px !important; */
  }
  .about-page.bahra_top_bot_container {
    padding-block: 2rem;
  }
  .galleryimg-tb > img {
    min-height: 180px;
  }
  .about-counter {
    gap: 20px 0px;
  }
  .about-counter .counter-cards {
    max-width: 130px;
  }
  .location-tab .swiper .swiper-wrapper .swiper-slide {
    /* width: 350px !important; */
  }
  .location-cards {
    padding: 20px;
  }
  .frm-below-text {
    text-wrap: balance;
  }
  .media-sec > div.nav-link {
    padding-inline: 12px !important;
  }

  .news-p {
    padding: 2rem 0.5rem !important;
  }
  .swiper-button-next {
    right: 0px;
  }
  .swiper-button-prev {
    left: 0px;
  }
  .video-card > iframe {
    height: 210px;
  }
  .video-card .video_url {
    height: 210px;
  }
  .event-video > iframe {
    height: 210px;
  }
  .video-iframe > iframe {
    height: 210px;
  }
  .news-content-details {
    height: auto;
  }
  .nextbtn {
    background-position: center;
    height: 50px;
    top: 90px;
  }

  .prevbtn {
    background-position: center;
    height: 50px;
    top: 90px;
  }
  .nav-swiper-btn {
    right: -15px;
    left: -15px;
  }
  .nav-swiper-btn > svg {
    width: 15px;
    height: 15px;
  }
  .banner-grid {
    grid-template-columns: 1fr;
  }
  .listing {
    grid-template-columns: 1fr;
  }

  .column-1 .small-width {
    width: 85%; /* Adjust the width as needed for smaller images */
  }
  .column-3 .small-width {
    width: 85%; /* Adjust the width as needed for smaller images */
  }
  .masonry-grid {
    gap: 10px;
  }

  .column {
    gap: 10px;
  }
  .career-swiper {
    padding-left: 2vw;
  }
  .certificates-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
  }
  .commitment-gallery img {
    /* min-height: 250px; */
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    row-gap: 15px;
    padding-inline: 0;
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm tbody tr {
    padding-inline: 0;
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr td {
    grid-area: 1 / span 5;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    thead
    tr:nth-child(1)
    td {
    border: 0;
    margin-bottom: 5px;
    padding-bottom: 2rem;
  }
  .gform-body .frm-checkbox .ginput_container .gfield_checkbox {
    grid-template-columns: 1fr;
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm {
    margin-top: 15px;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    tbody
    tr
    td {
    text-align: center;
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr th {
    font-size: 10px;
  }
  /* .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(2):after {
    width: 20px;
    height: 20px;
    right: 35%;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(3):after {
    width: 20px;
    height: 20px;
    right: 35%;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(4):after {
    width: 20px;
    height: 20px;
    right: 20%;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(5):after {
    width: 20px;
    height: 20px;
    right: 35%;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(6):after {
    width: 20px;
    height: 20px;
    right: 35%;
  } */

  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(2):after,
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(3):after,
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(4):after,
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(5):after,
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    .gsurvey-likert
    thead
    tr
    th:nth-child(6):after {
    height: 20px;
  }
  .video-iframe {
    padding: 0 10px;
  }
  .news-slider .swiper-wrapper .swiper-slide img {
    height: auto !important;
    width: auto !important;
  }
  .csr-right-col {
    padding: 1rem 1.5rem 0 1.5rem;
  }
  .modal-content > .btn-close {
    position: absolute;
    right: 1rem;
    top: -3rem;
  }
  .nextbtn > svg {
    width: 30px;
    height: 30px;
  }
  .prevbtn > svg {
    width: 30px;
    height: 30px;
  }
  .tab-text {
    display: none;
  }
  .diag-start > img {
    width: 65px;
  }
  .cont-all > img {
    width: 65px;
  }
  .cont-three > img {
    width: 65px !important;
  }
  .diag-content-title {
    font-size: 10px;
  }
  .ripple {
    width: 84px;
  }
  .img-grid {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .prdimg-text {
    align-self: center;
  }
  .product_template_3_main {
    grid-template-columns: 1fr;
  }
  /*  */
  /* Fixed icon button at the bottom */
  .fixed-icon {
    /* position: fixed; */
    bottom: 0px;
    left: 0px;
    background-color: var(--color-primary); /* Icon background color */
    color: #fff; /* Icon color */
    /* border-radius: 50%; */
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
    z-index: 1000;
    cursor: pointer;
    padding-inline: 1rem;
    margin-bottom: 1rem;
  }

  /* Sidebar overlay for mobile */
  #prod-sidebar {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    /* width: 90%; */
    background-color: #fff;
    height: 0px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* transform: translateY(0%); */
    transition: 0.2s ease-in-out;
    z-index: 999;
    padding: 0px;
    margin: 0 auto;
    /* border-radius: 30px; */
    overflow-y: scroll;
    /* display: none; */
  }

  .prod-sidebar-tab {
    position: static;
    padding: 20px;
  }

  /* Show the sidebar */
  #prod-sidebar.active {
    transform: translateX(0);
  }

  .temp-3 .bg-white {
    height: 300px;
  }
  .product_Swiper .swiper-wrapper .swiper-slide img {
    object-fit: cover;
  }
  .two-column {
    grid-template-columns: 1fr;
  }
  .news-img > img {
    min-height: auto;
    width: 145px;
    height: 100px;
  }
  .news-dtl .siderbar-news-title h5 {
    font-size: 14px;
  }
  .past-event-cards .news-content-details > p {
    font-size: 14px !important;
  }
  /* .particpation-tab video {
    height: 100%;
    object-fit: cover;
  } */
  .direct-card {
    width: auto;
  }
  .add_earthing_sticky .earthing_head_sticky {
    position: static;
  }
  .add_earthing_sticky .earthing_head_sticky:after,
  .add_earthing_sticky .introduction .earthing_head_sticky:before {
    content: none;
  }

  .bla-cont {
    padding: 40px 8px;
  }
  /* -------------product page------------------- */
  .product-description ul {
    font-size: 14px;
  }
}

@media (max-width: 380px) {
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    tr
    td[data-label="Excellent"]
    input::after {
    width: 40px;
    height: 40px;
    left: -12px;
    top: -12px;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    tr
    td[data-label="Very Good"]
    input::after {
    width: 40px;
    height: 40px;
    left: -12px;
    top: -12px;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    tr
    td[data-label="Good"]
    input::after {
    width: 40px;
    height: 40px;
    left: -12px;
    top: -12px;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    tr
    td[data-label="Satisfactory"]
    input::after {
    width: 40px;
    height: 40px;
    left: -12px;
    top: -12px;
  }
  .bahra_gform.bahra_gform
    .gform-body
    .gform_fields
    .Survey-frm
    tr
    td[data-label="Unsatisfactory"]
    input::after {
    width: 40px;
    height: 40px;
    left: -12px;
    top: -12px;
  }
  .ripple {
    width: 84px;
  }
}
@media (max-width: 320px) {
  .left-cont {
    margin: 0 12px;
  }
  .grid-product {
    grid-template-columns: 1fr;
  }
  .image-container::before {
    height: 220px;
  }
  .image-container img {
    width: 100%;
  }
  .video-sec {
    /* margin-top: -165px; */
  }
  .about-counter {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  /* .diag-content-title {
    font-size: 14px !important;
    
  }
  .cont-all>ul {
   font-size: 10px !important;
  } */
  .counter-cards-img {
    grid-row: auto;
    grid-column: auto;
  }
  .diag-content {
    /* grid-template-columns: 1fr; */
    gap: 0px;
    row-gap: 40px !important;
  }
  .cont-area {
    margin: 0 auto !important;
    text-align: center !important;
  }
  .cont-area > ul {
    margin-left: 35px !important;
  }
  .cont-all {
    text-align: center !important;
  }
  /* .cont-all>img {
    width: 60px;
    margin-left: 20px;
  } */
  /* .news-dtl .sidebar-item > img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
  } */
  .counter-cards {
    text-align: center;
  }
  .video-card > iframe {
    height: 150px;
  }
  .video-card .video_url {
    height: 150px;
  }
  .event-video > iframe {
    height: 150px;
  }
  .video-iframe > iframe {
    height: 150px;
  }
  .nextbtn {
    top: 55px;
    background-size: 18px;
  }

  .prevbtn {
    background-position: center;
    top: 55px;
    background-size: 18px;
  }
  .certificate img {
    height: 250px;
  }
  .bahra_gform.bahra_gform .gform-body .gform_fields .Survey-frm thead tr th {
    padding-left: 7px;
  }
  .ripple {
    width: 83px;
  }
}

/*  */