.drk {
  color: #242E37;
}

.on-cat .btn-style-transperent {
  border: 2px solid #242E37;
}

.advn {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* Creates 5 equal columns */
  gap: 20px;
}

.pdti-ck button {
  border-radius: 10px;
}

/* .ht-content {
  height: auto !important;
} */

@media (max-width:991.98px) {

  .advn {

      grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width:767px) {

  .advn {

      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:600px) {

  .advn {

      grid-template-columns: repeat(1, 1fr);
  }
}
.tb-sc-cnt {
  .connect-btn {
      width: 100% !important;
  }

  .tab-main-sof {
      gap: 0 !important;
  }

  .sycpdt {
      height: 100% !important;
  }
}

.bdr-10 {
  border-radius: 10px;
}

.mod-pdct-img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}



@media (max-width:767.98px) {
  .dis-wb-hst {
      .nav-tabs {
          display: block !important;
      }
  }

  .tab-main-sof h2>a.active {

      border-radius: 20px !important;

  }

  .tab-main-sof {

      border-radius: 20px !important;

  }
}

@media (max-width:767px) {
  .dis-wb-hst {
      .nav-tabs {
          display: block !important;
      }
  }
}

@media (max-width:450px) {
  .dis-wb-hst {
      .custom-acc {
          padding: 25px !important;
      }
  }
}

.tab-main-sof h2>a {
  margin-bottom: 0px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 52px !important;
  padding: 22px 67px !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 19.8px;
  color: #242E37;
}

.tab-main-sof h2>a.active {
  background: #C7000B !important;
  color: #fff !important;
}
.tab-main-sof { 
background: #ffffff; 
border: 1px solid #00000010;
}
.filtr-mn label {
font-size: 12px !important;}
.inl { 
gap: 8px !important;
}
.panel-title > a i {
color: #6A6A6A !important;}
.redbtn { 
border: 1px solid #cb1a7e !important;
font-size: 14px !important;
}
.blubtn { 
border: 1px solid #00a8e1 !important;
font-size: 14px !important;}
.img-pd{min-height: auto !important;
padding-block:20px 25px !important;}
.border-black{border: 1px solid #354860}
.bdrbo{border: 1px solid #0000000D; box-shadow: none;}

.iytr img {
  filter: invert(0) !important;
}

.acrd-sec .accordion-item,
.acrd-sec .accordion-item .accordion-content {
  background: none !important;
}

.sec-9 {

  .frm-stl-bg-lf-rt {

      background: #c00078;
      background: #fff;
      background: -moz-linear-gradient(180deg, rgb(8 0 90) 0, rgb(204 0 122) 100%);
      background: -webkit-linear-gradient(180deg, rgb(8 0 90) 0, rgb(204 0 122) 100%);
      background: linear-gradient(241deg, rgb(8 0 90) 42%, rgb(204 0 122));
      border-radius: 30px;


      .lf-sd-cnt {
          padding-left: 6rem;
          padding-right: 2rem;
          padding-top: 2rem;
          padding-bottom: 2rem;

          h3 {
              font-size: 35px;
              line-height: 35px;
              color: #FFFFFF;


          }

          h4 {
              font-size: 18px;
              color: #FFFFFF;
              font-weight: 600;
              margin-top: 3rem;
          }

          p {
              font-size: 16px;
              color: #FFFFFF;
              font-weight: 300;
          }

      }

      .white-sec-frm {
          background: #FFFFFF;
          padding: 2rem;
          border-radius: 20px;



          .contact-form input[type=email],
          .contact-form input[type=number],
          .contact-form input[type=password],
          .contact-form input[type=text],
          .contact-form select,
          .contact-form textarea {
              background: transparent;
              box-shadow: none;
              border: none;
              border-bottom: 1px solid #FFFFFF;
          }


          .mts-frm-s {
              border: none !important;

              .ms-choice {
                  background: #F6F6F6 !important;
                  border-radius: 5px !important;

                  .icon-caret {
                      top: 39%;
                      border: solid #242E37;
                      border-width: 0 2px 2px 0;
                  }
              }

          }

          .snd-bt {
              button {
                  border-radius: 12px;
                  font-size: 13px;

              }
          }

      }

  }
}

.contact-form.style-five input[type=email],
.contact-form.style-five input[type=number],
.contact-form.style-five input[type=password],
.contact-form.style-five input[type=text],
.contact-form.style-five select,
.contact-form.style-five textarea {
  background: transparent !important;
  box-shadow: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #FFFFFF;
}

::placeholder {
  /* For most browsers */
  color: #FFFFFF;
  /* Change to your desired color */
}

:-ms-input-placeholder {
  /* For Internet Explorer 10-11 */
  color: #FFFFFF;
}

::-ms-input-placeholder {
  /* For Microsoft Edge */
  color: #FFFFFF;
}

.brddr {
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  padding: 13px;
}

@media (max-width:992.98px) {
  .lf-sd-cnt {
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-top: 2rem;
      padding-bottom: 2rem;
  }
}
.core-bn-full .custom-acc {
border-radius: 0px !important;
background: none !important; 
}
.brd-nn-ky .box-80{
border:none !important;
}
.icn_bg-light{
background: #242E3708;
border-radius: 10px;
}
.why-trns-cng {

padding: 55px;
border-radius: 15px;
}
.why-cisco-pg {
.icon-bx-main p {
  margin-top: 30px !important;
}
}
.acc-intractive .accordion-content{border-bottom: none !important;}
.acc-intractive .active .icon {
transform: rotate(180deg);
}

@media (max-width:1600px) { 
  .max32{    max-width: 35ch;}
}
.overlaymedia{background: linear-gradient(272deg, rgba(248, 248, 248, 0) 37.51%, rgba(248, 248, 248, 0.844527) 55.44%, #F1F1F1 74.7%);}
@media (max-width:1199px) { .overlaymedia {
  background-color: #edeef1bf;
}
}
 
.custom-acc .acc-intractive .accordion-item .accordion-header h3 {
  color: #000;
  line-height: 1.2em;
}
.accordion-header {
  height: 70px !important;
} 
.br1440{
        display: none;
    }
@media (max-width: 1569.95px) {
.br1440 {
    display:block;
}
.max-50{max-width: 50ch;}
}