@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}


img {
  max-width: 100%;
}


ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

button {
  /* WebKit */
  -webkit-appearance: none;

  /* Mozilla */
  -moz-appearance: none;

  /* Opera */
  -o-appearance: none;

  /* Internet Explorer */
  -ms-appearance: none;

  /* CSS3 */
  appearance: none;
}

h3,
h4,
h5,
h6 {
  font-weight: 600;
}

h3,
h4 {
  font-size: 20px;
  margin: 0px 0px 15px;
  color: #2D2C2C;
}

h4 {
  font-size: 18px;
}

h5 {
  color: #000;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

h3 a,
h4 a {
  color: #169AA9;
}

p {
  color: #54595F;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}

.titleh2 {
  margin: 0px 0px 25px;
}

.titleh2 h2 {
  font-family: "Poppins";
  font-size: 35px;
  font-weight: 600;
  margin: 0px;
  line-height: 40px;
}

.textcenter {
  text-align: center;
}

/*=========structure=========*/
.custom-container {
  padding: 0px 15px;
  margin: 0 auto;
}

@media only screen and (min-width:1152px) {
  .custom-container {
    max-width: calc(100% - 40px);
  }
}

@media only screen and (min-width: 1360px) {
  .custom-container {
    max-width: 1268px;
  }
}

@media only screen and (min-width: 1440px) {
  .custom-container {
    max-width: 1270px;
  }
}

@media screen and (max-width: 992px) {
  .titleh2 h2 {

    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .titleh2 h2 {

    font-size: 25px;
  }
}

/*=====header=====*/
header {
  /* box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .16); */
  position: sticky;
  top: 0;
  z-index: 11;
  width: 100%;
transition: all 0.3s ease-in-out; /* smooth effect */
}


header ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.FormobmenuHeader {
  display: none;
}

.headerMainWrapper {
  position: relative;
  background-color: #1604D3;
}

.menuHeaderinner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menuHeaderinner .logoheader {
  max-width: 237px;
  overflow: hidden;
  position: relative;
}

.Headertside {
  display: flex;
  align-items: center;
  gap: 30px;
}

header nav ul.mainULnav {
  margin: 0px;
  padding: 0px;
}

header nav ul li {
  display: inline-block;
  position: relative;
  list-style: none;
}

header nav ul li a {
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  padding: 15px 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

header .sub-menu {
  background-color: #1604D3;
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all ease 0.3s;
  top: calc(100% + 0px);
  width: auto;
  left: inherit;
  bottom: inherit;
}

header .sub-menu li {
  display: block;
}

header .sub-menu li a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding: 0px;
  margin: 0;
  position: relative;
  display: block;
  text-transform: capitalize;
  min-height: auto;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header .sub-menu li:last-child a {
  border: 0px;
}

.hamburgerMenuBtn {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2FC0EF' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  margin: 0;
  cursor: pointer;
  display: none;
}

.HeaderMenuRhs {
  display: flex;
  align-items: center;
  gap: 15px;
}

.languageDivInner {
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.menuOverlay {
  background-color: rgba(0, 0, 0, 0.35);
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: all ease 0.3s;
  display: none;
}

body.sidebarMenuOpen .menuOverlay {
  display: block;
}

.headerTopinner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 75px;
  padding: 10px 0px;
}

.nav-cnts {
  display: flex;
  gap: 25px;
}

.call-mail {
  display: flex;
  align-items: center;
  gap: 6px;
}

.call-mail a {
  color: #000;
}






/*=========Header Search=====*/


@media only screen and (min-width:1151px) {
  .desktopNone {
    display: none;
  }

  .mobileNone {
    display: block;
  }
}

/* .desktopNone {
  display: block;
}

.mobileNone {
  display: none;
} */


@media only screen and (max-width:1150px) {

  /* .headerTopinner {
    display: none;
  } */
  .headerTopinner img,
  .headerTopinner .logoheader {
    display: none;
  }

  .headerTopinner {
    min-height: auto;
    padding: 10px 0px;
  }

  .HeaderSticky .headerMainWrapper {
    position: fixed;
    width: 100%;
    top: 0px;
    transition: all 0.5s ease-in;
  }
}

.headerTopWrapper {
  background-color: #fff;
}

header,
.HeaderSticky {
  transition: all 0.5s ease-in;
}

.HeaderSticky {
  position: fixed;
  transition: all 0.5s ease-in;
  width: 100%;
  top: 0px;
}

header nav ul li.dropdownMenu.megaMenu>ul.sub-menu span {
  display: none;
}

/*=======min-width:1151px=======*/

@media screen and (min-width: 1151px) {
  header .dropdownMenu .sub-menu {
    min-width: 240px;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    /* border-top: 3px solid #f3d014; */
    display: none;
  }

  header .dropdownMenu:hover .sub-menu {
    opacity: 1;
    z-index: 2;
    visibility: visible;
    display: block;
  }

  header nav ul li a:hover {
    color: #f2f2f2;
    ;
  }

  header .sub-menu li a:hover {
    background-color: #f5f5f5;
    color: #1604d3;
  }

  li.dropdownMenu>a:after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-flex;
    right: -5px;
    top: 3px;
    position: relative;
    transition: all 0.3s !important;
  }

  li.dropdownMenu>a:hover:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231604D3' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  }

  .menuHeaderinner {
    justify-content: center;
    position: relative;
  }

  .headerSearch {
    position: absolute;
    top: 16px;
    left: 52%;
    transform: translateX(-50%);
  }



  header nav ul li.dropdownMenu.megaMenu {
    position: static;
  }

  header nav ul li.dropdownMenu.megaMenu>ul.sub-menu {
    display: flex;
    gap: 20px;
    left: 0;
    right: 0;
    top: calc(100% + 0px);
    overflow: hidden;
    padding: 15px;
    flex-flow: wrap;

  }

  header nav ul li.dropdownMenu.megaMenu>ul.sub-menu>li {
    width: calc(50% - 30px);
  }

  header nav ul li.dropdownMenu.megaMenu>ul.sub-menu li ul li a {
    border: 0px;
    padding: 8px;
  }

  header nav ul li.dropdownMenu.megaMenu>ul.sub-menu li ul li a:hover {
    background-color: #fff;
    color: #F77500;
  }


}

/*============max-width:1150px=========*/

@media screen and (max-width: 1150px) {
  .headerMainWrapper {
    padding: 10px 0px;
    background-color: #ffffff;
  }

  .hamburgerMenuBtn {
    display: block;
  }

  .headerrhscontent {
    position: fixed;
    right: -280px;
    bottom: 0;
    top: 0;
    z-index: 4;
    width: 280px;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
    background-color: #ffffff;
    width: 280px;
  }

  body.sidebarMenuOpen .headerrhscontent {
    right: 0px;
  }

  /*for mobile*/
  .FormobmenuHeaderWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    position: relative;
    width: 100%;
  }

  .FormobmenuHeaderWrapper .logo {
    max-width: 140px;
  }

  .FormobmenuHeaderWrapper .logo img {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;

  }

  .FormobmenuHeader {
    display: block;
    width: 100%;
  }


  header nav ul li a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li a:not(header.HeaderSticky ul.sub-menu li a) {
    color: #1b1b1b;
    padding: 12px;
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  }

  .headerrhscontent {
    flex-direction: column;
    justify-content: flex-start;
  }

  .closeIcon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
  }

  header nav ul li {
    width: 100%;
  }

  header nav ul .dropdownMenu span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    right: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 4;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  header .sub-menu {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    transition: none;
    top: 0;
    display: none;
    min-width: 100%;
    position: relative;
    box-shadow: none;
    padding: 0px;
  }

  header .sub-menu li a {
    padding: 12px;
  }

  header .sub-menu li a:hover {
    color: #424242;
  }

  header nav {
    overflow-y: auto;
    height: calc(100% - 87px);
  }

  header nav::-webkit-scrollbar {
    display: none;
    width: 0px;
  }

  header nav ul li:last-child a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li:last-child a:not(header.HeaderSticky ul.sub-menu li a) {
    border-bottom: 0px;
  }

  header nav ul .dropdownMenu span.hasSub.menuactve {
    transform: rotate(180deg);
  }

  .menuHeaderinner .logoheader {
    max-width: 140px;
  }

  .sidebarMenuOpen .HeaderSticky {
    animation: none;
  }



}
.headerTopWrapper {
  background-color: #fff;
}

header,
.HeaderSticky {
  transition: all 0.5s ease-in;
}

.HeaderSticky {
  position: fixed;
  transition: all 0.5s ease-in;
  width: 100%;
  top: 0px;
  z-index: 9999;
}

/*===============header=============*/



/*=========Banner=========*/


.BannerSection .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 90px 0px;
  overflow: hidden;
  position: relative;
}



