html {
  scroll-behavior: smooth;
}

body {
  font-family: "Nunito", sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "Bricolage Grotesque", sans-serif;
}

a,
a:hover {
  text-decoration: none;
}

ul,
li,
ol {
  list-style-type: none;
  padding-inline-start: 0;
  margin-bottom: 0;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1280px;
}

:focus-visible {
  outline: none !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent;
}

.bgTrans {
  background: transparent !important;
}

.bg1 {
  background: #ededed !important;
}

.bg2 {
  background: #eee !important;
}

.bg3 {
  background: #ffeefd !important;
}

.bgColor1 {
  background: #04160e !important;
}

.bgColor2 {
  background: #04160e !important;
}

.bgColor3 {
  background: #9f3745 !important;
}

.bgColor4 {
  background: #2a7d52 !important;
}

.bgColor5 {
  background: #3f6f97 !important;
}

.bgColor6 {
  background: #fff4ea !important;
}

.bgColor7 {
  background: #04160e !important;
}

.bgColor8 {
  border-color: rgba(0, 86, 163, 0.4705882353) !important;
  color: #0056a3 !important;
}

.bgColor9 {
  border-color: rgba(0, 112, 51, 0.5647058824) !important;
  color: #007033 !important;
}

.borderColor3 {
  border-color: rgba(159, 55, 69, 0.3137254902) !important;
}

.borderColor4 {
  border-color: rgba(42, 125, 82, 0.3137254902) !important;
}

.borderColor5 {
  border-color: rgba(63, 111, 151, 0.3137254902) !important;
}

.weight-600 {
  font-weight: 600 !important;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.text-black {
  color: #000;
}

/*================================================ Header CSS Start =================================================*/
header {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: 0.4s ease-in-out;
}

header nav.navbar {
  position: relative;
  padding: 0 30px;
  transition: 0.4s ease-in-out;
  background: #fff;
}

header.fixedTop nav.navbar {
  padding: 0 30px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link {
  padding: 10px 12px !important;
}

header.fixedTop ul.topPatternColor li {
  height: 3px;
}

header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link i,
header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link svg {
  width: 22px;
  margin: 0 auto 2px;
}

/*header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link small {
  font-size: 70%;
  line-height: 8px;
}*/
header.fixedTop nav.navbar a.navbar-brand img {
  width: 180px;
}

/*header.fixedTop nav.navbar ul.navbar-nav.navbar-nav2 {
  margin-left: 0!important;
}*/
a.navbar-brand img {
  width: 216px;
  transition: 0.4s ease-in-out;
}

header nav.navbar ul.navbar-nav.navbar-nav2 {
  transition: 0.4s ease-in-out;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link {
  display: block;
  font-size: 16px;
  text-align: center;
  color: #04160e;
  text-transform: uppercase;
  font-weight: 600;
  padding: 35px 16px 25px;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  font-family: "Bricolage Grotesque", sans-serif;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link small {
  font-size: 80%;
  font-weight: 300;
  line-height: 10px;
  color: rgba(0, 0, 0, 0.88);
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link:hover {
  color: #ea1f29;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2.bgTransp {
  border: 1px solid #333333;
  background: transparent;
  color: #121212;
  padding: 6px 10px 6px 30px;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2.bgTransp i {
  right: auto;
  left: 10px;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
  position: relative;
  color: #04160e;
  padding: 8px 44px 7px 18px;
  font-size: 16px;
  line-height: 22px;
  border-radius: 50px;
  font-weight: 600;
  border: 1px solid #111;
  letter-spacing: 0.3px;
  background: transparent;
  display: inline-block;
  transition: 0.4s ease-in-out;
}

header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
  padding: 7px 40px 6px 16px !important;
  font-size: 15px;
  line-height: 20px;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 17px;
  fill: #222;
  transform: translate(0, -50%);
}

header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
  fill: #121212;
}

header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu {
  border: 0;
  border-radius: 0;
  background: #fff;
}

header.fixedTop nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu {
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.05);
}

header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 25px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
}

header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a.dropdown-item {
  font-size: 16px;
  line-height: 22px;
  padding: 7px 12px;
  font-weight: 600;
  color: #04160e;
  font-family: "Bricolage Grotesque", sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #ededed;
  transition: 0.4s ease-in-out;
}

header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a.dropdown-item:hover {
  color: #ea1f29;
  background: #fff;
}

header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu li:last-child a.dropdown-item {
  border-bottom: 0;
}

a.headerContact {
  position: absolute;
  right: 0;
  top: 0;
  background: #c95800;
  color: #fff;
  padding: 10px 30px 10px 25px;
  height: 100%;
  display: flex;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-left: 3px solid #fff;
}

.headerContactBlock {
  align-self: center;
  font-size: 22px;
  font-weight: 700;
}

.headerContactBlock svg {
  width: 32px;
  margin-bottom: 6px;
  fill: #ff8324;
}

.headerContactBlock small {
  font-size: 66%;
  font-weight: 500;
  line-height: 10px;
}

.fixedTop {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1030;
}

@media all and (min-width: 992px) {
  .navbar .dropdown-menu-end {
    right: 0;
    left: auto;
  }
  .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    margin-top: 0;
  }
  .navbar .nav-item:hover .nav-link {
    color: #fff;
  }
  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }
  .navbar .dropdown-menu.fade-up {
    top: 180%;
  }
  .navbar .nav-item:hover .dropdown-menu {
    transition: 0.3s;
    display: block !important;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
}
.imgHeader header nav.navbar {
  padding: 18px 30px 14px;
  background: #ffffff;
}

.imgHeader header.fixedTop nav.navbar {
  padding: 6px 0;
}

.innerHeader nav.navbar {
  background: #fff;
  padding: 0 30px;
}

.innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link {
  padding: 20px 12px;
}

.innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
  padding: 8px 44px 7px 18px;
}

header nav.navbar button.navbar-toggler {
  padding: 0;
  border: 0;
}

header nav.navbar button.navbar-toggler svg {
  width: 54px;
  fill: #121212;
}

header.fixedTop nav.navbar button.navbar-toggler svg {
  width: 45px;
}

/*================================================ Header CSS End =================================================*/
/*================================================ Hero Header CSS Start =================================================*/
.heroHeader {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
  padding: 25px 0;
  background: #151718;
  transition: 0.6s ease-in-out;
}

.heroHeader a.navbarBrand img {
  width: 250px;
  transition: 0.4s ease-in-out;
}

.heroHeader ul.heroNavbar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.heroHeader ul.heroNavbar li.navItem a.navLink {
  display: block;
  font-size: 16px;
  text-align: center;
  color: #f1f1f1;
  text-transform: uppercase;
  font-weight: 300;
  padding: 0 30px;
  letter-spacing: -0.3px;
  word-spacing: 2px;
  transition: 0.4s ease-in-out;
  font-family: "Bricolage Grotesque", sans-serif;
}

.heroHeader ul.heroNavbar li.navItem a.navLink svg {
  display: block;
  fill: rgba(255, 255, 255, 0.4901960784);
  width: 30px;
  margin: 0 auto 6px;
}

.heroHeader ul.heroNavbar li.navItem a.navLink small {
  font-size: 60%;
  font-weight: 200;
  line-height: 10px;
  letter-spacing: 0;
  word-spacing: 0;
  color: rgba(255, 255, 255, 0.5882352941);
}

/*================================================ Hero Header CSS End =================================================*/
section.heroSection {
  height: 100dvh;
}

section.heroSection:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/hero-pattern-bg.webp);
  background-repeat: no-repeat;
  background-position: bottom right;
  filter: grayscale(1) opacity(0.1);
  background-size: cover;
}

section {
  position: relative;
  padding: 80px 0;
}

.heroBlock {
  position: relative;
  margin-top: 40px;
}

.heroBlock h1 {
  font-size: 78px;
  line-height: 88px;
  color: #04160e;
  font-weight: 600;
  margin-bottom: 25px;
  letter-spacing: 0.5px;
}

span.heroTags {
  font-size: 18px;
  line-height: 16px;
  display: inline-block;
  border: 1px solid #ababab;
  border-radius: 50px;
  padding: 9px 14px;
  font-weight: 400;
  color: #3d3d3d;
  margin-bottom: 8px;
}

.heroBlock h2 {
  font-size: 25px;
  line-height: 34px;
  font-weight: 400;
  color: #111;
  margin-bottom: 16px;
  padding: 0 90px;
  position: relative;
  font-family: "Bricolage Grotesque", sans-serif;
}

.heroLink {
  position: relative;
}

a.mainLink {
  font-size: 17px;
  line-height: 20px;
  color: rgb(17, 17, 17);
  font-weight: 800;
  display: inline-block;
  padding: 11px 16px;
  border: 1px solid rgb(17, 17, 17);
  border-radius: 50px;
  text-transform: uppercase;
}

a.mainLink i {
  transform: rotate(-35deg);
  margin-left: 2px;
  position: relative;
  top: 1px;
}

section.heroSection.homeHero {
  height: auto;
  padding: 80px 0;
}

section.heroSection.homeHero .statsBlock {
  position: static;
  padding: 35px 0;
  margin-top: 30px;
}

section.heroSection.homeHero .heroBlock {
  margin-top: 0;
}

/*============================================= Explore Projects Section CSS Start ============================================*/
/*.exploreProjectSwiper .exploreProjectSwiperBlock {
  position: relative;
}
.exploreProjectSwiper .swiper-slide {
  margin: 115px 0 180px;
  transition: .4s ease-in-out;
}
.swiper-slide.swiper-slide-next .exploreProjectSwiperBlock img.exploreMainImg {
  transform: scale(2);
  border: 2px solid #fff;
  border-radius: 1px;
  filter: blur(0px)!important;
  transition: .4s ease-in-out;
}
.swiper-slide.swiper-slide-prev .exploreProjectSwiperBlock img.exploreMainImg, .swiper-slide.swiper-slide-visible .exploreProjectSwiperBlock img.exploreMainImg {
  filter: blur(4px) grayscale(1);
  transition: .4s ease-in-out;
}
.exploreProjectSwiper .swiper-button-prev svg, .exploreProjectSwiper .swiper-button-next svg {
  background: #ea1f29;
  fill: #fff;
  width: 50px !important;
  height: 50px !important;
  padding: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.exploreProjectSwiper .swiper-button-prev, .exploreProjectSwiper .swiper-button-next {
  width: auto;
}
.exploreProjectSwiper .swiper-button-prev {
  left: 120px;
}
.exploreProjectSwiper .swiper-button-next {
  right: 120px;
}
.exploreProjectSwiper .swiper-button-next.swiper-button-disabled, .exploreProjectSwiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.exploreProjectText {
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.25);
  width: 380px;
  padding: 25px 25px 20px;
  background: #fff;
  opacity: 0;
  border-radius: 2px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.swiper-slide.swiper-slide-next .exploreProjectText {
  opacity: 1;
}
.swiper-slide.swiper-slide-prev .exploreProjectText {
  opacity: 0;
}
.exploreProjectText img {
  width: 55px;
  height: 55px;
  filter: drop-shadow(0 2px 0 #fff);
  align-self: center;
}
.exploreProjectText .exploreProjectContent {
  margin-left: 12px;
  padding-left: 12px;
  border-left: 1px solid #cbcbcb;
}
.exploreProjectText h2 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #121212;
  margin-bottom: 0;
}
.exploreProjectText p {
  font-size: 15px;
  line-height: 18px;
  color: #323232;
  margin-bottom: 0;
  font-weight: 400;
}
ul.imgServiceTags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.imgServiceTags li .imgServiceTagsText {
  font-size: 12px;
  line-height: 16px;
  color: #111;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 50px;
  margin: 1px 2px 1px 0;
  display: inline-block;
  border: 1px solid #d3d3d3;
}*/
section.wrapperDifference {
  background: #04160e;
  padding: 30px 0;
  overflow: hidden;
}

section.wrapperDifference .swiper-wrapper {
  right: 30px;
}

.differenceWeBroughtText {
  position: relative;
  background: 0 0;
  padding: 12px 16px 16px;
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.differenceWeBroughtText img {
  width: 75px;
  height: 75px;
  filter: drop-shadow(0 2px 0 #fff);
  align-self: center;
}

.differenceWeBroughtBlock {
  position: relative;
  padding: 90px 0 70px;
}

.differenceWeBroughtTitle {
  position: absolute;
  top: 49%;
  left: 40px;
  bottom: 0;
  transform: translate(0, -50%);
  padding: 50px 20px;
  max-width: 320px;
}

h2.titleTextWhite {
  font-weight: 200;
  letter-spacing: -1px;
  font-size: 58px;
  line-height: 64px;
  color: #fff;
  margin-bottom: 4px;
}

.differenceWeBroughtTitle.differenceWeBroughtTitleRight {
  right: 75px;
  left: auto;
}

.differenceHeader {
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  border: 4px solid rgb(211, 211, 211);
  border-bottom: 0;
}

.differenceHeader span.differenceHeaderSpan {
  position: absolute;
  top: 50%;
  left: 11%;
  transform: translate(0, -50%);
  font-size: 9px;
  line-height: 10px;
  font-weight: 600;
  color: #5d5d5d;
}

.differenceWeBroughtImg {
  position: relative;
  border: 4px solid rgb(255, 255, 255);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.differenceWeBroughtText .differenceWeBroughtContent {
  position: relative;
  width: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.2509803922);
  padding-left: 12px;
  margin-left: 12px;
}

span.numberCount {
  position: absolute;
  top: -100px;
  right: 0;
  font-size: 100px;
  line-height: 100px;
  font-weight: 700;
  color: #313322;
}

.differenceWeBroughtImg:last-child {
  margin-bottom: 0;
}

.differenceWeBroughtImg img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #fff;
}

.differenceWeBroughtText img {
  width: 60px;
  height: 60px;
  filter: drop-shadow(0px 2px 0px #fff);
  align-self: center;
}

.differenceWeBroughtText h2 {
  font-size: 21px;
  line-height: 26px;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
  text-transform: uppercase;
}

.works-action {
  position: relative;
}

.works-action a.text-link {
  position: relative;
  color: #fff;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 18px;
  border: 2px solid #ea1f29;
  border-radius: 2px;
  background: #ea1f29;
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  transition: 0.4s ease-in-out;
}

.works-action a.text-link.normal-link {
  background: #cbcbcb;
  color: #222;
  border: 2px solid #c1c1c1;
  font-weight: 600;
}

section.wrapperDifference .carousel-control-next,
section.wrapperDifference .carousel-control-prev {
  font-size: 20px;
  line-height: 20px;
  background: #1d1e0f;
  border-radius: 4px;
  color: #95977a;
  padding: 25px 6px 24px;
  width: auto;
  top: 50%;
  bottom: auto;
  transform: translate(0, -50%);
  opacity: 1;
}

section.wrapperDifference .carousel-control-next {
  right: -2px;
}

section.wrapperDifference .carousel-control-prev {
  left: -2px;
}

section.wrapperDifference .carousel-indicators [data-bs-target] {
  width: auto;
  height: auto;
  text-indent: 0;
  font-size: 18px;
  line-height: 24px;
  padding: 6px 14px;
  border-radius: 30px;
  font-weight: 400;
  color: #fff;
  background: #1d1e0f;
  border: 2px solid #fff;
}

section.wrapperDifference .carousel-indicators {
  position: relative;
  margin-right: 0;
  margin-left: 0;
  bottom: 50px;
  justify-content: start;
  margin-bottom: 0;
}

.testimonialComments {
  background: #e3dfcd;
  padding: 8px 16px 16px;
  font-size: 20px;
  line-height: 26px;
  font-style: italic;
  color: #000;
}

.testimonialComments svg {
  width: 38px;
  fill: #b4961d;
}

ul.imgServiceTags {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin-top: 5px;
}

ul.imgServiceTags li .imgServiceTagsText {
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 50px;
  margin: 2px 4px 2px 0;
  display: inline-block;
  border: 1px solid #adadad;
  letter-spacing: 0.4px;
}

.glimpseWorkSwiper .swiper-button-next,
.glimpseWorkSwiper .swiper-button-prev {
  background: #b59300;
  opacity: 1 !important;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #fff;
  font-size: 26px;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
  border: 2px solid #000;
}

.glimpseWorkSwiper .swiper-button-next svg,
.glimpseWorkSwiper .swiper-button-prev svg {
  width: 38px;
  fill: #000;
}

.glimpseWorkSwiper .swiper-button-next {
  right: 21.7%;
}

.glimpseWorkSwiper .swiper-button-prev {
  left: 21.7%;
}

.glimpseWorkSwiper .swiper-button-next span,
.glimpseWorkSwiper .swiper-button-prev span {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  background: #b59300;
  border: 2px solid #000;
  padding: 2px 6px;
  text-align: center;
  letter-spacing: 0.5px;
  border-radius: 8px;
  font-weight: 500;
  color: #000;
}

.glimpseWorkSwiper .swiper-button-next.swiper-button-disabled,
.glimpseWorkSwiper .swiper-button-prev.swiper-button-disabled {
  display: none;
}

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

/*============================================= Explore Projects Section CSS End =============================================*/
ul.packagesUl,
ul.packageInclude {
  display: flex;
  flex-wrap: wrap;
}

ul.packagesUl li.packagesLi {
  flex: 0 0 auto;
  width: 33.33%;
  padding: 1px;
}

h3.packH3 {
  background: #d3d3d3;
  text-align: center;
  text-transform: uppercase;
  padding: 20px 12px;
  color: #000;
  font-size: 28px;
  line-height: 34px;
  font-weight: 300;
  margin-bottom: 0;
}

.packagesBlock {
  position: relative;
  padding: 16px 16px 12px;
}

.packagesBlock h4 {
  margin-bottom: 0;
  padding: 12px 20px;
  background: #323232;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.packagesBlockContent {
  background: #fff;
  padding: 20px 8px 0;
}

.bgCol1 {
  background: #9f3745 !important;
}

.bgCol2 {
  background: #2a7d52 !important;
}

.bgCol3 {
  background: #3f6f97 !important;
}

.packagesBlockContent p,
.packagesBlockContent ul li {
  position: relative;
  font-size: 17px;
  line-height: 23px;
  color: #000;
  margin-bottom: 0;
  margin-top: 12px;
}

.packagesBlockContent ul li {
  position: relative;
  padding-left: 24px;
}

.packagesBlockContent ul li svg {
  width: 16px;
  fill: #1e7e55;
  position: absolute;
  left: 0;
  top: 3px;
}

ul.packageInclude svg {
  width: 8px;
  fill: #333;
}

ul.packageInclude li {
  flex: 0 0 auto;
  width: 50%;
}

ul.packageInclude li {
  position: relative;
  padding: 4px;
}

ul.packageInclude li .packageIncludeText {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 0;
  height: 100%;
  background: #fff;
  padding: 10px 16px 10px 32px;
  border-radius: 6px;
}

ul.packageInclude svg {
  width: 8px;
  fill: #ed2725;
  position: absolute;
  top: 16px;
  left: 15px;
}

ul.packagesUl.packagesUlFour li.packagesLi {
  width: 25%;
}

/*================================================ Stats Section CSS Start =================================================*/
.statsBlock {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #c5c5c5;
  padding: 40px 0;
}

.statsInnerBlock {
  display: flex;
  flex-wrap: wrap;
}

.statsBlock .statsBox {
  position: relative;
  flex: 0 0 auto;
  width: 33.33%;
  padding: 0 12px;
}

.statsBlock .statsBox h3 {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  color: #04160e;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
}

.statsBlock .statsBox h3 sub {
  bottom: 0;
  font-size: 60%;
}

.statsBlock .statsBox h3 small {
  font-family: "Nunito", sans-serif;
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(20, 20, 20, 0.94);
  margin-top: 6px;
  font-style: italic;
  display: none;
}

.statsBlock .statsBox h3 span {
  border: 1px solid #ababab;
  display: block;
  padding: 6px 8px;
  border-radius: 30px;
  background: #f9f9f9;
}

/*================================================ Stats Section CSS End =================================================*/
/*.slider-main {
  position: relative;
  overflow: hidden;
}
.slider-main:before {
  content: '';
  position: absolute;
  left: -60px;
  top: -150px;
  width: 200px;
  height: 400px;
  background: #fff;
  transform: rotate(45deg);
  border: 8px solid #c70fb1;
    outline: 8px solid #c9870f;
}
.slider-main:after {
  content: '';
  position: absolute;
  right: -60px;
  top: -150px;
  width: 200px;
  height: 400px;
  background: #fff;
  transform: rotate(-45deg);
  border: 8px solid #c70fb1;
    outline: 8px solid #c9870f;
}*/
.slider-main {
  padding: 12px;
  background-color: #efefef;
}

.slider-main .slider-main-inner {
  height: calc(100dvh - 24px);
}

.slider-main video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: calc(100dvh - 24px);
  border-radius: 12px;
}

.animatedHeader header {
  transform: translateY(-600px);
  transition: 0.6s ease-in-out;
}

.capabilitiesImg img {
  transition: 0.6s ease-in-out;
}

.handShakeSvg {
  transition: 0.6s ease-in-out;
  transform: scale(0);
}

span.exploreDownArrow {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

span.exploreDownArrow svg {
  width: 34px;
  fill: #000;
}

.exploreArrow {
  bottom: -6px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer;
  transition: 0.6s ease-in-out;
}

@keyframes bounce {
  50% {
    transform: translate(-50%, 0) translateY(-8px);
  }
}
span.exploreSvg {
  position: relative;
  width: 52px;
  height: 52px;
  display: block;
  border-radius: 50%;
  margin: 0 auto 8px;
}

span.exploreSvg svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  fill: #efefef;
}

span.exploreText {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #121212;
}

section.service-section.service-section-top {
  padding: 70px 0 90px;
  transition: 0.6s ease-in-out;
}

section.service-section {
  padding: 70px 0 90px;
}

section.service-section:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/hero-pattern-bg.webp);
  background-position: bottom;
  filter: grayscale(1) opacity(0.09);
  background-size: cover;
}

