.theme-btn {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em;
}
.theme-btn svg {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.theme-btn:hover {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}
.theme-btn:hover svg {
  -webkit-transform: translateX(4px);
      -ms-transform: translateX(4px);
          transform: translateX(4px);
}

.two-col-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  gap: clamp(2em, 5vw + 1em, 70px);
}

@media (max-width: 768px) {
  .two-col-wrap {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
.p-30px {
  padding: clamp(1em, 5vw + 1em, 30px);
}

.br-15px {
  border-radius: 15px;
}

.bg-f8 {
  background: #F8F8F8;
}

.grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: clamp(0.5em, 2vw + 1em, 30px);
}
@media (min-width: 1800px) {
  .grid-cols-3 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}

.font-20 {
  font-size: clamp(1rem, 2vw + 0.3em, 20px);
}

.lh-1-5 {
  line-height: 1.5;
}

.font-semibold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.hover-img-shadow img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hover-img-shadow:hover img {
  -webkit-box-shadow: 0px 10px 24.6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 24.6px rgba(0, 0, 0, 0.1);
}

.hover-img-zoom img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hover-img-zoom:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.why-huawei--div {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1.3fr 1fr;
  gap: clamp(2em, 5vw + 1em, 70px);
}
@media (min-width: 1400px) {
  .why-huawei--div {
    grid-template-columns: 745px auto;
  }
}
@media (max-width: 768px) {
  .why-huawei--div {
    grid-template-columns: 1fr;
  }
}

.crd-bg-white .why-cisco-pg .icon-bx-main {
  background: #fff;
}
.crd-bg-white .icon-bx-main:hover {
  background-color: #00A8E1;
  color: #fff;
}
@media (max-width: 768px) {
  .crd-bg-white .icon-bx-main .icon_box {
    margin: 0 !important;
    padding: 0 !important;
  }
  .crd-bg-white .icon-bx-main .icon_box.box-80 {
    width: 50px !important;
    height: auto !important;
  }
  .crd-bg-white .icon-bx-main .icon_box.box-80 img {
    width: 50px !important;
    height: auto !important;
  }
}

.cs_inut::-webkit-input-placeholder {
  color: #7e888e;
}

.cs_inut::-moz-placeholder {
  color: #7e888e;
}

.cs_inut:-ms-input-placeholder {
  color: #7e888e;
}

.cs_inut::-ms-input-placeholder {
  color: #7e888e;
}

.cs_inut::placeholder {
  color: #7e888e;
}

.connect-btn {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding-inline: 2em !important;
  padding-block: 1em !important;
}

.font-22 {
  font-size: clamp(1rem, 2vw + 0.3em, 22px);
}

.color-nt-title {
  color: #354860;
}

.c-list {
  list-style: disc inside !important;
}
.c-list li {
  margin-left: 3px !important;
}
.c-list li::marker {
  margin-right: 1px !important;
}

.crd-hover-bg-white .icon-bx-main p {
  margin-top: 1em !important;
}
.crd-hover-bg-white .icon-bx-main:hover {
  background-color: #fff;
  color: #000000;
}
.crd-hover-bg-white .icon-bx-main:hover .icon_box img {
  -webkit-filter: none !important;
          filter: none !important;
}
.crd-hover-bg-white .icon-bx-main:hover h3 {
  color: #000000;
}
.crd-hover-bg-white .icon-bx-main:hover p {
  color: #000000;
  margin-top: 1em !important;
}

.custom-acc .acc-intractive .accordion-content .cpl40 {
  padding-left: 46px !important;
}

.pr-btn-2 {
  font-size: clamp(1rem, 2vw + 0.3em, 16px);
  font-weight: 500;
  line-height: 1.1;
  padding: .9em 1.5em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
}

.pr-btn__primary {
  border: 1px solid var(--color-primary);
  color: var(--color-primary) !important;
}

.pr-btn__primary:hover {
  -webkit-box-shadow: 0px 10px 24.6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 24.6px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.pr-btn__primary:active {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.pr-btn__secondary {
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary) !important;
}

.pr-btn__secondary:hover {
  -webkit-box-shadow: 0px 10px 24.6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 24.6px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.pr-btn__secondary:active {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.product-details .product-details__main ul li small:first-child {
  min-width: 13em;
}
.product-details .product-details__main h3{
  font-weight: 500 !important;
} 
.faq label {
  border-top: none !important;
}
 
@media (max-width: 768px) {
.pr-btn-2 {
  font-size: clamp(.8rem, 2vw + 0.3em, 16px); 
  padding: .7em .9em; 
}
}
.relatedpro .package-card .card-head .img-box img {
width: 100% !important;
    }
    .relatedpro .package-card .card-head .img-box {
        width: 100% !important;
    }
    .relatedpro .package-card:hover .card-head .img-box img {
 
          transform: none !important;
}
.relatedpro {
  position: relative;
}
 
.relatedpro .container {
  position: relative;
  overflow: visible;
}
 
.relatedpro .productSwiper {
  width: 100%;
  overflow: visible;
}
 
.relatedpro .swiper-wrapper {
  justify-content: flex-start !important;
}
 
.relatedpro .swiper-slide {
  flex: 0 0 auto;
  width: auto;
}
 
.relatedpro .package-card {
  background: #fff;
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
}