.bannerContentWraper .bannerlhs h1 {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}

.bannerlhs h2 {
  color: #FFF;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}

h2.another-slideheading {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}

.bannerContentWraper .bannerlhs p {
  font-size: 20px;
  color: #ffffff;
  margin: 20px 0px;
}

.CounterWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 30px 0px 50px;
}

.CounterNum {
  font-size: 32px;
  color: #fff;
  font-weight: 800;
}

.CounterDivWrapper {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 28px;
  color: #ffffff;
  font-weight: 800;
}

.CounterText {
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  margin: 10px 0px 0px;
}

.CounterWrapper .CounterDiv:not(:last-child) {
  border-right: 1px solid #ffffff;
}

.bannner-ctax {
  border-radius: 38px;
  border: 1px solid #fff;
  max-width: fit-content;
  padding: 9px 24px;
  transition: transform 0.3s ease-in-out;
}

.bannner-ctax a {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.bannner-ctax:hover {
  background-color: #1604D3;
  transform: scale(0.99);
}


.bannerslide .swiper-pagination {
  bottom: 18px;
  text-align: center;
}

.bannerslide .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  opacity: 1;
  margin: 0 4px !important;
  transition: background 0.3s, width 0.3s;
}

.bannerslide .swiper-pagination-bullet-active {
  background: #1604D3;
  width: 35px;
}