.section-title {
  position: relative;
  margin-bottom: 25px;
}

.section-title h2 {
  position: relative;
  font-size: 44px;
  line-height: 50px;
  margin-bottom: 0;
  color: #04160e;
  font-weight: 500;
  padding-left: 32px;
}

.section-title h2:before {
  content: "";
  height: 60%;
  width: 3px;
  left: 12px;
  top: 20%;
  background: #f65731;
  position: absolute;
}

.section-title h2:after {
  content: "";
  height: 80%;
  width: 5px;
  left: 0;
  top: 0;
  background: #f65731;
  position: absolute;
}

span.titleTag {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #121212;
  padding: 4px 12px;
  display: inline-block;
  border: 1px solid #a7a7a7;
  border-radius: 50px;
  margin-bottom: 6px;
}

.service-post {
  position: relative;
  padding: 0px 70px 0px 0;
}

.service-post.service-post2 {
  position: relative;
  padding: 0px 0 0px 70px;
}

.service-section2 .service-post {
  position: relative;
  padding-right: 0;
  padding-left: 40px;
}

.service-media-sticky {
  position: sticky;
  top: 120px;
}

.service-media {
  position: relative;
  overflow: hidden;
  margin-top: 50px;
}

.service-media figure {
  z-index: 1;
  position: relative;
  margin: 0;
  overflow: hidden;
}

.service-media figure:before {
  transform: translate(-100%, 100%);
}

.service-media figure:after {
  transform: translate(100%, -100%);
}

.service-media figure:after,
.service-media figure:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}

.service-media:hover figure:before {
  transform: translate(-50%, 50%);
}

.service-media:hover figure:after {
  transform: translate(50%, -50%);
}

.service-media:hover figure:after,
.service-media:hover figure:before {
  background: rgba(0, 0, 0, 0.2);
}

.service-media figure img {
  width: 100%;
  height: 355px;
  -o-object-fit: cover;
     object-fit: cover;
}

.service-media:after {
  position: absolute;
  border: 1px solid #e04d4d;
  content: "";
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  left: 0;
  right: auto;
  z-index: 0;
}

.service-post .service-post-detail p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #121212;
  margin-bottom: 0;
}

.service-action {
  display: flex;
  justify-content: center;
}

.service-action a {
  position: relative;
  padding: 10px 12px;
  font-size: 15px;
  background: #ea1f29;
  color: #fff;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  width: 100%;
}

.service-action a svg {
  width: 24px;
  fill: rgba(255, 255, 255, 0.67);
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translate(0, -50%);
}

.service-action a small {
  font-size: 72%;
  line-height: 16px;
  font-weight: 300;
}

.service-action a + a {
  background: #ea1f29;
}

.post-service ul {
  display: flex;
  flex-wrap: wrap;
}

.post-service ul li {
  flex: 0 0 auto;
  width: 33.33%;
}

.post-service ul.ulHalf li {
  flex: 0 0 auto;
  width: 50%;
}

.post-service ul li a {
  display: block;
  padding: 0;
  position: relative;
  font-size: 19px;
  line-height: 24px;
  color: #04160e;
  font-weight: 700;
  padding: 25px 25px 20px;
  margin: 0 12px;
  height: 100%;
  background: #f7f7f7;
  transition: 0.4s ease-in-out;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.post-service ul li a:hover {
  background: #e1ffee;
}

.post-service ul li:last-child a {
  border-right: 0;
}

.post-service ul li a svg {
  margin: 0 0 16px;
  width: 40px;
  display: block;
  fill: #ea1f29;
  transition: 0.3s;
}

.post-service ul li a small {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #121212;
  margin-top: 4px;
  font-style: italic;
}

/*================================================ Who We Are Section CSS Start =================================================*/
.stickyTop {
  position: sticky;
  top: 54px;
}

.subTitle {
  position: relative;
  background: #1f1e1d;
  padding: 40px 130px 40px 60px;
  height: calc(100dvh - 54px);
}

.subTitle h2 {
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.6117647059);
  font-weight: 700;
}

.subTitle p {
  font-size: 21px;
  line-height: 28px;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.7294117647);
  margin-bottom: 0;
}

p.mainText {
  font-size: 27px;
  line-height: 34px;
  font-family: "Bricolage Grotesque", sans-serif;
  color: #121212;
  margin-bottom: 30px;
  font-weight: 400;
}

.whoWeAreBlock {
  position: relative;
  padding: 60px 50px 50px 40px;
}

.whoWeAreBox {
  position: relative;
  margin: 80px 0;
  transition: 0.4s ease-in-out;
  margin-top: 0;
}

.whoWeAreBox:before {
  content: "";
  position: absolute;
  left: -70px;
  top: 50%;
  transform: translate(0, -50%);
  width: 30px;
  height: 40px;
  background: #1f1e1d;
  clip-path: polygon(0% 0%, 16% 0%, 100% 50%, 16% 100%, 0% 100%);
}

.boxColor1.whoWeAreBox:before {
  background: #04160e;
}

.boxColor2.whoWeAreBox:before {
  background: #06331a;
}

/*.col-xl-6:nth-child(1) .whoWeAreBox{
  border-right: .5px solid #f1f1f1;
  border-bottom: .5px solid #f1f1f1;
  padding-left: 0;
}
.col-xl-6:nth-child(1) .whoWeAreBox:hover {
  background: linear-gradient(340deg, #f7f7f7, #fff);
}
.col-xl-6:nth-child(2) .whoWeAreBox{
  border-left: .5px solid #f1f1f1;
  border-bottom: .5px solid #f1f1f1;
  padding-right: 0;
}
.col-xl-6:nth-child(2) .whoWeAreBox:hover {
  background: linear-gradient(30deg, #f7f7f7, #fff);
}
.col-xl-6:nth-child(3) .whoWeAreBox, .col-xl-6:nth-child(5) .whoWeAreBox{
  border-right: .5px solid #f1f1f1;
  border-top: .5px solid #f1f1f1;
  padding-left: 0;
}
.col-xl-6:nth-child(3) .whoWeAreBox:hover, .col-xl-6:nth-child(5) .whoWeAreBox:hover {
  background: linear-gradient(220deg, #f7f7f7, #fff);
}
.col-xl-6:nth-child(4) .whoWeAreBox, .col-xl-6:nth-child(6) .whoWeAreBox{
  border-left: .5px solid #f1f1f1;
  border-top: .5px solid #f1f1f1;
  padding-right: 0;
}
.col-xl-6:nth-child(4) .whoWeAreBox:hover, .col-xl-6:nth-child(6) .whoWeAreBox:hover {
  background: linear-gradient(150deg, #f7f7f7, #fff);
}*/
.whoWeAreBox span.countSpan {
  position: absolute;
  top: 50%;
  left: -180px;
  transform: translate(10px, -50%);
  font-size: 70px;
  line-height: 70px;
  font-weight: 800;
  font-family: "Bricolage Grotesque", sans-serif;
  color: rgba(255, 255, 255, 0.3);
}

.wwaSvg1 {
  position: relative;
  height: 100%;
}

.wwaSvg1 svg {
  width: 90px;
  fill: rgba(0, 0, 0, 0.19);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
}

.whoWeAreBox h3 {
  font-size: 38px;
  line-height: 42px;
  color: #ea1f29;
  margin-bottom: 16px;
  font-weight: 200;
}

.whoWeAreBox p {
  position: relative;
  font-size: 26px;
  line-height: 34px;
  color: #000000;
  font-weight: 300;
  margin-bottom: 16px;
}

.whoWeAreBox p b {
  font-weight: 600;
}

.whoWeAreBox .wwaSvg2 {
  position: absolute;
  bottom: 12px;
  right: 30px;
}

.whoWeAreBox .wwaSvg2 svg {
  width: 28px;
  fill: #2b2b2b;
  transform: rotate(-25deg);
}

p.mainParaHead {
  position: relative;
  font-size: 26px;
  line-height: 34px;
  color: #121212;
  font-weight: 700;
  margin-bottom: 0;
}

/*================================================ Who We Are Section CSS End =================================================*/
/*================================================ Deal Section CSS Start =================================================*/
section.dealSection {
  background: #cccccc;
  padding: 90px 0;
}

.dealBlockTitle h2 {
  font-size: 50px;
  line-height: 54px;
  margin-bottom: 0;
  color: #121212;
  font-weight: 400;
}

ul.dealUl {
  position: relative;
}

ul.dealUl li {
  flex: 0 0 auto;
  width: 16.67%;
}

ul.dealUl li .dealUlBox {
  position: relative;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  margin: 0 -1px;
  padding: 25px 12px;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  color: #121212;
  text-transform: uppercase;
  background: #fff;
  font-family: "Bricolage Grotesque", sans-serif;
  border-radius: 2px;
  clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

ul.dealUl li .dealUlBox svg {
  fill: rgba(0, 0, 0, 0.4);
  width: 55px;
  display: block;
  margin: 0 auto 50px;
}

/*================================================ Deal Section CSS End =================================================*/
/*================================================ Image Pattern CSS Start =================================================*/
section.imgPatternSection {
  overflow: hidden;
}

p.subPara2 {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 28px;
  line-height: 38px;
  color: #121212;
  font-weight: 400;
}

.imgPatternBlock {
  position: relative;
  border: 4px solid #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: 0.4s ease-in-out;
  border-radius: 4px;
}

.imgPatternSection .col-xl-3:nth-child(1) .imgPatternBlock {
  transform: rotate(6deg);
}

.imgPatternSection .col-xl-3:nth-child(1) .imgPatternBlock:hover {
  transform: rotate(9deg);
}

.imgPatternSection .col-xl-3:nth-child(2) .imgPatternBlock {
  transform: rotate(-6deg) translateY(28px);
}

.imgPatternSection .col-xl-3:nth-child(2) .imgPatternBlock:hover {
  transform: rotate(-9deg) translateY(28px);
}

.imgPatternSection .col-xl-3:nth-child(3) .imgPatternBlock {
  transform: rotate(6deg) translateY(28px);
}

.imgPatternSection .col-xl-3:nth-child(3) .imgPatternBlock:hover {
  transform: rotate(9deg) translateY(28px);
}

.imgPatternSection .col-xl-3:nth-child(4) .imgPatternBlock {
  transform: rotate(-6deg);
}

.imgPatternSection .col-xl-3:nth-child(4) .imgPatternBlock:hover {
  transform: rotate(-9deg);
}

.imgPatternBlock img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

/*================================================ Image Pattern CSS End =================================================*/
/*================================================ Logo Pattern CSS Start =================================================*/
section.imgPatternSection {
  overflow: hidden;
  padding: 70px 0 80px;
}

.imgPatternSection img.titleShape {
  right: auto;
  left: 40px;
  top: auto;
  bottom: 0;
  transform: rotate(270deg);
}

.imgLogoBlock {
  position: relative;
  text-align: center;
  padding: 8px 0;
  transition: 0.6s ease-in-out;
}

.imgLogoBlock img {
  width: 140px;
  filter: grayscale(1) opacity(0.8);
  transition: 0.4s ease-in-out;
}

.imgLogoBlock label {
  display: block;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  margin-top: 8px;
}

.swiper.logoAutoSwiper {
  position: relative;
  padding-top: 30px;
}

.satisfactionIcon {
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 99;
  background: #efefef;
  border: 4px solid #efefef;
  padding: 8px;
  border-radius: 50%;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
}

.satisfactionIcon img {
  width: 190px;
}

/*================================================ Logo Pattern CSS End =================================================*/
/*================================================ Approach Section CSS Start =================================================*/
.subTitle5 {
  position: relative;
}

.subTitle5 svg {
  width: 95px;
  fill: #bebebe;
  display: block;
  margin: 0 auto;
}

.subTitle5 img {
  filter: opacity(0.2) grayscale(1);
  width: 860px;
  margin: 0 auto;
}

ul.approachBlock {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

ul.approachBlock li {
  flex: 0 0 auto;
  width: 20%;
}

.approachBox {
  position: relative;
  padding: 20px 16px 20px;
  margin: 0 2px;
  height: 100%;
  background: transparent;
  border-right: 1px solid rgba(77, 77, 77, 0.168627451);
}

ul.approachBlock li:last-child .approachBox {
  border-right: 0;
}

.approachBox svg {
  width: 55px;
  fill: #ea1f29;
  margin-bottom: 20px;
}

.approachBox h3 {
  font-size: 22px;
  line-height: 25px;
  font-weight: 500;
  color: #000;
  margin-bottom: 8px;
}

.approachBox p {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #252525;
  margin-bottom: 0;
}

/*================================================ Approach Section CSS End =================================================*/
/*================================================ Contact Form CSS Start =================================================*/
.subTitle3 {
  position: relative;
  margin-bottom: 30px;
}

.subTitle3 h2 {
  font-size: 52px;
  line-height: 56px;
  margin-bottom: 6px;
  color: #04160e;
  font-weight: 400;
}

.subTitle3 h2 small {
  font-size: 18px;
  line-height: 24px;
  color: #434343;
  font-weight: 500;
}

.contactall {
  position: relative;
  margin-bottom: 35px;
  border: 1px solid #cdcdcd;
  padding: 20px 20px 14px;
  border-radius: 6px;
  text-align: start;
  background: #fff;
}

.contactall h5 {
  font-size: 0.75rem;
  line-height: 0.9rem;
  margin-bottom: 2px;
  font-weight: 700;
  text-transform: uppercase;
  color: #3d3d3d;
  position: absolute;
  top: -14px;
  background: #eeeeee;
  padding: 4px 8px 3px;
  border-radius: 4px;
  border: 1px solid #cdcdcd;
}

ul.style-phone-no li a {
  color: #292929;
  font-size: 20px;
  line-height: normal;
  font-weight: 500;
  display: inline-block;
  transition: 0.4s ease-in-out;
}

ul.style-phone-no li h4 {
  color: #292929;
  font-size: 17px;
  line-height: 23px;
  font-weight: 400;
  margin-bottom: 0;
  display: block;
  transition: 0.4s ease-in-out;
}

ul.style-phone-no li a:hover {
  color: #ea1f29;
}

.form-control:focus {
  border-color: #9c9c9c;
  box-shadow: none;
}

.form-select:focus {
  border-color: #9c9c9c;
  box-shadow: none;
}

.form-label-group input,
.form-label-group select,
.form-label-group textarea {
  color: #000;
  font-weight: 400;
  border-radius: 0;
  font-size: 0.95rem;
  padding: 10px 12px;
}

.form-label-group select {
  text-transform: uppercase;
  color: #555 !important;
}

.form-control:disabled,
.form-control[readonly] {
  background: transparent;
  font-weight: 800;
}

.form-label-group select option {
  color: #555 !important;
  text-transform: uppercase !important;
}

::-moz-placeholder {
  color: #555 !important;
  text-transform: uppercase;
}

::placeholder {
  color: #555 !important;
  text-transform: uppercase;
}

.formLogo {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}

.formLogo img {
  width: 200px;
}

.scholldetail {
  display: flex;
  justify-content: center;
}

.contactusform1 {
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
  border-top-left-radius: 10px;
}

.contact-address {
  padding: 20px 20px 20px 0;
  text-align: right;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

.contact-style .style-phone {
  margin: 30px 0 0;
}

p.formPara {
  font-size: 0.8rem;
  line-height: 1rem;
  color: #393939;
  font-weight: 400;
  margin-bottom: 0;
}

p.formPara a {
  color: #ea1f29;
}

.contact-style .style-phone h5 {
  color: #484848;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 27px;
  text-transform: uppercase;
}

ul.style-phone-no {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.style-phone-no li {
  list-style: none;
  display: inline-block;
}

ul.style-phone-no li a small {
  font-size: 75%;
  font-weight: 600;
}

.styleForm {
  background-color: #fff;
  margin: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 35px;
}

.form-label-group {
  position: relative;
  margin-bottom: 0;
}

label.formLabel {
  font-size: 0.95rem;
}

.styleForm label.label_interest {
  font-size: 1.05rem;
  line-height: 1.55rem;
  font-weight: 500;
  margin-bottom: 12px;
  color: #222;
}

.form-check-input:focus {
  border-color: #b4b4b4;
  box-shadow: none;
}

.styleForm label.label_interest small {
  font-size: 65%;
  line-height: 8px;
  font-weight: 500;
  color: #db4848;
}

.contact-style form p {
  font-size: 17px;
  font-weight: 500;
}

button.hs-button {
  position: relative;
  color: #fff;
  padding: 12px 16px;
  font-size: 0.95rem;
  line-height: 1.5rem;
  border: 1px solid #ea1f29;
  font-weight: 700;
  border-radius: 2px;
  background: #ea1f29;
  display: inline-block;
  text-transform: uppercase;
  margin: 0 4px;
  transition: 0.4s ease-in-out;
}

button.hs-button svg {
  fill: #fff;
  width: 18px;
  position: relative;
  top: -2px;
  left: -1px;
}

/*================================================ Contact Form CSS End =================================================*/
/*================================================ Call Section CSS Start =================================================*/
section.callSection {
  padding: 90px 0;
  background: #1f1e1d;
}

section.callSection:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/outline-logo.svg);
  background-repeat: no-repeat;
  background-position: top left;
  filter: grayscale(1) opacity(0.05);
  background-size: 30%;
}

.callBlock {
  position: relative;
  padding: 0 70px;
}

.callBlock p {
  font-size: 30px;
  line-height: 42px;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 200;
  color: #d1d1d1;
  margin-bottom: 0;
  padding-bottom: 0;
}

.callBlock p small {
  font-size: 72%;
}

.callBlock h2 {
  font-size: 82px;
  line-height: 94px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0;
  text-align: end;
}

.callBtns {
  position: relative;
  margin: 12px auto 0;
}

.callBtns p {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #1f1e1d;
  display: inline-block;
  width: 78%;
}

.callBtns a {
  position: relative;
  font-size: 18px;
  line-height: 22px;
  margin: 0 5px;
  border: 1px solid #fff;
  background: #f9f9f9;
  color: #000;
  padding: 12px 28px 12px 50px;
  display: inline-block;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
}

.callBtns a svg {
  width: 26px;
  fill: #000;
  position: absolute;
  top: 47%;
  left: 19px;
  transform: translate(0, -50%);
}

.callBtns a.callBtns2 {
  background: #ea1f29;
  color: #fff;
  font-weight: 600;
  border: 1px solid #ea1f29;
  font-size: 17px;
  line-height: 22px;
  padding: 12px 50px 12px 28px;
}

.callBtns a.callBtns2 svg {
  fill: #fff;
  width: 19px;
  left: auto;
  right: 21px;
}

/*================================================ Call Section CSS End =================================================*/
/*===================================== Website Design Banner Section CSS Start ==========================================*/
section.webDesignBannerSection {
  background: #04160e;
  padding: 80px 0;
}

section.webDesignBannerSection:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/outline-logo.svg);
  background-repeat: no-repeat;
  background-position: top;
  filter: grayscale(1) opacity(0.06);
  background-size: 110%;
}

.webDesignBannerBlock {
  position: relative;
  padding: 0 50px;
}

.webDesignBannerBlock p {
  font-size: 24px;
  line-height: 33px;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 200;
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 0;
  letter-spacing: 0.3px;
}

.webDesignBannerBlock p small {
  font-size: 72%;
}

.webDesignBannerBlock h2 {
  font-size: 42px;
  line-height: 50px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.61);
  margin-bottom: 25px;
  letter-spacing: 0.3px;
}

.webDesignBannerBlock h2 .bigText {
  font-size: 400%;
  font-weight: 700;
  line-height: 85%;
  letter-spacing: 0;
}

.webDesignBannerBtns {
  position: relative;
  margin: 12px auto 0;
}