.bannerimglayer {
  opacity: 0.37;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.bannerImg {
  position: relative;
  max-width: 430px;
  margin-left: auto;
}

.bannerproimg {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .bannerslide .swiper-pagination {
    bottom: 10px;

  }


}


/*========slider navigation======*/

.defaultslidearrow {
  position: absolute;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  top: 50%;
  width: 100%;
  display: none;
}

.defaultslidearrow .swiper-button-next:after,
.defaultslidearrow .swiper-button-prev:after {
  display: none;
}

.defaultslidearrow .swiper-button-next,
.defaultslidearrow .swiper-button-prev {
  position: relative;
  left: inherit;
  right: inherit;
  text-align: inherit;
  margin: 0px;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  background-image: url("data:image/svg+xml, %3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='24.5' stroke='%23FFF5DB'/%3E%3Cmask id='path-2-inside-1_157_110' fill='white'%3E%3Cpath d='M21.5648 32L22.1609 31.4043L15.6792 24.9216L37 24.9216L37 24.0784L15.6781 24.0784L22.1609 17.5968L21.5648 17L14.065 24.4998L21.5648 32Z'/%3E%3C/mask%3E%3Cpath d='M21.5648 32L22.1609 31.4043L15.6792 24.9216L37 24.9216L37 24.0784L15.6781 24.0784L22.1609 17.5968L21.5648 17L14.065 24.4998L21.5648 32Z' fill='%23FFF5DB'/%3E%3Cpath d='M21.5648 32L19.0738 34.4909L21.5639 36.9811L24.0549 34.4918L21.5648 32ZM22.1609 31.4043L24.651 33.8961L27.1434 31.4054L24.652 28.9136L22.1609 31.4043ZM15.6792 24.9216L15.6792 21.3989L7.17548 21.3989L13.188 27.4124L15.6792 24.9216ZM37 24.9216L37 28.4444L40.5227 28.4444L40.5227 24.9216L37 24.9216ZM37 24.0784L40.5227 24.0784L40.5227 20.5556L37 20.5556L37 24.0784ZM15.6781 24.0784L13.1874 21.5872L7.17231 27.6011L15.6781 27.6011L15.6781 24.0784ZM22.1609 17.5968L24.6516 20.088L27.1415 17.5985L24.6533 15.1073L22.1609 17.5968ZM21.5648 17L24.0573 14.5105L21.5663 12.0166L19.0739 14.509L21.5648 17ZM14.065 24.4998L11.5741 22.0088L9.08319 24.4997L11.574 26.9907L14.065 24.4998ZM24.0549 34.4918L24.651 33.8961L19.6708 28.9125L19.0747 29.5082L24.0549 34.4918ZM24.652 28.9136L18.1703 22.4309L13.188 27.4124L19.6697 33.8951L24.652 28.9136ZM15.6792 28.4444L37 28.4444L37 21.3989L15.6792 21.3989L15.6792 28.4444ZM40.5227 24.9216L40.5227 24.0784L33.4773 24.0784L33.4773 24.9216L40.5227 24.9216ZM37 20.5556L15.6781 20.5556L15.6781 27.6011L37 27.6011L37 20.5556ZM18.1688 26.5695L24.6516 20.088L19.6702 15.1056L13.1874 21.5872L18.1688 26.5695ZM24.6533 15.1073L24.0573 14.5105L19.0724 19.4895L19.6685 20.0862L24.6533 15.1073ZM19.0739 14.509L11.5741 22.0088L16.556 26.9908L24.0558 19.491L19.0739 14.509ZM11.574 26.9907L19.0738 34.4909L24.0558 29.5091L16.556 22.0089L11.574 26.9907Z' fill='%23FFF5DB' mask='url(%23path-2-inside-1_157_110)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  cursor: pointer;
  border-radius: 50%;
  transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -ms-transition: ease-in-out all 0.3s;
  -o-transition: ease-in-out all 0.3s;
}

.defaultslidearrow .swiper-button-next {
  transform: rotate(180deg);
}


/*========slider navigation====*/

/*=========Banner=========*/







/* ==========Animation============= */

@keyframes appear {
  from {
    opacity: 0;
    scale: 0.5;
    /* transform: translateY(-100px); */

  }

  to {
    opacity: 1;
    scale: 1;
    /* transform: translateY(0px); */
  }
}

/* ==========Animation============= */
section.ciso-range {
  margin: 60px 0px;
}

/* Tabs */
.cisco-tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
  background-color: #f1f1f1;
  width: fit-content;
  margin: auto;
  border-radius: 48px;
  margin-bottom: 25px;
}

.cisco-tab {
  padding: 19px 40px;
  border-radius: 48px;
  border: none;
  font-weight: 500;
  background: #f1f1f1;
  transition: 0.3s;
  font-size: 16px;
  color: #54595F;
}

.cisco-tab.active {
  background: #1604d3;
  color: #fff;
}

.cisco-subtitle {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;

}

/* Product Grid */
.cisco-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
}

/* Product Card */
.cisco-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px;
  transition: 0.3s;
}

.cisco-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}


.cisco-card h3 {
    color: #54595F;
    font-weight: 500;
    font-size: 18px;
}

.border-line-btw {
  border:0.2px solid #91919133;
  margin: 16px 0px 8px;
}

.cisco-card p {
    color: #54595F;
    font-weight: 300;
    line-height: 23px;
    font-size: 15px;
}

.cisco-imgxprdct {
  text-align: center;
  margin-bottom: 20px;
}

/* Buttons */
.cisco-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.cisco-btn-outline,
.cisco-btn-primary {
  padding: 7px 12px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s;
}

.cisco-btn-outline {
  color: #000000;
  border-radius: 38px;
  border: 1px solid #EFAC0D;
  background: #FFF;
}

.cisco-btn-outline:hover {
  background: #fdb813;
  color: #fff;
}

.cisco-btn-primary {

  color: #000000;
  border-radius: 38px;
  border: 1px solid #1604D3;
  background: #FFF;
}

.cisco-btn-primary:hover {
  background: #1604D3;
  color: #fff;
}

/* Tab Content Visibility */
.cisco-tab-content {
  display: none;
}

.cisco-tab-content.active {
  display: grid;
}



/* <------------expertise--------------> */
.expertise {
  margin: 70px 0px;
}

.expertise-outer {
  display: flex;
  gap: 25px;
}