.webDesignBannerBtns p {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #1f1e1d;
  display: inline-block;
  width: 78%;
}

.webDesignBannerBtns a {
  position: relative;
  font-size: 20px;
  line-height: 23px;
  margin: 0 5px;
  border: 1px solid #fff;
  background: #f9f9f9;
  color: #121212;
  padding: 13px 30px 13px 55px;
  display: inline-block;
  font-weight: 400;
  border-radius: 50px;
  text-transform: uppercase;
}

.webDesignBannerBtns a svg {
  width: 28px;
  fill: #fff;
  position: absolute;
  top: 47%;
  left: 19px;
  transform: translate(0, -50%);
}

.webDesignBannerBtns a.wdb_Btns2 {
  background: #ea1f29;
  color: #fff;
  font-weight: 600;
  border: 1px solid #ea1f29;
  font-size: 18px;
  line-height: 23px;
  padding: 13px 55px 13px 30px;
}

.webDesignBannerBtns a.wdb_Btns2 svg {
  fill: #fff;
  width: 20px;
  left: auto;
  right: 22px;
}

/*===================================== Website Design Banner Section CSS End ==========================================*/
/*================================================ Consultant Section CSS Start =================================================*/
.consultantSection {
  position: relative;
  padding: 60px 0 80px;
  background: #04160e;
}

.consultantBlock {
  position: relative;
}

.consultantBlock h2 {
  font-size: 38px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-weight: 100;
  margin-bottom: 0;
}

.problemSecBlock .consultantBlock h2 b {
  font-size: 400%;
  font-weight: 700;
  line-height: 82%;
  letter-spacing: 0;
  color: rgba(4, 22, 14, 0.7294117647);
}

.consultantBlock h2 small {
  font-family: "Nunito", sans-serif;
  font-size: 70%;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.831372549);
}

/*================================================ Consultant Section CSS End =================================================*/
/*================================================ Blog Section CSS Start =================================================*/
.mainTitle2 {
  position: relative;
  margin-bottom: 35px;
}

.mainTitle2 h2 {
  font-size: 44px;
  line-height: 50px;
  margin-bottom: 6px;
  color: #04160e;
  font-weight: 400;
}

.mainTitle2 p {
  font-size: 20px;
  line-height: 24px;
  color: #4d4d4d;
  font-weight: 500;
  margin-bottom: 0;
}

.blogsBlockImg {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.blogsBlock:hover .blogsBlockImg img {
  transform: scale(1.1);
}

.blogsBlockImg img {
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s ease-in-out;
}

.blogsBlockImg span.blogTags {
  position: absolute;
  top: 16px;
  right: 16px;
  background: #ffffff;
  color: #181818;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  border-radius: 4px;
  text-transform: uppercase;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.blogsBlockText {
  position: relative;
  padding: 16px 0 0;
}

.blogsBlockText h3 {
  font-size: 20px;
  line-height: 24px;
  color: #000;
  font-weight: 600;
  margin-bottom: 2px;
  transition: 0.4s ease-in-out;
  position: relative;
  overflow: hidden;
  height: 54px;
}

.blogsBlock:hover .blogsBlockText h3 {
  color: #ea1f29;
}

.blogsBlockText p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #161616;
  position: relative;
  overflow: hidden;
  height: 46px;
  margin-bottom: 0;
}

.blogCategoryContent p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #161616;
  position: relative;
  overflow: hidden;
  height: 46px;
  margin-bottom: 0;
  margin-top: 8px;
}

/*================================================ Blog Section CSS End =================================================*/
/*================================================ Inner Banner CSS Start =================================================*/
section.innerBannerSection {
  padding: 160px 0 20px;
}

section.innerBannerSection:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/background-line-texture.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  filter: grayscale(1) opacity(0.15);
}

.innerBannerBlock {
  position: relative;
  text-align: center;
}

.innerBannerBlock h1 {
  font-size: 56px;
  line-height: 56px;
  color: #04160e;
  font-weight: 300;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}

.innerBannerBlock h1 small {
  font-size: 38%;
  line-height: 40px;
  color: #cb1d34;
  font-weight: 600;
}

.innerBannerBlock p {
  font-size: 25px;
  line-height: 33px;
  font-weight: 300;
  color: #000;
  margin-bottom: 0;
  position: relative;
  font-family: "Bricolage Grotesque", sans-serif;
}

section.workProcessSection {
  overflow: hidden;
  background: #fff;
}

.workProcessBlock {
  position: relative;
  height: calc(100dvh - 50px);
  background: #1f1e1d;
}

.workProcessTitle {
  position: relative;
  text-align: center;
}

.workProcessTitle h2 {
  font-size: 64px;
  line-height: 74px;
  margin-bottom: 0;
  color: #121212;
  font-weight: 300;
}

.workProcessBox {
  position: relative;
  padding: 140px 0 60px;
  height: calc(100dvh - 50px);
  width: 100%;
  max-width: 450px;
}

.workProcessBlock .carousel {
  margin: 0 180px 0 80px;
}

.workProcessBox span.processTag {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 110px;
  line-height: 110px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.07);
  margin-bottom: 0;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 110px;
}

.workProcessBox svg {
  width: 70px;
  fill: rgba(255, 255, 255, 0.368627451);
  margin-bottom: 25px;
}

.workProcessBox h3 {
  font-size: 36px;
  line-height: 44px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.04);
}

.workProcessBox p {
  font-size: 24px;
  line-height: 34px;
  color: rgba(255, 255, 255, 0.64);
  font-weight: 300;
  margin-bottom: 0;
}

.workProcessBlock button.carousel-control-prev,
.workProcessBlock button.carousel-control-next {
  width: 55px;
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
  background-color: rgba(0, 0, 0, 0.9215686275);
  filter: invert(1);
  padding: 16px;
  opacity: 0.9;
  border-radius: 2px;
}

.workProcessBlock button.carousel-control-prev {
  left: -60px;
  display: none;
}

.workProcessBlock button.carousel-control-next {
  right: -75px;
}

.workProcessBlock .carousel-indicators {
  top: 50%;
  bottom: auto;
  left: -280px;
  right: auto;
  transform: translate(0, -50%);
  justify-content: flex-start;
  margin: 0;
  flex-direction: column;
  display: grid;
}

.workProcessBlock .carousel-indicators button {
  position: relative;
  width: 150px !important;
  height: 26px !important;
  text-indent: 0px !important;
  background: transparent;
  margin: auto;
  text-align: right;
  font-size: 24px;
  font-weight: 700;
  color: #121212;
}

.workProcessBlock .carousel-indicators button.active:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  top: 62%;
  right: -100px;
  transform: translate(0, -50%);
  background: #fff;
  opacity: 1;
}

.workProcessBlock .carousel-indicators button:before {
  opacity: 0;
}

/*================================================ Inner Banner CSS End =================================================*/
/*================================================ Blog Details Page CSS Start =================================================*/
.blogDetailContent {
  position: relative;
}

.blogDetailContent h1 {
  font-size: 42px;
  line-height: 52px;
  font-weight: 400;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 20px;
  padding-bottom: 12px;
  color: #000;
  text-align: center;
}

.blogDetailContent .blogDetailsText,
.blogDetailContent .blogDetailsText p {
  font-size: 20px !important;
  line-height: 26px !important;
  color: #040404 !important;
  margin-bottom: 0 !important;
  margin-top: 20px !important;
}

.blogDetailbox {
  position: relative;
}

.blogDetailCategory .blogCategoryHeader {
  position: relative;
  margin-bottom: 40px;
}

.blogDetailCategory .blogCategoryHeader h2 {
  font-size: 52px;
  line-height: 52px;
  color: rgb(0, 0, 0);
  font-weight: 200;
  margin-bottom: 0;
  letter-spacing: 0.5px;
}

a.mainAnchor {
  border: 1px solid rgba(0, 0, 0, 0.5215686275);
  font-size: 14px;
  line-height: 18px;
  font-weight: 800;
  padding: 10px 12px 9px;
  color: #2f2f2f;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 0px;
}

a.mainAnchor svg {
  width: 14px;
  fill: #2f2f2f;
  margin-top: -3px;
}

section.blogDetailCategorySection {
  padding: 60px 0;
}

.blogCategoryContent {
  position: relative;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #c3c3c3;
}

.blogDetailboxImg {
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

.blogDetailboxImg span.blogTags {
  position: absolute;
  top: 16px;
  right: 16px;
  background: #ffffff;
  color: #181818;
  padding: 5px 7px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 800;
  border-radius: 4px;
  text-transform: uppercase;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.blogCategoryContent img {
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s ease-in-out;
}

.blogCategoryContent:hover img {
  transform: scale(1.1);
}

a:last-child .blogCategoryContent {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.blogCategoryContent h3 {
  position: relative;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  margin-bottom: 0;
  color: #121212;
  margin-top: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: 0.2s ease-in-out;
}

.blogCategoryContent:hover h3 {
  color: #ea1f29;
}

.share-buttons {
  position: relative;
  transition: 0.1s ease-in-out;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.share-buttons.fixed-share-buttons {
  opacity: 0;
}

.a2a_kit.a2a_kit_size_32.a2a_default_style a span {
  border-radius: 4px;
  border-left: 0;
  width: 30px;
  height: 30px;
}

.a2a_kit.a2a_kit_size_32.a2a_default_style a span svg {
  width: 22px;
  margin: 4px;
}

/*================================================ Blog Details Page CSS End =================================================*/
/*================================================ Portfolio Page CSS Start =================================================*/
.portfolioBlock {
  position: relative;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  border: 1px solid #e1e1e1;
}

.portfolioBlock .portfolioContent {
  position: relative;
  padding: 18px 20px 16px;
  background: #fff;
  height: 100%;
}

.portfolioBlock .portfolioContent img {
  width: 60px;
}

.portfolioBlock .portfolioContent .explorePortfolioContent {
  position: relative;
  border-left: 1px solid rgba(0, 0, 0, 0.2509803922);
  padding-left: 12px;
  margin-left: 12px;
  align-self: center;
}

.portfolioBlock .portfolioContent .explorePortfolioContent h2 {
  font-size: 20px;
  line-height: 23px;
  color: #04160e;
  font-weight: 600;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.portfolioBlock .portfolioContent .explorePortfolioContent p {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0;
}

ul.portfolioTags {
  display: flex;
  flex-wrap: wrap;
}

ul.portfolioTags li .portfolioTagsText {
  font-size: 14.5px;
  line-height: 18px;
  font-weight: 600;
  border-radius: 50px;
  padding: 5px 12px;
  margin: 2px 2px;
  background: #e7e7e7;
  color: #000000;
}

/*================================================ Portfolio Page CSS End =================================================*/
/*================================================ Website Page CSS Start =================================================*/
section.fullServiceSection {
  height: 100dvh;
  background: rgba(255, 217, 217, 0.3098039216);
}

section.imgWithStatsSection {
  overflow: hidden;
}

section.fullServiceSection:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/hero-pattern-bg);
  background-repeat: no-repeat;
  background-position: bottom right;
  filter: grayscale(1) opacity(0.1);
  background-size: cover;
}

.fullServiceBlock {
  position: relative;
}

.fullServiceBlock svg {
  width: 100px;
  fill: #b3b3b3;
  margin-bottom: 8px;
}

.fullServiceBlock h1 {
  font-size: 70px;
  line-height: 80px;
  color: #04160e;
  font-weight: 600;
  margin-bottom: 60px;
  letter-spacing: 1px;
}

.fullServiceBlock p {
  font-size: 23px;
  line-height: 32px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 16px;
  padding: 0;
  position: relative;
  font-family: "Bricolage Grotesque", sans-serif;
  padding-right: 50px;
}

.fullServiceBlock p small {
  font-size: 100%;
  position: relative;
  padding-left: 100px;
}

.fullServiceBlock p small:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  height: 100%;
  background: url(../images/insidesoftwares-icon.svg);
  background-repeat: no-repeat;
  background-size: 80px;
  filter: grayscale(0.4) opacity(0.35);
}

.fullServiceBlock p span {
  color: #04160e;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 600;
  padding: 0;
  position: relative;
}

.fullServiceBlockImg img {
  height: calc(100dvh - 50px);
  -o-object-fit: cover;
     object-fit: cover;
  filter: saturate(0.6);
}

.fullServiceStats {
  display: flex;
  flex-wrap: wrap;
}

.fullServiceStats h2 {
  flex: 0 0 auto;
  width: 33.33%;
  font-size: 38px;
  line-height: 42px;
  font-weight: 500;
  color: #04160e;
  padding: 20px 12px;
  margin-bottom: 0;
  letter-spacing: -0.5px;
  height: 100%;
}

.fullServiceStats h2:last-child {
  border-right: 0;
}

.fullServiceStats h2 small {
  font-size: 50%;
  font-weight: 400;
  line-height: 25px;
  margin-top: 0px;
  font-style: italic;
  color: #5b5b5b;
}

.innerStatsBlock {
  position: relative;
  height: calc(100dvh - 50px);
  background: #04160e;
  padding: 60px 0;
}

.innerStatsBlock .innerStatsBox {
  position: relative;
  padding: 30px 30px 30px 25px;
  background: #04160e;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1098039216);
}

.innerStatsBlock .innerStatsBox:last-child {
  border-bottom: 0;
}

.innerStatsBlock .innerStatsBox h3 {
  position: relative;
  font-size: 48px;
  line-height: 66px;
  color: rgba(255, 255, 255, 0.91);
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  display: flex;
}

.innerStatsBlock .innerStatsBox h3 sub {
  bottom: 0;
  font-size: 40%;
}

.innerStatsBlock .innerStatsBox h3 small {
  font-family: "Nunito", sans-serif;
  font-size: 19px;
  line-height: 25px;
  display: block;
  font-weight: 400;
  color: #bbbbbb;
  margin-top: 0;
  font-style: italic;
  text-align: start;
  padding-left: 16px;
}

.quote-form address {
  background: #f1f1f1;
  border: 0 !important;
  box-shadow: none;
  height: 100%;
  text-align: left;
  padding: 16px 35px 16px 0;
  margin: 0;
}

.quote-form address .form-group:not(:last-child) {
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.quote-form address a {
  display: block;
  padding-left: 40px;
  position: relative;
}

a.contact-info-anchor {
  display: block;
  position: relative;
  padding-left: 65px !important;
}

.quote-form address a svg {
  position: absolute;
  left: 1px;
  top: 5px;
  width: 42px;
  fill: #ea1f29;
}

.quote-form address a h3 {
  font-size: 23px;
  padding: 0;
  border: 0;
  margin: 0 0 8px 0;
  font-weight: 600;
  color: #04160e;
}

.text-section p:last-child {
  margin-bottom: 0;
}

.quote-form address a p {
  font-size: 16px;
  color: #848484;
}

p.contact-information-p {
  color: #575757 !important;
  line-height: 20px;
  font-weight: 500;
}

.quote-form address a p.sidebar_phone_no {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  color: #ea1f29;
}

section.websitePartSection {
  background: rgba(255, 217, 217, 0.3098039216);
}

.mainTitle2 h3 {
  font-size: 42px;
  line-height: 50px;
  color: #04160e;
  font-weight: 600;
  margin-bottom: 12px;
  letter-spacing: 1px;
  display: inline-block;
  border: 2px solid #04160e;
  padding: 12px 40px;
  border-radius: 50px;
  background: rgba(255, 0, 0, 0.0392156863);
}

span.spanText {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 28px;
  line-height: 38px;
  color: #121212;
  font-weight: 400;
  display: block;
}

.websitePartBlock {
  position: relative;
  padding: 40px 30px;
  background: #f9f9f9;
}

.websitePartBlock:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/hero-pattern-bg);
  background-repeat: no-repeat;
  background-position: bottom right;
  filter: grayscale(1) opacity(0.1);
  background-size: cover;
}

.websitePartBlock:nth-child(2) {
  background: rgba(197, 25, 48, 0.18);
}

.websitePartBlock:nth-child(3) {
  background: rgba(29, 169, 97, 0.3);
}

.websitePartBlock:nth-child(4) {
  background: rgba(21, 131, 223, 0.24);
}

.websitePartBlock:nth-child(5) {
  background: rgba(249, 91, 49, 0.24);
}

.websitePartBlock:nth-child(6) {
  background: rgba(0, 0, 0, 0.24);
}

.websitePartBlock:last-child {
  margin-bottom: 0;
}

.col-xl-4:nth-child(1) .websitePartBlock .partSvg {
  background: rgba(234, 31, 41, 0.8784313725);
}

.col-xl-4:nth-child(2) .websitePartBlock .partSvg {
  background: rgba(0, 132, 63, 0.9098039216);
}

.col-xl-4:nth-child(3) .websitePartBlock .partSvg {
  background: rgba(47, 120, 181, 0.9098039216);
}

.websitePartBlock .partSvg {
  position: relative;
  text-align: end;
  border-right: 2px solid rgba(0, 0, 0, 0.1019607843);
  padding-right: 30px;
  height: 100%;
}

.websitePartBlock .partSvg svg {
  fill: rgba(0, 0, 0, 0.32);
  width: 50px;
  margin-top: 30px;
  display: none;
}

.websitePartBlock h4 {
  font-size: 48px;
  line-height: 50px;
  color: #04160e;
  font-weight: 500;
  margin-bottom: 0;
}

.websitePartBlock h4 small {
  font-size: 60%;
  line-height: 32px;
  font-weight: 300;
}

.websitePartContent {
  position: relative;
  padding-left: 30px;
}

.websitePartBlock p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  color: #000000;
  font-style: italic;
  margin-bottom: 0;
}

.websitePartBlock p b {
  font-weight: 600;
}

/*.col-xl-3:nth-child(1) .websitePartBlock {
  background: #ea1f29;
}
.col-xl-3:nth-child(2) .websitePartBlock {
  background: #00843f;
}
.col-xl-3:nth-child(3) .websitePartBlock {
  background: #2f78b5;
}*/
.col-xl-3:nth-child(4) .websitePartBlock {
  padding: 40px 20px;
}

.explore_more {
  position: relative;
}

.explore_more a {
  color: #000000;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 16px;
  padding: 10px 18px;
  background: transparent;
  font-weight: 700;
  border-radius: 50px;
  border: 1px solid #000000;
  display: inline-block;
}

.explore_more a svg {
  width: 16px;
  fill: rgb(0, 0, 0);
  transform: rotate(-30deg);
  transition: 0.4s ease-in-out;
  margin-left: 3px;
  margin-top: -2px;
  transition: 0.4s ease-in-out;
}

.explore_more a:hover svg {
  transform: rotate(0deg);
}

.websiteUnsureBlock .partSvg2 svg {
  fill: rgba(0, 0, 0, 0.61);
  width: 70px;
  margin-bottom: 10px;
}

.websiteUnsureBlock h5 {
  font-size: 24px;
  line-height: 26px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0;
}

.websiteUnsureBlock h5 small {
  font-size: 70%;
  line-height: 18px;
  font-weight: 400;
}

.websiteUnsureBlock .letsTalk {
  position: relative;
  margin-top: 20px;
}

.websiteUnsureBlock .letsTalk a {
  position: relative;
  text-align: left;
  display: inline-block;
  border: 1px dashed rgba(0, 0, 0, 0.52);
  padding: 12px 16px 12px 48px;
  font-size: 20px;
  line-height: 22px;
  background: transparent;
  font-weight: 600;
  color: #000;
  border-radius: 8px;
  font-family: "Bricolage Grotesque", sans-serif;
}

.websiteUnsureBlock .letsTalk a svg {
  width: 32px;
  fill: #d92e44;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.websiteUnsureBlock .letsTalk a small {
  font-weight: 300;
  font-size: 82%;
  color: #000;
}

/*================================================ Website Page CSS End =================================================*/
section.coreServiceSection {
  background: rgba(255, 217, 217, 0.3098039216);
  overflow: hidden;
}

section.coreServiceSection:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/hero-pattern-bg);
  background-repeat: no-repeat;
  background-position: bottom right;
  filter: grayscale(1) opacity(0.1);
  background-size: cover;
}

.coreWebsiteBannerImg {
  position: relative;
}

.coreWebsiteBannerImg img {
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
}

.coreServiceBlock {
  position: relative;
}

.coreServiceBlock h1 {
  font-size: 62px;
  line-height: 70px;
  color: #121212;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 0.5px;
  position: relative;
  margin-top: -76px;
  background: #eee;
  padding: 20px 45px;
  border-radius: 8px;
  display: inline-block;
}

.coreServiceBlock h1:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../images/hero-pattern-bg);
  background-repeat: no-repeat;
  background-position: bottom right;
  filter: grayscale(1) opacity(0.1);
  background-size: cover;
}