.expertise-box {
  width: calc(50% - 10px);
}

.expertise-box p {
  font-weight: 300;
}

.expertise-box .titleh2 {
  margin: 0px 0px 17px;
}

.expertise-box img {
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1150px) {
  .expertise-outer {
    flex-direction: column;
  }

  .expertise-box {
    width: 100%;
  }
}

/* <-----------router------------> */
section.router {
  margin: 70px 0px;
}

.router-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
}

.router-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.router-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.router-icon {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  border: 1px solid #1604D3;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.router-icon img {
  width: 60%;
  margin: auto;
}

.router-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.router-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}

.router-heading {
  font-size: 18px;
  margin-bottom: 10px;
}

.router-text {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  /* body {
    padding: 20px 10px;
  } */

  .router-title {
    font-size: 20px;
  }

  .router-card {
    padding: 15px;
  }
}

@media (max-width: 377px) {
  .cisco-tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    background-color: white;
    width: fit-content;
    margin: auto;
    border-radius: 48px;
    margin-bottom: 18px;
  }

  .cisco-tab {
    padding: 14px 10px;
  }
}


section.benifit-faq {
  margin: 70px 0px;
}

.inn-faq-benf-sec {
  border-radius: 20px;
  background: #1604d3;
  padding: 50px;
}
.inn-faq-benf-sec h2 {
    color: #fff;
}
.faq-img-beni {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}

.faq-side-ben {
  width: 50%;
}

.faq-question span {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}

.faq-ben-img {
  width: 50%;
}

.faq-ben-img img {
  border-radius: 20px;
}


.faq-item {
  border-bottom: 1px solid #ddd;
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}


.faq-question i {
  transition: transform 0.3s;
}

.faq-question.active i {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
}

.faq-answer.open {
  max-height: 200px;
  padding: 10px;
}

.faq-icon {
  margin-right: 8px;
  font-size: 18px;
  color: #0b7dda;
}

.benefits-image img {
  max-width: 100%;
  border-radius: 10px;
}