.coreServiceBlock h1 small {
  font-size: 36%;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.coreServiceBlock p {
  font-size: 26px;
  line-height: 37px;
  font-weight: 200;
  color: #000;
  margin-bottom: 16px;
  margin-top: 30px;
  position: relative;
  font-family: "Bricolage Grotesque", sans-serif;
}

.coreServiceBlock p b.parahead {
  font-size: 140%;
}

.coreServiceBlock p b {
  font-weight: 500;
  font-size: 90%;
  display: block;
  line-height: 32px;
}

ul.coreFeatues {
  display: flex;
  flex-wrap: wrap;
  width: 92%;
  margin: 30px auto 0;
}

ul.coreFeatues li {
  flex: 0 0 auto;
  width: 20%;
}

ul.coreFeatues li .coreFeatuesBox {
  position: relative;
  padding: 16px 6px;
  margin: 0 5px;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #d1d1d1;
  background: #eee;
}

ul.coreFeatues li .coreFeatuesBox svg {
  width: 45px;
  fill: #ea1f29;
  margin-bottom: 12px;
}

ul.coreFeatues li .coreFeatuesBox h2 {
  font-size: 21px;
  line-height: 24px;
  color: #121212;
  font-weight: 300;
  margin-bottom: 0;
  text-transform: capitalize;
  font-style: italic;
}

section.flexibleSection {
  padding: 60px 0 75px;
}

.flexibleTitle {
  position: relative;
  margin-bottom: 40px;
}

.flexibleTitle h2 {
  font-size: 42px;
  line-height: 50px;
  color: #04160e;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: 1px;
}

.flexibleTitle h2 span.bigText {
  font-size: 140%;
  line-height: 120%;
}

.flexibleTitle p {
  font-size: 21px;
  line-height: 28px;
  font-weight: 400;
  color: #121212;
  margin-bottom: 0;
  position: relative;
  font-family: "Bricolage Grotesque", sans-serif;
  padding-right: 12%;
}

.flexibleTitle p span.bigText {
  font-size: 120%;
  line-height: 120%;
}

.flexibleBlock {
  position: relative;
  padding: 10px 0;
  height: 100%;
  border-radius: 4px;
}

.flexibleBlock svg {
  width: 58px;
  fill: #ea1f29;
  align-self: start;
  top: 6px;
  position: relative;
}

.flexibleBlock .flexibleBox {
  position: relative;
  padding-left: 25px;
  width: 100%;
}

.flexibleBlock .flexibleBox h3 {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 8px;
  color: #04160e;
  font-weight: 600;
}

.flexibleBlock .flexibleBox p {
  font-size: 21px;
  line-height: 27px;
  font-weight: 500;
  color: #121212;
  margin-bottom: 0;
}

/*================================================ FAQ CSS Start =================================================*/
.faqSectionBox {
  position: relative;
  background: #fff;
  padding: 20px 25px;
  border-radius: 2px;
}

.mainAccordion button.accordion-button {
  position: relative;
  font-size: 21px;
  line-height: 26px;
  font-weight: 500;
  color: #04160e;
  padding: 16px 30px 10px 42px;
  background: transparent;
  box-shadow: none;
}

.mainAccordion button.accordion-button::after {
  position: absolute;
  right: 5px;
  top: 20px;
}

.mainAccordion button.accordion-button span {
  position: absolute;
  left: 0;
  top: 15px;
  background: rgba(223, 47, 70, 0.13);
  border-bottom: 1px solid rgba(223, 47, 70, 0.2);
  padding: 2px 4px;
  width: 30px;
  text-align: center;
  border-radius: 2px;
  font-size: 90%;
  line-height: 22px;
}

.mainAccordion .accordion-button:focus {
  border-color: #dfdfdf;
  box-shadow: none;
}

.mainAccordion .accordion-item {
  background: transparent;
  border: 0;
}

.mainAccordion .accordion-body {
  position: relative;
  padding: 0 16px 16px 42px;
}

.mainAccordion .accordion-body p {
  font-size: 21px;
  line-height: 26px;
  color: #313131;
  margin-bottom: 0;
  font-weight: 400;
  font-style: italic;
}

.mainAccordion .accordion-button:not(.collapsed)::after {
  filter: invert(1);
}

ul.accordionUl {
  position: relative;
  -moz-column-count: 2;
       column-count: 2;
}

ul.accordionUl li {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  color: #2b2b2b;
  margin-bottom: 8px;
  font-weight: 500;
  padding-left: 22px;
}

ul.accordionUl li svg {
  width: 15px;
  fill: #007033;
  position: absolute;
  left: 0;
  top: 4px;
}

/*================================================ FAQ CSS End =================================================*/
/*========================================= Problem We Solve Section CSS Start =======================================*/
section.exploreProjectSection {
  background: linear-gradient(0deg, rgb(187, 187, 187), rgb(255, 255, 255));
}

.mainTitle {
  position: relative;
  height: 100%;
  border-left: 3px solid rgba(0, 0, 0, 0.09);
  padding-left: 35px;
  margin-left: 35px;
}

.mainTitle h2 {
  font-size: 54px;
  line-height: 60px;
  margin-bottom: 6px;
  color: #04160e;
  font-weight: 300;
  margin-bottom: 40px !important;
}

.mainTitle h2 small {
  font-size: 37%;
  font-weight: 300;
  line-height: 31px;
  color: #000;
  margin-top: 4px;
}

.mainTitle p {
  font-size: 23px;
  line-height: 30px;
  color: #121212;
  font-weight: 400;
  margin-bottom: 0;
}

section.problemSection {
  padding: 120px 0 80px;
  background: #fff4f4;
}

section.problemSection:before {
  content: "";
  position: absolute;
  bottom: -184px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/shape6.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: opacity(0.8);
}

.problemSecBlock .consultantBlock h2 {
  color: #000;
}

.problemBlock {
  position: relative;
  padding: 30px 25px 25px;
  background: #fff;
  height: 100%;
  border-radius: 6px;
}

.problemBlock span.pCount {
  position: absolute;
  top: 16px;
  right: 25px;
  font-size: 65px;
  line-height: 68px;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.11);
  font-family: "Bricolage Grotesque", sans-serif;
}

.problemBlock svg {
  width: 55px;
  height: 55px;
  fill: #ea1f29;
  margin-bottom: 20px;
}

.problemBlock h3 i {
  font-weight: 500;
}

.problemBlock h3 {
  font-size: 22px;
  line-height: 27px;
  color: #04160e;
  margin-bottom: 8px;
  font-weight: 600;
}

.problemBlock p {
  font-size: 22px;
  line-height: 28px;
  color: #3d3d3d;
  font-weight: 500;
  margin-bottom: 0;
}

.problemBlock p b {
  font-weight: 700;
  font-style: italic;
  color: #121212;
}

.problemSecBlock {
  position: relative;
}

.problemSecBlock ul {
  display: flex;
  flex-wrap: wrap;
}

.problemSecBlock ul li {
  flex: 0 0 auto;
  width: 33.33%;
}

/*========================================= Problem We Solve Section CSS End =======================================*/
/*================================================ Support Section CSS Start =================================================*/
.support-wrapper {
  position: relative;
  overflow: hidden;
}

.contentWrapper {
  padding: 35px 25px;
  transition: all 0.3s ease 0s;
}

.contentWrapper a {
  display: block;
  padding-left: 45px;
  position: relative;
  color: #fff;
}

.contentWrapper:hover {
  opacity: 0.7;
}

.contentWrapper .ico {
  position: absolute;
  top: 8px;
  left: 0;
}

.contentWrapper .ico svg {
  fill: rgba(255, 255, 255, 0.6392156863);
  width: 28px;
}

.col_third:nth-child(2) .contentWrapper .ico svg,
.col_third:nth-child(3) .contentWrapper .ico svg {
  width: 35px;
}

.contentWrapper h3 {
  font-weight: 300;
  margin-top: 0px;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 4px;
}

.contentWrapperIn p {
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 200;
  margin-bottom: 0;
}

.col_third:not(:last-child) {
  border-right: 1px solid #ddd;
}

.col_third:nth-child(1) {
  background: #9f3745;
}

.col_third:nth-child(3) {
  background: #3f6f97;
}

.col_third:nth-child(2) {
  background: #2a7d52;
}

.col_third:nth-child(4) {
  background: #04160e;
}

/*================================================ Support Section CSS End =================================================*/
/*============================================= Call to Action Section CSS Start =================================================*/
.ctaSection {
  position: relative;
  padding: 40px 0;
  background: #d3d3d3;
}

.ctaBlock {
  position: relative;
  border-right: 2px solid rgba(0, 0, 0, 0.09);
  margin-right: 35px;
  padding-right: 35px;
  height: 100%;
}

.ctaBlock a {
  font-size: 32px;
  line-height: 38px;
  color: #cb1d34;
  font-weight: 700;
  transition: 0.4s ease-in-out;
}

.ctaBlock a:hover {
  opacity: 0.7;
}

.ctaBlock a small {
  font-size: 90%;
  font-weight: 300;
  color: #121212;
}

.ctaLink {
  position: relative;
}

.ctaLink a {
  font-size: 24px;
  line-height: 26px;
  color: #2b2b2b;
  font-weight: 700;
  transition: 0.4s ease-in-out;
}

.ctaLink a:hover {
  opacity: 0.7;
}

.ctaLink a small {
  font-size: 80%;
  font-weight: 400;
  font-style: italic;
  color: #3f3f3f;
}

.ctaBlock a span {
  font-size: 75%;
}

/*================================================ Call to Action Section CSS End =================================================*/
/*================================================ Footer CSS Start =================================================*/
footer.wrapperFooterMain {
  position: relative;
  background: #0e0e0e;
  padding: 60px 0 40px;
}

.mainFooter {
  position: relative;
  padding: 0;
}

.mainFooter h4 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 8px;
  color: #ffffff;
  font-weight: 200;
}

.mainFooter p {
  font-size: 17px;
  line-height: 22px;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.78);
  margin-bottom: 16px;
}

a.startProjectBlock {
  display: inline-block;
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.0588235294);
  border-bottom: 1px solid rgba(255, 255, 255, 0.0588235294);
  text-transform: uppercase;
  margin: 28px 0 0;
}

ul.cityUl {
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
  height: 100%;
  max-height: 160px;
  padding-right: 12px;
}

ul.cityUl::-webkit-scrollbar {
  width: 6px;
  border-radius: 6px;
}

ul.cityUl::-webkit-scrollbar-track {
  border-radius: 20px;
}

ul.cityUl::-webkit-scrollbar-thumb {
  background-color: #202021;
  border-radius: 20px;
}

ul.cityUl li a {
  font-size: 14.5px;
  line-height: 19px;
  padding: 2px 8px;
  display: block;
  background: #232321;
  margin: 3px;
  color: rgba(255, 255, 255, 0.7098039216);
  font-weight: 300;
  border-radius: 6px;
  transition: 0.4s ease-in-out;
}

ul.cityUl li a:hover {
  color: #fff;
}

.subFooter {
  position: relative;
  padding-left: 70px;
}

.subFooter.subFooter1 {
  padding-left: 0;
  padding-right: 70px;
}

.subFooter h3,
.footerCity h3 {
  font-size: 24px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.54);
  font-weight: 400;
  margin-bottom: 16px;
}

.subFooter ul li {
  margin-bottom: 3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0392156863);
}

.subFooter ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.subFooter ul li a {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  padding: 3px 6px;
  color: #f1f1f1;
  font-weight: 300;
  transition: 0.4s ease-in-out;
}

.subFooter ul li a:hover {
  color: #fff;
}

.subFooter ul li a svg {
  width: 16px;
  fill: rgba(255, 255, 255, 0.7098039216);
  transform: rotate(-20deg);
  transition: 0.4s ease-in-out;
}

.subFooter ul li a:hover svg {
  transform: rotate(0deg);
}

.socialMedia {
  position: relative;
  margin-top: 25px;
}

.socialMedia ul {
  display: flex;
  justify-content: center;
}

.socialMedia ul li a {
  position: relative;
  width: 24px;
  display: block;
  margin: 0 8px;
}

.socialMedia ul li:nth-child(2) a,
.socialMedia ul li:nth-child(3) a {
  width: 18px;
}

.socialMedia ul li a svg {
  fill: #a5a5a5;
  transition: 0.4s ease-in-out;
}

.socialMedia ul li a:hover svg {
  fill: #fff;
}

.footerCopyrightBlock {
  position: relative;
  background: #ffffff;
  padding: 14px 0;
}

ul.quickLinks {
  display: flex;
  flex-wrap: wrap;
}

ul.quickLinks li a {
  color: rgba(255, 255, 255, 0.67);
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  display: block;
  margin: 0 12px;
  transition: 0.4s ease-in-out;
}

ul.quickLinks li a:hover {
  color: #fff;
}

p.copyrightText {
  font-size: 14px;
  line-height: 20px;
  color: rgb(30, 30, 30);
  font-weight: 600;
}

/*================================================ Footer CSS End =================================================*/
ul.essentialFeatures {
  flex-wrap: wrap;
}

ul.essentialFeatures li {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
  padding: 7px 20px;
  margin: 4px;
  background: #e1e1e1;
  border-radius: 50px;
  position: relative;
  font-family: "Bricolage Grotesque", sans-serif;
}

section.growthServiceSection {
  padding: 100px 0 90px;
}

.growthServiceBlock h2 {
  font-size: 44px;
  line-height: 52px;
  color: #121212;
  font-weight: 600;
  margin-bottom: 16px;
  letter-spacing: 0.3px;
}

.growthServiceBlock p {
  font-size: 28px;
  line-height: 38px;
  font-weight: 200;
  color: #000;
  margin-bottom: 16px;
  margin-top: 30px;
  position: relative;
  font-family: "Bricolage Grotesque", sans-serif;
}

/*===================================== Growth Banner Section CSS Start ==========================================*/
section.growthBannerSection {
  background: #1f1e1d;
  padding: 150px 0 80px;
  height: 100dvh;
}

section.growthBannerSection:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/outline-logo.svg);
  background-repeat: no-repeat;
  background-position: top;
  filter: grayscale(1) opacity(0.06);
  background-size: 110%;
}

.growthBannerBlock {
  position: relative;
  padding: 0 50px;
}

.growthBannerBlock p {
  font-size: 24px;
  line-height: 33px;
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 200;
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 0;
  letter-spacing: 0.3px;
}

.growthBannerBlock p small {
  font-size: 72%;
}

.growthBannerBlock h1 {
  font-size: 42px;
  line-height: 60px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.61);
  margin-bottom: 25px;
  letter-spacing: 0.3px;
}

.growthBannerBlock h1 big {
  font-size: 370%;
  font-weight: 700;
  line-height: 85%;
  letter-spacing: 3px;
  word-spacing: 10px;
}

/*===================================== Growth Banner Section CSS End ==========================================*/
section.scheduleBlockSection {
  background: #04160e;
  padding: 90px 20px;
  min-height: 100dvh;
}

section.scheduleBlockSection:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/outline-logo.svg);
  background-repeat: no-repeat;
  background-position: top;
  filter: grayscale(1) opacity(0.04);
  background-size: 110%;
}

.scheduleBlockInfo {
  position: relative;
  padding: 10px 60px 20px 60px;
}

.scheduleRow {
  background: #eee;
  border-radius: 18px;
  position: relative;
  margin-top: 60px;
}

.webPackagesBlock {
  background: transparent;
  padding: 8px 0px;
}

.webPackagesHeader {
  position: relative;
  padding: 10px 0 8px 0;
}

.webPackagesBlock:nth-child(1) .webPackagesHeader span.spanCount {
  color: rgba(0, 86, 163, 0.25);
}

.webPackagesBlock:nth-child(2) .webPackagesHeader span.spanCount {
  color: rgba(0, 112, 51, 0.25);
}

.webPackagesBlock:nth-child(3) .webPackagesHeader span.spanCount {
  color: rgba(207, 73, 40, 0.25);
}

.webPackagesHeader span.spanCount {
  position: absolute;
  left: 0;
  top: 55%;
  transform: translate(0, -50%);
  font-size: 32px;
  line-height: 36px;
  font-weight: 800;
  text-align: center;
}

.webPackagesHeader h2 {
  color: #424242;
  font-size: 15px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 52px;
  letter-spacing: 0.8px;
  text-transform: capitalize;
}

.webPackagesHeader h2 .bigText {
  font-size: 150%;
  line-height: 30px;
  font-weight: 600;
}

.webPackagesBlock:nth-child(1) .webPackagesHeader h2 .bigText {
  color: #0056a3;
}

.webPackagesBlock:nth-child(2) .webPackagesHeader h2 .bigText {
  color: #007033;
}

.webPackagesBlock:nth-child(3) .webPackagesHeader h2 .bigText {
  color: #cf4928;
}

.webPackagesBox {
  padding: 0 0 0 52px;
  background: transparent;
  position: relative;
}

.webPackagesBox p {
  color: #000;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 500;
}

.webPackagesBox p b {
  font-weight: 600;
}

.contact-form.cf {
  width: 100%;
  margin: 0;
  padding: 35px 50px 20px;
  border: 0;
  border-radius: 0 10px 10px 0;
  background-color: #ffffff;
}

.contact-form.cf h3 {
  text-align: center;
  margin: 0 0 20px;
  font-size: 48px;
  text-shadow: none;
  color: #121212;
  letter-spacing: 0;
  font-weight: 300;
  line-height: 42px;
}

.contact-form.cf h3 small {
  display: block;
  font-size: 16px;
  letter-spacing: 0;
  color: #262626;
  text-transform: capitalize;
  line-height: 20px;
  margin: 6px 0 0;
  font-weight: 500;
}

.contact-form.cf .form-control,
.contact-form.cf .form-select {
  line-height: normal;
  color: #000;
  font-weight: 500;
  border-radius: 0;
  font-size: 1rem;
  padding: 10px 12px;
  height: 42px;
}

.contact-form.cf .input-group-text {
  background: transparent;
  border: 0;
  padding: 0;
}

.contact-form.cf .input-group-text .form-select {
  padding: 10px 32px 8px 0;
}

.contact-form.cf .form-select:focus {
  border-color: #ced4da;
  box-shadow: none;
}

.contact-form.cf label.main_label {
  font-size: 1rem;
  font-weight: 600;
  color: #5a5a55;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.radio-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.radio-toolbar input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
  border: 1px solid #ddd;
  background: #f7f7f7;
  padding: 10px 8px;
  text-align: center;
  font-size: 14.5px;
  text-transform: uppercase;
  cursor: pointer;
  line-height: normal;
  margin-bottom: 0px;
  color: #121212;
  width: 32.5%;
  font-weight: 600;
  transition: 0.4s ease-in-out;
  margin: 2.5px 0;
}

.radio-toolbar label:hover {
  background-color: #f7f7f7;
}

.radio-toolbar input[type=radio]:checked + label {
  background-color: #0198da;
  border-color: #0198da;
  color: #fff;
}

.contact-form.cf .default-btn {
  width: 100%;
  position: relative;
  color: #fff;
  padding: 25px 16px;
  font-size: 0.95rem;
  line-height: 1.5rem;
  border: 1px solid #ea1f29;
  font-weight: 700;
  border-radius: 3px;
  background: #ea1f29;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
}

.scheduleBlockForm {
  position: relative;
}

section.scheduleBlockSection .scheduleBlockForm {
  padding: 20px;
  background-color: #fff;
  border-radius: 0 18px 18px 18px;
  padding-top: 35px;
}

section.makeSenseSection {
  padding: 90px 0;
}

section.growthServiceSection {
  background: rgba(255, 217, 217, 0.3098039216);
  overflow: hidden;
}

section.growthServiceSection:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/hero-pattern-bg);
  background-repeat: no-repeat;
  background-position: bottom right;
  filter: grayscale(1) opacity(0.1);
  background-size: cover;
}

section.thankyouSection {
  padding: 180px 0 80px;
}

.thankyouBlock {
  position: relative;
}

.thankyouBlock svg {
  width: 70px;
  fill: #48871d;
  margin-bottom: 12px;
}