@media screen and (max-width: 1100px) {
  .faq-img-beni {
    flex-direction: column-reverse;

  }

  .faq-side-ben {
    width: 100%;
  }

  .faq-ben-img {
    width: 100%;
  }

  .faq-ben-img img {
    width: 100%;
  }

  .faq-img-beni {

    gap: 30px;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .inn-faq-benf-sec {
    padding: 30px;
  }

  .faq-question span {
    display: flex;
    align-items: center;
    color: #54595F;
    font-size: 20px;
    font-weight: 500;
  }
}

@media screen and (max-width: 500px) {
  .inn-faq-benf-sec {
    padding: 12px;
  }
}



section.use-case {
  margin: 70px 0px;
}

.inner-use-case {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.usecase-card {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

.usecase-img img {
  width: 100%;
  height: 225px;
  object-fit: cover;
}

.below-cnt-usecase {
  padding: 20px;
}

.cse-crd-title h4 {
  color: #000;
  font-size: 23px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
}

.below-cnt-usecase p {
  text-align: center;
}

@media screen and (max-width: 992px) {
  .inner-use-case {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
}

@media screen and (max-width: 600px) {
  .inner-use-case {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.whych-crd:hover {
  background-color: #1604d312;
}

.why-ch-icn {
  border: none;
  background: transparent;
  height: 55px;
  width: 55px;
}

.device-widthsd {
  max-width: 940px;
  margin: auto;
}

.belowrx-pard {
  margin-top: 25px;
}

section.free-consulatation {
  margin: 70px 0px;
}

.free-consultation-btn {
  text-align: center;
  margin: 20px 0px;
}

.free-consultation-btn a {
  border-radius: 38px;
  background: #1604D3;
  color: #fff;
  padding: 9px 20px;
}

.free-consultation-btn a span {
  margin-left: 7px;
}

.free-consultation-btn a:hover {
  background-color: #1203ab;
}

section.faqsec {
  margin: 70px 0px;
}

.faq-title h3 {
  color: #54595F;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
}

.faq-title h3 span {
  color: #1604D3;
}

.faq-inneer-faq-sec .faq {
  border-top: 1px solid #ddd;
}
.below-faqx .faq-question {
    color: #000;
}
.below-faqx .faq-answer{
    color: #1604D3;
}
section.stats {
  margin: 70px 0px;
}

.inner-stats-crd {
  border-radius: 20px;
  background: #1604D3;
  display: flex;
  justify-content: space-between;
}

.stats-btnsz {
  border-radius: 20px;
  background: #1707ba;
  width: max-content;
  padding: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  /* optional */
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* Hover effect (lift) */
.stats-btnsz:hover {
  background: #0f02a8;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.stats-btnsz:hover {
  background: #0f02a8;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/* Click effect (press down) */
.stats-btnsz:active {
  transform: scale(0.95) translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}


.stats-btnsz h4 {
  color: #fff;
  text-align: center;
  margin-bottom: 0px;
}

.stats-num {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 65px 30px;
  width: 100%;
}

.stats-icons {
  height: 50px;
  width: 50px;
}

.topinn-stats {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.stats-cnt h4 {
  color: #FFF;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 6px;

}

.stats-cnt span {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  line-height: 16px;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 992px) {
  .stats-num {

    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 30px 30px;

  }
}

@media screen and (max-width: 767px) {
  .inner-stats-crd {
    justify-content: space-between;
    flex-direction: column;
  }

  .stats-btnsz {
    width: 100%;
    padding: 27px;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 550px) {
  .stats-btnsz {
    width: 100%;
    padding: 27px;
    justify-content: center;
    align-items: center;
  }

  .stats-num {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding: 30px 30px;

  }
}


/*=======================footer================*/
section.top-footer {
  background: #1604D3;
}

.infox-footer {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.footer-top-icon {
  height: 45px;
  width: 45px;
}

.inner-footer {
  padding: 50px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.footer-top-text-inn h4 {
  color: #fff;
  margin-bottom: 3px;
}

.footer-top-text-inn span {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .inner-footer {
    padding: 50px 10px;
  }
}

.bottom-footer {

  background: #fff;
  color: #000000;

}

.footer-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  padding: 50px 0px;
}

.footer-section {
  margin-bottom: 20px;
}

.footer-section h3 {
  font-size: 18px;
  margin-bottom: 20px;
  color: #000000;
  position: relative;
  padding-bottom: 10px;
}



.footer-section ul {
  list-style: none;
}

.footer-section ul li {
  margin-bottom: 10px;
}

.footer-section ul li a {
  color: #000000;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.footer-section ul li a:hover {
  color: #131313;
}

.sub-footer {
  border-top: 1px solid #949494;
  padding: 20px 0px;
}

.copyright {
  font-size: 14px;
  color: #000000;
  text-align: center;
}

.social-links {
  display: flex;
  gap: 15px;
}





.contact-info {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
}

.contact-info span {
  color: #b0c4de;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Accordion styles for mobile */
.accordion-header {
  display: none;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  user-select: none;
}

.accordion-header h3 {
  margin: 0;
  padding: 0;
}

.accordion-header i {
  transition: transform 0.3s ease;
}

.accordion-content {
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  max-height: 1000px;
}

.accordion-content.collapsed {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.logo-footer {
  margin-bottom: 20px;
}

.details-footer-call span a {
  color: #000;
}

.details-footer-call span a:hover {
  color: #0011ff;
}

.accordion-header.active i {
  transform: rotate(180deg);
}

.details-footer-call {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.so-ft-icons {
  display: flex;
  gap: 20px;
}

/* Responsive styles */
@media (max-width: 992px) {
  .footer-content {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .footer-section {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .accordion-content h3 {
    display: none;
  }

  .accordion-header {
    display: flex;
  }

  .footer-section ul {
    padding: 0 0 15px 0;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 15px;

  }

  .contact-info {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}

/*=======================footer================*/
.inner-banner {
  background-size: cover;
  background-position: center;
  padding: 160px 0;
  position: relative;

}

.inner-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(25deg, rgba(0, 60, 109, 0.59) 0%, rgba(0, 61, 111, 0.00) 100%);
}

.innerbannerheading h1 {
  color: white;
  font-size: 36px;
  position: relative;
  text-align: center;
}

.inner-breadcrum ol {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0px;
}

.inner-breadcrum li.home {
  position: relative;
  padding-right: 30px;
}

.inner-breadcrum li a {
  color: white;
  font-size: 16px;
}

.inner-breadcrum li.active {
  color: #ffffff;
  z-index: 99;
}

.inner-breadcrum li.home::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.071 5.657L1.414 -3.93831e-06L-9.89101e-07 1.414L4.95 6.364L-1.23616e-07 11.314L1.414 12.728L7.071 7.071C7.25847 6.88347 7.36379 6.62916 7.36379 6.364C7.36379 6.09883 7.25847 5.84452 7.071 5.657Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

section.aboutus {
  margin: 70px 0px;
}

.aboutus-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin: auto;
}

.aboutus-image-box img {
  border-radius: 20px;
  background: #D9D9D9;
  object-fit: cover;
  height: 100%;
}

.headingwithlinedark {
  margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
  .aboutus-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    margin: auto;
  }
}


/* <----------contact page-----------> */
.incontact-container {
  margin: 80px 0px;
}

.inner-breadcrum {
  position: absolute;
  bottom: 20px;
}

.incontact-box {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.incontact-info {
  flex: 1;
  min-width: 300px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}


.incontact-info a {
  margin: 10px 0;
  font-size: 15px;
  color: #000;
  display: flex;
}

.incontact-info a i {

  flex-shrink: 0;
  aspect-ratio: 1 / 1;
  color: #1604D3;
  fill: #1604D3;
  font-size: 17px;
}

.incontact-info span {
  padding-left: 20px;
}

.incontact-map {
  margin-top: 15px;
  width: 100%;
  height: 200px;
  border-radius: 8px;
  border: none;
}

.incontact-form {
  flex: 2;
  background: #fff;
  padding: 35px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  background: #F6F6F6;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.incontact-row p {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.incontact-row input,
.incontact-row textarea {
  flex: 1;
  padding: 13px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
}
.subflw p input {
    width: 100%;
    padding: 13px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.incontact-box textarea {
  width: 100%;
  height: 260px;
  resize: none;
}
.subflw p textarea {
    padding: 13px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    margin-top: 10px;
}
.incontact-btn {
  background: #1604D3;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
}

.incontact-btn:hover {
  background: #1103a3;
}



/*=======media query======*/

@media screen and (min-width: 1151px) {}

@media screen and (max-width: 1199px) {}

@media screen and (max-width: 1150px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 991px) {}

@media (max-width:767px) {
  .expertise-outer {
    flex-wrap: wrap;
  }

  .expertise-box {
    width: calc(100% - 10px);
  }

  .cisco-tab {
     
    padding: 17px 17px;
    border-radius: 45px;
    font-weight: 400;
    transition: 0.3s;
    font-size: 19px;
  }

  .incontact-container {
    margin: 50px 0px;
  }

  .incontact-form {
    padding: 20px;
  }

  .incontact-info iframe {
    margin-top: 20px
  }

  .inner-banner {
    padding: 100px 0;
  }

}

/* <-------------it service------------> */
.router-service {
  display: grid;
  grid-template-columns: 1fr;
  /* Default: 1 column (mobile) */
  gap: 20px;
  margin: 30px auto 0px;
}

.titleh2.mb2 h2 {
  margin-bottom: 20px;
}

/* For tablets and desktops */
@media (min-width: 768px) {
  .router-service {
    grid-template-columns: repeat(2, 1fr);
    /* 2 columns */
  }
}

@media (min-width: 991px) {
  .router-service {
    grid-template-columns: repeat(3, 1fr);
    /* 2 columns */
  }
}

/* <----blog---------> */
.blogsubtitl {
  color: #54595F;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
  display: block;
}

.blogtitl {
  color: #000;
  text-align: center;
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  display: block;
}

.usecase-card.blogcase-card {
  border-radius: 0px 15px 0px 15px;
  transition: all 0.5s ease-in;
}

.usecase-card.blogcase-card:hover {
  border-radius: 15px;
  transform: translateY(5px)
}

/* <--------blog detail-----------> */
.inner-blog-listing {
  display: flex;
  gap: 30px;
}

.blog-cardsx-inn {
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  width: calc(70% - 10px);
}

.blg-details-img img {
  height: 400px;
  object-fit: cover;
}


@media (min-width: 993px) {
  .blog-sidebar {
    position: sticky;
    top: 20px;
    height: fit-content;
  }
}

.blog-sidebar {
  flex: 1;
  width: calc(30% - 10px);
}

.sidebar-widget {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.blog-listing-page {
  margin: 80px 0px;
}

.blog-card-content.blog-in-cnt {
  padding: 20px 30px;
}

.admin-date {
  margin: 0px 0px 10px 0px;
}

@media (max-width:1400px) {
  .inner-banner {
    padding: 120px 0;
  }
}

@media (max-width:1024px) {
  .nav-cnts {
    display: flex;
    gap: 25px;
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width:991px) {
  .incontact-box textarea {
    height: 160px;
  }

  .incontact-info iframe {
    height: 260px !important;

  }

  .blogtitl {
    font-size: 21px;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .incontact-container {
    flex-direction: column;
  }

  .blogsubtitl {
    font-size: 16px;
    line-height: 13px;
    margin-bottom: 8px;
  }

  .blogtitl {
    font-size: 19px;
    line-height: 27px;
  }

  .inner-banner {
    padding: 100px 0;
  }

  .inner-banner {
    background-position-x: right;
  }

  .HeaderSticky .logoheader img {
    width: 90px;
  }
}

@media only screen and (max-width:1150px) {

  /* .headerTopinner {
    display: none;
  } */
  .headerTopinner img,
  .headerTopinner .logoheader {
    display: none;
  }

  .headerTopinner {
    min-height: auto;
    padding: 10px 0px;
  }

  .HeaderSticky .headerMainWrapper {
    position: fixed;
    width: 100%;
    top: 0px;
    transition: all 0.5s ease-in;
  }
}

@media (min-width: 993px) {
  .blog-sidebar {
    position: sticky;
    top: 20px;
    height: fit-content;
  }
}

.recommended-post-avatar img {
  margin: auto;
  display: block;
  left: 0px;
  right: 0px;
}

@media (max-width:992px) {
  .blog-listing-page {
    margin: 50px 0px;
  }

  .inner-blog-listing {
    flex-wrap: wrap;
  }

  .blog-cardsx-inn,
  .blog-sidebar {
    width: calc(100% - 10px);
  }
}
.innner-formx {
    position: relative;
}
.wpcf7-response-output {
    margin: 0px!important;
    text-align: center!important;
    position: absolute;
    bottom: 2px;
    left: 10%;
    right: 10%;
}
span.wpcf7-not-valid-tip {
    font-size: 10px!important;
    position: absolute !important;
    bottom: 4px!important;
    right: 11px! important;
}
.blg-details-img img {
    object-fit: cover;
    height: 400px;
    width: 100%;
}
.admin-date {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 6px;
}

@media (max-width:600px) {
	.blg-details-img img {
    object-fit: cover;
    height: 300px;
    width: 100%;
}
}


.clients-section .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.client-card {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 237px;
    height: 136px;
}
.client-card img {
    max-width: 120px;
    max-height: 60px;
    object-fit: contain;
}
.clients-section {
    background: #F5F6F7;
    padding: 45px 0px;
}
span.faq-icon img {
    height: 49px;
    padding-right: 10px;
}

/* <----------add css for service inner page-----------> */
.benefit-item{display:flex;}
   .benefit-item i {
    font-size: 1.3rem;
    color: #1604D3;
    margin-right: 1rem;
    margin-top: 0.2rem;
    /* width: 10px; */
    /* height: 50px; */
    /* display: inline-block; */
}
.router-heading span{font-weight:400;
font-size:18px;
}
@media(min-width:991px){.expertise-dir{flex-direction: row-reverse;}.Reliable-img{margin-left:auto;display: block;}}
.padding-btm{padding-bottom:50px;}
.padding-btm p{margin-bottom:20px;}
.btm-mg1 p{margin-bottom:20px !important;}
.server-img-width{width:100%;}
@media(max-width:767px){
	.expertise {
    margin: 50px 0px;
}
}