.thankyouBlock h1 {
  position: relative;
  color: #121212;
  font-size: 2rem;
  font-weight: 200;
  line-height: 2.8rem;
  letter-spacing: 1px;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.thankyouBlock p {
  color: #000;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.8rem;
  margin-bottom: 16px;
}

.careersBlock {
  flex-wrap: wrap;
  padding: 30px;
}

.careersBlockContent h2 {
  font-size: 26px;
  line-height: 28px;
  color: #04160e;
  margin-bottom: 20px;
  font-weight: 600;
}

.careersBlockContent h2 small {
  font-size: 62%;
  line-height: 26px;
  color: #0e6cbb;
  font-weight: 500;
}

.careersBlockContent h3 {
  font-size: 22px;
  line-height: 26px;
  color: #04160e;
  margin-bottom: 12px;
  margin-top: 16px;
  font-weight: 600;
}

.careersBlockContent p,
ul.jobUl li {
  position: relative;
  font-size: 19px;
  line-height: 24px;
  font-weight: 500;
  color: #121212;
  margin-bottom: 0;
}

ul.jobUl li {
  padding-left: 25px;
  margin-bottom: 7px;
}

.careersBlockContent h2 small svg {
  width: 14px;
  fill: #0e6cbb;
  position: relative;
  top: -2px;
  margin-right: 1px;
}

ul.jobUl li svg {
  position: absolute;
  left: -10px;
  top: -9px;
  width: 40px;
  fill: rgba(0, 0, 0, 0.5019607843);
}

.privacyPolicyBlock {
  padding: 40px 30px;
}

p.mainPara,
ul.mainUl li {
  position: relative;
  font-size: 21px;
  line-height: 30px;
  color: #000000;
  font-weight: 300;
  margin-bottom: 20px;
}

p.mainPara b,
ul.mainUl li b {
  font-weight: 600;
}

ul.mainUl li {
  padding-left: 20px;
}

ul.mainUl li svg {
  width: 8px;
  fill: #ea1f29;
  position: absolute;
  top: 11px;
  left: 0;
}

.sitemapBlock h3 {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #373432;
  padding: 6px 25px;
}

.sitemapBlock ul li {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #121212;
  margin-top: 6px;
  position: relative;
  padding-left: 18px;
  transition: 0.4s ease-in-out;
}

.sitemapBlock ul li a {
  color: #222;
  transition: 0.4s ease-in-out;
}

.sitemapBlock ul li a:hover {
  color: #ea1f29;
}

.sitemapBlock ul li svg {
  width: 7px;
  fill: #858585;
  position: absolute;
  left: 0;
  top: 8px;
}

.sitemapBlock {
  height: 100%;
  border-radius: 6px;
  background: #fff;
  position: relative;
  padding: 55px 25px 25px;
  border-bottom: 8px solid rgba(55, 52, 50, 0.3137254902);
}

.bg11 {
  background: rgba(197, 25, 48, 0.18);
}

.bg12 {
  background: rgba(29, 169, 97, 0.3);
}

.aboutBlock {
  padding: 40px;
  height: 100%;
}

.aboutBlock h2 {
  position: relative;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 16px;
  color: #04160e;
  font-weight: 500;
}

.aboutBlock p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  color: #000;
  margin-bottom: 20px;
  position: relative;
}

.teamBlockContent {
  position: relative;
  padding: 12px 0 0;
  text-align: center;
}

.teamBlockContent h3 {
  color: #04160e;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 4px;
}

.teamBlockContent p {
  font-size: 13px;
  line-height: 19px;
  color: #222;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0;
}

.workFlowBox {
  padding: 30px 35px 30px 120px;
  border-bottom: 8px solid #b9b9b9;
  border-radius: 200px 0 0 200px;
}

.workFlowBox .workStep {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 50%;
}

.workFlowBox .workStep span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  display: block;
}

.workFlowBox .workStep span small {
  font-size: 12px;
  line-height: 12px;
  font-weight: 300;
}

.workFlowContent p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  color: #121212;
}

p.dynamicSteps {
  font-size: 24px;
  line-height: 28px;
  color: #121212;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 700;
}

section.growthBannerSection.schoolBannerSection {
  padding: 160px 0 80px;
}

.transHeader nav.navbar {
  background: transparent;
}

.growthBannerBlock1 h1 {
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
  color: #04160e;
  margin-bottom: 25px;
  letter-spacing: 0.3px;
}

.growthBannerBlock1 h1 .bigText {
  font-size: 280%;
  font-weight: 700;
  line-height: 90%;
}

span.bannerTag {
  border: 1px solid #03160e;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 16px;
  display: inline-block;
  border-radius: 50px;
  padding: 7px 16px;
  font-weight: 600;
  color: #03160e;
}

.fixedBannerFooter img.schoolLogo {
  width: 220px;
}

p.bannerText {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  color: #111;
  position: relative;
}

.growthBannerSection.schoolBannerSection:before {
  display: none;
}

.fixedBannerFooter {
  bottom: 80px;
  left: 20%;
  width: 60%;
  background: #fff;
  padding: 20px 50px;
  border-radius: 200px;
  border: 1px solid #d9c5b2;
}

section.growthBannerSection.schoolBannerSection .fixedBannerFooter {
  bottom: 140px;
}

section.growthBannerSection.schoolBannerSection.liquorCustomBanner .fixedBannerFooter {
  bottom: 80px;
}

ul.coreFeatues.sixCol li {
  width: 16.66%;
}

span.sr_tagline {
  color: #000;
  font-weight: 300;
  font-size: 15px;
  line-height: 20px;
}

span.sr_tagline b {
  font-weight: 700;
}

.fixedBannerFooter span.poweredTag {
  display: inline-block;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  color: #000;
}

.schoolWebsiteSection .differenceWeBroughtTitle {
  padding: 20px 20px;
}

.evaluateRedesignBox h2 {
  font-size: 58px;
  line-height: 60px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
}

.evaluateRedesignBox p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 200;
  color: #fff;
  position: relative;
}

.problemSolvedPointers {
  position: relative;
  padding: 40px 25px;
  background: #fff;
  margin-bottom: 0;
  border: 1px solid #ededed;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.problemSolvedContent ul li:last-child .problemSolvedPointers {
  margin-bottom: 0;
}

.problemSolvedPointers .pointerTitle {
  position: relative;
  display: flex;
  justify-content: start;
  margin-bottom: 16px;
}

.problemSolvedPointers .pointerTitle span.countNumber {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 0;
  font-size: 4.8rem;
  line-height: 3.4rem;
  font-weight: 700;
  color: #f3f3f3;
  font-family: "Public Sans", sans-serif;
}

.problemSolvedPointers .pointerTitle svg {
  width: 50px;
  fill: rgb(234, 31, 41);
}

.problemSolvedPointers .pointerTitle h4 {
  padding-left: 12px;
  font-size: 1.5rem;
  line-height: 1.7rem;
  font-weight: 600;
  color: #04160e;
  align-self: end;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.problemSolvedPointers .pointerTitle h4 small {
  font-size: 90%;
}

.problemSolvedPointers p {
  font-size: 1.28rem;
  line-height: 1.77rem;
  color: #000;
  margin-bottom: 0;
  font-weight: 400;
  position: relative;
  z-index: 3;
}

.subLinks {
  position: relative;
  margin-top: 20px;
}

.subLinks a {
  font-family: "Bricolage Grotesque", sans-serif;
  display: flex;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  color: #121212;
  border: 2px solid #ededed;
  margin: 5px 1px;
  padding: 8px 16px;
  border-radius: 30px;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  justify-content: space-between;
}

.subLinks a:hover {
  color: rgb(234, 31, 41);
  background-color: #fff;
}

h1.subTitle span.subTitleSpan,
h2.subTitle span.subTitleSpan {
  display: block;
  font-size: 45%;
  line-height: 28px;
  color: #313131;
  font-weight: 400;
  margin-top: 6px;
}

.subLinks a i,
.subLinks a svg {
  transform: rotate(-35deg);
  margin-left: 6px;
  font-size: 120%;
  width: 20px;
  transition: 0.4s ease-in-out;
  position: relative;
  top: 2px;
  fill: #121212;
}

.subLinks a:hover i,
.subLinks a:hover svg {
  transform: rotate(0deg);
}

.ecomDiffBox h3 {
  font-weight: 700;
  font-size: 52px;
  display: block;
  line-height: 54px;
  color: #ffffff;
  margin-bottom: 45px;
}

.ecomDiffBox span.routeSpan {
  border: 1px solid #121212;
  padding: 5px 16px 4px;
  border-radius: 40px;
  display: inline-block;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  color: #121212;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}

span.compareSpan {
  position: absolute;
  left: 50%;
  top: 110px;
  transform: translate(-50%, 0);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #04160e;
  border: 8px solid #ffffff;
}

span.compareSpan img {
  width: 45px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

section.ecomDiffSection:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background: #e9f5ff;
}

section.ecomDiffSection:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background: #d1ffe6;
  z-index: -1;
}

.ecomDiffBoxContentText h4 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 4px;
  color: #04160e;
  font-weight: 700;
  text-transform: uppercase;
}

.ecomDiffBoxContentText p {
  font-size: 19px;
  line-height: 26px;
  font-weight: 400;
  color: #000;
  position: relative;
  margin-bottom: 0;
}

.ecomDiffBoxContentText {
  position: relative;
  background: #fff;
  padding: 16px 16px 12px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.ecomDiffBoxContentText span.numCountSpan {
  position: absolute;
  top: 50%;
  left: -100px;
  transform: translate(0, -50%);
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 60px;
  background: #fff;
}

.ecomDiffBoxContentText span.numCountSpan svg {
  fill: #1f1e1d;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*h2.diffHead {
  font-weight: 700;
  font-size: 48px;
  display: block;
  line-height: 58px;
  color: #121212;
  margin-bottom: 70px;
}*/
h2.diffHead {
  font-weight: 800;
  font-size: 88px;
  display: block;
  line-height: 92px;
  color: transparent;
  margin-bottom: 70px;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(4, 22, 14, 0.5803921569);
  -webkit-text-stroke-width: 2px;
}

h2.scheduleHead {
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
  color: #04160e;
  text-transform: capitalize;
  margin-bottom: 0;
}

h2.scheduleHead small {
  font-weight: 300;
  font-size: 75%;
}

.contactAddressBox address {
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
}

.ca1 {
  background: #2a7d52;
}

.ca2 {
  background: #3f6f97;
  clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 96%);
}

a.enquireMail {
  font-size: 20px;
  line-height: 24px;
  font-weight: 800;
  color: #04160e;
  background: #eee;
  padding: 10px 12px;
  border-radius: 4px;
  transition: 0.4s ease-in-out;
}

a.enquireMail:hover {
  color: #ea1f29;
}

a.enquireMail span {
  font-weight: 500;
  font-size: 80%;
  color: #262626;
}

.contactAddressBox svg {
  width: 40px;
  fill: rgba(255, 255, 255, 0.5294117647);
  margin-bottom: 12px;
}

.graphicSection:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 25%;
  background: linear-gradient(180deg, #fff4ea, transparent);
}

.graphicBlockImg img {
  height: 100dvh;
  -o-object-fit: cover;
     object-fit: cover;
}

.imageSeparator {
  padding: 80px 0 60px;
}

p.mainText2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  color: #eee;
  margin-bottom: 0;
}

.graphicServiceBlockImg img {
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 8px solid #fff;
}

.wrapperSticky {
  position: sticky;
  top: 100px;
}

ul.mainList {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

ul.mainList li {
  flex: 0 0 auto;
  width: 50%;
  padding: 8px;
}

.featureListing {
  position: relative;
  padding: 25px 20px 20px 50px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 4px;
  border-bottom: 6px solid rgba(4, 22, 14, 0.5490196078);
}

span.counterList {
  position: absolute;
  left: 14px;
  top: 28px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.2588235294);
  font-weight: 200;
}

.featureListingContent h3 {
  position: relative;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
  color: #fff;
  font-weight: 400;
}

.featureListingContent p {
  font-size: 18px;
  line-height: 24px;
  color: #ddd;
  margin-bottom: 0;
  font-weight: 300;
}

.bg-green {
  background: #04160e;
}

.graphicServiceSection2 .graphicServiceBlockImg img {
  border: 10px solid #fff;
}

.graphicServiceSection2 p.mainText2 {
  font-weight: 400;
  color: #000;
}

.graphicServiceSection2 .featureListing {
  background: rgb(255, 255, 255);
  border-bottom: 6px solid rgba(4, 22, 14, 0.18);
}

.graphicServiceSection2 .featureListingContent h3 {
  color: #04160e;
  font-weight: 500;
}

.graphicServiceSection2 .featureListingContent p {
  color: #000000;
  font-weight: 400;
}

.graphicServiceSection2 span.counterList {
  color: rgba(0, 0, 0, 0.73);
}

.imageSeparator img {
  height: 90dvh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

.pkTable tbody th {
  background: #ddd;
  font-size: 20px !important;
  padding: 14px 16px !important;
}

.pkTable tbody th,
.pkTable tbody td {
  font-size: 16px;
  line-height: 22px;
  padding: 4px 16px;
  color: #121212;
  vertical-align: middle;
  font-weight: 500;
}

.title_awesome .subhead {
  background: #ddd;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 26px;
  color: #121212;
  font-weight: 600;
}

.packtitle {
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 400;
  color: #121212;
  padding: 16px 8px 12px;
  background: #dddddd;
}

.packtitle small {
  text-transform: none;
  font-weight: 200;
  font-size: 75%;
  line-height: 20px;
}

.bg100 {
  background: #e8f3ff !important;
}

span.svgIcons svg {
  width: 22px;
  fill: #121212;
}

span.svgIcons.success svg {
  fill: #390;
}

span.svgIcons.fail svg {
  fill: #d80000;
}

/*.accordion-button:focus {
    box-shadow: none;
}
.packagesAccordion button.accordion-button {
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    background: #03160e;
    padding: 12px 16px;
}
.packagesAccordion button.accordion-button small {
    font-size: 80%;
    line-height: 24px;
    font-weight: 300;
    margin-left: 6px;
    margin-top: 4px;
}
.packagesAccordion button.accordion-button::after {
    filter: invert(1);
}
.accordion-button:not(.collapsed) {
    box-shadow: none;
}
.accordionTable tbody th {
    background: #ddd;
    font-size: 20px !important;
    padding: 14px 16px !important;
}
.accordionTable tbody th, .accordionTable tbody td {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 16px;
    color: #000;
    vertical-align: middle;
}
.packagesAccordion .accordion-item {
    margin-bottom: 8px;
}*/
.bg2.our-main-products .our-product-feature {
  list-style-type: circle;
  display: block;
  padding: 10px;
}

.bg2.our-main-products .our-product-feature li {
  list-style-type: disc;
  font-size: 17px;
  width: auto;
}

.bg2.our-main-products .our-product-feature li span {
  font-weight: 700;
  font-size: 19px;
}

.founder-words {
  padding: 25px;
  color: #fff;
  border-radius: 10px;
}

.founder-words p {
  font-size: 20px;
  text-align: left;
}

.founder-pic {
  position: sticky;
  top: 70px;
  padding-right: 34px;
  background-color: #fff;
  padding: 12px;
  border-radius: 10px;
  margin-top: 25px;
}

.founder-pic img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 380px;
  -o-object-position: top;
     object-position: top;
  border-radius: 10px;
}

.founder-pic {
  text-align: center;
}

.founder-pic img {
  width: 100%;
  border-radius: 6px;
  display: block;
}

.founder-info {
  margin-top: 10px;
}

.founder-name {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0;
}

.founder-title {
  font-family: "Nunito", sans-serif;
  font-size: 15px;
  color: #212121;
  margin: 0 0 8px;
  font-weight: 500;
}

.founder-stats {
  padding-top: 10px;
}

.stat-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid rgba(221, 238, 221, 0.9333333333);
  padding-bottom: 9px;
  flex-direction: row-reverse;
}

.stat-number {
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #ea1f29;
  line-height: 1.2;
}

.stat-label {
  font-family: "Nunito", sans-serif;
  font-size: 15px;
  color: #000;
  margin-top: 2px;
  font-weight: 600;
}

.salesGrowthHero {
  background: #b7c2bc;
  padding: 150px 0 50px 0;
}

.salesGrowthHero .callBtns a.callBtns2 {
  background: #8f1f25;
  color: #fff;
  font-weight: 600;
  border: 1px solid #8f1f25;
}

.salesGrowthHero .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 0.5px solid #33443a;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.salesGrowthHero .hero-title {
  font-size: 40px;
  font-weight: 700;
  color: #000;
  line-height: 53px;
  margin-bottom: 5px;
}

.salesGrowthHero .hero-title .highlight {
  color: #7ed957;
}

.salesGrowthHero .hero-subtext {
  font-size: 20px;
  color: #000;
  line-height: 27px;
  margin-bottom: 15px;
  padding-right: 50px;
}

/* icon row */
.salesGrowthHero .service-row {
  display: flex;
  gap: 20px;
  margin-bottom: 34px;
  flex-wrap: wrap;
  /* justify-content: space-around; */
  margin-top: 40px;
}

.salesGrowthHero .service-item {
  text-align: center;
  width: 140px;
}

.salesGrowthHero .service-icon {
  width: 100%;
  background: #1d2e27;
  border: 0.5px solid #1d2e27;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  border-radius: 10px;
}

.salesGrowthHero .service-icon svg {
  width: 40px;
  height: 40px;
  stroke: #fff;
}

.salesGrowthHero .service-label {
  font-size: 17px;
  font-weight: 600;
  color: #212121;
  margin: 0;
  line-height: 20px;
  text-align: center;
  margin-top: 13px;
}

/* ===== Hero visual (right side) ===== */
.salesGrowthHero .hero-visual {
  position: relative;
  min-height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.salesGrowthHero .hero-visual svg {
  filter: brightness(1.15) contrast(0.95) saturate(0.9);
  position: relative;
  bottom: 15px;
  padding: 10px;
  background: #b7c2bc;
  border-radius: 50%;
  box-shadow: 0 0 44px 12px rgba(255, 255, 255, 0.08), 0 0 19px 2px rgba(255, 255, 255, 0.05);
}

.salesGrowthHero .glow-behind {
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(126, 217, 87, 0.16) 0%, rgba(126, 217, 87, 0) 70%);
}

.salesGrowthHero .hero-tagline {
  font-size: 27px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 15px;
  letter-spacing: 0.4px;
  opacity: 0.65;
  padding-right: 157px;
  display: flex;
  line-height: 31px;
}

.salesGrowthHero .hero-tagline .dot {
  color: #7ed957;
  margin-right: 5px;
}

@media (max-width: 991px) {
  .salesGrowthHero .hero-title {
    font-size: 36px;
    text-align: center;
  }
  .salesGrowthHero .hero-subtext {
    padding-right: 0;
    text-align: center;
  }
  .salesGrowthHero .hero-visual {
    min-height: 260px;
    margin-top: 30px;
  }
  .salesGrowthHero .service-row {
    justify-content: space-around;
  }
  .salesGrowthHero .service-row {
    margin-bottom: 0px;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 20px;
  }
  .salesGrowthHeroCallBtns {
    display: flex;
    justify-content: center;
  }
}
.facingChallenges .flexibleBlock {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 20px;
  align-items: self-start;
  gap: 14px;
}

.facingChallenges .flexibleBlock .flexibleBox {
  padding-left: 0;
}

.facingChallenges .flexibleBlock .flexibleIcon {
  font-size: 26px;
  color: #ea1f29;
  flex-shrink: 0;
}

.facingChallenges .flexibleBlock .flexibleBox h3 {
  margin: 0;
}

.salesGrowthFramework .subLinks li {
  font-family: "Bricolage Grotesque", sans-serif;
  display: flex;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  color: #121212;
  border: 2px solid #ededed;
  margin: 5px 1px;
  padding: 8px 16px;
  border-radius: 30px;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  justify-content: space-between;
}

.salesGrowthFramework .subLinks li i,
.salesGrowthFramework .subLinks li svg {
  transform: rotate(-35deg);
  margin-left: 6px;
  font-size: 120%;
  width: 20px;
  transition: 0.4s ease-in-out;
  position: relative;
  top: 2px;
  fill: #121212;
}

.salesGrowthFramework .subLinks li:hover {
  color: rgb(234, 31, 41);
  background-color: #fff;
}

.salesGrowthFramework .subLinks li i,
.salesGrowthFramework .subLinks li svg {
  transform: rotate(-35deg);
  margin-left: 6px;
  font-size: 120%;
  width: 20px;
  transition: 0.4s ease-in-out;
  position: relative;
  top: 2px;
  fill: #121212;
}

.salesGrowthFramework .subLinks li:hover i,
.salesGrowthFramework .subLinks li:hover svg {
  transform: rotate(0deg);
}

.whyChooseUs .section-title {
  color: #ffffff;
  font-weight: 600;
  font-size: clamp(22px, 4vw, 30px);
  text-align: center;
  margin-bottom: 44px;
}

.whyChooseUs .icon-wrap {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  display: block;
}

.whyChooseUs .icon-wrap svg {
  width: 100%;
  height: 100%;
  stroke: #1d2e27;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.75;
}

.whyChooseUs .chevron-step.highlight .icon-wrap {
  margin-bottom: 0;
  flex-shrink: 0;
}

.whyChooseUs .chevron-step.highlight .icon-wrap svg {
  stroke: #04160e;
}

/* Desktop chevron row */
.whyChooseUs .chevron-row {
  display: flex;
  max-width: 1000px;
  margin: 0 auto 4px;
}

.whyChooseUs .chevron-step {
  flex: 1;
  padding: 24px 24px 24px 38px;
  margin-right: -14px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);
  background: #dce4e1;
  transition: transform 0.2s ease;
}

.whyChooseUs .chevron-step:hover {
  transform: translateY(-2px);
  background-color: #b9c9bf;
}

.whyChooseUs .chevron-step.first {
  padding-left: 22px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}

.whyChooseUs .chevron-step.last {
  margin-right: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20px 50%);
}

.whyChooseUs .chevron-step.alt {
  background: #dce4e1;
}

.whyChooseUs .chevron-step.alt:hover {
  background-color: #b9c9bf;
}

.whyChooseUs .chevron-step.highlight {
  background: #dce4e1;
  display: flex;
  align-items: center;
  gap: 12px;
}

.whyChooseUs .chevron-step.highlight:hover {
  background-color: #b9c9bf;
}

.whyChooseUs .chevron-step h3 {
  color: #04160e;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

.whyChooseUs .chevron-step.highlight h3 {
  color: #04160e;
}

/* Mobile: fall back to simple stacked cards */
@media (max-width: 767.98px) {
  .whyChooseUs .chevron-row {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
  }
  .whyChooseUs .chevron-step,
  .whyChooseUs .chevron-step.first,
  .whyChooseUs .chevron-step.last {
    clip-path: none;
    border-radius: 12px;
    margin-right: 0;
    padding: 18px 20px;
    border: 0.5px solid #2e6b4f;
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .whyChooseUs .chevron-step .icon-wrap {
    margin-bottom: 0;
    flex-shrink: 0;
  }
}
.marketingSolution {
  background: #f5f4ef;
  padding: 60px 0 75px;
}

.marketingSolution .msStack-section {
  max-width: 900px;
  margin: 0 auto;
}

.marketingSolution .msStack-head {
  text-align: center;
  margin-bottom: 10px;
}

.marketingSolution .msEyebrow {
  color: #e5262b;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.marketingSolution .msStack-head h2 {
  font-size: 42px;
  line-height: 50px;
  color: #04160e;
  font-weight: 600;
  margin-bottom: 40px;
  letter-spacing: 1px;
}

.marketingSolution .msStack-head p {
  color: #6b7280;
  font-size: 15px;
  margin: 0;
}

.marketingSolution .msStack-wrap {
  position: relative;
}

.marketingSolution .msCard {
  position: sticky;
  border-radius: 22px;
  padding: 44px 40px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
  overflow: hidden;
}

.marketingSolution .msCard .msBignum {
  position: absolute;
  right: 24px;
  top: 6px;
  font-size: 110px;
  font-weight: 800;
  color: #000;
  opacity: 0.75;
  line-height: 1;
}

.marketingSolution .msCard .msIcWrap {
  width: 60px;
  height: 60px;
  border: 1.5px solid rgba(255, 255, 255, 0.55);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-color: #000;
}

.marketingSolution .msCard .msIcWrap svg {
  stroke: #000;
  width: 28px;
  height: 28px;
}

.marketingSolution .msCard h3 {
  color: #000;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 12px;
}

.marketingSolution .msCard p {
  color: #000;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  max-width: 500px;
}

.marketingSolution .msCard.msC1 {
  background: #f6d2d4;
  top: 100px;
}

.marketingSolution .msCard.msC2 {
  background: #b9dfcd;
  top: 130px;
}

.marketingSolution .msCard.msC3 {
  background: #d1dbf0;
  top: 160px;
}

.marketingSolution .msCard.msC4 {
  background: #ffd5cb;
  top: 190px;
}

@media (max-width: 700px) {
  .marketingSolution .msCard {
    padding: 32px 26px;
    min-height: 260px;
  }
  .marketingSolution .msCard h3 {
    font-size: 20px;
  }
  .marketingSolution .msCard .msBignum {
    font-size: 80px;
  }
}
.growthLooksLike {
  overflow-x: hidden;
  background-color: #f5f4ef;
  padding: 80px 0;
}

.growthLooksLike .subtitle-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #e68a4c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.growthLooksLike .section-title {
  font-size: 42px;
  line-height: 50px;
  color: #04160e;
  font-weight: 600;
  margin-bottom: 60px;
  letter-spacing: 1px;
}

/* 5-Column Grid Layout */
.growthLooksLike .process-grid {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
}

.growthLooksLike .process-col {
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
}

.growthLooksLike .process-card {
  text-align: center;
}

/* Circle Container Wrapper */
.growthLooksLike .icon-wrapper {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0 auto 24px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* White Inner Circle */
.growthLooksLike .icon-circle {
  width: 130px;
  height: 130px;
  background-color: #384d44;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  z-index: 2;
  position: relative;
}

.growthLooksLike .icon-circle svg {
  height: 40px;
  width: 40px;
}

.growthLooksLike .icon-circle svg path {
  stroke: #fff;
}

/* Curved SVG Line with Spacing around Circle */
.growthLooksLike .arc-svg {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 290px;
  height: 160px;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
}

.growthLooksLike .step-number {
  font-size: 25px;
  font-weight: 800;
  color: #ea1f29;
  margin-bottom: 10px;
  opacity: 0.85;
}

.growthLooksLike .step-text {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 22px;
  max-width: 200px;
  margin: 0 auto;
  font-family: "Bricolage Grotesque", sans-serif;
}

@media (max-width: 767px) {
  .growthLooksLike {
    padding: 50px 0;
  }
  .growthLooksLike .process-grid {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
  }
  .growthLooksLike .process-col {
    width: 365px !important;
    margin: 0 auto 30px auto !important;
    position: relative;
  }
  .growthLooksLike .icon-circle {
    width: 75px;
    height: 75px;
  }
  .growthLooksLike .process-card {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 20px;
  }
  .growthLooksLike .icon-wrapper {
    width: 80px;
    height: 80px;
    margin: 0;
    flex-shrink: 0;
  }
  .growthLooksLike .icon-circle {
    width: 80px;
    height: 80px;
  }
  .growthLooksLike .icon-circle svg {
    width: 28px;
    height: 28px;
  }
  .growthLooksLike .arc-svg {
    display: none;
  }
  .growthLooksLike .step-number {
    font-size: 23px;
    margin-bottom: 4px;
  }
  .growthLooksLike .step-text {
    font-size: 25px;
    max-width: none;
    margin: 0;
  }
  .growthLooksLike .process-col:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 39px;
    top: 75px;
    width: 2px;
    height: calc(100% - 42px);
    background: #ccc;
    z-index: 0;
  }
}
.growthEngineTimeline {
  width: 100%;
  background-color: #2d3b33;
  padding: 80px 20px; /* Perfect top-bottom breathing space */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

/* Optional Bottom Spotlight Glow */
/* =========================================================
   2. SECTION TITLE
   ========================================================= */
.growthEngineTimeline .section-title {
  font-size: 42px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: -0.8px;
  margin-top: 0;
  margin-bottom: 50px;
  text-align: center;
  position: relative;
  z-index: 2;
}

/* =========================================================
   3. 4-COLUMNS GRID LAYOUT
   ========================================================= */
.growthEngineTimeline .timeline-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  bottom: 25px;
}

.growthEngineTimeline .timeline-col {
  flex: 1;
  padding: 0 18px;
  position: relative;
  text-align: left;
}

.growthEngineTimeline .timeline-col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.growthEngineTimeline .step-num {
  font-size: 20px;
  font-weight: 700;
  color: #e68a4c;
  margin-bottom: 15px;
  display: block;
}

.growthEngineTimeline .step-title {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 12px;
  line-height: 33px;
}

.growthEngineTimeline .step-desc {
  font-size: 19px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 27px;
  margin-bottom: 25px;
}

.growthEngineTimeline .badges-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.growthEngineTimeline .badge-item {
  background: rgba(230, 138, 76, 0.08);
  border: 1px solid rgba(230, 138, 76, 0.4);
  border-radius: 50px;
  padding: 7px 14px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  width: 230px;
}

.timeline-scroll-wrapper {
  height: auto !important;
  background-color: transparent !important;
}

.growthEngineTimeline .progress-line-wrapper {
  display: none !important;
}

/* =========================================================
   4. MOBILE & TABLET RESPONSIVE
   ========================================================= */
@media (max-width: 991px) {
  .growthEngineTimeline {
    padding: 50px 20px;
  }
  .growthEngineTimeline .section-title {
    font-size: 2.2rem;
    margin-bottom: 35px;
  }
  .growthEngineTimeline .timeline-col {
    flex: unset;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;
  }
  .growthEngineTimeline .timeline-col:not(:last-child)::after {
    display: none;
  }
  .growthLooksLike .arc-svg {
    position: absolute;
    top: -17px;
    left: 22px;
    width: 155px;
    height: 163px;
    z-index: 1;
    pointer-events: none;
    overflow: visible;
  }
  .growthLooksLike .icon-circle {
    width: 80px;
    height: 80px;
  }
  .growthLooksLike .section-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .growthLooksLike .arc-svg {
    display: none;
  }
  .growthLooksLike .process-grid {
    flex-wrap: wrap;
  }
  .growthLooksLike .process-col {
    max-width: unset;
  }
}
.fullEnquirySingle {
  min-height: calc(100vh - 153px);
}

.liquourBillingSingle, .graphicServiceSection {
  padding: 60px 0 75px;
}

section.innerBannerSection.portfolioSectionHeading {
  padding: 120px 0 20px;
}

@media (min-width: 1920px) and (max-width: 1920px) {
  .fullEnquirySingle {
    height: calc(100vh - 153px);
    min-height: unset !important;
  }
}
@media (min-width: 1680px) and (max-width: 1680px) {
  .fullEnquirySingle {
    height: calc(100vh - 155px);
    min-height: unset !important;
  }
}
@media only screen and (min-width: 1400px) {
  .glimpseWorkSwiper .swiper-button-next {
    right: 22.1%;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: 22.1%;
  }
  .differenceWeBroughtTitle.differenceWeBroughtTitleRight {
    right: 100px;
  }
  .differenceWeBroughtTitle {
    left: 70px;
  }
  section {
    padding: 100px 0;
  }
  .contactSection {
    padding: 60px 0;
  }
  .imageSeparator img {
    height: 80dvh;
  }
  .graphicServiceBlockImg img {
    height: 420px;
    border: 8px solid #fff;
  }
  .graphicServiceSection2 .graphicServiceBlockImg img {
    border: 8px solid #fff;
  }
  .graphicBlockImg img {
    height: calc(100dvh - 160px);
  }
  .slider-main video,
  .slider-main .slider-main-inner {
    height: calc(100dvh - 185px);
  }
  .quote-form address a p.sidebar_phone_no {
    font-size: 22px;
    line-height: 28px;
  }
  section.growthBannerSection {
    padding: 240px 0 100px;
    height: calc(100dvh - 160px);
  }
  .fullServiceBlock h1 {
    width: 70%;
  }
  html {
    zoom: 1.2;
  }
  section.heroSection {
    height: calc(100dvh - 160px);
  }
  section.heroSection.homeHero {
    height: auto;
  }
  section.imgPatternSection {
    padding: 90px 0 100px;
  }
  footer.wrapperFooterMain .container,
  .footerCopyrightBlock .container {
    max-width: 1400px;
  }
  .fullServiceBlockImg img,
  .innerStatsBlock {
    height: calc(80vh - 50px);
  }
  .coreWebsiteBannerImg img {
    height: 560px;
  }
  section.webDesignBannerSection {
    padding: 100px 0;
  }
  .subTitle {
    padding: 80px 130px 40px 60px;
    height: calc(100dvh - 214px);
  }
  .whoWeAreSection .whoWeAreBox:before {
    left: -90px;
  }
  .whoWeAreBox span.countSpan {
    left: -200px;
  }
  .workProcessBlock,
  .workProcessBox {
    height: calc(100dvh - 280px);
  }
  .workProcessBox {
    padding: 200px 0 60px;
  }
  .subTitle {
    padding: 40px 130px 40px 60px;
  }
}
@media only screen and (max-width: 1700px) {
  header nav.navbar ul.navbar-nav li.nav-item .nav-link small {
    font-size: 70%;
  }
}
@media only screen and (max-width: 1600px) {
  header nav.navbar ul.navbar-nav li.nav-item .nav-link small {
    line-height: 17px;
  }
  .growthBannerBlock1 h1 .bigText {
    font-size: 207%;
  }
  .growthBannerBlock1 h1 {
    line-height: 45px;
  }
  .growthBannerBlock1 span.bannerTag {
    font-size: 13px;
    padding: 5px 15px;
  }
  .growthBannerBlock1 p.bannerText {
    padding: 0 !important;
  }
  .differenceWeBroughtTitle {
    left: 15px;
  }
}
@media only screen and (max-width: 1510px) {
  .growthEngineTimeline .timeline-col {
    padding: 0 15px;
  }
  .growthEngineTimeline .step-title {
    font-size: 27px;
  }
  .growthEngineTimeline .step-desc {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1399px) {
  .growthEngineTimeline .step-desc {
    padding-right: 30px;
  }
  .subTitle h2 {
    font-size: 48px;
  }
  .subTitle {
    padding: 40px 120px 40px 40px;
    height: calc(100dvh - 54px);
  }
  .whoWeAreBox span.countSpan {
    left: -170px;
    font-size: 65px;
  }
  .growthBannerBlock1 span.bannerTag {
    font-size: 12px;
  }
  .growthBannerBlock1 h1 .bigText {
    font-size: 180%;
  }
  .growthBannerBlock1 h1 {
    font-size: 36px;
  }
  section.growthBannerSection.schoolBannerSection {
    padding: 150px 0 80px;
  }
  section.growthBannerSection.schoolBannerSection.liquorCustomBanner {
    padding: 110px 0 80px;
  }
  section.growthBannerSection.schoolBannerSection p.p.bannerText {
    font-size: 20px;
  }
  .fixedBannerFooter {
    bottom: 60px;
    padding: 15px 50px;
  }
  h2.scheduleHead {
    font-size: 24px;
  }
  .callBtns a.callBtns2 {
    font-size: 15px;
    padding: 10px 50px 10px 28px;
  }
  section.growthBannerSection.schoolBannerSection .fixedBannerFooter {
    bottom: 100px;
  }
  section.growthBannerSection.schoolBannerSection.liquorCustomBanner .fixedBannerFooter {
    bottom: 50px;
  }
}
@media only screen and (max-width: 1267px) {
  .growthEngineTimeline .timeline-col {
    padding: 20px;
  }
  .growthEngineTimeline .step-desc {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 1187px) {
  .growthEngineTimeline .timeline-col {
    padding: 15px;
  }
}
@media only screen and (max-width: 1147px) {
  .growthEngineTimeline .step-desc {
    padding-right: 25px;
  }
  .growthEngineTimeline .badge-item {
    width: 215px;
    padding: 7px 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .growthEngineTimeline .step-desc {
    padding-right: 0;
  }
  .growthEngineTimeline .badge-item {
    width: 200px;
    padding: 7px 10px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 991px) {
  header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu {
    background: rgba(255, 255, 255, 0.04);
    margin: 0 10px 16px;
    width: calc(100% - 20px);
  }
  header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a.dropdown-item {
    padding: 8px 12px;
    color: #fff;
    font-weight: 300;
    border-bottom: 1px solid rgba(255, 255, 255, 0.031372549);
  }
  header nav.navbar .navbar-collapse {
    background: #161616;
    padding: 25px 12px 20px;
    margin-top: 16px;
    margin-bottom: -16px;
  }
  header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
    fill: #ffffff;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    position: relative;
    font-size: 17px;
    text-align: start;
    color: #fff;
    font-weight: 400;
    padding: 0 12px;
    margin-bottom: 8px;
    padding-bottom: 12px;
  }
  header nav.navbar ul.navbar-nav li.nav-item:last-child .nav-link {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link small {
    color: rgba(255, 255, 255, 0.63);
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link i,
  header nav.navbar ul.navbar-nav li.nav-item span.svgIg {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 99;
  }
  header nav.navbar ul.navbar-nav li.nav-item span.svgIg {
    cursor: pointer;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link i,
  header nav.navbar ul.navbar-nav li.nav-item .nav-link i,
  header nav.navbar ul.navbar-nav li.nav-item span.svgIg svg {
    display: block;
    fill: rgba(255, 255, 255, 0.46);
    width: 22px;
    transition: 0.2s ease-in-out;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link i,
  header nav.navbar ul.navbar-nav li.nav-item :hover span.svgIg svg {
    transform: rotate(0deg);
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 12px 50px 11px 20px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #ea1f29;
    background: #ea1f29;
    display: block;
    margin-bottom: 0;
    margin-top: 12px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 12px 50px 11px 20px !important;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
    right: 25px;
    width: 22px;
    fill: rgba(255, 255, 255, 0.768627451);
  }
  .mobile-sub {
    display: none !important;
    position: static !important;
    float: none !important;
    box-shadow: none !important;
  }
  .nav-item.open .mobile-sub {
    display: block !important;
  }
  .salesGrowthHero .row {
    flex-direction: column-reverse;
  }
  .salesGrowthHero .hero-visual svg {
    width: 330px;
    height: 330px;
  }
}
@media only screen and (max-width: 379px) {
  html {
    zoom: 0.9;
  }
  .slider-main .slider-main-inner,
  .slider-main video {
    height: calc(100dvh + 64px) !important;
  }
  section.fullServiceSection,
  section.growthBannerSection {
    height: auto;
  }
  section.fullServiceSection {
    padding: 120px 0 60px !important;
  }
  .growthBannerBlock1 {
    padding: 100px 0 0 !important;
  }
  .fixedBannerFooter {
    position: relative !important;
    left: 8px !important;
    bottom: 0 !important;
    width: calc(100% - 16px) !important;
    padding: 20px 12px 16px !important;
    margin-top: 25px;
  }
  section.growthBannerSection.schoolBannerSection {
    padding: 120px 0 60px !important;
  }
  .growthBannerBlock1 h1 .bigText {
    font-size: 260% !important;
  }
  .mainFooter p br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .pkTable tbody th,
  .pkTable tbody td {
    font-size: 15px;
    line-height: 21px;
    padding: 6px 8px;
  }
  .packtitle {
    font-size: 18px;
    line-height: 24px;
    padding: 16px 4px 10px;
  }
  .packtitle small {
    font-size: 75%;
    line-height: 18px;
  }
  .title_awesome .subhead {
    padding: 8px 6px;
    font-size: 18px;
    line-height: 24px;
  }
  span.svgIcons svg {
    width: 26px;
  }
  .graphicSection {
    padding: 160px 0 0;
  }
  ul.packageInclude li {
    padding: 2px;
  }
  ul.packagesUl li.packagesLi,
  ul.packageInclude li,
  ul.packagesUl.packagesUlFour li.packagesLi {
    width: 100%;
  }
  .packagesBlock {
    padding: 20px 12px;
  }
  .packagesBlockContent p,
  .packagesBlockContent ul li {
    font-size: 18px;
    line-height: 24px;
    margin-top: 8px;
  }
  .packagesBlockContent {
    padding: 20px 6px 0;
  }
  h3.packH3 {
    padding: 12px 8px;
    font-size: 26px;
    line-height: 32px;
  }
  .workFlowBox {
    padding: 45px 16px 16px;
    border-bottom: 6px solid #b9b9b9;
    border-radius: 8px;
    height: auto !important;
  }
  .workFlowBox .workStep {
    top: -30px;
    left: 16px;
    transform: none;
    width: 60px;
    height: 60px;
  }
  .workFlowBox .workStep span {
    font-size: 24px;
    line-height: 26px;
  }
  .workFlowBox .workStep span small {
    font-size: 11px;
    line-height: 11px;
  }
  .portfolioBlock .portfolioContent img {
    display: none;
  }
  .portfolioBlock .portfolioContent .explorePortfolioContent {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
  }
  .imageSeparator img {
    height: 50dvh;
  }
  .graphicServiceSection2 .graphicServiceBlockImg img {
    border: 6px solid #fff;
  }
  span.counterList {
    left: 10px;
    top: 24px;
  }
  .featureListing {
    padding: 20px 12px 12px 40px;
  }
  .wrapperSticky {
    position: relative;
    top: 0;
  }
  .graphicServiceBlockImg {
    text-align: center;
    margin-bottom: 50px;
  }
  .graphicServiceBlockImg img {
    max-width: 260px;
    height: 340px;
    border: 6px solid #fff;
  }
  ul.mainList li {
    width: 100%;
  }
  .growthBannerBlock1 {
    padding: 50px 0 0 !important;
    text-align: center;
  }
  .imageSeparator {
    padding: 50px 6px 40px;
  }
  .graphicBlockImg img {
    height: 280px;
  }
  header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 12px 50px 11px 20px !important;
    font-size: 17px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0;
  }
  header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 0 12px 12px !important;
    margin-bottom: 8px;
  }
  .thankyouBlock p br {
    display: none;
  }
  .thankyouBlock h1 {
    line-height: 2.4rem;
    margin-bottom: 8px;
  }
  .innerBannerBlock h1 small {
    font-size: 50%;
    line-height: 30px;
  }
  .consultantSection {
    top: -1px;
  }
  .ecomDiffBoxContentText h4 {
    font-size: 18px;
    line-height: 22px;
  }
  .ecomDiffBoxContentText p {
    font-size: 17px;
    line-height: 23px;
  }
  span.compareSpan {
    width: 50px;
    height: 50px;
    border: 4px solid #ffffff;
    top: 60px;
  }
  span.compareSpan img {
    width: 34px;
  }
  .ecomDiffBoxContentText span.numCountSpan {
    left: -52px;
    width: 48px;
    height: 48px;
  }
  .ecomDiffBoxContentText span.numCountSpan svg {
    width: 26px;
  }
  .slider-main .slider-main-inner,
  .slider-main video {
    height: calc(100dvh - 12px);
  }
  .slider-main {
    padding: 6px;
  }
  span.exploreSvg svg {
    top: 65%;
    width: 140px;
  }
  span.exploreSvg {
    width: 48px;
    height: 48px;
  }
  h2.diffHead {
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 40px;
    -webkit-text-stroke-width: 1.5px;
  }
  h2.diffHead br {
    display: none;
  }
  .ecomDiffBox h3 {
    font-size: 30px;
    line-height: 34px;
  }
  .ecomDiffBox span.routeSpan {
    padding: 5px 12px 4px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .evaluateRedesignBox h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 16px;
  }
  .evaluateRedesignBox h2 br {
    display: none;
  }
  .evaluateRedesignBox {
    border: 0 !important;
  }
  .problemSecBlock .consultantBlock h2 b {
    font-size: 220%;
    line-height: 86%;
  }
  section.makeSenseSection {
    padding: 60px 0;
  }
  .problemSecBlock .consultantBlock h2 {
    color: #000;
    font-size: 26px;
    line-height: 34px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 0 12px;
    margin-bottom: 8px;
    padding-bottom: 12px;
  }
  section.growthBannerSection.schoolBannerSection {
    padding: 60px 0 120px;
  }
  .growthBannerBlock1 h1 .bigText {
    font-size: 290%;
    line-height: 90%;
  }
  .growthBannerBlock1 h1 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .fixedBannerFooter {
    left: 16px;
    width: calc(100% - 32px);
    padding: 16px 12px;
    border-radius: 4px;
  }
  .sitemapBlock {
    padding: 50px 12px 16px;
    border-bottom: 6px solid rgba(55, 52, 50, 0.3137254902);
  }
  .sitemapBlock h3 {
    padding: 6px 12px;
  }
  .aboutBlock {
    padding: 30px 12px 20px;
  }
  .aboutBlock h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 12px;
  }
  .aboutBlock p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .innerBannerBlock h1 br {
    display: none;
  }
  .careersBlock:before {
    display: none;
  }
  .careersBlockContent,
  .careersBlockBtn {
    width: 100%;
  }
  .careersBlock {
    padding: 25px 16px 20px;
    border-radius: 20px !important;
  }
  .scheduleBlockForm {
    padding-left: 0;
  }
  .contact-form.cf {
    padding: 30px 12px 16px;
    border-radius: 10px;
  }
  .contact-form.cf .default-btn {
    padding: 10px 12px;
  }
  section.scheduleBlockSection {
    padding: 100px 0 30px;
    height: auto;
  }
  .scheduleBlockInfo {
    padding: 20px 12px;
  }
  .growthBannerBlock {
    padding: 0 20px;
  }
  .growthBannerBlock h1 {
    font-size: 44px;
    line-height: 56px;
  }
  .growthBannerBlock h1 big {
    font-size: 200%;
    line-height: 100%;
  }
  .subFooter h3,
  .footerCity h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .subFooter ul li a svg {
    width: 14px;
  }
  .faqSectionBox {
    padding: 25px 12px 20px;
  }
  .mainAccordion button.accordion-button {
    font-size: 20px;
    line-height: 25px;
  }
  .mainAccordion button.accordion-button span {
    top: 20px;
  }
  .mainAccordion .accordion-body p {
    font-size: 20px;
  }
  .blogDetailContent h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .blogDetailContent .blogDetailsText,
  .blogDetailContent .blogDetailsText p {
    font-size: 19px !important;
  }
  .blogDetailCategory .blogCategoryHeader h2 {
    font-size: 34px;
    line-height: 42px;
  }
  .innerBannerBlock h1 {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 10px;
  }
  .innerBannerBlock h1 br {
    display: none;
  }
  .innerBannerBlock p {
    font-size: 22px;
    line-height: 32px;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100%;
  }
  .footerCopyrightBlock {
    padding: 10px 0;
  }
  p.copyrightText {
    margin-top: 4px;
  }
  ul.quickLinks li a {
    font-size: 15px;
    line-height: 20px;
    margin: 4px 6px;
  }
  ul.quickLinks {
    justify-content: center;
  }
  .subFooter {
    padding-left: 0;
  }
  ul.cityUl {
    overflow-y: auto;
    max-height: 100%;
    padding-right: 0;
  }
  footer.wrapperFooterMain {
    padding: 50px 0 10px;
  }
  .service-post.service-post2 {
    padding: 0;
  }
  .mainFooter,
  .subFooter {
    margin-bottom: 35px;
  }
  .contentWrapper {
    padding: 20px 16px;
    height: 100%;
  }
  .contentWrapper a {
    padding-left: 0;
    height: 100%;
  }
  .contentWrapper .ico {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .contentWrapper h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .contentWrapper .ico svg {
    width: 36px;
  }
  .contentWrapperIn p {
    font-size: 16px;
    line-height: 20px;
  }
  .col_third:nth-child(2) .contentWrapper .ico svg,
  .col_third:nth-child(3) .contentWrapper .ico svg {
    width: 80px;
  }
  .contentWrapper .ico svg {
    width: 70px;
    fill: rgba(255, 255, 255, 0.06);
  }
  .col_third:not(:last-child) {
    border-right: 0;
  }
  .ctaBlock {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
    height: auto;
    text-align: center !important;
    margin-bottom: 20px;
  }
  .ctaLink a {
    text-align: center !important;
    display: block;
    font-size: 26px;
    line-height: 28px;
  }
  .ctaSection {
    padding: 35px 12px;
  }
  .ctaBlock a small {
    font-size: 80%;
  }
  .ctaBlock a {
    font-size: 34px;
    line-height: 44px;
  }
  .mainTitle2 h2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 8px;
  }
  .mainTitle2 p {
    font-size: 18px;
  }
  section {
    padding: 60px 0;
  }
  .blogsBlockText h3 {
    font-size: 20px;
    line-height: 26px;
    height: 52px;
  }
  .blogsBlockText p {
    font-size: 19px;
    line-height: 24px;
    height: 50px;
  }
  .blogsBlockText {
    padding: 16px 0 0;
  }
  .subTitle3 h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .subTitle3 h2 small {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px;
  }
  .styleForm {
    padding: 25px 12px 20px;
  }
  .ca1,
  .ca2 {
    clip-path: none;
  }
  .consultantSection {
    padding: 40px 0 60px;
  }
  .consultantBlock h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .differenceWeBroughtImg {
    border: 1px solid rgb(255, 255, 255);
  }
  .differenceWeBroughtImg img {
    height: 200px;
  }
  .differenceWeBroughtBlock {
    padding: 0 0 60px;
  }
  .glimpseWorkSwiper .swiper-button-next {
    right: 1.5%;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: 1.5%;
  }
  .glimpseWorkSwiper .swiper-button-next,
  .glimpseWorkSwiper .swiper-button-prev {
    width: 38px;
    height: 38px;
    top: 60%;
  }
  .glimpseWorkSwiper .swiper-button-next svg,
  .glimpseWorkSwiper .swiper-button-prev svg {
    width: 20px;
  }
  .glimpseWorkSwiper .swiper-button-next span,
  .glimpseWorkSwiper .swiper-button-prev span {
    display: none;
  }
  .differenceWeBroughtText {
    padding: 10px 8px 16px;
    display: block;
  }
  .differenceWeBroughtText .differenceWeBroughtContent {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
  }
  .differenceWeBroughtText img {
    display: none;
  }
  .differenceWeBroughtText h2 {
    font-size: 22px;
    line-height: 28px;
  }
  ul.imgServiceTags li .imgServiceTagsText {
    margin: 2px 3px 2px 0;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 18px;
  }
  .differenceWeBroughtTitle {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 20px 0 20px;
    max-width: 100%;
  }
  .differenceWeBroughtTitle.differenceWeBroughtTitleRight {
    visibility: hidden;
    display: none !important;
  }
  h2.titleTextWhite br {
    display: none;
    visibility: hidden;
  }
  h2.titleTextWhite {
    font-size: 40px;
    line-height: 48px;
  }
  .post-service ul li {
    width: 100%;
  }
  .service-post {
    padding: 0;
  }
  .service-media {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .subTitle5 img {
    width: 100%;
  }
  .subTitle5 {
    margin-bottom: 40px;
  }
  .section-title h2 {
    font-size: 34px;
    line-height: 40px;
  }
  .post-service ul li a {
    font-size: 22px;
    line-height: 26px;
    padding: 25px 20px 20px;
    margin: 0 0 16px;
    height: auto;
  }
  .post-service ul li a small {
    font-size: 19px;
    line-height: 24px;
  }
  .post-service ul li a svg {
    margin: 0 0 10px;
    width: 42px;
  }
  .section-title h2:after {
    height: 90%;
  }
  .section-title h2:before {
    height: 70%;
  }
  section.service-section {
    padding: 60px 0 70px;
  }
  .service-action a {
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 700;
  }
  .service-post .service-post-detail p {
    font-size: 21px;
    line-height: 29px;
  }
  p.subPara2 {
    font-size: 25px;
    line-height: 36px;
  }
  .heroBlock h1 {
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 16px;
  }
  .heroBlock h1 br {
    display: none;
  }
  .heroBlock h2 {
    font-size: 23px;
    line-height: 31px;
    margin-bottom: 0;
    padding: 0 0;
  }
  .statsBlock .statsBox {
    width: 100%;
    padding: 4px 20px;
  }
  .heroBlock {
    margin-top: -90px;
  }
  section.imgPatternSection {
    padding: 70px 0 60px;
  }
  header nav.navbar {
    padding: 16px 0;
  }
  .service-media figure img {
    height: auto;
  }
  header.fixedTop nav.navbar {
    padding: 10px 0;
  }
  section.innerBannerSection {
    padding: 150px 0 20px;
  }
  .statsBlock {
    padding: 25px 0;
  }
  .fullServiceBlock h1 {
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 50px;
  }
  .fullServiceBlock h1 br {
    display: none;
  }
  .fullServiceBlock p {
    font-size: 22px;
    line-height: 30px;
    padding-right: 0;
  }
  .fullServiceStats {
    margin-top: 35px;
  }
  .fullServiceStats h2 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 700;
    padding: 12px 12px;
  }
  .fullServiceStats h2 small {
    font-size: 52%;
    line-height: 20px;
  }
  .innerHeader nav.navbar {
    padding: 10px 0;
  }
  .fullServiceBlock p small {
    font-size: 96%;
    line-height: 28px;
    padding-left: 85px;
  }
  .fullServiceBlock p small:before {
    background-size: 70px;
  }
  .fullServiceBlock p span {
    font-size: 24px;
  }
  .mainTitle2 h3 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 14px;
    letter-spacing: 0px;
    padding: 10px 25px;
  }
  span.spanText {
    font-size: 24px;
    line-height: 34px;
  }
  .websitePartContent {
    padding-left: 0;
  }
  .websitePartBlock .partSvg {
    text-align: start;
    border-right: 0;
    padding-right: 0;
    height: auto;
    margin-bottom: 16px;
  }
  .portfolioBlock .portfolioContent {
    padding: 10px 12px 16px;
  }
  .websitePartBlock {
    padding: 25px 16px 20px;
    margin-bottom: 16px;
    border-radius: 10px;
  }
  .websitePartBlock:last-child {
    margin-bottom: 0;
  }
  .websitePartBlock h4 {
    font-size: 34px;
    line-height: 40px;
  }
  .websitePartBlock h4 small {
    font-size: 55%;
    line-height: 22px;
  }
  .websitePartBlock p {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
  }
  .explore_more a {
    padding: 12px 20px;
  }
  .innerStatsBlock {
    height: auto;
  }
  .fullServiceBlockImg img {
    height: 300px;
    -o-object-position: left;
       object-position: left;
  }
  .innerStatsBlock {
    padding: 25px 0;
  }
  .innerStatsBlock .innerStatsBox {
    padding: 25px 20px;
  }
  .innerStatsBlock .innerStatsBox h3 {
    font-size: 52px;
    line-height: 58px;
  }
  .innerStatsBlock .innerStatsBox h3 span {
    display: block;
    align-self: center;
  }
  .form-label-group input {
    font-size: 1rem;
  }
  .radio-toolbar label {
    width: 49%;
  }
  .subFooter.subFooter1 {
    padding-right: 0;
  }
  .quote-form address a h3 {
    font-size: 22px;
  }
  .quote-form address a p {
    font-size: 17px;
    line-height: 22px;
  }
  a.navbar-brand img {
    width: 200px;
  }
  header nav.navbar button.navbar-toggler svg {
    width: 50px;
  }
  .innerHeader nav.navbar a.navbar-brand img {
    width: 180px;
  }
  .innerHeader nav.navbar button.navbar-toggler svg {
    width: 45px;
  }
  section.webDesignBannerSection {
    padding: 60px 0;
  }
  section.webDesignBannerSection:before {
    background-size: 100%;
  }
  .webDesignBannerBlock h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .subFooter ul li a {
    font-size: 16px;
    line-height: 24px;
  }
  .webDesignBannerBlock h2 .bigText {
    font-size: 260%;
    line-height: 100%;
  }
  .webDesignBannerBlock p {
    font-size: 22px;
    line-height: 32px;
  }
  .coreServiceBlock h1 {
    font-size: 36px;
    line-height: 40px;
    padding: 30px 25px 12px;
    border-radius: 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    display: block;
  }
  .coreServiceBlock h1 small {
    font-size: 48%;
    line-height: 24px;
  }
  ul.coreFeatues {
    width: 85%;
    margin: 20px auto 0;
    justify-content: center;
  }
  ul.coreFeatues li {
    width: 50%;
  }
  ul.coreFeatues li .coreFeatuesBox {
    padding: 8px 6px;
    margin: 4px;
    height: auto;
  }
  ul.coreFeatues li .coreFeatuesBox svg {
    width: 38px;
    margin-bottom: 8px;
  }
  ul.coreFeatues li .coreFeatuesBox h2 {
    font-size: 19px;
    line-height: 22px;
  }
  .coreServiceBlock p {
    font-size: 24px;
    line-height: 32px;
    margin-top: 25px;
  }
  .coreServiceBlock p b {
    font-size: 110%;
  }
  .mainTitle h2 {
    font-size: 42px;
    line-height: 50px;
    text-align: center;
  }
  .mainTitle h2 br {
    display: none;
  }
  .problemBlock svg {
    width: 50px;
  }
  .problemBlock p {
    font-size: 20px;
    line-height: 26px;
  }
  .problemBlock {
    padding: 25px 12px 16px;
    height: auto;
    margin-top: 6px;
  }
  .problemBlock span.pCount {
    top: 20px;
    right: 30px;
  }
  .webDesignBannerBlock {
    padding: 0;
  }
  section.flexibleSection {
    padding: 70px 0 60px;
  }
  .flexibleTitle h2,
  .growthEngineTimeline .section-title,
  .growthLooksLike .section-title,
  .marketingSolution .msStack-head h2 {
    font-size: 32px;
    line-height: 41px;
  }
  .flexibleTitle h2 span.bigText {
    font-size: 110%;
    line-height: 130%;
  }
  .flexibleTitle h2 span.bigText br {
    display: none;
  }
  .flexibleTitle p {
    font-size: 20px;
    line-height: 30px;
    padding-right: 0;
  }
  .flexibleTitle p br {
    display: none;
  }
  .flexibleBlock .flexibleBox h3 {
    font-size: 23px;
    line-height: 27px;
  }
  .flexibleBlock svg {
    width: 52px;
  }
  .flexibleBlock .flexibleBox p {
    font-size: 20px;
    line-height: 26px;
  }
  .flexibleBlock .flexibleBox {
    padding-left: 20px;
  }
  .whoWeAreBlock {
    padding: 20px 20px;
  }
  .whoWeAreBox {
    margin: 40px 0;
  }
  .whoWeAreBox h3 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .whoWeAreBox p {
    font-size: 22px;
    line-height: 28px;
  }
  .subTitle {
    padding: 80px 25px 25px;
    height: auto;
    text-align: center;
    background: #eee !important;
  }
  .subTitle h2 {
    font-size: 46px;
    line-height: 52px;
    margin-bottom: 8px;
    color: #121212;
    font-weight: 200;
  }
  .subTitle p {
    font-weight: 400;
    color: #121212;
  }
  .wwaSvg1 {
    text-align: end;
  }
  .wwaSvg1 svg {
    width: 65px;
    top: 22%;
    right: 0;
  }
  .whoWeAreBox:before {
    display: none;
  }
  .whoWeAreBox span.countSpan {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 16px;
    display: block;
    color: rgba(0, 0, 0, 0.23);
  }
  .callBtns a.callBtns2 {
    font-size: 16px;
    line-height: 22px;
    padding: 12px 45px 12px 20px;
  }
  .webDesignBannerBtns a.wdb_Btns2 {
    font-size: 16px;
    line-height: 20px;
    padding: 12px 50px 12px 20px;
  }
  p.mainParaHead {
    font-size: 22px;
    line-height: 30px;
  }
  .stickyTop {
    position: relative;
    top: 0;
  }
  .workProcessTitle h2 {
    font-size: 44px;
    line-height: 52px;
    color: #ffffff;
    font-weight: 200;
  }
  .workProcessTitle h2 br {
    display: none;
  }
  .workProcessTitle {
    background: #1f1e1d;
    padding: 60px 20px 30px;
  }
  .workProcessBlock {
    height: auto;
  }
  .workProcessBlock .carousel {
    margin: 0 35px 0 20px;
  }
  .workProcessBlock .carousel-indicators {
    left: -190px;
  }
  .workProcessBlock .carousel-indicators button {
    height: 22px !important;
    font-size: 20px;
  }
  .workProcessBox {
    padding: 100px 0 60px;
    height: auto;
    max-width: 100%;
  }
  .workProcessBox svg {
    width: 60px;
    margin-bottom: 16px;
  }
  .workProcessBox span.processTag {
    font-size: 70px;
    line-height: 70px;
    top: 95px;
  }
  .workProcessBox h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 16px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  }
  .workProcessBox p {
    font-size: 20px;
    line-height: 30px;
  }
  .workProcessBlock .carousel-indicators button.active:before {
    width: 10px;
    right: -28px;
  }
  .workProcessBlock button.carousel-control-next {
    right: -35px;
  }
  .workProcessBlock button.carousel-control-prev,
  .workProcessBlock button.carousel-control-next {
    width: 25px;
    padding: 12px 1px;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  section.whoWeAreSection {
    overflow: hidden;
  }
  .transform-box {
    transform: none !important;
  }
  .transform-box img {
    width: 90%;
  }
  section.wrapperDifference .swiper-wrapper {
    right: 0;
  }
  .online-platform-mobile {
    background: #eee;
  }
  .growthEngineTimeline {
    padding: 50px 0px;
  }
  .marketingSolution {
    padding: 50px 12px;
  }
  .growthEngineTimeline .badges-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .marketingSolution .msCard .msBignum {
    font-size: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .growthLooksLike .process-card {
    gap: 12px;
  }
  .salesGrowthHero .hero-title {
    font-size: 30px;
    text-align: center;
    line-height: 40px;
  }
  .salesGrowthHero .service-row {
    padding: 0 25px;
    margin-top: 45px;
  }
  .salesGrowthHero .hero-visual {
    margin-top: 0;
  }
  .salesGrowthHero .service-icon {
    height: 60px;
  }
  .salesGrowthHero .service-icon svg {
    width: 33px;
    height: 33px;
  }
  .growthLooksLike .icon-wrapper {
    width: 75px;
    height: 75px;
  }
  .growthLooksLike .icon-circle {
    width: 75px;
    height: 75px;
  }
  .growthEngineTimeline br {
    display: none;
  }
  .growthEngineTimeline .step-desc {
    font-size: 21px;
  }
  .growthEngineTimeline .badge-item {
    width: 230px;
    padding: 7px 10px;
    font-size: 14px;
  }
  .growthEngineTimeline .step-title {
    font-size: 28px;
  }
  .fixedBannerFooter {
    position: relative !important;
    bottom: unset !important;
  }
  section.growthBannerSection {
    height: unset !important;
  }
  .growthBannerBlock1 h1 .bigText {
    font-size: 250%;
    line-height: 90%;
  }
  .growthBannerBlock1 h1 {
    line-height: 25px;
  }
}
@media only screen and (max-width: 360px) {
  .salesGrowthHero .service-item {
    text-align: center;
    width: 110px;
  }
  .salesGrowthHero .service-icon {
    height: 58px;
  }
  .salesGrowthHero .service-icon svg {
    width: 30px;
    height: 30px;
  }
  .callBtns a.callBtns2 {
    font-size: 15px;
  }
  .callBtns a.callBtns2 svg {
    right: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .packagesBlock h4 {
    font-size: 16px;
    line-height: 22px;
  }
  h3.packH3 {
    padding: 12px 8px;
  }
  header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 5px 16px !important;
  }
  .packagesBlock h4 {
    padding: 8px 12px;
  }
  .packagesBlock {
    padding: 12px 8px;
  }
  .workFlowBox .workStep {
    width: 70px;
    height: 70px;
    left: 12px;
  }
  .workFlowBox {
    padding: 20px 20px 20px 100px;
  }
  .portfolioBlock .portfolioContent {
    padding: 18px 12px 16px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 5px 16px;
  }
  section.innerBannerSection {
    padding: 140px 0 20px;
  }
  .portfolioBlock .portfolioContent img {
    width: 48px;
  }
  .imageSeparator img {
    height: 400px;
  }
  p.mainText2 {
    font-size: 18px;
    line-height: 26px;
  }
  .graphicServiceBlockImg img {
    height: 320px;
    border: 6px solid #fff;
  }
  .graphicServiceSection2 .graphicServiceBlockImg img {
    border: 6px solid #fff;
  }
  ul.mainList li {
    width: 100%;
  }
  .imageSeparator {
    padding: 60px 0 50px;
  }
  .contact-form.cf .default-btn {
    padding: 10px 12px;
  }
  .subFooter.subFooter1 {
    padding-right: 0;
  }
  .aboutBlock {
    padding: 30px;
  }
  .evaluateRedesignBox h2 {
    font-size: 36px;
    line-height: 44px;
  }
  section.growthBannerSection.schoolBannerSection {
    padding: 90px 0 80px;
  }
  .radio-toolbar label {
    width: 49%;
  }
  section.wrapperDifference {
    padding: 70px 0;
  }
  .consultantSection {
    top: -1px;
  }
  .ecomDiffBoxContentText span.numCountSpan {
    left: -65px;
    width: 50px;
    height: 50px;
  }
  .ecomDiffBoxContentText span.numCountSpan svg {
    width: 32px;
  }
  span.compareSpan {
    top: 100px;
    width: 60px;
    height: 60px;
    border: 6px solid #ffffff;
  }
  span.compareSpan img {
    width: 32px;
  }
  .ecomDiffBox h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  h2.diffHead {
    font-size: 58px;
    line-height: 68px;
    margin-bottom: 40px;
    -webkit-text-stroke-width: 1.5px;
  }
  h2.diffHead br {
    display: none;
  }
  .webDesignBannerBlock h2 .bigText {
    font-size: 340%;
    line-height: 80%;
  }
  .problemSecBlock .consultantBlock h2 b {
    font-size: 260%;
    line-height: 75%;
  }
  .fixedBannerFooter {
    left: 5%;
    width: 90%;
    padding: 20px 20px 20px 40px;
  }
  .growthBannerBlock1 h1 .bigText {
    font-size: 240%;
  }
  .growthBannerBlock1 h1 {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 20px;
  }
  .sitemapBlock {
    padding: 55px 16px 20px;
  }
  .sitemapBlock h3 {
    padding: 6px 16px;
  }
  .innerBannerBlock h1 br {
    display: none;
  }
  .aboutBlock h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 12px;
  }
  .aboutBlock p {
    font-size: 21px;
    line-height: 29px;
  }
  .aboutBlock {
    padding: 25px;
  }
  .scheduleBlockForm {
    padding-left: 0;
  }
  .contact-form.cf {
    padding: 35px 25px 20px 25px;
  }
  .scheduleBlockInfo {
    padding: 10px 25px 20px 20px;
  }
  section.scheduleBlockSection {
    padding: 100px 0 30px;
    height: auto;
  }
  .innerBannerBlock h1 {
    font-size: 52px;
  }
  .innerBannerBlock p {
    font-size: 24px;
  }
  .blogDetailContent h1 {
    font-size: 36px;
    line-height: 46px;
  }
  .blogDetailCategory .blogCategoryHeader h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 720px;
  }
  .heroBlock h2 {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 16px;
    padding: 0 20px;
  }
  .heroBlock h1 {
    font-size: 58px;
    line-height: 76px;
    margin-bottom: 16px;
  }
  .statsBlock {
    padding: 35px 0;
  }
  .statsBlock .statsBox {
    padding: 0 6px;
  }
  .statsBlock .statsBox h3 {
    font-size: 21px;
    line-height: 26px;
  }
  header nav.navbar {
    padding: 25px 8px 0;
  }
  header.fixedTop nav.navbar {
    padding: 10px 8px;
  }
  p.subPara2 {
    font-size: 28px;
    line-height: 38px;
  }
  .subTitle5 img {
    width: 80%;
  }
  .service-post {
    padding: 0px 60px 0px 0;
  }
  .post-service ul li {
    width: 100%;
  }
  .post-service ul li a {
    margin: 0 12px 12px;
    height: auto;
  }
  .service-media figure img {
    height: auto;
  }
  .service-post.service-post2 {
    padding: 0 0 0 60px;
  }
  .service-action a svg {
    right: 16px;
  }
  .differenceWeBroughtTitle {
    left: 5px;
    padding: 50px 12px;
    max-width: 280px;
  }
  .fixedBannerFooter img.schoolLogo {
    width: 180px;
  }
  h2.titleTextWhite {
    font-size: 40px;
    line-height: 54px;
  }
  .differenceWeBroughtTitle.differenceWeBroughtTitleRight {
    right: 8px;
  }
  .differenceWeBroughtImg img {
    height: auto;
  }
  .differenceWeBroughtText {
    display: block;
  }
  .differenceWeBroughtText h2 {
    font-size: 21px;
    line-height: 25px;
  }
  .differenceWeBroughtText .differenceWeBroughtContent {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
  }
  .differenceWeBroughtTitle {
    top: 35%;
  }
  .differenceWeBroughtText img {
    display: none;
  }
  .glimpseWorkSwiper .swiper-button-next svg,
  .glimpseWorkSwiper .swiper-button-prev svg {
    width: 28px;
  }
  .glimpseWorkSwiper .swiper-button-next,
  .glimpseWorkSwiper .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  .glimpseWorkSwiper .swiper-button-next {
    right: 21.3%;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: 21.3%;
  }
  .differenceWeBroughtBlock {
    padding: 70px 0 60px;
  }
  .consultantBlock h2 {
    font-size: 24px;
    line-height: 32px;
  }
  section {
    padding: 70px 0;
  }
  .styleForm {
    padding: 25px 16px 20px;
  }
  .subTitle3 h2 {
    font-size: 48px;
    line-height: 54px;
  }
  .mainTitle2 h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .mainTitle2 p {
    font-size: 19px;
  }
  .blogsBlockImg img {
    height: 180px;
  }
  .ctaBlock {
    margin-right: 20px;
    padding-right: 20px;
  }
  .ctaBlock a small {
    font-size: 80%;
  }
  .contentWrapper {
    padding: 30px 16px;
  }
  .contentWrapper a {
    padding-left: 0;
  }
  .contentWrapper .ico {
    position: relative;
    top: 0;
    margin-bottom: 12px;
  }
  footer.wrapperFooterMain {
    padding: 55px 0 35px;
  }
  .mainFooter {
    margin-bottom: 60px;
  }
  .subFooter {
    padding-left: 0;
  }
  .section-title h2 {
    font-size: 36px;
    line-height: 38px;
  }
  .fullServiceBlockImg img,
  .innerStatsBlock {
    height: 520px;
  }
  .innerStatsBlock {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .innerStatsBlock .innerStatsBox {
    padding: 16px 16px 16px 16px;
  }
  .innerStatsBlock .innerStatsBox:last-child {
    border-right: 0;
  }
  .innerStatsBlock .innerStatsBox h3 {
    display: block;
    font-size: 40px;
    line-height: 50px;
  }
  .innerStatsBlock .innerStatsBox h3 small {
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    padding-left: 0;
  }
  .websitePartBlock {
    padding: 30px 25px;
  }
  .websitePartBlock h4 {
    font-size: 32px;
    line-height: 38px;
  }
  .websitePartContent {
    padding-left: 20px;
  }
  .websitePartBlock p {
    font-size: 20px;
    line-height: 26px;
  }
  .explore_more a {
    font-size: 14px;
    line-height: 15px;
    padding: 10px 12px;
  }
  span.spanText {
    font-size: 25px;
    line-height: 36px;
  }
  .mainTitle2 h3 {
    font-size: 30px;
    line-height: 40px;
    padding: 10px 30px;
  }
  .fullServiceBlock h1 {
    font-size: 52px;
    line-height: 64px;
    margin-bottom: 50px;
  }
  .fullServiceBlock p {
    padding-right: 100px;
    margin-bottom: 30px !important;
  }
  .fullServiceStats h2 {
    font-size: 36px;
    line-height: 40px;
    text-align: start !important;
  }
  .fullServiceStats {
    width: 80%;
  }
  .innerHeader nav.navbar {
    padding: 10px 8px 8px;
  }
  .innerHeader header nav.navbar a.navbar-brand img {
    width: 180px;
  }
  .innerHeader header nav.navbar button.navbar-toggler svg {
    width: 45px;
  }
  .coreServiceBlock h1 {
    font-size: 50px;
    line-height: 56px;
    margin-top: -64px;
    padding: 20px 30px;
  }
  ul.coreFeatues li .coreFeatuesBox {
    padding: 12px 6px;
    margin: 0 3px;
  }
  ul.coreFeatues li .coreFeatuesBox h2 {
    font-size: 19px;
    line-height: 23px;
  }
  .workProcessBlock .carousel {
    margin: 0 50px 0 40px;
  }
  .workProcessBlock .carousel-indicators {
    left: -200px;
  }
  .workProcessBlock .carousel-indicators button {
    height: 22px !important;
    font-size: 20px;
  }
  .workProcessTitle h2 {
    font-size: 42px;
    line-height: 56px;
  }
  .workProcessBox h3 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 16px;
    padding-bottom: 6px;
  }
  .workProcessBox p {
    font-size: 22px;
    line-height: 32px;
  }
  .workProcessBlock .carousel-indicators button.active:before {
    width: 30px;
    right: -35px;
  }
  .workProcessBlock button.carousel-control-next {
    right: -45px;
  }
  .workProcessBlock button.carousel-control-prev,
  .workProcessBlock button.carousel-control-next {
    width: 28px;
    padding: 18px 2px;
  }
  .workProcessBox svg {
    width: 60px;
    margin-bottom: 20px;
  }
  .workProcessBox span.processTag {
    font-size: 82px;
    line-height: 82px;
    top: 150px;
  }
  .workProcessBox {
    padding: 210px 0 60px;
    max-width: 90%;
  }
  .flexibleTitle h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .flexibleTitle h2 br {
    display: none;
  }
  section.flexibleSection {
    padding: 80px 0 60px;
  }
  .flexibleBlock .flexibleBox h3 {
    font-size: 23px;
    line-height: 28px;
  }
  .flexibleBlock .flexibleBox p {
    font-size: 20px;
    line-height: 26px;
  }
  .webDesignBannerBlock h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .webDesignBannerBlock {
    padding: 0 0;
  }
  section.webDesignBannerSection {
    padding: 80px 0;
  }
  .subTitle h2 {
    font-size: 50px;
    line-height: 58px;
  }
  .subTitle {
    padding: 130px 120px 40px 30px;
  }
  .whoWeAreBlock {
    padding: 100px 0px 100px 20px;
  }
  .whoWeAreBox span.countSpan {
    left: -150px;
  }
  .whoWeAreBox:before {
    left: -55px;
  }
  .whoWeAreBox h3 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .whoWeAreBox p {
    font-size: 22px;
    line-height: 30px;
  }
  .wwaSvg1 svg {
    width: 75px;
    top: 0;
  }
  section.problemSection {
    padding: 80px 0 60px;
  }
  .mainTitle h2 {
    font-size: 50px;
    line-height: 56px;
  }
  .problemBlock h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .problemBlock p {
    font-size: 21px;
    line-height: 27px;
  }
  .quote-form address a p.sidebar_phone_no {
    font-size: 26px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 992px) {
  header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a.dropdown-item:hover {
    color: #fff !important;
    background: #1c1c1c !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainFooter p br {
    display: none;
  }
  .mainTitle h2 {
    font-size: 40px;
    line-height: 48px;
  }
  section.scheduleBlockSection {
    padding: 100px 0 30px;
    height: auto;
  }
  .differenceWeBroughtTitle.differenceWeBroughtTitleRight {
    right: 40px;
  }
  header.fixedTop nav.navbar a.navbar-brand img {
    width: 160px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link small {
    font-size: 68%;
    line-height: 12px;
  }
  .subTitle5 img {
    width: 620px;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 960px;
  }
  .subTitle5 {
    margin-bottom: 30px;
  }
  .contentWrapper {
    padding: 25px 20px;
  }
  .workFlowBox {
    padding: 25px 20px 25px 110px;
  }
  .workFlowBox .workStep {
    width: 75px;
    height: 75px;
  }
  .fullServiceBlockImg img,
  .innerStatsBlock {
    height: 580px;
  }
  .imageSeparator img {
    height: 480px;
  }
  .graphicServiceBlockImg img {
    height: 400px;
    border: 8px solid #fff;
  }
  .graphicServiceSection2 .graphicServiceBlockImg img {
    border: 8px solid #fff;
  }
  .imageSeparator {
    padding-top: 80px;
  }
  .subFooter.subFooter1 {
    padding-right: 20px;
  }
  .subFooter {
    padding-left: 20px;
  }
  .innerBannerBlock h1 {
    font-size: 48px;
    line-height: 54px;
  }
  .innerBannerBlock p {
    font-size: 24px;
    line-height: 34px;
  }
  .aboutBlock p {
    font-size: 21px;
  }
  .aboutBlock h2 {
    font-size: 32px;
    line-height: 40px;
  }
  h2.diffHead {
    font-size: 62px;
    line-height: 72px;
    margin-bottom: 50px;
    -webkit-text-stroke-width: 1.5px;
  }
  .ecomDiffBox h3 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 35px;
  }
  .consultantBlock h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .whoWeAreBox h3 {
    font-size: 34px;
    line-height: 40px;
  }
  .whoWeAreBox p {
    font-size: 24px;
    line-height: 32px;
  }
  .subTitle {
    height: calc(100dvh - 50px);
  }
  .flexibleTitle h2 {
    font-size: 38px;
    line-height: 46px;
  }
  section.flexibleSection {
    padding: 80px 0;
  }
  section {
    padding: 70px 0;
  }
  .webDesignBannerBlock h2 .bigText {
    font-size: 330%;
  }
  .evaluateRedesignBox h2 {
    font-size: 42px;
    line-height: 50px;
  }
  section.webDesignBannerSection {
    padding: 80px 0;
  }
  .webDesignBannerBlock h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .fixedBannerFooter {
    left: 10%;
    width: 80%;
    padding: 20px 40px;
  }
  .growthBannerBlock1 h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .growthBannerBlock1 h1 .bigText {
    margin-bottom: 6px;
  }
  section.growthBannerSection.schoolBannerSection {
    padding: 100px 0 80px;
  }
  p.subPara2 {
    font-size: 26px;
    line-height: 36px;
  }
  header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 7px 16px 6px 16px !important;
  }
  .sitemapBlock h3 {
    padding: 6px 16px;
  }
  .sitemapBlock {
    padding: 50px 16px 20px;
  }
  .innerBannerBlock h1 br {
    display: none;
  }
  .aboutBlock {
    padding: 30px;
  }
  .contact-form.cf {
    padding: 50px 30px 35px;
  }
  .scheduleBlockInfo {
    padding: 10px 35px 20px 40px;
  }
  header nav.navbar {
    padding: 0 20px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 8px 16px !important;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
    display: none;
  }
  a.navbar-brand img {
    width: 160px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 35px 12px 25px;
  }
  .heroBlock h1 {
    font-size: 64px;
    line-height: 78px;
    margin-bottom: 20px;
  }
  .heroBlock h2 {
    padding: 0 60px;
  }
  header.fixedTop nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 7px 16px;
  }
  .service-post {
    padding: 0px 30px 0px 0;
  }
  .post-service ul li a {
    padding: 20px 16px 16px;
    margin: 0 3px;
  }
  .service-media figure img {
    height: auto;
  }
  .service-post.service-post2 {
    padding: 0px 0 0px 30px;
  }
  header.fixedTop nav.navbar {
    padding: 0 8px;
  }
  .differenceWeBroughtImg img {
    height: auto;
  }
  h2.titleTextWhite {
    font-size: 42px;
    line-height: 54px;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: 21.6%;
  }
  .glimpseWorkSwiper .swiper-button-next {
    right: 21.6%;
  }
  .innerHeader nav.navbar {
    padding: 0 12px 0;
  }
  .websitePartBlock h4 {
    font-size: 38px;
    line-height: 42px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 8px 16px !important;
  }
  .fullServiceBlock h1 {
    font-size: 62px;
    line-height: 76px;
  }
  .fullServiceBlock p {
    padding-right: 20px;
  }
  .workProcessTitle h2 {
    font-size: 52px;
    line-height: 66px;
  }
  .workProcessBlock .carousel {
    margin: 0 130px 0 80px;
  }
  .workProcessBox {
    padding: 200px 0 60px;
  }
  .quote-form address a p.sidebar_phone_no {
    font-size: 21px;
    line-height: 30px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100% !important;
  }
  section.scheduleBlockSection,
  section.fullServiceSection,
  section.growthBannerSection,
  .graphicBlockImg img {
    height: calc(100dvh - 114px);
  }
  section.scheduleBlockSection {
    padding: 83px 0 20px;
  }
  .contact-form.cf {
    padding: 25px 50px 16px;
  }
  .fullServiceBlock h1 {
    width: 80%;
  }
  .innerStatsBlock {
    padding: 40px 0;
  }
  .differenceWeBroughtTitle.differenceWeBroughtTitleRight {
    right: 5%;
  }
  .differenceWeBroughtTitle {
    left: 3%;
    padding: 20px 20px;
  }
  .innerHeader nav.navbar {
    padding: 0 16px;
  }
  .slider-main video,
  .slider-main .slider-main-inner {
    height: calc(100dvh - 140px);
  }
  .glimpseWorkSwiper .swiper-button-next {
    right: 21.5%;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: 21.5%;
  }
  ul.imgServiceTags li .imgServiceTagsText {
    font-size: 13px;
    padding: 3px 6px;
  }
  .subTitle {
    padding: 100px 120px 40px 40px;
    height: calc(100dvh - 168px);
  }
  .callBtns a.callBtns2 {
    font-size: 16px;
    padding: 12px 48px 12px 20px;
  }
  html {
    zoom: 1.18;
  }
  .whoWeAreBlock {
    padding: 80px 60px 80px 40px;
  }
  .whoWeAreBox span.countSpan {
    left: -180px;
  }
  .whoWeAreBox:before {
    left: -70px;
  }
  .whoWeAreBox {
    margin: 60px 0;
  }
  .ecomDiffBox h3 {
    font-size: 48px;
    line-height: 50px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  header nav.navbar ul.navbar-nav li.nav-item .nav-link small {
    font-size: 72%;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: 21.45%;
  }
  .glimpseWorkSwiper .swiper-button-next {
    right: 21.45%;
  }
  .differenceWeBroughtTitle {
    left: 40px;
    padding: 25px 20px;
  }
  .differenceWeBroughtTitle.differenceWeBroughtTitleRight {
    right: 40px;
  }
  .subTitle {
    padding: 80px 130px 40px 30px;
  }
  section.growthBannerSection.schoolBannerSection {
    padding: 90px 0 50px;
  }
  ul.imgServiceTags li .imgServiceTagsText {
    font-size: 14px;
    padding: 3px 8px;
  }
  .contact-form.cf {
    padding: 25px 50px 16px;
  }
  section.scheduleBlockSection {
    padding: 82px 0 16px;
  }
  .contact-form.cf .form-control,
  .contact-form.cf .form-select {
    padding: 8px 12px;
    height: 38px;
  }
  .radio-toolbar label {
    padding: 8px 8px;
  }
  .form-label-group input,
  .form-label-group select,
  .form-label-group textarea {
    padding: 8px 12px;
  }
  .innerStatsBlock {
    padding: 30px 0;
  }
}/*# sourceMappingURL=main.css.map */