html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;
  background: #ded6c8;
  color: #121212;
}

.text-light1 {
  color: #ded6c8 !important;
}

.text-light2 {
  color: #b7b0a3 !important;
}

.text-red {
  color: #351911 !important;
}

.text-dark1 {
  color: #121212 !important;
}

.border-dark1 {
  border-color: #181715 !important;
}

.border-dark2 {
  border-color: #c9c2b4 !important;
}

.border-dark3 {
  border-color: #424242 !important;
}

.border-light1 {
  border-color: #ded7c9 !important;
}

.opacity30 {
  opacity: 0.3 !important;
}

.bgLight {
  background: #ded7c9;
}

.textLight {
  color: #f1ecde !important;
}

span.rotateSvg svg {
  transform: rotate(0deg) !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-90 {
  width: 90% !important;
}

.fw-semibold {
  font-weight: 500 !important;
}

.bg100 {
  background: #f3eee3 !important;
}

.bg101 {
  background: #eee9df !important;
}

.bg102 {
  background: #e8e1d3 !important;
}

.bg103 {
  background: #eae3d4 !important;
}

.bg104 {
  background: #e3dbcb !important;
}

.bg200 {
  background: #e8dece !important;
}

.bg201 {
  background: #e4dbcc !important;
}

.bg202 {
  background: #e3dacb !important;
}

.bg203 {
  background: #dbd3c4 !important;
}

.bg204 {
  background: #d9d2c3 !important;
}

h1,
h2,
h3,
h4 {
  font-family: "DM Serif Display", serif;
  letter-spacing: 0.2px;
}

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

ul,
li,
ol {
  margin-bottom: 0;
}

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

.font-family1 {
  font-family: "Inter", sans-serif !important;
}

.rounded-start-pill {
  border-radius: 100px 0.3rem 0.3rem 100px;
}

.rounded-end-pill {
  border-radius: 0.3rem 100px 100px 0.3rem;
}

.bg1 {
  background: #eee !important;
}

.bg2 {
  background: #0e100e !important;
}

.bg3 {
  background: #1a1a1a !important;
}

.bg4 {
  background: #cfc7b8 !important;
}

.bg5 {
  background: #ded6c8 !important;
}

.bg6 {
  background: #e9e2d5 !important;
}

.bg55 {
  background: rgb(23, 26, 23) !important;
}

.bgHero {
  background: #171a17 !important;
}

.borderColorHero {
  border-color: #171a17 !important;
}

.bgOrange {
  background: #f87000 !important;
}

.w-md-60 {
  width: 60% !important;
}

.w-md-40 {
  width: 40% !important;
}

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

.bgGreen {
  background: #103928 !important;
  border: 2px solid #103928 !important;
}

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

.text-black {
  color: #000 !important;
}

/*=============================== Fixed Case Studies Start =============================*/
.case-nav-container {
  position: fixed;
  left: 250px;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  z-index: 9;
  background: rgb(207, 200, 185);
  border: 1px solid rgb(171, 165, 152);
  border-radius: 50px;
  padding: 16px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
  visibility: hidden;
}

.case-nav-container.visible {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
  visibility: visible;
}

.case-nav-container::before {
  content: "";
  position: absolute;
  top: 35px;
  bottom: 35px;
  width: 1px;
  background: rgba(222, 214, 200, 0.12);
  z-index: 0;
}

.case-nav-item {
  font-family: "Inter", sans-serif;
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  background: #ded7c9;
  border: 1px solid rgba(222, 214, 200, 0.2);
  cursor: pointer;
}

.case-nav-item:hover {
  color: #262626;
  border: 1px solid rgb(171, 165, 152);
  background: rgb(255, 255, 255);
}

.case-nav-item.active {
  background: #911c00;
  color: #fff;
  font-weight: 400;
  border-color: #911c00;
  transform: scale(1.05);
}

/* Custom sleek tooltips */
.case-nav-item::after {
  content: attr(data-title);
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%) translateX(-10px);
  background: #b8b1a4;
  color: #121212;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.case-nav-item:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

/*=============================== Fixed Case Studies End =============================*/
section.centeredSection {
  padding: 100px 0;
}

section.centeredSection.centeredSection2 {
  padding: 70px 0;
}

p.bigParagraph {
  position: relative;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 0;
  font-weight: 300;
  color: #262626;
}

section.centeredSection.centeredSection2 p.bigParagraph {
  font-size: 28px;
  line-height: 40px;
}

ul.websiteModuleUl,
.featureBlock ul,
ul.processUl,
.tableContentScroll ul, ul.workProcessTimeline {
  list-style-type: none;
  padding-inline-start: 0;
}

.pattern01:before {
  content: "";
  position: absolute;
  top: -200px;
  right: 0;
  width: 600px;
  height: 600px;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 71%, #1A8FE5 0 79%, rgba(0, 0, 0, 0) 0) -16px 16px/64px 64px, linear-gradient(135deg, rgba(0, 0, 0, 0) 71%, #1A8FE5 0 79%, rgba(0, 0, 0, 0) 0) 16px 16px/64px 64px, radial-gradient(#1A8FE5 35%, #E4E4ED 37%) 0 0/32px 32px;
  filter: opacity(0.12) grayscale(1);
  clip-path: circle(50% at 50% 50%);
}

.pattern01:after {
  content: "";
  position: absolute;
  top: -200px;
  right: 0;
  width: 600px;
  height: 600px;
  background: linear-gradient(45deg, #ded7c9, transparent);
  clip-path: circle(50% at 50% 50%);
}

.pattern02:before {
  content: "";
  position: absolute;
  top: -200px;
  left: 0;
  width: 600px;
  height: 600px;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 71%, #1A8FE5 0 79%, rgba(0, 0, 0, 0) 0) -16px 16px/64px 64px, linear-gradient(135deg, rgba(0, 0, 0, 0) 71%, #1A8FE5 0 79%, rgba(0, 0, 0, 0) 0) 16px 16px/64px 64px, radial-gradient(#1A8FE5 35%, #cfc8b9 37%) 0 0/32px 32px;
  filter: opacity(0.12) grayscale(1);
  clip-path: circle(50% at 50% 50%);
}

.pattern02:after {
  content: "";
  position: absolute;
  top: -200px;
  left: 0;
  width: 600px;
  height: 600px;
  background: linear-gradient(-45deg, #cfc8b9, transparent);
  clip-path: circle(50% at 50% 50%);
}

.pattern03:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bgMathPattern.webp);
  background-size: cover;
  background-position: center;
  filter: opacity(0.4);
  background-attachment: fixed;
}

.schoolOutline:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
  height: 100%;
  background: url(../images/school-outline.webp);
  background-size: cover;
  background-position: center;
  filter: opacity(0.15);
}

.schoolOutline:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, #cfc8b9, transparent);
}

img.frameWorkImg {
  max-width: 300px;
}

span.threelineSvg svg {
  position: absolute;
  left: -32px;
  top: -32px;
  width: 45px;
  fill: #dd6f18;
}

span.threelineSvg img {
  width: 42px;
  transform: rotate(90deg);
  position: absolute;
  left: -28px;
  top: -28px;
  filter: opacity(0.5);
}

.statBlockMain,
.trustedResultPartner,
.mainUl4,
.problemSolBlock2,
.footerCopyrightBlock,
.footerCopyrightBox,
.wrapperFooterInner,
.welcomeInnerBlock,
.recentArticleBlock,
.buildMainBlock,
.welcomeInnerBlockImg,
.problemSolBlock3,
.problemSolBlock4,
.solutionBlock,
.upisInformation,
.problemSolBlock5,
.zIndex1 {
  z-index: 1;
}

.zsiq-float {
  right: 60px !important;
  bottom: 40px !important;
  width: 75px !important;
  height: 75px !important;
}

.zsiq-chat-icn {
  font-size: 42px !important;
}

.heroColor {
  border: 2px solid #911c00 !important;
  background: #911c00 !important;
}

.expBtn .expAnchor {
  color: #181715;
  border: 1px solid #181715;
  padding: 14px 25px;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.6392156863);
  cursor: pointer;
  border-radius: 50px;
  text-align: start;
}

.expBtn .expAnchor svg,
.works-action .text-link svg,
.contact-form.cf .default-btn svg,
.heroLinks .heroLinks1 svg {
  width: 22px;
  fill: #181715;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
}

.works-action.works-actionDark .text-link svg {
  fill: #121212;
  transition: 0.2s ease-in-out;
}

.works-action.works-actionDark .text-link:hover {
  background: #911c00 !important;
  border-color: #911c00 !important;
  color: #fff !important;
}

.works-action.works-actionDark .text-link:hover svg {
  fill: #fff;
}

.works-action .text-link svg,
.contact-form.cf .default-btn svg {
  fill: #fff;
}

.heroLinks .heroLinks1 svg {
  fill: #fff;
}

.heroLinks .heroLinks1.heroLinks3 svg {
  fill: #181715;
}

.expBtn .expAnchor.expAnchor1 {
  background: #181715;
  color: #fff;
  font-weight: 500;
}

.frameWorkBlock .expBtn .expAnchor.expAnchor1 {
  padding: 12px 22px;
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: 500;
  background: #181715;
  transition: 0.2s ease-in-out;
}

.frameWorkBlock .expBtn .expAnchor.expAnchor1 svg {
  fill: #fff;
  width: 18px;
  transition: 0.2s ease-in-out;
}

.expBtn .expAnchor.expAnchor1 svg {
  fill: #fff;
}

.bookingForm {
  height: 100dvh;
  padding: 140px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.frameWorkPillarCounterPadding {
  padding: 120px 0;
}

/*================================================ Preloader CSS Start =================================================*/
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  z-index: 999999;
  text-align: center;
  transition: 0.1s;
}

.preloader .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin: 0 auto;
  transition: 0.3s;
}

.preloader .shadow {
  width: 100%;
  height: 5px;
  background: #000;
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
  animation: shadow 0.2s linear infinite;
}

.preloader::after,
.preloader::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  z-index: -1;
  background: #0e100e;
  transition: 0.3s;
}

.preloader .box img {
  width: 360px;
}

.preloader::after {
  left: auto;
  right: 0;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

.preloader.preloader-deactivate::after,
.preloader.preloader-deactivate::before {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.preloader.preloader-deactivate .loader {
  opacity: 0;
  visibility: hidden;
}

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

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

header.fixed-top {
  background: #fff;
}

header.fixed-top nav.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #0e100e;
  padding: 0;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
}

header.fixed-top nav.navbar ul.navbar-nav li.nav-item .nav-link {
  padding: 22px 25px;
}

a.navbar-brand img {
  position: relative;
  top: -8px;
  width: 220px;
  transition: 0.4s ease-in-out;
}

header.fixed-top nav.navbar a.navbar-brand img {
  width: 200px;
  top: 0;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link {
  font-size: 17px;
  color: #ded6c8;
  text-transform: uppercase;
  font-weight: 400;
  padding: 35px 25px;
  letter-spacing: 0.3px;
  transition: 0.4s ease-in-out;
}

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

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,
header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2.bgTransp svg {
  right: auto;
  left: 10px;
  fill: #121212;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
  position: relative;
  color: #fff;
  padding: 12px 50px 12px 25px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  border: 1px solid #db6c0f;
  border-radius: 50px;
  letter-spacing: 0.3px;
  background: #db6c0f;
  display: inline-block;
  transition: 0.4s ease-in-out;
}

header nav.navbar ul.navbar-nav li.nav-item.book-meeting-nav-item {
  margin: 22px 0;
  transition: 0.4s ease-in-out;
}

header.fixed-top nav.navbar ul.navbar-nav li.nav-item.book-meeting-nav-item {
  margin: 10px 0;
}

.innerHeader header nav.navbar ul.navbar-nav li.nav-item.book-meeting-nav-item {
  margin: 12px 0;
  transition: 0.4s ease-in-out;
}

header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 i,
header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%) rotate(45deg);
  font-size: 16px;
  width: 24px;
  fill: #fff;
}

ul.navbar-nav li.nav-item ul.dropdown-menu {
  border-radius: 0;
  background: #ded7c9;
  border: 0;
  box-shadow: 0 12px 10px rgba(0, 0, 0, 0.08);
  min-width: 280px;
}

ul.navbar-nav li.nav-item ul.dropdown-menu:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ded7c9;
}

ul.navbar-nav li.nav-item ul.dropdown-menu li a.dropdown-item {
  white-space: normal;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  padding: 8px 16px;
  transition: 0.4s ease-in-out;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

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

ul.navbar-nav li.nav-item ul.dropdown-menu li a.dropdown-item:hover {
  background: transparent;
  color: #db6c0f;
}

li.nav-item.social-media-nav-item .nav-link {
  cursor: pointer;
}

li.nav-item.social-media-nav-item .nav-link svg {
  width: 26px;
  fill: #ded6c8;
  margin-right: 1px;
  position: relative;
  top: -2px;
}

@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;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
}
header.main-header nav.navbar button.navbar-toggler {
  visibility: hidden;
  position: absolute;
}

.mobile-navbar-menu {
  display: flex;
  position: relative;
  top: 2px;
}

.mobile-navbar-menu .icon-bars {
  text-transform: uppercase;
  color: #fff !important;
  text-shadow: 1px 1px 3px #2c2c2c;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  text-align: end;
}

.mobile-navbar-menu .icon-bars span {
  line-height: 18px;
}

.mobile-navbar-menu .icon-bars svg {
  width: 38px;
  fill: #fff;
  position: relative;
  transform: rotate(180deg);
}

.mobile-menu {
  display: block;
}

.mobile-menu nav.mobile-offcanvas a.navbar-brand img {
  width: 220px;
}

.mobile-offcanvas .offcanvas-header {
  position: absolute;
  top: 25px;
  left: 25px;
  width: calc(100% - 50px);
}

.mobile-menu nav.mobile-offcanvas .offcanvas-header button.btn-close {
  padding: 0;
  font-size: 24px;
  filter: opacity(0.6);
  opacity: 1;
  position: relative;
  top: -6px;
}

.heightSideBar {
  height: calc(100vh - 130px);
}

ul.sidePanelNavigation2 {
  list-style-type: none;
  padding-inline-start: 0;
}

ul.sidePanelNavigation {
  position: relative;
  margin-top: 0;
  padding-top: 40px;
  list-style-type: none;
  padding-inline-start: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.45);
}

ul.sidePanelNavigation li a {
  display: inline-block;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: -0.2px;
  color: #181715;
  transform: translateX(0px);
  transition: 0.6s ease-in-out;
}

ul.sidePanelNavigation li a.nevi1 {
  background: #181715;
  color: #fff;
  padding: 10px 25px;
  border-radius: 60px;
  font-weight: 600;
  transform: translateX(0);
}

ul.sidePanelNavigation li a.nevi1:hover {
  color: #fff;
  transform: translateX(0);
}

ul.sidePanelNavigation li a:hover {
  color: #000;
  transform: translateX(6px);
}

ul.sidePanelNavigation2 li a {
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin: 4px;
  border: 1px solid #181715;
  padding: 6px 14px;
  border-radius: 50px;
  letter-spacing: -0.2px;
  color: #181715;
  transform: translateX(0px);
  transition: 0.6s ease-in-out;
}

body.offcanvas-active {
  *overflow: hidden;
}

.offcanvas-header {
  display: none;
}

.screen-darken {
  height: 100%;
  width: 0%;
  z-index: 30;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(14, 16, 14, 0.9019607843);
  transition: opacity 0.2slinear, visibility 0.2s, width 2sease-in;
}

.screen-darken.active {
  z-index: 9999;
  transition: opacity 0.3s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible;
}

/* ============ mobile view ============ */
.offcanvas-header {
  display: block;
}

.mobile-offcanvas {
  visibility: hidden;
  transform: translateX(-100%);
  opacity: 0;
  border-radius: 0;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 99999;
  width: 100%;
  max-width: 500px;
  overflow-y: inherit;
  overflow-x: hidden;
  transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, display 0.3s ease-in-out;
  background: rgba(222, 215, 201, 0.8588235294);
  padding: 100px 25px 25px;
  display: none;
  height: 100%;
  max-height: 100vh;
  overflow-y: scroll;
}

.mobile-offcanvas::-webkit-scrollbar {
  width: 3px;
  border-radius: 6px;
}

.mobile-offcanvas::-webkit-scrollbar-track {
  border-radius: 20px;
}

.mobile-offcanvas::-webkit-scrollbar-thumb {
  background-color: #ded6c8;
  border-radius: 20px;
}

.mobile-offcanvas.show {
  visibility: visible;
  transform: translateX(0);
  opacity: 1;
  display: block;
}

.mobile-offcanvas .container,
.mobile-offcanvas .container-fluid {
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .blogDetailInnerBanner h1.heroTitle {
    font-size: 36px;
    line-height: 44px;
  }
  .aboutPageBlock2 {
    padding-bottom: 60px;
  }
  .wrapperScrollBlock {
    padding: 30px 25px;
  }
  .dynamic-heading .step-text {
    font-size: 120% !important;
    height: 52px !important;
  }
  .wrapperSticky3 {
    top: 160px !important;
  }
  .frameWorkPillarCounterPadding {
    padding: 80px 0;
  }
  .bookingForm {
    padding: 65px 20px 30px;
    display: block;
  }
  .frameWorkBlock .expBtn .expAnchor.expAnchor1 {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 20px;
  }
  .buildBlock .textLink {
    font-size: 16px;
  }
  .case-nav-item {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .case-nav-container {
    left: 120px;
    padding: 8px;
    gap: 12px;
  }
  p.bigParagraph {
    font-size: 28px;
    line-height: 40px;
  }
  section.centeredSection {
    padding: 70px 0;
  }
  .mobile-offcanvas {
    max-width: 380px;
    padding: 85px 16px 16px;
  }
  .mobile-menu nav.mobile-offcanvas a.navbar-brand img {
    width: 180px;
  }
  .mobile-menu nav.mobile-offcanvas .offcanvas-header button.btn-close {
    font-size: 22px;
  }
  ul.sidePanelNavigation {
    padding-top: 25px;
  }
  ul.sidePanelNavigation li a {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  ul.sidePanelNavigation2 li a {
    font-size: 15px;
    line-height: 20px;
  }
  .heightSideBar {
    height: calc(100vh - 110px);
  }
}
/*================================================ Sidebar Menu CSS end =================================================*/
/*================================================ Header CSS End =================================================*/
/*section.heroSection {
    height: 100dvh;
    background: url(../images/bg-image.jpg);
    background-size: cover;
    background-position: center;
}*/
section.heroSection {
  height: 100dvh;
  background: url(../images/logo-icon10.webp);
  background-size: 500px;
  background-position-y: 50%;
  background-position-x: 90%;
  background-repeat: no-repeat;
}

section.heroSection:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0e100e;
  opacity: 0.998;
}

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

.welcomeMainBlock h3 {
  font-size: 54px;
  line-height: 58px;
  font-weight: 700;
  margin-bottom: 30px;
}

.welcomeMainBlock p,
ul.mainUl2 li {
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 0;
  font-weight: 400;
}

.welcomeMainBlock {
  padding: 120px 0;
}

/*================================================ Hero Block CSS Start =================================================*/
.heroBlock {
  margin: 150px 0 0;
}

.heroBlockSvg svg {
  stroke: #ded6c8;
  width: 100%;
  max-width: 430px;
  position: relative;
}

.shape2 {
  position: absolute;
  top: 25%;
  left: 100px;
  width: 200px;
}

img.shape3 {
  position: absolute;
  top: 65%;
  right: 50px;
  width: 20px;
  transform: translate(0, -50%);
  animation: pulse2 4s infinite;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes pulse2 {
  0% {
    transform: translateY(-50px) translate(0, -50%);
  }
  100% {
    transform: translateY(0px) translate(0, -50%);
  }
}
img.shape3.shape3Left {
  right: auto;
  left: -50px;
}

h1.heroTitle3 {
  position: relative;
  color: #ded6c8;
  font-size: 66px;
  font-weight: 400;
  line-height: 72px;
  margin-bottom: 10px;
  z-index: 9;
}

h1.heroTitle3 small {
  font-size: 80%;
  line-height: 80px;
}

h1.heroTitle {
  position: relative;
  color: #ded6c8;
  font-size: 72px;
  font-weight: 400;
  line-height: 76px;
  margin-bottom: 16px;
  display: inline-block;
  z-index: 9;
}

p.heroPara {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 0;
  font-weight: 200;
}

p.heroPara u {
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

p.mainBigPara2 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 16px;
}

.heroScrollerBlock {
  position: relative;
  color: #ded6c8;
  font-size: 76px;
  font-weight: 200;
  line-height: 84px;
  margin-bottom: 0;
  padding: 12px 0 20px;
}

img.satisfactionIcons {
  position: absolute;
  right: 8%;
  top: 45%;
  transform: translateY(-50%) rotate(20deg);
  width: 480px;
  filter: invert(1) opacity(0.03);
  background: rgba(255, 255, 255, 0.2705882353);
  border-radius: 50%;
  padding: 20px;
}

.innerPageFoldBox {
  background: #ded7c9;
  padding: 20px 12px;
}

.innerPageFoldBox {
  background: #111311;
  height: 100%;
  min-height: 200px;
  border: 1px solid #23211e;
}

.innerPageFoldBox svg {
  width: 54px;
  fill: #59554c;
  margin: 0 auto;
}

.innerPageFoldBox img,
.expectedOutcome img,
.upcomingAdmissionSeason img,
.mainUl4BoxWithIcon img {
  width: 52px;
  margin: 0 auto;
}

.innerPageFoldBox p {
  color: #121212;
  font-size: 21px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 0;
}

.separator:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  opacity: 0.25;
  background: #23211e;
}

.separatorVertical:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  opacity: 0.25;
  background: #23211e;
}

.innerPageFoldSection .separator:before, .admissionSessionSection .separator:before, .wrapperFooterMain .separator:before {
  opacity: 1;
  background: #23211e;
}

.separator.separatorBorder:before {
  opacity: 0.25 !important;
}

.separator:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b85d44;
}

.separatorVertical:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b85d44;
}

img.titleShape {
  position: absolute;
  top: 90px;
  right: 40px;
  width: 500px;
  transform: rotate(90deg);
  filter: opacity(0.03);
}

.heroText {
  color: #ded6c8;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}

.heroLinks {
  position: relative;
  margin-top: 30px;
}

.heroLinks .heroLinks1 {
  position: relative;
  cursor: pointer;
  color: #121212;
  padding: 14px 25px;
  font-size: 18px;
  line-height: 24px;
  border: 1px solid #ffdec2;
  font-weight: 500;
  border-radius: 50px;
  background: #ffdec2;
  display: inline-block;
  text-transform: uppercase;
  margin: 0 12px 0 0;
  text-align: start;
  letter-spacing: 0.3px;
  transition: 0.4s ease-in-out;
}

.heroLinks1:hover {
  border: 1px solid #f87000;
  color: #fff;
  background-color: #f87000;
}

.heroLinks1.heroLinks3 {
  background: transparent !important;
  color: #181715 !important;
  border: 1px solid #181715 !important;
  font-weight: 700;
}

.heroLinks1.heroLinks3:hover {
  background: #181715 !important;
  color: #fff !important;
  border: 1px solid #181715 !important;
}

.heroLinks1.heroLinks3 svg {
  transition: 0.2s ease-in-out;
}

.heroLinks1.heroLinks3:hover svg {
  fill: #fff;
}

.heroBlock .heroLinks1,
.trustBlockStats .heroLinks1 {
  border: 1px solid #181715;
  color: #fff;
  background-color: #181715;
}

.heroLinks .heroLinks2 {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.368627451);
  transition: 0.4s ease-in-out;
  color: #fff;
}

.heroBlock .heroLinks .heroLinks2 i,
.heroBlock .heroLinks .heroLinks2 svg {
  font-size: 140%;
  width: 24px;
  right: 16px;
  left: auto;
}

.heroLinks .heroLinks2 i,
.heroLinks .heroLinks2 svg {
  position: absolute;
  top: 48%;
  left: 14px;
  transform: translate(0, -50%);
  font-size: 130%;
  width: 28px;
}

span.notiSpan svg {
  fill: #932000;
  width: 20px;
}

/*================================================ Hero Block CSS End =================================================*/
.redesignGuideModal {
  backdrop-filter: blur(4px);
}

.redesignGuideModal button.btn-close {
  font-size: 24px;
  margin-right: 4px;
}

.redesignGuideModal .form-label-group input,
.redesignGuideModal .form-label-group select {
  height: 48px;
}

.redesignGuideModal .modal-title {
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  margin-bottom: 0;
  letter-spacing: -0.5px;
}

.redesignGuideModal .webinarForm {
  background: transparent;
  max-width: 100%;
  box-shadow: none;
}

.redesignGuideModal .webinarForm button.hs-button {
  width: 100%;
}

/* ================================= Webinar Page CSS Start ================================*/
section.webinarSection {
  padding: 30px 0 0;
  height: 100dvh;
  overflow: hidden;
}

.webinarBlockContent h1 {
  position: relative;
  color: #121212;
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.6rem;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.webinarForm {
  position: relative;
  background: #fff;
  padding: 25px 20px;
  width: 100%;
  max-width: 330px;
  border-radius: 4px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}

h2.formHead {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #121212;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.webExpertBlock {
  background: #1d1e0f;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px 310px 25px 0;
  width: 62%;
  border-top-right-radius: 50px;
}

.webinarBlockContent {
  margin-top: -60px;
}

.webExpertBlock .webExpertImg {
  position: absolute;
  bottom: 0;
  right: -60px;
}

.webExpertBlock .webExpertImg img.consultantProfile {
  width: 360px;
}

.webExpertBlock h2 {
  font-size: 21px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 200;
  text-align: end;
}

.webExpertBlock h2 big {
  display: block;
  font-style: italic;
  font-weight: 500;
  font-size: 130%;
}

span.webinarDate {
  font-size: 17px;
  line-height: 22px;
  color: #111;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  border: 1px solid #b9b9b9;
  padding: 9px 14px;
}

span.webinarDate svg {
  fill: #757575;
  width: 16px;
  position: relative;
  top: -3px;
}

/* ================================= Webinar Page CSS End ================================*/
.flip-card {
  width: 300px;
  height: 200px;
  perspective: 1000px;
}

.flip-card-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  padding: 35px;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flip-card-back {
  transform: rotateY(180deg);
}

.provenResultBox {
  min-height: 220px;
  padding: 30px 20px;
  perspective: 1000px;
  transition: 0.4s ease-in-out;
}

.provenResultBox:hover {
  transform: rotateY(180deg);
  transform-style: preserve-3d;
}

.flip-card-front h3,
.flip-card-back h3 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 16px;
  font-weight: 400;
}

.flip-card-front h3 span,
.flip-card-back h3 span {
  font-size: 180%;
  line-height: 44px;
  align-self: center;
  font-weight: 800;
}

.flip-card-front p,
.flip-card-back p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0;
  font-weight: 400;
}

ul.schoolPartnersUl,
ul.schoolPartnersUl li {
  list-style-type: none;
  padding-block-start: 0;
}

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

.schoolPartnerBox {
  padding: 20px 32px 20px 0;
  transition: 0.4s ease-in-out;
}

.schoolPartnerBox img {
  width: 100%;
  max-width: 72px;
  transition: 0.4s ease-in-out;
  filter: grayscale(1);
  align-self: center;
}

.schoolPartnerBox p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4b4740;
}

.schoolPartnerBannerBox {
  padding: 20px;
  filter: opacity(0.2);
  transition: 0.4s ease-in-out;
}

.schoolPartnerBannerBox img {
  width: 100%;
  max-width: 92px;
  transition: 0.4s ease-in-out;
  filter: grayscale(1);
}

.schoolPartnerBannerBox p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4b4740;
}

.mainUl4Box.statsBlock {
  min-height: 100%;
}

.mainUl4Box.statsBlock h3, .admissionSessionBlock h3 {
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  font-family: "DM Serif Display", serif;
}

.impactBlock h3 {
  font-size: 48px;
  line-height: 58px;
  font-weight: 700;
  margin-bottom: 25px;
}

.impactBlock p {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  font-weight: 400;
}

/*================================================ Logo Pattern CSS Start =================================================*/
.imgLogoBlock2:before {
  background: rgba(219, 108, 15, 0.7019607843);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: 0.72s cubic-bezier(0.175, 0.885, 0.32, 1);
}

.imgLogoBlock2:hover::before {
  transform: scale(1);
}

.imgLogoBlock2 {
  position: relative;
  padding: 40px 25px;
  text-align: center;
  background: #cfc8b9;
  transition: 0.72s cubic-bezier(0.175, 0.885, 0.32, 1);
}

.imgLogoBlock2 img {
  width: 150px;
  filter: grayscale(1);
}

label.logoLabel {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #121212;
  border-bottom: 1px solid #000000;
  padding-bottom: 6px;
  margin-top: 10px;
  font-weight: 600;
}

/*================================================ Logo Pattern CSS End =================================================*/
/*================================================ Trust Stats CSS Start =================================================*/
.shapeBottom {
  position: relative;
}

.shapeBottom svg {
  fill: #1d1e0f;
  height: 120px;
  width: 100%;
}

section.trustSection {
  background: #e4e4e4;
  padding: 40px 0;
}

.mainTitle {
  position: relative;
  z-index: 9;
}

h1.mainTitle {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
  margin-bottom: 30px;
  color: #121212;
}

.trustBlockHead h1.mainTitle {
  font-weight: 600;
}

.trustBlockStats {
  position: relative;
  background: #0e100e;
  padding: 70px 0 50px;
}

.trustBlockStats:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/shape4.png);
  background-size: 12px;
  filter: grayscale(1) opacity(0.025);
}

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

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

ul.trustBlockStats-ul li .trustStats {
  position: relative;
  font-size: 56px;
  font-weight: 500;
  line-height: 56px;
  color: #ded6c8;
  padding: 25px 30px;
  margin: 0 10px;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.0901960784);
  background: #171a17;
}

ul.trustBlockStats-ul li .trustStats small {
  font-size: 38%;
  line-height: 26px;
  font-weight: 200;
  margin-top: 4px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: start;
}

.trustStatsComments p {
  font-size: 24px;
  line-height: 32px;
  color: #ded6c8;
  font-weight: 300;
}

/*================================================ Trust Stats CSS End =================================================*/
/*========================================== Lets Work Together CSS Start ==========================================*/
.letsWorkSection {
  padding: 120px 0;
  background: #cfcabb;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.exploreCollaborate {
  font-size: 20px;
  line-height: 24px;
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 50px;
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 60px;
  padding: 12px 25px;
}

.letsWorkBlock h2 {
  font-size: 120px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -6px;
  margin-bottom: 0;
}

a.roundedHref {
  position: absolute;
  top: 200%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  background: #ff770e;
  border: 6px solid #cfcbbc;
  border-radius: 50%;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.letsWorkSection .letsWorkBlock:hover a.roundedHref {
  top: 65%;
}

a.roundedHref:hover {
  background: #1a1a1a;
}

a.roundedHref span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  color: #ded6c8;
  font-weight: 400;
}

/*========================================== Lets Work Together CSS End ============================================*/
.mainUl4,
.mainUl4 li {
  list-style-type: none;
  padding-inline-start: 0;
}

ul.mainUl4 li {
  flex: 0 0 auto;
  *width: 20%;
  width: 25%;
  padding: 6px;
}

.problemSolBlock3 ul.mainUl4 li {
  width: 16.66%;
}

.problemSolBlock5 ul.mainUl4 li {
  width: 20%;
}

.upcomingAdmissionSeason ul.mainUl4 li {
  width: 16.66%;
}

ul.mainUl4.expectedOutcome li {
  width: 12.5%;
}

.sixRow .col-md-3, ul.sixRow li {
  width: 16.66%;
}

.frameWorkBlock .mainUl4Box img {
  width: 32px;
}

.frameWorkBlock .mainUl4Box h3 {
  font-size: 19px;
  line-height: 24px;
}

.fiveRow .col-md-2, .fiveRow .col-md-3, ul.fiveRow li {
  width: 20% !important;
}

.fiveRow2 .col-md-3 {
  width: 20% !important;
}

.threeRow .col-md-2, ul.threeRow li {
  width: 33.33%;
}

.halfRow li {
  width: 50% !important;
}

.mainUl4Box {
  height: 100%;
  min-height: 240px;
}

.upisBlock .mainUl4Box {
  min-height: 100%;
}

.upcomingAdmissionSeason .mainUl4Box, .mainUl4Box.mainUl4BoxWithIcon, .problemSolBlock4 .mainUl4Box {
  min-height: 100%;
}

ul.mainUl4.expectedOutcome .mainUl4Box {
  min-height: 260px;
}

.mainUl4Box img {
  width: 50px;
}

span.spanCounter {
  font-size: 32px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.3019607843);
}

.mainUl4Box h3 {
  font-size: 21px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
}

.mainUl4Box p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 12px;
  font-weight: 400;
}

.mainUl4Box p span.bigText {
  font-size: 110%;
  line-height: 130%;
}

.mainUl4Box svg {
  width: 36px;
  fill: #a19b8e;
  margin-bottom: 12px;
}

.problemSolBlock2 .mainUl4Box p {
  height: 100%;
  min-height: 100px;
}

.frameWorkBlock {
  padding: 40px 35px 85px;
  transition: 0.2s ease-in-out;
}

.frameWorkBlockImg {
  transition: 0.1s ease-in-out;
}

.frameWorkBlockImg img {
  transition: 0.1s ease-in-out;
  filter: invert(1);
}

.frameWorkBlockImg:hover img {
  transform: scale(1.03);
}

.bg4a {
  background: rgb(224, 216, 196) !important;
}

.wrapSvg2 img {
  width: 200px;
  opacity: 0.5;
}

.frameWorkPillarCounter.frameWorkPillarCounterWithoutSteps .frameWorkTitle img {
  opacity: 1;
  width: 54px;
  margin-top: 0;
}

.frameWorkScroller {
  position: relative;
  height: 100%;
  max-height: 190px;
  overflow-y: scroll;
}

.frameWorkScroller::-webkit-scrollbar {
  width: 5px;
  border-radius: 6px;
}

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

.frameWorkScroller::-webkit-scrollbar-thumb {
  background-color: #cfc7b8;
  border-radius: 20px;
}

.frameWorkTitleText h3 {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 16px;
  width: 100%;
  transition: 0.2s ease-in-out;
}

.frameWorkTitleText h3 small {
  font-size: 80%;
  line-height: 30px;
}

.numCounterStroke span {
  font-family: sans-serif;
  font-size: 68px;
  line-height: 68px;
  font-weight: 900;
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(18, 18, 18, 0.24);
}

.frameWorkBlock:hover .frameWorkTitleText h3 {
  color: #351911 !important;
}

.frameWorkPillarCounter.frameWorkPillarCounterWithoutSteps:before, .frameWorkPillarCounter.frameWorkPillarCounterWithoutSteps .frameWorkBlock:before {
  display: none;
}

.frameWorkPillarCounter:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 66px;
  width: 1px;
  height: calc(100% - 380px);
  background: #b5ad9a;
}

span.frameWorkCounterSpan {
  position: absolute;
  left: -64px;
  top: 45px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  background: #cfc8b9;
  color: #181715;
  padding: 8px;
  font-size: 25px;
  line-height: 32px;
  font-weight: 400;
}

/*.frameWorkBlock:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 50px;
    width: 30px;
    height: 1px;
    background: #b5ad9a;
}*/
.frameWorkPillarRemoveLines .frameWorkBlock:before, .frameWorkPillarCounter.frameWorkPillarRemoveLines:before {
  display: none;
}

.numCounter {
  font-size: 40px;
  line-height: 40px;
  color: #aba394;
}

.btnAbsolute {
  right: 30px;
  bottom: 25px;
  width: calc(100% - 60px);
}

.textLink {
  cursor: pointer;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #121212;
  display: inline-block;
  transition: 0.2s ease-in-out;
}

.textLink:hover {
  color: #121212;
}

.fontBig .textLink {
  font-size: 19px;
  line-height: 23px;
}

.textLink u {
  text-underline-offset: 2px;
}

.fontBig .textLink u {
  text-underline-offset: 4px;
}

.textLink svg {
  width: 18px;
  transform: rotate(45deg);
  fill: #911c00;
}

ul.mainUl4.frameworkBlock li {
  width: 100%;
  padding: 4px;
}

ul.mainUl4.frameworkBlock li .mainUl4Box h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

ul.mainUl4.frameworkBlock li .mainUl4Box {
  height: 100%;
  min-height: 100%;
  background: rgb(213, 205, 189);
  border-left: 2px solid #6f6a60;
}

.bg4b {
  *background: rgb(207, 200, 185) !important;
  background: #ded7c6 !important;
}

.bg4bb {
  background: #dfd9c9 !important;
}

.five-rows .col-md-4 {
  width: 20%;
}

ul.mainUl4.frameworkBlock li .mainUl4Box svg {
  margin-bottom: 0;
}

ul.mainQuickLinkUl, ul.mainQuickLinkUl li {
  padding-inline-start: 0;
  list-style-type: none;
}

ul.mainQuickLinkUl li {
  flex: 0 0 auto;
  width: 25%;
}

.threeColumn ul.mainQuickLinkUl li {
  width: 33.33% !important;
}

ul.mainQuickLinkUl li a {
  position: relative;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  font-weight: 600;
  color: #121212;
  transition: 0.2s ease-in-out;
}

.bgColorChange ul.mainQuickLinkUl li a.bg5 {
  background: #cfc7b8 !important;
}

ul.mainQuickLinkUl li a:hover, ul.mainQuickLinkUl li a.active {
  color: #911c00;
}

ul.mainQuickLinkUl li a svg {
  width: 68px;
  fill: rgba(18, 18, 18, 0.2823529412);
}

section.mainQuickLinkSection {
  padding: 80px 0;
}

.whyChooseBox2 h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
}

.whyChooseBox ul,
.whyChooseBox ul li {
  list-style-type: none;
  padding-inline-start: 0;
}

.whyChooseBox ul li {
  position: relative;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 12px;
  font-weight: 400;
  padding-left: 30px;
}

.whyChooseBox ul li svg {
  width: 24px;
  fill: rgba(14, 16, 14, 0.82);
  position: absolute;
  left: 0;
  top: 4px;
  background: #cfc8b9;
  border-radius: 50%;
  padding: 1px;
}

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

.vsText {
  width: 45px;
  height: 45px;
}

.vsText span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 19px;
  line-height: 22px;
  font-weight: 700;
}

span.solutionSvg svg {
  fill: rgba(149, 36, 0, 0.2588235294);
  width: 62px;
}

/*========================================== What We Do CSS Start ============================================*/
.wrapperSticky01,
.wrapperSticky02,
.wrapperSticky03,
.wrapperSticky04,
.wrapperSticky05 {
  position: sticky;
  top: 70px;
}

/*.wrapperSticky01 {
  top: 100px;
}

.wrapperSticky01 .whatWeDoBlock {
  border-top: 10px solid #6988c5;
}

.wrapperSticky02 {
  top: 115px;
}

.wrapperSticky02 .whatWeDoBlock {
  border-top: 10px solid #9d62a9;
}

.wrapperSticky03 {
  top: 130px;
}

.wrapperSticky03 .whatWeDoBlock {
  border-top: 10px solid #ad6b7e;
  *height: 100dvh;
}

.wrapperSticky04 {
  top: 145px;
}

.wrapperSticky04 .whatWeDoBlock {
  border-top: 10px solid #797dd2;
  *height: 100dvh;
}

.wrapperSticky05 {
  top: 160px;
}

.wrapperSticky05 .whatWeDoBlock {
  border-top: 10px solid #b9865f;
  *height: 100dvh;
}*/
.smallHeading h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.smallHeading h2 svg {
  width: 18px;
  fill: #181715;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.smallHeading h2 .bigSvg svg {
  width: 26px;
}

.whatWeDoBlock {
  position: relative;
  padding: 60px 5px 250px;
  background: #ded7c9;
}

.whatWeDoBlock h3 {
  font-size: 48px;
}

.whatWeDoInnerBlock2 {
  background: #cfc7b8;
  padding: 35px;
}

.profileBlock figure img {
  width: 5rem;
  height: 5rem;
}

.figCaption {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: 400;
}

.figCaption a {
  font-weight: 700;
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.whatWeDoBlock h3 {
  font-size: 48px;
  line-height: 58px;
  font-weight: 700;
  margin-bottom: 35px;
}

.advanceLink {
  margin-bottom: 40px;
}

img.iconArrow {
  position: absolute;
  left: 0;
  top: 4px;
  width: 24px;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.advanceLink .advanceLinker:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: rgb(18, 18, 18);
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.advanceLink .advanceLinker {
  color: #181715;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  position: relative;
  padding-left: 38px;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.advanceLink .advanceLinker svg {
  width: 22px;
  margin-left: 4px;
}

.whatWeDoInnerBlock h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 16px;
}

.whatWeDoInnerBlock {
  padding: 0 40px 0 0;
}

/*========================================== What We Do CSS End ============================================*/
hr.separatorHr {
  margin: 60px 0;
}

ul.mainUl3,
ul.mainUl3 li {
  list-style-type: none;
  padding-inline-start: 0;
}

p.smallParagraph,
ul.mainUl3 li {
  position: relative;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0;
  font-weight: 400;
}

ul.addList, ul.addList li {
  list-style-type: disc !important;
}

ul.addList {
  padding-inline-start: 30px !important;
}

ul.mainUl3 li {
  padding-left: 30px;
}

ul.mainUl3.iconSmallTag li {
  padding-left: 24px;
}

ul.mainUl3 li svg {
  width: 20px;
  fill: rgba(24, 23, 21, 0.4);
  position: absolute;
  left: 0;
  top: 6px;
}

ul.mainUl3 li small svg {
  width: 16px;
  top: 5px;
}

.problemSolBox {
  padding: 40px;
  border: 1px solid rgba(24, 23, 21, 0.1843137255);
}

.col-md-6:nth-child(1) .problemSolBox {
  padding-left: 0;
  padding-top: 0;
  border-left: 0;
  border-top: 0;
}

.col-md-6:nth-child(2) .problemSolBox {
  padding-right: 0;
  padding-top: 0;
  border-right: 0;
  border-left: 0;
  border-top: 0;
}

.col-md-6:nth-child(3) .problemSolBox {
  padding-left: 0;
  padding-bottom: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 0;
}

.col-md-6:nth-child(4) .problemSolBox {
  padding-right: 0;
  padding-bottom: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 0;
}

span.counterSpan {
  position: absolute;
  right: 30px;
  top: 40px;
  font-size: 100px;
  line-height: 80px;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.062745098);
}

.col-md-6:nth-child(1) .problemSolBox span.counterSpan,
.col-md-6:nth-child(2) .problemSolBox span.counterSpan {
  top: 0;
}

.problemSolBox h3 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 12px;
}

.problemSolBlock2 {
  border-left: 12px solid rgba(14, 16, 14, 0.1490196078);
}

/*============================================ Recent Articles CSS Start ===========================================*/
.mainTitle h2 {
  font-size: 52px;
  line-height: 58px;
  font-weight: 400;
  margin-bottom: 30px;
}

.mainTitle h2 span.smallh2 {
  font-size: 42px;
  line-height: 48px;
}

.mainTitle h2 small {
  font-size: 60%;
}

.mainTitle h2 span.h2Big {
  font-size: 85%;
  line-height: 52px;
}

.mainTitle h2.bgText {
  background: #0e100e;
  color: #cfc8b9;
  text-transform: uppercase;
  padding: 16px 20px;
  border-radius: 2px;
}

p.subPara2 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
}

.recentArticleBlockImg img {
  transition: 2s ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
}

.recentArticleBlock {
  position: relative;
  margin-bottom: 30px;
}

.col-12 a:last-child .recentArticleBlock {
  margin-bottom: 0;
}

.recentArticleBlockContent h3 {
  color: #171614;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 0;
  transition: 0.4s ease-in-out;
}

.recentArticleBlock:hover .recentArticleBlockContent h3 {
  color: #ded6c8;
}

.recentArticleBlockContent p {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-weight: 400;
  margin-bottom: 16px;
  transition: 0.4s ease-in-out;
}

.recentArticleBlock:hover .recentArticleBlockContent p {
  color: #ded6c8;
}

.recentArticleBlockContent {
  background: #cfc9ba;
  padding: 25px;
  height: 100%;
  transition: 0.4s ease-in-out;
}

.recentArticleBlock:hover .recentArticleBlockContent {
  background: #0e100e;
}

.recentArticleBlockInnerContent {
  height: 190px;
}

span.articleTags:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background: #000000;
  border-radius: 50%;
  transition: 0.4s ease-in-out;
}

.recentArticleBlock:hover span.articleTags:before {
  background: #db6c0f;
}

span.articleTags {
  position: relative;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-weight: 400;
  transition: 0.4s ease-in-out;
  padding-left: 20px;
}

.recentArticleBlock:hover span.articleTags {
  color: #ded6c8;
}

.fixedIconBlock {
  position: sticky;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 30px;
}

img.fixedIcon1 {
  width: 42px;
}

/*============================================ Recent Articles CSS End ============================================*/
/*================================================ Work Process CSS Start =================================================*/
.workProcessSection .stickyBlock {
  top: 60px;
}

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

ul.workProcessTimeline li:nth-child(1) {
  flex: 0 0 auto;
  width: 45%;
}

ul.workProcessTimeline li:nth-child(2) {
  flex: 0 0 auto;
  width: 25%;
}

ul.workProcessTimeline li:nth-child(3) {
  flex: 0 0 auto;
  width: 30%;
}

.workProcessTitle {
  position: relative;
  background: #0e100e;
  height: 100dvh;
  width: 320px;
  padding: 150px 20px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.workProcessTitle h2 {
  font-size: 58px;
  line-height: 68px;
  font-weight: 400;
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  color: #ded6c8;
}

.timelineContent .timelineContentHead h2 {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 36px;
  align-self: end;
  margin-bottom: 0;
  margin-left: 20px;
  font-weight: 700;
}

ul.workProcessTimeline .timelineContent2 .timelineContentHead h2 {
  margin-left: 0;
  margin-right: 16px;
}

.timelineContent svg {
  width: 68px;
  fill: #121212;
  filter: opacity(0.3);
}

ul.workProcessTimeline .timelineContentHead {
  position: relative;
  margin-bottom: 20px;
}

ul.workProcessTimeline li .timelineContent {
  position: relative;
  background: #e1dbce;
  padding: 45px 40px 40px;
  width: 520px;
  margin-left: auto;
  border-radius: 6px;
}

.timelineContent.timelineContent2:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -30px;
  width: 30px;
  height: 40px;
  background: #cfc8b9;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.timelineContent.timelineContent1:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
  left: -20px;
  width: 20px;
  height: 30px;
  background: #bcbcbc;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

ul.workProcessTimeline li .timelineContent.timelineContent2 {
  margin-top: 60px;
}

ul.workProcessTimeline li .timelineContent.timelineContent2:nth-child(1) {
  margin-top: 100px;
}

ul.workProcessTimeline li .timelineContent.timelineContent2:last-child {
  margin-bottom: 100px;
}

ul.workProcessTimeline li .timelineContent:last-child {
  margin-bottom: 0;
}

ul.workProcessTimeline li .timelineContent p {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 0;
  font-weight: 400;
}

span.processCount {
  position: absolute;
  right: 20px;
  top: -12px;
  z-index: -1;
  font-size: 62px;
  line-height: 62px;
  font-weight: 800;
  color: #cfc8b9;
}

.timelineContent1 span.processCount {
  left: auto;
  right: 0;
}

.workProcessImg img {
  width: 100%;
  height: 100dvh;
  -o-object-fit: cover;
  object-fit: cover;
}

.workProcessTitle .homeSubLinks a {
  color: #ffffff;
  font-weight: 600;
  border: 1px solid #f87000;
  background: #f87000;
}

.workProcessTitle .homeSubLinks a svg {
  fill: #ffffff;
  width: 18px;
}

/*================================================ Work Process CSS End =================================================*/
.fiveEnrolRow .col-lg-3 {
  width: 20%;
}

/*============================================ Thankyou Page CSS Start ==============================================*/
.stickyBlock {
  position: sticky;
  top: 0;
}

.relativeHeader header {
  position: relative;
}

.relativeHeader header.fixed-top {
  position: fixed;
}

section.thankyouSection {
  position: relative;
  overflow: hidden;
  padding: 200px 0 100px;
}

.thankyouBlock {
  position: relative;
}

.thankyouBlock svg {
  width: 82px;
  fill: #276000;
  margin-bottom: 20px;
}

.thankyouBlock h2 {
  font-family: "Inter", sans-serif;
  position: relative;
  font-size: 38px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 1px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.thankyouBlock p {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 20px;
}

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

.callQuerySection {
  position: relative;
  padding: 40px 0;
  overflow: hidden;
}

.callQueryBlock {
  position: relative;
  padding: 10px 40px;
  border-right: 2px solid #b5ad9b;
  height: 100%;
}

.col-xl-6:last-child .callQueryBlock {
  border-right: 0;
}

.callQueryBlock a.callQueryLink {
  font-size: 28px;
  line-height: 40px;
  color: #000000;
  font-weight: 300;
  transition: 0.4s ease-in-out;
}

.callQueryBlock a.callQueryLink:hover {
  filter: opacity(0.8);
}

.callQueryBlock a.callQueryLink span {
  font-size: 120%;
  line-height: 130%;
  font-weight: 700;
  color: #911c00;
}

.callQueryBlock a.callQueryLink small {
  font-size: 20px;
  line-height: 24px;
  color: #911c00;
  font-weight: 400;
}

.callQueryBlock.callQueryBlock2 a.callQueryLink {
  background: #911c00;
  display: block;
  padding: 30px 0;
  color: #fff;
}

.callQueryBlock.callQueryBlock2 a.callQueryLink small {
  color: #fff;
}

.callQueryBlock a.downloadQueryLink {
  position: relative;
  background: #38790c;
  color: #fff;
  padding: 12px 20px 12px 65px;
  display: inline-block;
  font-size: 17px;
  line-height: 23px;
  font-weight: 400;
  transition: 0.4s ease-in-out;
  text-transform: uppercase;
  text-align: start;
}

.callQueryBlock a.downloadQueryLink:hover {
  background: #2a6700;
}

.callQueryBlock a.downloadQueryLink i {
  position: absolute;
  left: 0;
  top: 0;
  background: #2a6700;
  font-size: 22px;
  line-height: 22px;
  padding: 13px;
  height: 100%;
}

.callQueryBlock.callQueryBlock2,
.callQueryBlock.callQueryBlock3 {
  border-bottom: 0;
}

/*============================================ Thankyou Page CSS End ================================================*/
/*================================================ Difference We Bought CSS Start =================================================*/
.marginMinusTop {
  position: relative;
  margin-top: 0;
}

.wrapperSticky2 {
  position: sticky;
  top: 0;
}

.wrapperSidebar {
  padding: 160px 40px 50px;
  height: 100dvh;
  background: #ded6c8;
}

section.wrapperDifference {
  padding: 110px 0 100px;
  overflow: hidden;
}

.differenceWeBroughtBlock {
  position: relative;
}

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

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

.differenceWeBroughtText {
  position: relative;
  background: transparent;
  padding: 12px 0 0;
  width: calc(100% - 240px);
  height: 100%;
  min-height: 110px;
}

img.animatedArrow {
  width: 185px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, 0) rotate(-190deg);
  filter: drop-shadow(-3px 3px 0px #fff);
  display: none;
}

span.comparisionIcons {
  position: absolute;
  top: 50%;
  right: -41px;
  transform: translate(0, -50%);
  clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
  width: 35px;
  height: 48px;
  background: #95977a;
  display: block;
}

h2.titleTextWhite {
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 52px;
  line-height: 60px;
  margin-bottom: 0;
}

.differenceHeader {
  position: relative;
  overflow: hidden;
  border: 12px solid #ded7c9;
  border-bottom: 0;
}

.bg5 .differenceHeader {
  border-color: #cfc7b8;
}

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

.differenceWeBroughtImg {
  position: relative;
  border: 12px solid #ded7c9;
  border-top: 0;
}

.bg5 .differenceWeBroughtImg {
  border-color: #cfc7b8;
}

.border-darklight {
  border-color: #cfc8b9 !important;
}

.differenceWeBroughtText .differenceWeBroughtContent {
  position: relative;
  padding-left: 12px;
  width: 100%;
}

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%;
  background: #fff;
}

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

.differenceWeBroughtText h2 {
  color: #121212;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: start;
  font-family: "Inter", sans-serif;
  letter-spacing: 0;
}

.works-action {
  position: relative;
}

.works-action .text-link {
  position: relative;
  cursor: pointer;
  color: #fff;
  padding: 14px 25px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  border: 1px solid #911c00;
  border-radius: 50px;
  background: #911c00;
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  text-align: start;
  letter-spacing: 0.3px;
  transition: 0.4s ease-in-out;
}

.works-action .text-link.text-link2.text-link3 {
  color: #121212;
  font-weight: 600;
}

.works-action .text-link.text-link2.text-link3 svg {
  fill: #121212;
}

.works-action .text-link.normal-link {
  background: #cbcbcb;
  color: #222;
  border: 1px 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;
}

ul.imgServiceTags {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style-type: none;
  padding-inline-start: 0;
  margin-top: 5px;
}

ul.imgServiceTags li .imgServiceTagsText {
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  padding: 6px 10px;
  border-radius: 50px;
  margin: 4px 6px 4px 0;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.8588235294);
  background: transparent;
  font-weight: 400;
  text-align: start;
}

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

.generateAdmissionSwiper .swiper-button-next, .generateAdmissionSwiper .swiper-button-prev {
  transform: translateX(-50%);
  top: auto;
  bottom: 30px;
  right: auto;
  left: 75%;
}

.swiper.generateAdmissionSwiper .swiper-wrapper {
  padding-right: 200px;
}

.fadeSwiper:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  width: 10%;
  height: 100%;
  background: linear-gradient(270deg, #cfc8b9, transparent);
}

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

.glimpseWorkSwiper .swiper-button-next {
  top: 56%;
}

.glimpseWorkSwiper .swiper-button-next {
  top: auto;
  bottom: 12px;
}

.glimpseWorkSwiper .swiper-button-next span,
.glimpseWorkSwiper .swiper-button-prev span,
.generateAdmissionSwiper .swiper-button-next span,
.generateAdmissionSwiper .swiper-button-prev span {
  display: none;
  position: absolute;
  bottom: -16px;
  font-size: 12px;
  background: #db6c0f;
  border: 2px solid #fff;
  padding: 2px 6px;
  text-align: center;
  letter-spacing: 0.5px;
  border-radius: 8px;
}

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

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

.glimpseWorkSwiper.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(90deg, #cfc8b9, rgba(222, 215, 201, 0)) !important;
}

.glimpseWorkSwiper.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(-90deg, #cfc8b9, rgba(222, 215, 201, 0)) !important;
}

.glimpseWorkSwiper .swiper-slide {
  width: calc(50% - 15px) !important;
}

/*.swiper.glimpseWorkSwiper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 100%;
  background: #cfc7b8;
  z-index: 9;
}
.swiper.glimpseWorkSwiper:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 100%;
  background: #cfc7b8;
  z-index: 9;
}*/
/*================================================ Difference We Bought CSS End =================================================*/
.btn-close:focus {
  box-shadow: none;
}

.productBlockContent {
  padding: 40px 35px;
  transition: 0.2s ease-in-out;
}

.productBlockContent h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 12px;
  transition: 0.2s ease-in-out;
}

.productBlockContent h3 small {
  font-size: 80%;
  line-height: 34px;
}

.productBlockContent h4 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 12px;
  transition: 0.2s ease-in-out;
}

.productBlockContent h4 small {
  font-size: 90%;
  line-height: 32px;
}

.productBlockContent h5 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 12px;
  transition: 0.2s ease-in-out;
}

.productBlockContent h5 small {
  font-size: 92%;
  line-height: 30px;
}

.productBlockContent:hover h3 {
  color: #351911;
}

.productBlock video {
  filter: invert(1);
}

.poweredSpan:before {
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background: #000000;
  border-radius: 50%;
  transition: 0.4s ease-in-out;
}

.productBlockContent p {
  position: relative;
  font-size: 22px;
  line-height: 34px;
  margin-bottom: 0;
  font-weight: 400;
}

.productBlockContent ul, .productBlockContent ul li {
  list-style-type: none;
  padding-inline-start: 0;
}

.productBlockContent ul li {
  font-size: 15px;
  line-height: 20px;
  color: #121212;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  border-radius: 60px;
  padding: 10px 16px;
  letter-spacing: 0.3px;
  margin: 2px 4px;
}

.poweredSpan {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.productParts {
  padding: 30px 25px;
}

.col-xl-4:nth-child(1) .productParts, .col-xl-4:nth-child(2) .productParts {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.col-xl-4:nth-child(3) .productParts {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.col-xl-4:nth-child(4) .productParts {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.togatherBlock img {
  width: 52px;
}

span.ncSpan {
  font-size: 82px;
  line-height: 82px;
  font-weight: 800;
  font-family: sans-serif;
  color: transparent;
  -webkit-text-stroke: 2px;
  -webkit-text-stroke-color: rgba(18, 18, 18, 0.2);
}

/*============================ Vertical Accordion Facts CSS Start ==========================*/
.offer-area {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}

.offer-tab-link {
  text-align: center;
}

.offer-tab-link ul li {
  display: inline-block;
  padding: 10px 0;
  margin: 0 -3px;
}

.offer-tab-link ul li a {
  display: block;
  color: #000;
  font-size: 20px;
  padding: 10px 60px;
  border-bottom: 4px solid #000;
  font-weight: 500;
}

.offer-tab-link ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
  justify-content: center;
}

.offer-tab-link ul li a.active {
  color: darkcyan;
  border-color: darkcyan;
}

.offer-content p {
  text-align: left;
  margin: 0;
  width: 100%;
}

.offer-content h4 {
  text-align: left;
}

.offerItem {
  padding: 0 0;
  width: 80px;
  overflow: hidden;
  float: right;
  position: relative;
  transition: 0.3s ease-in-out;
  border-left: 1px solid #0e100e;
}

.offer-img {
  margin: 0 -15px;
}

.offer-detail {
  width: 448px;
  background: #0e100e;
  height: 520px;
}

.offerItemTitle {
  position: absolute;
  left: 40px;
  z-index: 1;
  width: 520px;
  transform: rotate(90deg);
  transform-origin: left;
  text-align: left;
  margin: 0 auto;
  top: -7.6%;
  height: 80px;
  line-height: 80px;
  background: rgb(222, 215, 201);
  cursor: pointer;
  text-transform: capitalize;
  padding: 0 20px 0 60px;
  font-size: 22px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}

span.spanCounters {
  position: absolute;
  left: 6px;
  top: 30%;
  transform: rotate(-90deg);
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
}

.offerItemTitle:hover {
  background: #cfc9ba;
}

.offerItem.active {
  width: calc(100% - 400px);
}

.offerItem.active .offer-detail {
  width: 340px;
}

.offerItem.active .offer-img {
  max-width: 415px;
}

.offerItem.active .offer-detail .row .col:first-child {
  max-width: 40% !important;
}

.offer-content {
  max-width: 460px;
  margin: 0 auto;
  top: 50%;
  position: relative;
  transform: translate(0, -50%);
  opacity: 0;
  padding: 20px;
  transition: opacity 0.3s ease-in-out;
}

.offerslide:after {
  content: "";
  clear: both;
  display: block;
}

.offer-content p {
  color: #000;
}

span.percentSpan {
  font-size: 78px;
  line-height: 78px;
  color: #ded7c9;
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 25px;
  display: block;
}

.offer-content h4 {
  font-size: 30px;
  line-height: 40px;
  color: #ded7c9;
  text-transform: capitalize;
  font-weight: 400;
}

.offerItemTitle.hide {
  display: none;
}

.offerItem.active .offer-content {
  transition: 0.3s ease-in-out;
  opacity: 1;
}

.offer-content a {
  background: darkcyan;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 10px;
  border: 0;
  border-radius: 3px;
}

.factsBlocksImg img {
  height: 520px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #cfcabb;
}

/*======================== Vertical Accordion Facts CSS End ======================*/
.workSectionOuterBlock {
  padding: 160px 0 120px;
}

.workSectionBlock {
  position: relative;
  margin: 0 0 80px;
}

.workSectionBlock:last-child {
  padding: 0;
}

.workSectionBlockText {
  position: relative;
  background: #ded7c9;
  text-align: center;
  padding: 12px 16px 16px;
  z-index: 2;
}

img.positionAbsoluteImg {
  position: absolute;
  bottom: 0;
  right: 30px;
  z-index: 9;
  width: 200px;
  border: 6px solid #ded7c9;
  border-radius: 30px;
}

.bg5 img.positionAbsoluteImg {
  border-color: #cfc7b8;
}

.workSectionBlockContent {
  width: calc(100% - 260px);
  text-align: start;
  height: 100%;
  min-height: 90px;
}

.differenceWeBroughtPicture {
  position: relative;
  z-index: 9;
}

span.projectTag {
  color: #121212;
  position: absolute;
  top: 50%;
  right: -154px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 0 0 8px 8px;
  padding: 5px 12px;
  background: rgb(240, 240, 240);
  transform: rotate(-90deg) translate(0, -50%);
  width: 240px;
  text-align: center;
}

.workSectionBlockText img {
  width: 100px;
  align-self: baseline;
}

.workSectionBlockText h2 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  letter-spacing: 0;
}

.workSectionBlockContent ul.imgServiceTags li .imgServiceTagsText {
  background: transparent;
}

.workSectionBlockContent .differenceWeBroughtImg,
.workSectionBlockContent .differenceHeader {
  position: relative;
  border: 6px solid rgba(255, 255, 255, 0.55);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*================================================ About Page CSS Start =================================================*/
.aboutPageImgBlock img {
  -o-object-fit: cover;
     object-fit: cover;
}

/*================================================ About Page CSS End =================================================*/
/*================================================ Time to Self Evaluate CSS Start =================================================*/
section.timeToSelfEvaluateSection {
  padding: 80px 0;
}

.processTitle {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5% 0 0;
}

.processTitle h2 {
  text-transform: capitalize;
  padding: 0;
  text-align: center;
  font-weight: 200;
  font-size: 48px;
  line-height: 58px;
  margin-bottom: 4px;
}

.processDiv {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.8196078431);
  padding: 30px 35px 25px;
}

.owlUrls {
  display: flex;
  border-top: 8px solid #ded7c9;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 60px;
}

.owlUrls span {
  font-size: 18px;
  font-weight: 600;
  height: auto;
  line-height: normal;
  padding: 80px 0 0;
  position: relative;
  text-transform: uppercase;
  color: #ded7c9;
}

.owlUrls span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 2px;
  margin: 0 auto;
  border-left: 3px dotted #ddd;
  height: 70%;
}

.owlUrls span:after {
  content: "";
  position: absolute;
  top: 60%;
  right: 0;
  left: 0;
  width: 12px;
  margin: 0 auto;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ddd;
}

/*.owlUrls a:focus,.owlUrls a:hover{
	color:#ea2a2a;
}*/
.owlUrls span.activeUrl {
  color: #ea2a2a;
}

/*.owlUrls a.activeUrl:before,.owlUrls a.activeUrl:after,.owlUrls a:hover:before,.owlUrls a:hover:after{
	border-color:#ea2a2a
}*/
.owlUrls span.activeUrl:before,
.owlUrls span.activeUrl:after {
  border-color: #ea2a2a;
}

.processDaysContainer {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin: 0 0 20px 0;
}

.processDaysContainer span {
  vertical-align: bottom;
  min-height: 84px;
  display: flex;
  align-items: flex-end;
  font-size: 34px;
  padding-bottom: 5px;
  margin-right: 10px;
}

.processDays {
  position: relative;
  width: 70px;
  display: inline-block;
  text-align: center;
}

.processDays .owl-dot {
  border: 0;
  box-shadow: none;
  background: none;
  position: absolute;
  font-size: 62px;
  left: 0;
  outline: none;
  opacity: 0;
  top: 0;
}

.processDays .owl-dot button {
  border: 0;
  box-shadow: none;
  background: none;
  color: #ea2a2a;
}

.processDays .owl-dot.active {
  opacity: 1;
}

.processNav {
  display: flex;
  font-size: 30px;
  justify-content: center;
  border-radius: 5px;
  line-height: normal;
  margin: 20px 0 0;
}

.processNav button {
  border: 0;
  outline: 0;
  background: none;
}

.processNav button i {
  color: #444;
}

.processUl li h3 {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}

.processUl li p {
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 0;
}

.processUl .owl-nav {
  display: flex;
  align-items: center;
}

.processUl.owl-carousel .owl-nav button {
  outline: none;
  font-size: 20px !important;
  margin: 0 10px;
  padding: 6px 12px !important;
  display: inline-block;
}

.processUl.owl-carousel .owl-nav button svg {
  width: 20px !important;
  fill: #fff !important;
}

@media (min-width: 768px) {
  .processUl .owl-nav {
    position: absolute;
    top: -70px;
    right: 0;
  }
  .factsBlock {
    min-height: 230px !important;
  }
}
/*================================================ Time to Self Evaluate CSS End =================================================*/
/*======================================= Career CSS Start =========================================*/
.careerPageBlock .careerPageBox {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #181715;
}

.careerPageBlock .careerPageBox:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.mainTitle h3 {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}

.careerPageBlock .mainTitle h2 {
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 16px;
}

span.positionLocationSpan {
  font-size: 14px;
  line-height: 18px;
  color: #181715;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 6px;
  display: inline-block;
  border: 1px solid #181715;
  border-radius: 60px;
  padding: 6px 12px;
}

span.positionLocationSpan svg {
  width: 14px;
  fill: #181715;
  position: relative;
  top: -1px;
}

/*======================================== Career CSS End ==========================================*/
/*================================================ Consultation Session CSS Start =================================================*/
.consultationSection {
  position: relative;
  padding: 80px 0;
}

.consultationBlock .consultationHead {
  position: relative;
  margin-bottom: 20px;
  padding-left: 120px;
}

.consultationBlock .consultationHead svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 90px;
  fill: rgba(0, 0, 0, 0.368627451);
}

.consultationSection img.consultantProfile {
  width: 420px;
  position: absolute;
  bottom: -12px;
  left: 0;
  transform: rotate(-3deg);
}

.consultationBlock {
  position: relative;
  margin-left: 400px;
}

.consultationBlock .consultationHead h2 {
  font-size: 54px;
  font-weight: 400;
  line-height: 64px;
  margin-bottom: 2px;
  letter-spacing: -1px;
}

.consultationBlock .consultationHead p {
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: #fff;
  margin-bottom: 0;
  font-weight: 200;
  font-style: oblique;
}

.consultationBtns {
  position: relative;
  align-self: center;
}

.consultationBtns a,
.consultationBtns button {
  position: relative;
  color: #fff;
  padding: 12px 25px;
  font-size: 17px;
  line-height: 24px;
  border: 2px solid #911c00;
  font-weight: 500;
  border-radius: 50px;
  background: #911c00;
  display: inline-block;
  text-transform: uppercase;
  margin: 0 16px 0 0;
  transition: 0.4s ease-in-out;
}

.consultationBtns a svg,
.consultationBtns button svg {
  fill: #fff;
  width: 24px;
  position: relative;
  top: -3px;
  left: -1px;
}

.consultationBtns a.consultBtn {
  background: #ded7c9;
  border: 2px solid #ded7c9;
  color: #000;
  font-weight: 600;
}

.consultationBtns a.consultBtn svg {
  fill: #000;
}

/*================================================ Consultation Session CSS End =================================================*/
/*================================================ Call Us CSS Start =================================================*/
.callus.box {
  background: #d8d8d8;
  background-size: auto auto;
  background-size: cover;
}

.call-us {
  color: #121212;
  font-weight: 700;
  font-size: 42px;
  margin: 60px 0;
  position: relative;
  padding-left: 75px;
}

.call-us svg {
  position: absolute;
  top: -6px;
  left: -18px;
  font-size: 75px;
  color: #717171;
  width: 75px;
  fill: #717171;
}

.call-us span {
  display: block;
  font-size: 19px;
  font-weight: 400;
  color: #3b3b3b;
  font-style: italic;
}

.number-box {
  text-align: right;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.number-box a {
  border-radius: 50px;
  padding: 6px 25px;
  color: #fff;
  border: 1px solid #f87000;
  text-align: center;
  background: #f87000;
  font-size: 19px;
  font-weight: 500;
  line-height: 36px;
  transition: all 0.35s;
  display: inline-block;
  margin: 0 10px;
}

.number-box a + a {
  border: 1px solid #ea2a2a;
  background: transparent;
  color: #ea2a2a;
}

.number-box a svg {
  width: 20px;
  margin-left: 7px;
  fill: #fff;
  position: relative;
  top: -4px;
}

/*================================================ Call Us CSS End =================================================*/
/*================================================ Contact Form CSS Start =================================================*/
.contactall {
  position: relative;
  margin-bottom: 50px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 16px 20px 12px;
  text-align: start;
  background: rgba(255, 255, 255, 0.08);
  display: inline-block;
  border-radius: 2px;
}

.contactall .whatsappnumber {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 2px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  top: -14px;
  left: 8px;
  background: #181c19;
  padding: 3px 6px;
  color: #ded7c9;
}

ul.style-phone-no li a {
  color: #111;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
  display: inline-block;
  transition: 0.4s ease-in-out;
}

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

.form-control:focus,
.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: revert-layer;
  font-size: 17px;
  padding: 10px 12px 10px 40px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2509803922);
}

.form-label-group textarea {
  height: 100px;
}

.form-label-group svg {
  width: 20px;
  position: absolute;
  top: 14px;
  left: 10px;
  fill: rgba(24, 23, 21, 0.5019607843);
}

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

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

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

.formLogo img {
  width: 200px;
}

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

.contactusform1 {
  display: flex;
}

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

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

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

.portfolioSwiperTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

p.subText2 {
  color: #121212;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 20px;
}

p.formPara {
  font-size: 13px;
  line-height: 13px;
  font-weight: 300;
  margin-bottom: 0;
}

p.formPara a {
  color: #f87000;
}

.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 {
  color: #ded6c8;
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
}

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

.styleForm {
  background-color: #ded6c8;
  padding: 40px;
  position: relative;
}

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

label.formLabel {
  font-size: 1rem;
  line-height: 22px;
  margin-bottom: 2px;
}

.styleForm label.label_interest {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  margin-bottom: 6px;
  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: #db6c0f;
}

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

button.hs-button {
  position: relative;
  color: #fff;
  padding: 12px 25px;
  font-size: 17px;
  line-height: 24px;
  border: 1px solid #911c00;
  font-weight: 600;
  border-radius: 50px;
  background: #911c00;
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  transition: 0.4s ease-in-out;
}

.form-check-input[type=checkbox] {
  background: transparent;
  margin-top: 5px;
}

.form-control:focus {
  background-color: transparent;
}

.rc-anchor-light {
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.2509803922) !important;
}

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

section.homepageFormSection {
  background: #0e100e;
}

/*================================================ Contact Form CSS End =================================================*/
/*================================================ Logo Pattern CSS Start =================================================*/
.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: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 400;
  color: #333;
  margin-top: 10px;
}

.swiper.logoAutoSwiper {
  position: relative;
}

.swiper.logoAutoSwiper .swiper-wrapper {
  align-items: center;
}

/*.swiper.logoAutoSwiper .swiper-slide-prev .imgLogoBlock{
  transform: translateY(40px);
}
.swiper.logoAutoSwiper .swiper-slide-active .imgLogoBlock{
  transform: translateY(0px);
}
.swiper.logoAutoSwiper .swiper-slide-next .imgLogoBlock{
  transform: translateY(-40px);
}*/
.satisfactionIcon {
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 99;
  background: #ded7c9;
  border: 4px solid #cfc8b9;
  padding: 8px;
  border-radius: 50%;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
}

.satisfactionIcon img {
  width: 250px;
}

/*================================================ Logo Pattern CSS End =================================================*/
/*================================================ Schedule Discovery Session CSS Start =================================================*/
section.scheduleBlockSection {
  background: #171a17;
  padding: 84px 0 30px;
  height: 100dvh;
}

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

.scheduleRow {
  background: #cfc7b8;
  border-radius: 18px;
  position: relative;
}

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

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

.webPackagesBlock1:nth-child(1) .webPackagesHeader2 span.spanCount2 {
  color: rgba(0, 86, 163, 0.25);
}

.webPackagesBlock1:nth-child(2) .webPackagesHeader2 span.spanCount2 {
  color: rgba(0, 112, 51, 0.25);
}

.webPackagesBlock1:nth-child(3) .webPackagesHeader2 span.spanCount2 {
  color: rgba(207, 73, 40, 0.25);
}

.webPackagesHeader2 span.spanCount2 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 26px;
  line-height: 32px;
  font-weight: 900;
  text-align: center;
}

.webPackagesHeader2 h2 {
  color: #424242;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 45px;
  letter-spacing: 0.8px;
  text-transform: capitalize;
}

.webPackagesHeader2 h2 span {
  font-family: "Inter", sans-serif;
  font-size: 125%;
  line-height: 30px;
  font-weight: 600;
}

.webPackagesBlock1:nth-child(1) .webPackagesHeader2 h2 span {
  color: #004583;
}

.webPackagesBlock1:nth-child(2) .webPackagesHeader2 h2 span {
  color: #005627;
}

.webPackagesBlock1:nth-child(3) .webPackagesHeader2 h2 span {
  color: #ab4c00;
}

.webPackagesBox2 {
  padding: 0 0 0 45px;
  background: transparent;
  position: relative;
}

.webPackagesBox2 p {
  color: #121212;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 0;
  font-weight: 400;
}

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

.packTitle {
  background: rgba(255, 255, 255, 0) !important;
}

.contact-form {
  transition: 0.4s ease-in-out;
  position: relative;
}

.contact-form.cf {
  width: 100%;
  margin: 0;
  padding: 45px 50px 30px;
  border: 0;
  background-color: #ded6c8;
}

.contact-form.cf h3 {
  text-align: center;
  margin: 0 0 25px;
  font-size: 56px;
  text-shadow: none;
  color: #181715;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 66px;
}

.contact-form.cf h3 small {
  font-family: "Inter", sans-serif;
  display: block;
  font-size: 20px;
  letter-spacing: 0;
  color: #181715;
  text-transform: capitalize;
  line-height: 24px;
  margin: 4px 0 0;
  font-weight: 500;
}

.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: 17px;
  font-weight: 400;
  color: #555555;
  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: #ebebeb;
  padding: 12px 8px;
  text-align: center;
  border-radius: 0;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer;
  line-height: normal;
  margin-bottom: 0px;
  color: #252525;
  width: 32.5%;
  font-weight: 500;
  transition: 0.4s ease-in-out;
  margin: 4px 0;
}

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

.radio-toolbar input[type=radio]:checked + label {
  background-color: #dd6f18;
  border-color: #dd6f18;
  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 #911c00;
  font-weight: 700;
  border-radius: 50px;
  background: #911c00;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
}

.scheduleBlockForm.scheduleBlockForm2 {
  position: relative;
  height: 400px;
}

.tip-b span:nth-child(1) {
  padding: 0px 5px 0px 6px;
}

.tip-b span:nth-child(1) img {
  width: 24px;
}

.tip-b {
  background: #193300;
  border-radius: 30px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
}

.tip-b span:nth-child(2) {
  padding: 6px 19px 6px 1px;
  font-size: 1.03rem;
  line-height: 1.4rem;
  color: white;
  height: 100%;
  display: block;
  text-align: left;
}

.discovery-session {
  padding: 70px 0px !important;
  background: #d8d8d8 !important;
}

.problem-block {
  background: #fff;
  padding: 20px 25px;
}

h4.inner-about-head span,
div.inner-about-head span {
  font-size: 36%;
  line-height: 44px;
  color: #f87000;
  letter-spacing: 0.1px;
}

.additWebsiteBlock svg {
  fill: #0f1e00;
  width: 48px;
  margin-bottom: 16px;
}

.additWebsiteBlock h5 {
  font-size: 22px;
  line-height: 26px;
  color: #121212;
  font-weight: 600;
  margin-bottom: 6px;
}

.additWebsiteBlock p {
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
}

/*================================================ Schedule Discovery Session CSS End =================================================*/
/*================================================ Core Services CSS Start =================================================*/
.coreServices {
  padding: 60px 0 90px;
}

.coreServiceTitle {
  position: relative;
  padding: 0 30px 0;
  height: 100%;
  margin: 15px 0 0;
}

.coreServiceTitle h2 {
  color: #ded6c8;
  font-size: 44px;
  line-height: 54px;
  margin: 0 0 30px 0;
  font-weight: 400;
}

.coreServiceTitle h2 b {
  font-weight: 600;
}

.coreServiceTitle p {
  font-family: "Inter", sans-serif;
  color: #ded6c8;
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  margin-top: 4px;
}

.solution-block {
  background-color: rgba(242, 116, 25, 0.03);
  padding: 12px 10px 10px 10px;
  position: relative;
}

.solution-block span {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 1px;
  position: absolute;
  top: -12px;
  background: rgba(242, 116, 25, 0.03);
  padding: 0px 5px;
  left: 0;
}

.solution-block p {
  margin: 0 !important;
  font-size: 1.1rem !important;
  line-height: 1.56rem !important;
}

/*================================================ Core Services CSS End =================================================*/
/*================================================ Packages CSS Start =================================================*/
.websitePackagesListBox1 {
  padding: 20px 25px 16px;
}

.websitePackagesListBox1 h2 {
  font-size: 32px;
  font-weight: 500;
  color: #0e100e;
  line-height: 38px;
  margin-bottom: 6px;
  letter-spacing: -0.5px;
  display: inline-block;
}

strong {
  font-weight: 600;
}

.websitePackagesListBox1 p {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  color: #000;
  font-style: italic;
}

.websitePackagesList {
  border-radius: 0 0 6px 6px;
}

.websitePackagesListBox1 {
  padding: 25px 25px 20px;
}

.websitePackagesListBox2 {
  padding: 0 25px 25px;
}

.websitePackagesList h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
  display: inline-block;
  color: #0e100e;
}

.websitePackagesListBox h4 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
  color: #121212;
  text-align: start;
}

.websitePackagesListBox ul li {
  position: relative;
  padding-left: 18px;
  font-size: 17px;
  line-height: 23px;
  font-weight: 400;
  color: #121212;
  margin-bottom: 6px;
  letter-spacing: -0.5px;
}

.websitePackagesListBox ul li svg {
  width: 13px;
  position: absolute;
  left: 0;
  top: 3px;
  fill: #911c00;
}

.color11 {
  color: #ab7c55;
}

.color12 {
  color: #0c6317;
}

.bgColor1 {
  background: #cef1d3;
}

.bgColor1b {
  background: rgb(255, 220, 190);
}

.bgColor2 {
  background: rgb(255, 231, 211);
}

.bgColor2b {
  background: #bfb8a9;
}

.bgColorlight1 {
  background: #fff9f4;
}

.bgColorlight2 {
  background: #ded7c9;
}

a.getPriceBtn {
  color: #5c5c5c;
  padding: 8px 16px;
  font-size: 0.95rem;
  line-height: 1.5rem;
  border: 1px solid #999;
  font-weight: 600;
  border-radius: 30px;
  background: 0 0;
  display: inline-block;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  text-align: center;
}

a.getPriceBtn:hover {
  color: #fff;
  background: #999;
}

a.getPriceBtn:hover svg {
  fill: #fff;
}

a.getPriceBtn svg {
  fill: #5c5c5c;
  width: 18px;
  position: relative;
  top: -2px;
  left: -1px;
  transition: 0.4s ease-in-out;
}

/*================================================ Packages CSS End =================================================*/
/*================================================ Inner Page Fold CSS Start =================================================*/
section.servicePageSection {
  padding: 120px 0;
}

.wrapperSticky3 {
  position: sticky;
  top: 280px;
}

.bannerImg {
  border: 20px solid #cfc8b9;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.bannerImg img {
  -o-object-fit: cover;
     object-fit: cover;
}

.innerPageFoldSection {
  padding: 200px 0 120px;
}

/*.innerPageFoldSection:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(./images/logo-icon.png);
}*/
img.iconArrow2 {
  transform: rotate(90deg);
}

p.mainPara, ul.mainUl li {
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 20px;
}

span.mainBigPara {
  font-size: 120%;
  line-height: 130%;
}

p.mainBigPara {
  font-size: 28px;
  line-height: 40px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 20px;
}

img.arrowImg {
  width: 120px;
  filter: invert(1) opacity(0.7);
  transform: rotate(-16deg);
}

span.bannerTag {
  font-size: 17px;
  line-height: 21px;
  color: #ded6c8;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 16px;
  display: inline-block;
  border: 1px solid #ded6c8;
  border-radius: 60px;
  padding: 11px 20px 9px;
  background: #ded7c9;
  letter-spacing: 0.3px;
}

span.bannerTag svg {
  fill: #fff;
  width: 16px;
  position: relative;
  top: -2px;
  margin-right: 2px;
}

.subText {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
}

p.mainPara2 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 30px;
}

.serLink {
  position: relative;
  display: block;
  padding: 30px 100px 30px 120px;
  background: #ded7c9;
  margin-bottom: 30px;
  border-radius: 2px;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.serviceListBlock .serLink:last-child {
  margin-bottom: 0;
}

span.numberCount2 {
  position: absolute;
  left: 25px;
  top: 30px;
  font-size: 52px;
  line-height: 52px;
  font-weight: 700;
  color: #181715;
  filter: opacity(0.3);
}

.serviceListBoxContent h3 {
  color: #181715;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
  text-transform: capitalize;
}

.serviceLink {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.serLink:hover .serviceLink {
  opacity: 0;
  visibility: hidden;
}

.serviceLink img {
  width: 38px;
}

.serviceLink2 {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.serLink:hover .serviceLink2 {
  left: calc(100% - 63px);
  opacity: 1;
  visibility: visible;
}

.serviceLink2 img {
  width: 38px;
}

.serviceCategory {
  font-size: 34px;
  line-height: 44px;
  font-weight: 300;
  margin-bottom: 30px;
  letter-spacing: -0.5px;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}

.serviceCategory svg {
  width: 22px;
  position: relative;
  top: -3px;
  fill: #181715;
  margin-right: 10px;
}

.serviceSidebar img {
  -o-object-fit: cover;
     object-fit: cover;
  background: #bfb8a9;
}

/*================================================ Inner Page Fold CSS End =================================================*/
section.higherEducationBanner {
  background: url(../images/higher-education-banner.webp) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

section.higherEducationBanner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(14, 16, 14), rgba(14, 16, 14, 0.73));
}

section.higherEducationBanner .heroLinks1.heroLinks3 {
  background: transparent;
  color: #ffffff;
  border-color: #fff;
}

section.higherEducationBanner .heroLinks1.heroLinks3 svg {
  fill: #ffffff;
}

section.higherEducationBanner .heroBlock .heroLinks1 {
  background-color: #dc6f18;
}

section.higherEducationBanner span.arrowDown svg {
  fill: #fff;
}

/*========================================== Portfolio Horizontal Scroll Track Start ============================================*/
.sliderInfiniteScroll {
  margin: 8px auto 0;
  position: relative;
  width: 100%;
}

.sliderInfiniteScroll::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.sliderInfiniteScroll::before {
  left: 0;
  top: 0;
}

.sliderInfiniteScroll .slide-track {
  animation: scroll1 80s linear infinite;
  animation-fill-mode: both;
  display: flex;
  width: 3600px;
}

@keyframes scroll1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-3600px);
  }
  100% {
    transform: translateX(0);
  }
}
.sliderInfiniteScroll .slide {
  width: 600px;
  height: 100%;
  margin: 0 10px;
}

.sliderInfiniteScroll .slide img {
  width: 600px;
}

.sliderInfiniteScroll.sliderInfiniteScroll2 .slide-track {
  animation: scroll2 60s linear infinite;
  animation-fill-mode: both;
  width: 6250px;
}

@keyframes scroll2 {
  0% {
    transform: translateX(-6250px);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-6250px);
  }
}
.sliderInfiniteScroll.sliderInfiniteScroll2 .slide {
  width: 250px;
  margin: 0 20px;
}

.sliderInfiniteScroll.sliderInfiniteScroll2 .slide img {
  width: 250px;
}

.portfolioSwiper img, .portfolioSwiper2 img {
  border-radius: 25px;
  outline: 4px solid #eaece2;
  margin-bottom: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
  filter: grayscale(1) opacity(0.8);
  transition: 0.4s ease-in-out;
}

.portfolioSwiper img:hover, .portfolioSwiper2 img:hover {
  filter: grayscale(0) opacity(1);
}

/*========================================== Portfolio Horizontal Scroll Track End ============================================*/
/*========================================== What We Do CSS Start ============================================*/
.wrapperSticky01, .wrapperSticky02, .wrapperSticky03, .wrapperSticky04, .wrapperSticky05 {
  position: sticky;
}

.wrapperSticky01 {
  top: 120px;
}

.wrapperSticky01 .whatWeDoBlock {
  border-top: 10px solid #6988c5;
}

.wrapperSticky02 {
  top: 135px;
}

.wrapperSticky02 .whatWeDoBlock {
  border-top: 10px solid #9d62a9;
}

.wrapperSticky03 {
  top: 150px;
}

.wrapperSticky03 .whatWeDoBlock {
  border-top: 10px solid #ad6b7e;
  *height: 100dvh;
}

.wrapperSticky04 {
  top: 165px;
}

.wrapperSticky04 .whatWeDoBlock {
  border-top: 10px solid #797dd2;
  *height: 100dvh;
}

.wrapperSticky05 {
  top: 180px;
}

.wrapperSticky05 .whatWeDoBlock {
  border-top: 10px solid #b9865f;
  *height: 100dvh;
}

.smallHeading h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
}

.smallHeading h2 svg {
  width: 18px;
  fill: #181715;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.whatWeDoBlock {
  position: relative;
  padding: 70px 20px 120px;
  background: #cfc7b8;
  border-top: 10px solid #a49f95 !important;
}

.whatWeDoBlock h3 {
  font-size: 48px;
}

.whatWeDoInnerBlock2 {
  background: #cfc7b8;
  padding: 25px;
}

.profileBlock figure img {
  width: 5rem;
  height: 5rem;
}

.figCaption {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: 400;
}

.figCaption a {
  font-weight: 700;
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.whatWeDoBlock h3 {
  font-family: "Inter", sans-serif;
  color: #121212;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 30px;
}

span.numberingSpan {
  font-size: 72px;
  line-height: 72px;
  font-weight: 800;
  font-family: sans-serif;
  color: transparent;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: rgba(18, 18, 18, 0.3215686275);
}

.advanceLink {
  margin-bottom: 60px;
}

.advanceLink a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: #181715;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.advanceLink a:hover::before {
  background: #000;
}

.advanceLink a {
  color: #181715;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  position: relative;
  padding-left: 38px;
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.advanceLink a svg {
  width: 22px;
  margin-left: 4px;
}

.whatWeDoInnerBlock h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 16px;
}

/*========================================== What We Do CSS End ============================================*/
.serviceDetailPageBanner.packagePageBanner {
  height: auto;
  padding: 180px 0 100px;
}

/*=========================================== School Website Page CSS Start =========================================*/
.serviceDetailPageBanner {
  height: 100dvh;
}

.shape11 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  filter: grayscale(1) opacity(0.1);
}

.shape11 img {
  width: 840px;
}

.shape12 {
  position: absolute;
  right: 180px;
  top: 55%;
  transform: translateY(-50%);
  filter: grayscale(1) opacity(0.1) brightness(0.1);
}

.shape12 img {
  width: 480px;
}

.innerPageFoldImg svg {
  stroke: #837e72;
  width: 100%;
  max-width: 400px;
}

.innerPageFoldImg img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.featureBlock {
  background: #f1ecde;
  padding: 50px 25px 40px;
  border-radius: 2px;
  border-bottom: 12px solid #b9b4a7;
  transform: translateY(0px);
  transition: 1s cubic-bezier(0.16, 0.88, 0.32, 1);
}

.featureBlock:hover {
  transform: translateY(-20px);
}

.featureBlock svg {
  width: 58px;
  fill: #181715;
  margin-bottom: 40px;
  opacity: 0.5;
}

.featureBlock a svg {
  width: 22px !important;
  fill: #ffffff !important;
  position: relative;
  top: -1px;
  margin-bottom: 0;
}

.featureBlock h3 {
  font-family: "Inter", sans-serif;
  color: #121212;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 16px;
}

.featureFixed {
  position: absolute;
  bottom: 25px;
  left: 25px;
}

.featureBlockSvg svg {
  width: 65px;
  margin-bottom: 0;
}

.featureBlock ul li {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 18px;
  color: #000;
}

.featureBlock ul li svg {
  width: 8px !important;
  fill: #0e100e !important;
  position: absolute;
  left: 0;
  top: 10px;
  margin-bottom: 0;
}

.featureBlock a {
  color: #fff;
  background: #181715;
  border: 1px solid #181715;
  padding: 10px 20px;
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 50px;
  text-align: center;
}

.featureBlock.featureBlockWithHref {
  padding: 50px 25px 90px;
}

.buildBlock {
  padding: 30px 30px 80px;
  transition: 0.2s ease-in-out;
}

.buildBlockSvg svg, .buildBlockSvg img {
  width: 52px;
}

.buildBox h3 {
  color: #121212;
  font-size: 32px;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 16px;
  transition: 0.2s ease-in-out;
}

span.smallSpanCounter {
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #121212;
}

span.smalltext {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  display: inline-block;
}

.buildBox h3 small {
  font-size: 60%;
  line-height: 34px;
}

.buildBlock:hover .buildBox h3 {
  color: #911c00;
}

.buildBlock ul, .buildBlock ul li {
  list-style-type: none;
  padding-block-start: 0;
  padding-left: 0;
}

.buildBlock ul li {
  font-size: 16px;
  line-height: 20px;
  color: #121212;
  padding: 7px 12px;
  border-radius: 50px;
  margin: 3px 4px 3px 0;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #cfc8b9;
  font-weight: 500;
}

.buildBlock p {
  color: #121212;
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 0;
  font-weight: 400;
}

.buildBlock .btnAbsolute {
  right: 0;
  left: 30px;
  bottom: 30px;
}

.buildBlock .textLink {
  font-size: 18px;
}

/*=========================================== School Website Page CSS End =========================================*/
.problemBlock {
  padding-right: 40px;
  margin-right: 40px;
  border-right: 10px solid rgba(0, 0, 0, 0.1882352941);
}

.whyChooseSection2 .featureBlock svg {
  margin-bottom: 0;
}

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

.mainAccordion button.accordion-button {
  position: relative;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #181715;
  padding: 18px 45px 18px 25px;
  background: #ded7c9;
  box-shadow: none;
  font-family: "Inter", sans-serif;
}

.mainAccordion button.accordion-button::after {
  right: -25px;
  position: relative;
}

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

.mainAccordion .accordion-item {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(24, 23, 21, 0.1490196078);
  border-radius: 0;
  margin-bottom: 12px;
}

.mainAccordion .accordion-item:last-child {
  margin-bottom: 0;
}

.mainAccordion .accordion-body {
  position: relative;
  padding: 0 80px 25px 30px;
  background: #ded7c9;
}

.mainAccordion .accordion-body p, .mainAccordion .accordion-body ul.mainUl li {
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
}

/*================================================ FAQ CSS End =================================================*/
.clientLoginImg img {
  filter: sepia(1) opacity(0.6);
}

/*================================================ Approach Section CSS Start =================================================*/
section.approchSection {
  padding: 80px 0px;
  overflow: inherit !important;
  background-color: #fff;
}

.approchSidebar {
  position: sticky;
  top: 320px;
  margin-top: 40px;
}

a.approchAnchor,
a.approchAnchor:hover {
  position: relative;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.05em;
  margin-bottom: 10px;
  display: inline-block;
  border: 0;
  background-color: transparent;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-color: #cfc8b9;
  text-decoration-thickness: 4px;
  text-underline-offset: 4px;
  transition: 0.2s ease-in-out;
}

a.approchAnchor.active {
  color: #911c00;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-underline-offset: 4px;
}

.approchContentBox {
  position: relative;
  margin-top: 120px;
  background: #ded7c9;
  padding: 50px 40px 40px;
  border-radius: 4px;
  border-bottom: 10px solid #b9b5a8;
}

.approchContentBox:first-child {
  margin-top: 60px;
}

.approchContentBox h2 {
  position: relative;
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  color: #181715;
  border: 2px solid rgb(207, 200, 185);
  display: inline-block;
  padding: 10px 20px;
  background: #cfc8b9;
}

.approchContentBox h2 span.countTags {
  margin-right: 15px;
}

.approchContentBox p {
  font-size: 22px;
  line-height: 33px;
  margin-bottom: 0px;
  color: #000;
  font-weight: 500;
}

a.approchLink {
  color: #f27419;
  text-decoration: underline;
  padding-top: 25px;
  display: block;
  font-size: 20px;
  font-weight: 500;
}

a.approchLink svg {
  width: 21px;
  margin-left: 6px;
  fill: #f27419;
}

.approchContentBox .read-d {
  font-size: 26px;
  line-height: 38px;
  font-weight: 300;
  color: #000;
}

.approchContentBox p .read-d big {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
  color: #000;
}

.outer-about-box {
  overflow: hidden !important;
}

/*================================================ Approach Section CSS End =================================================*/
.pricingTable table th, .pricingTable table td {
  position: relative;
  padding: 10px 16px;
  color: #121212;
  vertical-align: middle;
}

.pricingTable table th {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}

.pricingTable table td {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
}

.packageCheckSvg svg {
  width: 22px;
  fill: #932000;
}

/*============================================ Blog Details Page CSS Start ================================================*/
.innerBanner.blogDetailInnerBanner {
  padding: 220px 0 40px;
}

.blogDetailInnerBanner h1.heroTitle {
  font-size: 48px;
  line-height: 56px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.blogBannerImg .container,
.blogBannerImg .container-lg,
.blogBannerImg .container-md,
.blogBannerImg .container-sm,
.blogBannerImg .container-xl {
  max-width: 100%;
}

.blogBannerImg {
  position: relative;
}

.blogBannerImg img {
  width: 100%;
}

.blogDetailSectionBlock .blogContentText {
  position: relative;
  padding: 0;
}

.blogDetailSectionBlock .blogContentText .blogText, .blogDetailSectionBlock .blogContentText .blogText ol li, .blogDetailSectionBlock .blogContentText .blogText p, .blogDetailSectionBlock .blogContentText .blogText ul li {
  color: #121212;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}

.blogDetailSectionBlock .blogContentText table tr td,
.blogDetailSectionBlock .blogContentText table tr th {
  color: #121212;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  padding: 12px 16px !important;
}

.blogDetailSectionBlock .blogContentText table thead tr td {
  background: #ddd !important;
}

.blogDetailSectionBlock .blogContentText table tr:nth-child(2n) {
  background: rgb(246, 247, 248);
}

.blogDetailSectionBlock .blogContentText table {
  display: block;
  overflow-x: auto;
  margin-bottom: 20px;
}

.blogDetailSectionBlock .blogContentText .imgCaption {
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  margin-top: 12px;
  font-style: italic;
  font-weight: 400;
  color: #222;
}

.blogDetailSectionBlock .blogContentText .blogText,
.blogDetailSectionBlock .blogContentText .blogText p {
  margin-bottom: 16px;
}

.blogDetailSectionBlock .blogContentText .blogText ul li,
.blogDetailSectionBlock .blogContentText .blogText ol li {
  margin-bottom: 12px;
}

.blogDetailSectionBlock .blogContentText .blogText ul li:last-child,
.blogDetailSectionBlock .blogContentText .blogText ol li:last-child {
  margin-bottom: 0;
}

.blogDetailSectionBlock .blogContentText ul,
.blogDetailSectionBlock .blogContentText ol {
  margin-bottom: 16px;
}

.blogDetailSectionBlock .blogContentText p a,
.blogDetailSectionBlock .blogContentText ul li a,
.blogDetailSectionBlock .blogContentText ol li a {
  color: #f87000;
  transition: 0.4s ease-in-out;
}

.blogDetailSectionBlock .blogContentText p a:hover,
.blogDetailSectionBlock .blogContentText ul li a:hover,
.blogDetailSectionBlock .blogContentText ol li a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.blogContentText h2.head {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 18px;
  color: #121212;
}

.blogContentText h3 {
  padding-top: 6px;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 9px;
  color: #000;
}

.blogContentText strong {
  font-weight: 500 !important;
}

.blogDetailSectionBlock .blogContentText .blogText b,
.blogDetailSectionBlock .blogContentText .blogText p b {
  font-weight: 700 !important;
}

.blogDetailSectionBlock .blogContentText .blogText:last-child,
.blogDetailSectionBlock .blogContentText .blogText p:last-child {
  margin-bottom: 0;
}

.wrapperScrollTop {
  scroll-margin-top: 60px;
}

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

.popularBlogsScroll {
  position: relative;
  height: 100%;
  max-height: 200px;
  overflow-y: scroll;
}

.popularBlogsScroll::-webkit-scrollbar {
  width: 5px;
  border-radius: 6px;
}

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

.popularBlogsScroll::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 20px;
}

.popularBlogsBox {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

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

.popularBlogsBox img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
}

.popularBlogsBox h4 {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #121212;
  margin-bottom: 0;
  font-weight: 700;
  position: relative;
  height: 36px;
  overflow: hidden;
}

span.dateTag {
  font-size: 12px;
  line-height: 18px;
  color: #f87000;
  font-weight: 500;
  display: none;
}

.blogSidebar {
  padding: 20px 16px;
  border-radius: 6px;
}

.blogSidebar h3 {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px;
  color: #121212;
  letter-spacing: -0.1px;
  text-transform: uppercase;
}

.tableContentScroll {
  position: relative;
  height: 100%;
  max-height: 330px;
  overflow-y: scroll;
}

.tableContentScroll::-webkit-scrollbar {
  width: 5px;
  border-radius: 6px;
}

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

.tableContentScroll::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 20px;
}

.tableContentBlock ul li a {
  position: relative;
  text-decoration: none;
  line-height: 18px;
  font-size: 15px;
  font-weight: 400;
  transition: 0.6s ease-in-out;
  color: #111;
  margin-bottom: 12px;
  display: block;
  padding-left: 16px;
}

.tableContentBlock ul li a i {
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4196078431);
}

.tableContentBlock ul li a svg {
  width: 15px;
  position: absolute;
  left: 0;
  top: 2px;
  fill: #6f6f6f;
}

.tableContentBlock ul li a:hover {
  color: #f87000;
}

.ctaBlogBanner {
  background: #cfc8b9;
  padding: 28px 25px 25px;
  border-radius: 6px;
}

.ctaBlogBanner h5 {
  color: #000;
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 2px;
}

.ctaBlogBanner h6 {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.blog-info {
  position: relative;
  margin-top: 16px;
}

.blog-info .title-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: #cfc8b9;
  border-radius: 50px;
}

.blog-info .title-content .title-content-box {
  font-size: 15px;
  padding-left: 22px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  line-height: 18px;
  flex-direction: column;
  margin-right: 30px;
  font-weight: 400;
}

.blog-info .title-content .title-content-box i {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  color: #f87000;
  width: 18px;
}

.blog-info .title-content .title-content-box .span.a2a_svg svg {
  content: "";
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.blog-info .title-content .title-content-box small {
  font-weight: 600;
  font-size: 70%;
  color: #494949;
  text-transform: uppercase;
}

.blog-info .title-content .title-content-box span {
  color: #111;
}

.blogText h2 {
  font-family: "Inter", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  margin-bottom: 0;
  color: #000;
  padding-left: 25px;
}

.blogText h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
  width: 5px;
  height: 100%;
  background-color: #f87000;
}

.blogSidebar.ctaBlogBlock {
  background: #1d1e0f;
  padding: 25px 12px;
}

.ctaBlogBlock h4 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}

.ctaBlogBlock p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 0;
}

.blogLinks a {
  position: relative;
  color: #fff;
  padding: 8px 20px;
  font-size: 0.95rem;
  line-height: 1.5rem;
  border: 1px solid #f87000;
  font-weight: 700;
  border-radius: 2px;
  background: #f87000;
  display: inline-block;
  text-transform: uppercase;
  margin: 0 8px;
  transition: 0.4s ease-in-out;
}

.explore-more-block {
  position: relative;
  display: flex;
}

.explore-more-block h5 {
  margin-bottom: 0;
  background: #35371c;
  color: #fff;
  padding: 6px 25px 6px 12px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.1px;
  text-transform: uppercase;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.explore-more-block .main-custom-icon {
  background: #1d1e0f;
  color: #fff;
  padding: 6px;
  margin-left: -14px;
  font-size: 24px;
}

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

.creditBlock:before {
  content: "";
  position: absolute;
  left: 0;
  top: 56%;
  transform: translate(0, -50%);
  width: 100%;
  border-bottom: 1px dashed #3f3f3f;
}

a.creditBySpan {
  font-size: 12px;
  line-height: 16px;
  color: #818181;
  font-weight: 400;
  display: inline-block;
  background: #ded7c9;
  position: relative;
  padding: 0 8px;
}

/*============================================ Blog Details Page CSS End ================================================*/
/*=========================================== Contact Page CSS Start =========================================*/
section.homepageFormSection.contactFormPageSection {
  padding: 170px 0 120px;
}

.innerHeader header nav.navbar {
  background: #0e100e;
}

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

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

.innerHeader header nav.navbar a.navbar-brand img {
  width: 200px;
  top: 0;
}

span.arrowDown svg {
  width: 42px;
  fill: #ded7c9;
  animation: mover 1s infinite alternate;
  position: absolute;
  bottom: 20px;
}

.form-check-input:checked[type=checkbox] {
  background-color: #ff770e;
  border: 1px solid #ff770e;
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
.darkMode .text-light1 {
  color: #181715 !important;
}

.contactFormPageSection p.subText2 {
  font-weight: 400;
}

.contactFormPageSection .contactall {
  border: 1px solid rgba(24, 23, 21, 0.09);
  background: rgb(222, 216, 202);
}

.contactFormPageSection .contactall .whatsappnumber {
  background: #c5beb2;
  color: #000;
}

.contactFormPageSection ul.style-phone-no li a {
  color: #181715;
  font-weight: 600;
}

address.mainAddress {
  color: #181715;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

span.alphaText {
  font-size: 420px;
  font-weight: 700;
  line-height: 420px;
  position: absolute;
  left: -180px;
  top: -50px;
  filter: opacity(0.04);
}

.mainAddress2 {
  position: relative;
  background: #8499bf;
  padding: 20px;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mainAddress2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/shape4.png);
  background-size: 6px;
  filter: opacity(0.3) grayscale(1);
}

.mainAddress2.mainAddress3 {
  background: #b5947a;
}

.mainAddress2.mainAddress3 h3 {
  background: #c7ae9b;
}

.mainAddress2 h3 {
  position: relative;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  padding: 6px 8px;
  background: #b7c0d9;
}

.mainAddress2 address {
  position: relative;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
  color: #181715;
  text-align: right;
}

.mainAddress2 svg {
  position: absolute;
  width: 75px;
  left: 25px;
  bottom: 25px;
  fill: rgba(255, 255, 255, 0.23);
}

/*================================================ Contact Page CSS End =================================================*/
.aboutPageBlock2 {
  padding-bottom: 120px;
}

.wrapperScrollBlock {
  padding: 40px 35px;
}

@media (min-width: 768px) {
  .dynamic-heading .step-text {
    color: #121212;
    opacity: 1;
    border-bottom: 1px solid rgba(18, 18, 18, 0.4784313725);
    font-size: 130%;
    height: 60px;
    transition: 0.2s ease-in-out;
    overflow: hidden;
  }
  /* When Attract is active (01) */
  .dynamic-heading.show-attract .step-generate,
  .dynamic-heading.show-attract .step-convert {
    margin: 0 !important;
    border-bottom: 1px solid transparent;
    font-size: 95%;
    opacity: 0.5;
  }
  /* When Generate is active (02) */
  .dynamic-heading.show-generate .step-attract {
    margin: 0 !important;
    border-bottom: 1px solid transparent;
    font-size: 95%;
    opacity: 0.5;
  }
  .dynamic-heading.show-generate .step-convert {
    margin: 0 !important;
    border-bottom: 1px solid transparent;
    font-size: 95%;
    opacity: 0.5;
  }
  /* When Convert is active (03) */
  .dynamic-heading.show-convert .step-attract,
  .dynamic-heading.show-convert .step-generate {
    margin: 0 !important;
    border-bottom: 1px solid transparent;
    font-size: 95%;
    opacity: 0.5;
  }
}
/* ================================= Website Redesign Guide Page CSS Start ================================*/
.webRedesignBlockImg img {
  width: auto;
  height: calc(100vh - 78px);
}

section.redesignSection {
  padding: 70px 0 30px;
  height: calc(100dvh - 70px);
  margin-top: 70px;
  background: #171a17;
}

section.redesignSection h2.formHead {
  font-weight: 400;
  background: #cfc7b8;
  padding: 16px 10px;
  font-size: 28px;
  color: #181715;
}

section.redesignSection h2.formHead svg {
  width: 20px;
  fill: #fff;
}

section.redesignSection .webinarForm {
  padding: 35px 25px;
  max-width: 420px;
}

.webRedesignBlockContentFixed {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.taggIcon img {
  filter: opacity(0.1);
}

.webRedesignBlockContentFixed h2 {
  color: rgba(255, 255, 255, 0.01);
  font-size: 260px;
  line-height: 260px;
  font-weight: 700;
  margin-bottom: 160px;
}

.taggBox span.tagg1 {
  color: rgba(255, 255, 255, 0.08);
}

.taggBox span.tagg2 {
  color: rgba(255, 255, 255, 0.05);
}

.taggBox span.tagg3 {
  color: rgba(255, 255, 255, 0.03);
}

.taggBox span.tagg4 {
  color: rgba(255, 255, 255, 0.01);
}

.taggBox span {
  font-size: 70px;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}

/* ================================= Website Redesign Guide Page CSS End ================================*/
.marketingPointerBox svg {
  width: 72px;
}

.mainTitleHero h2 {
  font-size: 54px;
  line-height: 64px;
  font-weight: 700;
  margin-bottom: 30px;
  letter-spacing: -0.5px;
}

.mainTitleHero h2 small {
  font-size: 40%;
  display: inline-block;
  position: relative;
  top: -12px;
  margin-right: 16px;
  font-weight: 600;
}

.benefitStats h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
}

.benefitStats h3 span {
  font-size: 240%;
  line-height: 60px;
  font-weight: 800;
  color: #dd6f18;
}

.statBlockMain {
  padding: 25px 30px;
  border-top: 8px solid #aba495;
}

/*================================================ Footer CSS Start =================================================*/
footer {
  position: relative;
  background: #0e100e;
}

.wrapperFooterMain {
  position: relative;
  background: #ded7c9;
  padding: 80px 0 0;
}

.footerLogo span {
  display: inline-block;
  align-self: end;
  padding: 0 30px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.footerLogo a img {
  width: 250px;
}

.footerCopyrightBlock p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  font-weight: 300;
  color: rgba(222, 214, 200, 0.7098039216);
  transition: 0.2s ease-in-out;
}

.footerCopyrightBlock p a {
  color: rgba(222, 214, 200, 0.7098039216);
  transition: 0.2s ease-in-out;
}

.footerCopyrightBlock p:hover a {
  color: #fff;
}

p.footerBrandPara {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  font-weight: 300;
  color: rgba(222, 214, 200, 0.7098039216);
}

.footerQuickLinks ul {
  list-style-type: none;
  padding-inline-start: 0;
}

.footerQuickLinks ul li a {
  display: inline-block;
  font-size: 15px;
  color: #181715;
  line-height: 20px;
  margin-top: 7px;
  margin-bottom: 0;
  font-weight: 300;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  transition: 0.4s ease-in-out;
}

.footerQuickLinks ul li a:hover {
  color: #fff;
  text-decoration-color: #fff;
}

h3.footerH3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 16px;
  color: rgba(222, 214, 200, 0.5);
}

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

.footerLinks a.fLink2 {
  background: transparent;
  border: 1px solid #ffffff;
  padding: 12px 16px 12px 45px;
  font-weight: 600;
}

.footerLinks a.fLink2 i {
  position: absolute;
  top: 48%;
  left: 16px;
  transform: translate(0, -50%);
  font-size: 130%;
}

.footerMain {
  position: relative;
  padding: 70px 0 40px;
}

.websitePackagesListBox ul {
  list-style-type: none;
  padding-inline-start: 0;
}

.footerCopyright {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  padding: 20px 0;
}

.footerCopyright .footerCopyrightBlock p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #ded6c8;
  font-weight: 200;
}

.footerCopyright .footerCopyrightBlock p a {
  color: #ded6c8;
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  transition: 0.4s ease-in-out;
}

.footerCopyright .footerCopyrightBlock p a:hover {
  color: #fff;
  text-decoration-color: #fff;
}

.footerCopyrightBox a {
  color: #fff;
  font-size: 1.1rem;
  display: inline-block;
  margin-left: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding: 4px;
  transition: 0.2s ease-in-out;
}

.footerCopyrightBox a svg {
  fill: #cfc8b9;
  width: 24px;
  transition: 0.2s ease-in-out;
}

.footerCopyrightBox a:hover svg {
  fill: #fff;
}

.footerPatch h3 {
  font-size: 180px;
  line-height: 160px;
  -webkit-text-stroke: 2px;
  color: transparent;
  -webkit-text-stroke-color: #dcd5c8;
  position: relative;
  bottom: -20px;
  filter: opacity(0.2);
}

/*================================================ Footer CSS End =================================================*/
ul.websiteModuleUl li {
  flex: 0 0 auto;
  width: 16.66%;
  padding: 4px;
}

.websiteModuleUlBlock {
  position: relative;
  text-align: center;
  background: #f1ecde;
  padding: 30px 12px 20px;
  height: 100%;
}

.websiteModuleUlBlock svg {
  width: 58px;
  fill: #181715;
  margin-bottom: 30px;
  opacity: 0.5;
}

.websiteModuleUlBlock h3 {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 0;
}

.websiteModuleManyMore h4 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 12px;
  font-size: 28px;
  line-height: 34px;
  color: #181715;
  font-weight: 400;
}

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

.pkTable tbody th,
.pkTable tbody td {
  font-size: 18px;
  line-height: 26px;
  padding: 8px 12px;
  color: #000;
  vertical-align: middle;
  font-weight: 400;
}

.title_awesome .subhead {
  background: #cfc8b9;
  padding: 12px 16px;
  font-size: 22px;
  line-height: 28px;
  color: #000;
  font-weight: 600;
}

.packtitle {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  color: #000;
  padding: 20px 8px 16px;
}

span.packtitlePrice {
  font-weight: 700;
  color: #932000;
  font-size: 34px;
  line-height: 40px;
  letter-spacing: -1px;
}

span.packtitlePrice svg {
  width: 20px;
  fill: #932000;
}

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

span.svgIcons svg {
  width: 24px;
  fill: #121212;
  border-radius: 50%;
  padding: 1px;
}

span.svgIcons.success svg {
  fill: #fff;
  background: #009100;
}

span.svgIcons.fail svg {
  fill: #fff;
  background: #911c00;
}

.websitePackageBlock {
  position: relative;
}

.websitePackageBlock button.accordion-button,
.websitePackageBlock .accordion-body {
  background: #ded7c9;
}

.websitePackageBlock .accordion-body {
  padding: 0 12px 20px;
}

.websitePackageBlock .accordion-item {
  margin-bottom: 20px;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
}

.websitePackageBlock button.accordion-button {
  font-size: 26px;
  line-height: 28px;
  text-transform: uppercase;
  color: #121212;
  font-weight: 700;
  padding: 20px 12px;
}

.websitePackageBlock button.accordion-button::after {
  width: 1.6rem;
  height: 1.6rem;
  background-size: 1.6rem;
}

.innerBtnPackages {
  color: #fff;
  border: 1px solid #181715;
  padding: 10px 20px;
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 500;
  background: rgb(14, 16, 14);
  cursor: pointer;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}

.ownPlanLink a {
  position: relative;
  color: #fff;
  padding: 12px 25px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  border: 2px solid #911c00;
  border-radius: 50px;
  background: #911c00;
  text-transform: uppercase;
  margin: 0;
  display: inline-block;
  text-align: center;
  transition: 0.4s ease-in-out;
}

.ownPlanLink a svg {
  width: 22px;
  fill: #fff;
  position: relative;
  top: -1px;
}

.redesignGuideModal .modal-dialog {
  max-width: 450px;
}

/*============================Responsive CSS ============================*/
@media only screen and (max-width: 991px) {
  .mobile-menu nav.mobile-offcanvas a.navbar-brand img {
    width: 180px;
  }
  .mobile-offcanvas {
    max-width: 100%;
    padding: 70px 16px 16px;
    max-height: 100dvh;
  }
  .mobile-offcanvas .offcanvas-header {
    top: 20px;
    left: 12px;
    width: calc(100% - 24px);
  }
  ul.sidePanelNavigation li a {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  ul.sidePanelNavigation2 li a {
    font-size: 17px;
    line-height: 21px;
  }
  .heightSideBar {
    height: calc(100dvh - 100px);
  }
  ul.sidePanelNavigation {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 379px) {
  html {
    zoom: 0.8;
  }
  section.heroSection {
    height: calc(100dvh + 198px);
  }
  .preloader,
  .preloader::after,
  .preloader::before,
  section.redesignSection {
    height: calc(100dvh + 198px) !important;
  }
  .mobile-offcanvas {
    max-height: calc(100dvh + 198px) !important;
  }
  .heightSideBar {
    height: calc(100dvh + 90px) !important;
  }
  .modal-backdrop {
    width: 100%;
    height: calc(100vh + 192px);
  }
}
@media only screen and (max-width: 767px) {
  .bigParagraph.text-red {
    color: #121212 !important;
  }
  .frameWorkTitleText h3 br {
    display: none;
  }
  .bg5Mobile {
    background: transparent !important;
  }
  .pattern01:before {
    filter: opacity(0.06) grayscale(1);
  }
  .frameWorkBlock .expBtn .expAnchor.expAnchor1 svg, .expBtn .expAnchor.expAnchor1 svg, .expBtn .expAnchor svg, .works-action .text-link svg, .contact-form.cf .default-btn svg, .heroLinks .heroLinks1 svg {
    display: none;
  }
  .separatorVertical:after {
    width: 5px;
    height: 5px;
  }
  .bookingFormHeight1 {
    height: 660px !important;
  }
  .bookingFormHeight2 {
    height: 520px !important;
  }
  .platformPageForm {
    height: 289px !important;
  }
  span.articleTags:before {
    top: 6px;
    width: 10px;
    height: 10px;
  }
  span.articleTags {
    padding-left: 16px;
  }
  .fiveEnrolRow .col-lg-3 {
    width: 100%;
  }
  .aboutPageBlock2 {
    padding-bottom: 20px;
  }
  .wrapperScrollBlock {
    padding: 20px 16px 16px;
  }
  .wrapperSticky3 {
    position: relative;
    top: 0;
  }
  .col-xl-4:nth-child(1) .productParts, .col-xl-4:nth-child(2) .productParts, .col-xl-4:nth-child(3) .productParts, .col-xl-4:nth-child(4) .productParts {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0;
  }
  .productBlockContent h5 {
    font-size: 22px;
    line-height: 28px;
  }
  .bookingForm {
    height: auto;
    padding: 25px 16px 20px;
    margin-bottom: 70px;
    display: block;
  }
  .frameWorkPillarCounterPadding {
    padding: 70px 0 30px;
  }
  .productBlockContent h4 {
    font-size: 24px;
    line-height: 28px;
  }
  .mainTitle h2 span.smallh2 {
    font-size: 34px;
    line-height: 42px;
  }
  .serviceDetailPageBanner.packagePageBanner {
    padding: 60px 0 50px;
  }
  .pricingTable table td {
    font-size: 19px;
    line-height: 26px;
  }
  .packageCheckSvg svg {
    width: 18px;
  }
  .pricingTable table th {
    font-size: 17px;
    line-height: 23px;
  }
  .pricingTable table th, .pricingTable table td {
    padding: 6px 8px;
  }
  p.footerBrandPara {
    font-size: 17px;
    line-height: 23px;
  }
  section.centeredSection.centeredSection2 p.bigParagraph {
    font-size: 21px;
    line-height: 29px;
    font-weight: 400;
  }
  section.centeredSection.centeredSection2 {
    padding: 50px 0;
  }
  .five-rows .col-md-4 {
    width: 100%;
  }
  .fullScreenMobile {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
  .pattern03:before {
    background: url(../images/bgMathPattern-mobile.webp);
    background-size: cover;
    background-position: center;
    filter: opacity(0.4);
    background-attachment: fixed;
  }
  .poweredSpan {
    font-size: 16px;
    line-height: 22px;
  }
  .productBlockContent ul li {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 14px;
    margin: 2px;
  }
  .productBlockContent h3 {
    font-size: 28px;
    line-height: 34px;
  }
  .productBlockContent {
    padding: 20px 16px 16px;
  }
  span.ncSpan {
    font-size: 92px;
    line-height: 92px;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 0;
  }
  .productParts {
    padding: 25px 0px;
  }
  .productBlockContent h3 small {
    font-size: 75%;
    line-height: 28px;
  }
  .productBlockContent h5 small {
    font-size: 95%;
    line-height: 28px;
  }
  .togatherBlock img {
    width: 42px;
  }
  section.centeredSection {
    padding: 50px 0;
  }
  p.bigParagraph {
    font-size: 24px;
    line-height: 36px;
  }
  .statBlockMain {
    padding: 20px 12px 12px;
  }
  .sliderInfiniteScroll .slide-track {
    width: 3000px;
  }
  @keyframes scroll1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-3000px);
    }
    100% {
      transform: translateX(0);
    }
  }
  .mainTitle h2 span.h2Big {
    font-size: 90%;
    line-height: 40px;
  }
  .mobile-menu nav.mobile-offcanvas .offcanvas-header button.btn-close {
    font-size: 22px;
    position: relative;
    top: -7px;
  }
  span.smalltext {
    font-size: 26px;
    line-height: 30px;
  }
  .buildBox h3 {
    font-size: 30px;
    line-height: 34px;
  }
  .buildBox h3 small {
    line-height: 28px;
  }
  .buildBlockSvg svg, .buildBlockSvg img {
    width: 42px;
  }
  .buildBlock {
    padding: 25px 16px;
  }
  .buildBlock .btnAbsolute {
    left: 0;
    bottom: 0;
    position: relative !important;
    margin-top: 20px;
  }
  .buildBlock p {
    font-size: 20px;
    line-height: 28px;
  }
  .fiveRow .col-md-2, .fiveRow .col-md-3, ul.fiveRow li {
    width: 50% !important;
  }
  .fiveRow2 .col-md-3 {
    width: 100% !important;
  }
  p.mainPara, ul.mainUl li {
    font-size: 22px;
    line-height: 32px;
    margin-top: 16px;
  }
  .separatorVertical:before {
    height: 1px;
    width: 100%;
  }
  .frameWorkBlock .mainUl4Box img {
    width: 34px;
  }
  .frameWorkBlock .mainUl4Box h3 {
    font-size: 18px;
    line-height: 23px;
  }
  .mainUl4Box {
    min-height: 200px;
  }
  .mainUl4Box img {
    width: 34px;
  }
  .schoolPartnerBannerBox p {
    font-size: 15px;
    line-height: 20px;
  }
  .schoolPartnerBannerBox img {
    max-width: 48px;
  }
  .sixRow .col-md-3, ul.sixRow li {
    width: 50%;
  }
  .problemSolBlock3 ul.mainUl4 li, .problemSolBlock5 ul.mainUl4 li {
    width: 50%;
  }
  span.spanCounter {
    font-size: 22px;
    line-height: 22px;
  }
  ul.mainUl3 li svg {
    width: 16px;
  }
  ul.mainUl3 li {
    padding-left: 25px;
  }
  img.frameWorkImg {
    max-width: 220px;
    margin: 0 auto;
  }
  .pattern02:before {
    top: -80px;
    left: -80px;
    width: 300px;
    height: 300px;
    filter: opacity(0.12) grayscale(1);
  }
  .pattern02:after {
    left: -80px;
    top: -80px;
    width: 300px;
    height: 300px;
  }
  .upcomingAdmissionSeason ul.mainUl4 li {
    width: 50%;
  }
  .textLink {
    font-size: 17px;
    line-height: 23px;
  }
  .textLink svg {
    width: 16px;
  }
  ul.mainUl4.frameworkBlock li .mainUl4Box h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .frameWorkTitleText h3 {
    font-size: 26px;
    line-height: 32px;
  }
  .frameWorkTitleText h3 small {
    font-size: 86%;
    line-height: 28px;
  }
  .frameWorkBlock {
    padding: 20px 16px 60px;
  }
  .mainTitle h2 small {
    font-size: 70%;
  }
  span.frameWorkCounterSpan {
    left: -42px;
    top: 30px;
    width: 38px;
    height: 38px;
    padding: 8px;
    font-size: 16px;
    line-height: 20px;
    display: none;
  }
  .frameWorkBlock:before {
    left: -24px;
    width: 24px;
    display: none;
  }
  .frameWorkPillarCounter:before {
    left: 0px;
    display: none;
  }
  .expBtn .expAnchor svg, .works-action .text-link svg, .contact-form.cf .default-btn svg, .heroLinks .heroLinks1 svg {
    width: 18px;
  }
  .rounded-pill-mobile {
    border-radius: 4px !important;
  }
  .mainUl4Box h3 {
    font-size: 19px;
    line-height: 24px;
  }
  ul.mainUl4 li {
    width: 50%;
    padding: 3px;
  }
  span.threelineSvg img {
    width: 32px;
    left: -6px;
    top: -10px;
  }
  .mainUl4Box p br {
    display: none;
  }
  .mainUl4Box.statsBlock h3, .admissionSessionBlock h3 {
    font-size: 34px;
    line-height: 40px;
  }
  .statBlockMain.rounded-pill, .statsBlock.rounded-start-pill, .statsBlock.rounded-end-pill {
    border-radius: 4px !important;
  }
  p.smallParagraph, ul.mainUl3 li {
    font-size: 21px;
    line-height: 30px;
  }
  .schoolPartnerBox {
    padding: 16px 16px 16px 0;
  }
  .schoolPartnerBox p {
    font-size: 16px;
    line-height: 22px;
  }
  .schoolPartnerBox img {
    max-width: 52px;
  }
  ul.schoolPartnersUl li {
    width: 50%;
  }
  .w-60, .w-65 {
    width: 100% !important;
  }
  ul.mainQuickLinkUl li {
    width: 100%;
  }
  ul.mainQuickLinkUl li a {
    font-size: 18px;
    line-height: 26px;
  }
  ul.mainQuickLinkUl li a svg {
    width: 44px;
  }
  section.mainQuickLinkSection {
    padding: 50px 0;
  }
  .innerPageFoldBox img, .expectedOutcome img, .upcomingAdmissionSeason img, .mainUl4BoxWithIcon img {
    width: 42px;
  }
  .innerPageFoldBox {
    min-height: 160px;
  }
  .sliderInfiniteScroll .slide img {
    width: 360px;
    border-radius: 16px;
    outline: 2px solid #eaece2;
  }
  .innerPageFoldBox p {
    font-size: 19px;
    line-height: 24px;
  }
  h3.footerH3 {
    font-size: 22px;
    line-height: 26px;
  }
  .footerPatch h3 {
    font-size: 68px;
    line-height: 68px;
    -webkit-text-stroke: 1px;
    bottom: -10px;
    -webkit-text-stroke-color: #efe8db;
  }
  .careerPageBox p.mainPara,
  .careerPageBox ul.mainUl li {
    font-size: 20px;
    line-height: 30px;
    margin-top: 16px;
  }
  .mainTitle h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .careerPageBlock .mainTitle h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
  }
  section.higherEducationBanner {
    background: url(../images/higher-education-banner-mobile.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-attachment: fixed !important;
  }
  .sr_widget.modalForm {
    height: 470px !important;
  }
  .sr_widget.modalForm4 {
    height: 530px !important;
  }
  .sr_widget.modalForm2 {
    height: 470px !important;
  }
  .sr_widget.modalForm3 {
    height: 480px !important;
  }
  .websitePackageBlock .accordion-item {
    margin-bottom: 12px;
  }
  .w-60 {
    width: 30%;
  }
  .websitePackageBlock button.accordion-button {
    font-size: 20px;
    line-height: 26px;
    padding: 12px 8px;
  }
  .pkTable tbody th,
  .pkTable tbody td {
    font-size: 16px;
    line-height: 22px;
    padding: 7px 6px;
  }
  .title_awesome .subhead {
    padding: 10px 8px;
    font-size: 20px;
    line-height: 26px;
  }
  .packtitle {
    font-size: 24px;
    line-height: 30px;
    padding: 16px 6px 12px;
  }
  span.packtitlePrice {
    font-size: 24px;
    line-height: 30px;
  }
  span.svgIcons svg {
    width: 20px;
  }
  section.heroSection {
    background-size: 220px;
    background-position-y: 10%;
    background-position-x: 95%;
  }
  .timelineContent.timelineContent2:before {
    top: -30px;
    bottom: -30px;
    transform: translate(-50%, 0%) rotate(180deg);
    right: 0;
    left: 50%;
    width: 40px;
    height: 30px;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
  }
  .imgLogoBlock img {
    width: 80px;
  }
  .imgLogoBlock label {
    font-size: 12px;
    line-height: 16px;
  }
  .satisfactionIcon img {
    width: 140px;
  }
  ul.sidePanelNavigation li a.nevi1 {
    padding: 10px 20px;
  }
  .serviceDetailPageBanner {
    height: auto;
    min-height: 100dvh;
  }
  .marginMinusTop {
    margin-top: 0;
  }
  .preloader .box img {
    width: 280px;
  }
  .footerCopyrightBox a {
    margin-left: 0;
  }
  .featureFixed {
    position: relative;
    bottom: 0;
    left: 0;
  }
  .featureBlock.featureBlockWithHref {
    padding: 25px 12px 16px;
  }
  .featureBlock a {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 22px;
  }
  section.redesignSection .webinarForm {
    padding: 20px 12px;
    max-width: 350px;
    margin: 0 auto;
  }
  section.redesignSection h2.formHead {
    padding: 12px 8px;
    font-size: 24px;
  }
  section.redesignSection {
    padding: 40px 0 30px;
    height: calc(100dvh - 50px);
    margin-top: 50px;
  }
  .webRedesignBlockContentFixed {
    display: none;
  }
  .websitePackagesListBox1 {
    padding: 20px 12px 16px;
  }
  .websitePackagesListBox1 h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .websitePackagesListBox1 p {
    font-size: 20px;
    line-height: 28px;
  }
  .websitePackagesList h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .websitePackagesListBox2 {
    padding: 0 16px 16px;
  }
  .expBtn .expAnchor {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
    margin: 4px 0;
  }
  .redesignGuideModal .modal-title {
    font-size: 24px;
    line-height: 32px;
  }
  .redesignGuideModal .modal-dialog {
    max-width: 340px;
    margin: 0 auto;
  }
  .redesignGuideModal button.btn-close {
    font-size: 18px;
    margin-right: 0;
  }
  .mainAddress2 {
    padding: 16px;
    height: 200px;
  }
  .mainAddress2 svg {
    width: 62px;
    left: 12px;
    bottom: 12px;
    fill: rgba(0, 0, 0, 0.12);
  }
  .mainAddress2 h3 {
    font-size: 15px;
    line-height: 20px;
  }
  .mainAddress2 address {
    font-size: 22px;
    line-height: 30px;
  }
  .consultationBtns {
    text-align: center;
  }
  section.homepageFormSection {
    padding: 60px 0;
  }
  ul.workProcessTimeline li .timelineContent p {
    font-size: 18px;
    line-height: 26px;
    text-align: start;
  }
  ul.workProcessTimeline li .timelineContent {
    padding: 25px 16px 16px;
    width: 100%;
  }
  span.processCount {
    font-size: 48px;
    line-height: 48px;
    top: 0;
  }
  .timelineContent svg {
    width: 48px;
  }
  .timelineContent .timelineContentHead h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .callQueryBlock {
    padding: 12px 8px;
    border-right: 0;
    height: auto;
  }
  .workProcessTitle {
    height: auto;
    width: 100%;
    padding: 50px 12px 30px;
    margin-left: 0;
  }
  .workProcessTitle h2 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 20px;
  }
  .workProcessImg img {
    height: 280px;
  }
  ul.workProcessTimeline li .timelineContent.timelineContent2:nth-child(1),
  ul.workProcessTimeline li .timelineContent.timelineContent2 {
    margin-top: 40px;
  }
  .workProcessTitle h2 br {
    display: none;
  }
  ul.workProcessTimeline li:nth-child(1) {
    width: 100%;
    order: 3;
  }
  ul.workProcessTimeline li:nth-child(2) {
    width: 100%;
    order: 1;
  }
  ul.workProcessTimeline li:nth-child(3) {
    width: 100%;
    order: 2;
  }
  .stickyBlock {
    position: relative;
  }
  section.thankyouSection {
    padding: 140px 0 40px;
  }
  .thankyouBlock svg {
    width: 64px;
  }
  .thankyouBlock h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .benefitStats h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .callQueryBlock a.callQueryLink {
    font-size: 24px;
    line-height: 34px;
  }
  .thankyouBlock p {
    font-size: 20px;
    line-height: 26px;
  }
  .benefitStats h3 span {
    font-size: 200%;
    line-height: 52px;
  }
  .mainTitleHero h2 small {
    top: 0;
  }
  .marketingPointerBox svg {
    width: 54px;
  }
  .approchContentBox:first-child {
    margin-top: 0;
  }
  .approchContentBox {
    margin-top: 16px;
    padding: 20px 16px 16px;
    border-bottom: 6px solid #b9b5a8;
  }
  .mainTitleHero h2 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 20px;
  }
  .approchContentBox .read-d {
    font-size: 22px;
    line-height: 32px;
  }
  .approchContentBox h2 {
    margin-bottom: 16px;
    font-size: 26px;
    line-height: 32px;
    padding: 8px 16px;
  }
  .radio-toolbar label {
    padding: 10px 4px;
    font-size: 14px;
    margin: 2px 0;
  }
  .contact-form.cf .default-btn {
    padding: 10px 8px;
  }
  .form-label-group input,
  .form-label-group select {
    font-size: 16px;
  }
  .styleForm label.label_interest {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .homepageFormSection.darkMode h2.text-light1 {
    color: #181715 !important;
  }
  label.formLabel {
    font-size: 1.05rem;
    line-height: 21px;
  }
  .form-check-input[type=checkbox] {
    margin-top: 3px;
  }
  .contact-form.cf label.main_label {
    font-size: 16px;
  }
  .contact-form.cf h3 {
    margin: 0 0 20px;
    font-size: 38px;
    line-height: 48px;
  }
  .contact-form.cf h3 small {
    font-size: 16px;
    line-height: 20px;
    margin: 6px 0 0;
  }
  section.scheduleBlockSection {
    padding: 80px 0 20px;
    height: auto;
  }
  .contact-form.cf {
    padding: 35px 16px 30px;
  }
  .scheduleBlockInfo {
    padding: 20px 16px 20px 16px;
  }
  .webPackagesHeader2 h2 {
    font-size: 14px;
    line-height: 20px;
    padding-left: 35px;
  }
  .webPackagesHeader2 span.spanCount2 {
    font-size: 22px;
    line-height: 30px;
    top: 53%;
  }
  .webPackagesBox2 p {
    font-size: 18px;
    line-height: 24px;
  }
  .webPackagesBox2 {
    padding: 0 0 0 35px;
  }
  .webPackagesHeader2 h2 span {
    font-size: 160%;
  }
  .websiteModuleManyMore h4 {
    padding: 6px;
    font-size: 22px;
    line-height: 28px;
  }
  .serviceSidebar .ratio {
    background: #181715;
  }
  .mainTitle h2.bgText {
    padding: 12px 8px;
    font-size: 30px;
    line-height: 38px;
  }
  ul.websiteModuleUl li {
    width: 50%;
    padding: 2px;
  }
  .websiteModuleUlBlock {
    padding: 20px 6px 12px;
  }
  .websiteModuleUlBlock svg {
    width: 48px;
    margin-bottom: 16px;
  }
  .websiteModuleUlBlock h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .blogDetailSectionBlock .blogContentText .blogText,
  .blogDetailSectionBlock .blogContentText .blogText ol li,
  .blogDetailSectionBlock .blogContentText .blogText p,
  .blogDetailSectionBlock .blogContentText .blogText ul li {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .blogContentText h2.head {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .popularBlogsBox h4 {
    font-size: 17px;
    line-height: 21px;
    height: 42px;
  }
  .ctaBlogBanner {
    padding: 20px 12px 16px;
  }
  .blogSidebar h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .ctaBlogBanner h5 {
    font-size: 24px;
    line-height: 28px;
  }
  .ctaBlogBlock h4 {
    font-size: 24px;
    line-height: 32px;
  }
  .ctaBlogBanner h6 {
    font-size: 20px;
    line-height: 26px;
  }
  .ctaBlogBlock p {
    font-size: 19px;
    line-height: 24px;
  }
  .tableContentBlock ul li a {
    line-height: 22px;
    font-size: 17px;
  }
  .blogText h2 {
    font-size: 22px;
    line-height: 32px;
    padding-left: 20px;
  }
  .blogDetailInnerBanner h1.heroTitle {
    font-size: 32px;
    line-height: 36px;
  }
  .blogSidebar.shareBlock {
    background: #cfc7b8;
  }
  .wrapperSticky {
    position: relative;
    top: 0;
  }
  .blog-info .title-content {
    padding: 12px 20px;
    border-radius: 4px;
  }
  .blog-info .title-content .title-content-box {
    margin: 4px 8px;
  }
  .innerBanner.blogDetailInnerBanner {
    padding: 120px 0 20px;
  }
  span.projectTag {
    background: rgb(222, 216, 202);
    top: -25px;
    right: 0;
    font-size: 15px;
    line-height: 20px;
    border-radius: 8px 8px 0 0;
    padding: 3px 6px;
    width: 180px;
    z-index: 1;
    transform: none;
  }
  .workSectionBlockText h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
  }
  .workSectionBlockText img {
    display: none;
  }
  .workSectionBlockText {
    padding: 8px;
    justify-content: start;
  }
  .workSectionBlock {
    padding: 30px 0;
    margin: 0;
  }
  .wrapperSidebar {
    padding: 25px 16px 20px 16px;
    margin-top: 120px;
    height: auto;
  }
  .workSectionOuterBlock {
    padding: 20px 0 50px;
  }
  .owlUrls span {
    font-size: 14px;
    padding: 50px 6px 0;
    text-align: center;
  }
  .processTitle h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .processDiv {
    padding: 20px 12px 16px;
  }
  .processUl li h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 6px 0;
  }
  .processUl li p {
    font-size: 17px;
    line-height: 23px;
  }
  .processDays .owl-dot {
    font-size: 42px;
  }
  .processDaysContainer span {
    min-height: 60px;
    font-size: 24px;
    margin-right: -5px;
  }
  .processDaysContainer {
    margin: 0 0 12px 0;
  }
  .owlUrls {
    border-top: 6px solid #ded7c9;
    flex-wrap: nowrap;
    margin: 0 0 25px;
  }
  .processUl .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
  }
  .owlUrls span:before {
    height: 45%;
  }
  .processUl.owl-carousel .owl-nav button {
    margin: 0 8px;
  }
  .owlUrls span:after {
    top: 35%;
  }
  .shape11 img {
    width: 340px;
  }
  span.arrowDown svg {
    width: 30px;
    bottom: 0;
  }
  .service_image {
    transform: rotate(0deg) !important;
  }
  .innerPageFoldImg svg {
    max-width: 220px;
    outline: 1px solid #23211e;
    outline-offset: 5px;
    padding: 10px;
    background: #111311;
    stroke: #cfc8b9;
  }
  .innerPageFoldImg svg path {
    fill: #111311;
  }
  .mainAccordion button.accordion-button {
    font-size: 19px;
    line-height: 26px;
    padding: 12px 35px 12px 12px;
  }
  h1.heroTitle3 small {
    line-height: 44px;
  }
  .mainAccordion .accordion-body {
    padding: 0 14px 12px;
  }
  .mainAccordion .accordion-item {
    margin-bottom: 8px;
  }
  span.positionLocationSpan {
    font-size: 12px;
    line-height: 16px;
    padding: 4px 10px;
  }
  .consultationSection {
    padding: 50px 0;
  }
  .consultationBtns a,
  .consultationBtns button {
    padding: 8px 12px;
    font-size: 16px;
    line-height: 22px;
  }
  .consultationBlock .consultationHead h2 {
    font-size: 34px;
    line-height: 40px;
  }
  .featureBlock {
    padding: 25px 12px 16px;
    border-bottom: 6px solid #b9b4a7;
  }
  .featureBlock h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
  }
  .featureBlock svg {
    width: 52px;
    margin-bottom: 25px;
  }
  p.mainBigPara {
    font-size: 22px;
    line-height: 32px;
  }
  .mainAccordion .accordion-body p, .mainAccordion .accordion-body ul.mainUl li {
    font-size: 20px;
    line-height: 30px;
  }
  .consultationBlock .consultationHead {
    padding-left: 85px;
  }
  .consultationBlock .consultationHead svg {
    width: 65px;
  }
  section.servicePageSection {
    padding: 50px 0;
  }
  span.numberCount2 {
    display: none;
  }
  .serLink {
    padding: 20px 12px 50px;
    margin-bottom: 12px;
  }
  .bannerImg {
    border: 6px solid #ded7c9;
    border-radius: 4px 4px 0 0;
  }
  .serviceLink {
    right: 12px;
    top: auto;
    bottom: 12px;
    transform: none;
  }
  .serviceLink img {
    width: 30px;
  }
  .serviceLink2 img {
    width: 30px;
  }
  .serLink:hover .serviceLink2 {
    left: calc(100% - 40px);
    top: auto;
    bottom: 12px;
    transform: none;
  }
  h1.heroTitle3 {
    font-size: 42px;
    line-height: 48px;
  }
  .contactusform1 {
    padding: 0;
  }
  .innerHeader header nav.navbar a.navbar-brand img {
    width: 180px;
  }
  .innerHeader .mobileHeader {
    padding: 10px 0;
  }
  .serviceListBoxContent h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 6px;
  }
  .heroLinks .heroLinks1 {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
    margin: 6px 6px 6px 0;
  }
  section.homepageFormSection.contactFormPageSection {
    padding: 120px 0 60px;
  }
  address.mainAddress {
    font-size: 16px;
    line-height: 22px;
    background: #ded9cb;
    padding: 10px 12px !important;
  }
  img.arrowImg {
    width: 90px;
    transform: rotate(55deg);
  }
  span.bannerTag {
    font-size: 15px;
    line-height: 20px;
    padding: 8px 20px;
  }
  .innerPageFoldSection {
    padding: 130px 0 0;
  }
  section.whatWeDoSection {
    overflow: hidden;
    padding-top: 50px;
  }
  a.roundedHref {
    top: 72%;
    width: 100px;
    height: 100px;
    border: 4px solid #cfcbbc;
  }
  a.roundedHref span {
    font-size: 16px;
    line-height: 20px;
  }
  button.hs-button {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 22px;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: calc(100% - 16px);
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: 8px;
  }
  .glimpseWorkSwiper .swiper-button-next {
    right: 8px;
  }
  .glimpseWorkSwiper .swiper-button-next,
  .glimpseWorkSwiper .swiper-button-prev {
    top: 40%;
  }
  .differenceWeBroughtImg {
    border: 2px solid rgb(211, 211, 211);
    border-top: 0;
  }
  .differenceHeader {
    border: 2px solid rgb(222, 215, 201);
    border-bottom: 0;
  }
  img.positionAbsoluteImg {
    bottom: auto;
    top: 60px;
    right: 12px;
    width: 119px;
    border-width: 4px;
    border-radius: 14px;
  }
  .workSectionBlockContent {
    width: calc(100% - 130px);
    min-height: 180px;
  }
  .differenceWeBroughtBlock {
    text-align: center;
  }
  .recentArticleBlock {
    margin-bottom: 16px;
  }
  .differenceHeader span.differenceHeaderSpan {
    top: 54%;
    font-size: 7px;
    line-height: 9px;
  }
  .differenceWeBroughtText .differenceWeBroughtContent {
    padding-left: 6px;
  }
  .differenceWeBroughtText img {
    width: 75px;
    height: 75px;
    margin-bottom: 0;
  }
  .differenceWeBroughtText {
    padding: 16px 0 0;
    width: calc(100% - 145px);
    min-height: 200px;
  }
  .differenceWeBroughtText h2 {
    font-size: 22px;
    line-height: 26px;
  }
  ul.imgServiceTags li .imgServiceTagsText {
    font-size: 15px;
    line-height: 20px;
    padding: 5px 10px;
    margin: 2px 3px 2px 0;
  }
  .glimpseWorkSwiper .swiper-button-next,
  .glimpseWorkSwiper .swiper-button-prev {
    width: 48px;
    height: 48px;
  }
  .glimpseWorkSwiper .swiper-button-next svg,
  .glimpseWorkSwiper .swiper-button-prev svg {
    width: 28px;
  }
  .styleForm {
    padding: 25px 16px;
  }
  .contact-address {
    padding: 0 0 40px;
  }
  .contactFormPageSection .contact-address {
    padding: 40px 0 0;
  }
  ul.style-phone-no li a {
    font-size: 22px;
  }
  .recentArticleBlockContent {
    padding: 12px;
  }
  .recentArticleBlockContent h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 12px;
  }
  .recentArticleBlockInnerContent {
    height: auto;
  }
  .recentArticleBlockContent p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
  }
  .letsWorkSection {
    padding: 60px 0;
  }
  .coreServiceTitle {
    padding: 0 0 0;
    height: auto;
  }
  .coreServiceTitle h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .exploreCollaborate {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
    padding: 6px 12px;
  }
  .coreServiceTitle p {
    font-size: 16px;
    line-height: 24px;
  }
  .coreServices {
    padding: 40px 0 60px;
  }
  header.fixed-top nav.navbar a.navbar-brand img {
    width: 180px;
  }
  header.fixed-top nav.navbar .mobileHeader {
    padding: 10px 0;
  }
  .wrapperFooterMain {
    padding: 60px 0 0;
  }
  .footerMain {
    padding: 40px 0 20px;
  }
  .footerLocation h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .footerLocation ul li span {
    font-size: 13px;
    line-height: 18px;
    padding: 5px 12px 6px;
  }
  .footerLocation ul li {
    margin: 2px;
  }
  .footerCopyright .footerCopyrightBlock p {
    font-size: 13px;
    line-height: 19px;
  }
  .footerQuickLinks ul li {
    margin-right: 0;
    border-right: 0;
    padding-right: 0;
  }
  .footerCopyright {
    padding: 16px 0;
  }
  .letsWorkBlock h2 {
    font-size: 42px;
    line-height: 42px;
    letter-spacing: -2px;
  }
  .mainTitle h2 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 20px;
  }
  .mainTitle h2 small br {
    display: none;
  }
  .works-action .text-link {
    padding: 10px 14px;
    font-size: 16px;
    line-height: 22px;
  }
  .glimpseWorkSwiper .swiper-slide {
    width: 100% !important;
  }
  section.wrapperDifference {
    padding: 70px 0 60px;
  }
  .mobileHeader {
    padding: 16px 0 20px;
  }
  .contactall {
    margin-bottom: 30px;
  }
  .mobileHeader a.navbar-brand img {
    width: 180px;
    top: 0;
  }
  .mobileHeader svg {
    width: 24px;
    fill: #ded6c8;
    margin-right: 1px;
    position: relative;
    top: -2px;
  }
  .mobileHeader button.icon-bars {
    font-size: 20px;
    color: #ded6c8;
    text-transform: uppercase;
    padding: 8px 0;
    font-weight: 300;
    letter-spacing: 1px;
    transition: 0.4s ease-in-out;
  }
  .heroBlock {
    margin: 100px 0 0;
  }
  img.satisfactionIcons {
    right: 0;
    top: 40%;
    width: 320px;
  }
  p.heroPara {
    font-size: 22px;
    line-height: 32px;
  }
  h1.heroTitle {
    font-size: 42px;
    line-height: 48px;
  }
  h1.heroTitle br {
    display: none;
  }
  ul.trustBlockStats-ul li .trustStats {
    font-size: 42px;
    line-height: 42px;
    padding: 12px 16px;
    margin: 4px 16px;
  }
  .trustBlockStats {
    padding: 40px 20px;
  }
  ul.trustBlockStats-ul li .trustStats small {
    line-height: 24px;
    font-size: 42%;
    text-align: end;
  }
  ul.trustBlockStats-ul li .trustStats small br {
    display: none;
  }
  ul.trustBlockStats-ul li:first-child {
    width: 100%;
  }
  ul.trustBlockStats-ul li {
    width: 100%;
  }
  .heroScrollerBlock {
    font-size: 30px;
    line-height: 40px;
    padding: 12px 0 16px;
  }
  section {
    padding: 60px 0;
  }
  .wrapperSticky01,
  .wrapperSticky02,
  .wrapperSticky03 {
    position: relative;
  }
  .wrapperSticky01,
  .wrapperSticky02,
  .wrapperSticky03,
  .wrapperSticky04 {
    top: auto;
  }
  .borderCount {
    position: absolute;
    left: 16px;
    top: -26px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 3px solid #ded7c9;
  }
  .borderCount span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    padding: 6px;
  }
  .whatWeDoBlock {
    border-width: 2px !important;
  }
  .wrapperSticky01 .whatWeDoBlock .borderCount {
    background: #6988c5;
  }
  .wrapperSticky02 .whatWeDoBlock .borderCount {
    background: #9d62a9;
  }
  .wrapperSticky03 .whatWeDoBlock .borderCount {
    background: #ad6b7e;
  }
  .wrapperSticky04 .whatWeDoBlock .borderCount {
    background: #797dd2;
  }
  .wrapperSticky05 .whatWeDoBlock .borderCount {
    background: #b9865f;
  }
  span.arrowDown {
    display: none !important;
  }
  .smallHeading h2 {
    font-size: 18px;
    line-height: 26px;
  }
  span.numberingSpan {
    font-size: 52px;
    line-height: 52px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .whatWeDoBlock {
    padding: 30px 16px;
    background: #ded7c9;
    border-top: 0 !important;
    border-radius: 6px;
    margin-bottom: 16px;
  }
  .wrapSvg2 img {
    display: none;
  }
  .advanceLink a {
    font-size: 20px;
    line-height: 28px;
    display: block;
    padding-left: 32px;
  }
  .profileBlock {
    display: flex;
    justify-content: start;
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
  .profileBlock figure img {
    width: 4rem;
    height: 4rem;
  }
  img.iconArrow {
    width: 24px;
  }
  .advanceLink {
    margin-bottom: 25px;
  }
  .whatWeDoBlock h3 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 14px;
  }
  .threeColumn ul.mainQuickLinkUl li {
    width: 100% !important;
  }
  .whatWeDoInnerBlock {
    padding: 0;
  }
  .whatWeDoInnerBlock2 {
    padding: 20px 16px;
  }
  .expBtn .expAnchor svg {
    width: 22px;
  }
  .figCaption {
    font-size: 16px;
    line-height: 22px;
    align-self: center;
    padding-left: 8px;
  }
  .footerLogo a img {
    width: 180px;
  }
  .footerLogo span {
    padding: 0 16px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapperScrollBlock {
    padding: 30px 20px 25px;
  }
  .aboutPageBlock2 {
    padding-bottom: 60px;
  }
  .dynamic-heading .step-text {
    height: 48px !important;
  }
  .wrapperSticky3 {
    top: 200px;
  }
  .fiveEnrolRow .col-lg-3 {
    width: 33.33%;
  }
  .productParts {
    padding: 25px 12px;
  }
  .productBlockContent h5 small {
    line-height: 26px;
  }
  .col-xl-4:nth-child(1) .productParts, .col-xl-4:nth-child(2) .productParts, .col-xl-4:nth-child(3) .productParts, .col-xl-4:nth-child(4) .productParts {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0;
  }
  .frameWorkPillarCounterPadding {
    padding: 70px 0;
  }
  .mainTitle h2 span.smallh2 {
    font-size: 34px;
    line-height: 40px;
  }
  .pricingTable table td {
    font-size: 20px;
    line-height: 26px;
  }
  .pricingTable table th {
    font-size: 18px;
    line-height: 24px;
  }
  .packageCheckSvg svg {
    width: 18px;
  }
  .pricingTable table th, .pricingTable table td {
    padding: 10px 12px;
  }
  .serviceDetailPageBanner.packagePageBanner {
    padding: 150px 0 70px;
  }
  section.centeredSection.centeredSection2 p.bigParagraph {
    font-size: 24px;
    line-height: 34px;
  }
  section.centeredSection.centeredSection2 {
    padding: 60px 0;
  }
  .five-rows .col-md-4 {
    width: 33.33%;
  }
  .togatherBlock img {
    width: 42px;
  }
  .productBlockContent h3 {
    font-size: 28px;
    line-height: 34px;
  }
  .productBlockContent h5 {
    font-size: 21px;
    line-height: 27px;
  }
  .productBlockContent ul li {
    font-size: 14px;
    line-height: 18px;
  }
  .poweredSpan {
    font-size: 17px;
    line-height: 23px;
  }
  .productBlockContent {
    padding: 30px 25px 25px;
  }
  span.ncSpan {
    font-size: 58px;
    line-height: 58px;
  }
  .case-nav-container {
    left: 16px;
    padding: 12px 6px;
    gap: 10px;
  }
  section.centeredSection {
    padding: 60px 0;
  }
  p.bigParagraph {
    font-size: 26px;
    line-height: 38px;
  }
  .sliderInfiniteScroll .slide img {
    width: 400px;
  }
  .sliderInfiniteScroll .slide-track {
    animation: scroll1 60s linear infinite;
    width: 2800px;
  }
  @keyframes scroll1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-2800px);
    }
    100% {
      transform: translateX(0);
    }
  }
  .statBlockMain {
    padding: 16px 20px;
  }
  section.mainQuickLinkSection {
    padding: 40px 0;
  }
  ul.mainQuickLinkUl li {
    width: 50%;
  }
  ul.mainQuickLinkUl li a {
    font-size: 19px;
    line-height: 26px;
  }
  ul.mainQuickLinkUl li a svg {
    width: 52px;
  }
  .w-65 {
    width: 100% !important;
  }
  .mainTitle h2 span.h2Big {
    font-size: 88%;
    line-height: 36px;
  }
  span.smalltext {
    font-size: 25px;
    line-height: 32px;
  }
  .buildBox h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .buildBlock p {
    font-size: 20px;
    line-height: 28px;
  }
  .buildBox h3 small {
    line-height: 28px;
  }
  .buildBlock {
    padding: 25px 16px 80px;
  }
  .buildBlockSvg svg, .buildBlockSvg img {
    width: 52px;
    margin-bottom: 16px;
  }
  .buildBlock .btnAbsolute {
    left: 16px;
    bottom: 18px;
    width: calc(100% - 32px);
  }
  p.heroPara {
    font-size: 24px;
    line-height: 36px;
  }
  .processDays .owl-dot {
    font-size: 54px;
  }
  .processDaysContainer span {
    min-height: 72px;
    font-size: 24px;
  }
  h1.heroTitle3 small {
    line-height: 50px;
  }
  .frameWorkBlock .mainUl4Box h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .sixRow .col-md-3, ul.sixRow li {
    width: 33.33%;
  }
  .problemSolBlock3 ul.mainUl4 li {
    width: 33.33%;
  }
  .schoolPartnerBannerBox img {
    max-width: 54px;
  }
  .schoolPartnerBannerBox p {
    font-size: 16px;
    line-height: 20px;
  }
  .sixRow .col-md-3, ul.sixRow li {
    width: 50%;
  }
  img.frameWorkImg {
    max-width: 250px;
  }
  span.spanCounter {
    font-size: 24px;
    line-height: 24px;
  }
  .upcomingAdmissionSeason ul.mainUl4 li {
    width: 33.33%;
  }
  span.frameWorkCounterSpan {
    left: -58px;
    width: 40px;
    height: 40px;
    padding: 9px;
    font-size: 17px;
    line-height: 21px;
  }
  ul.mainUl4.frameworkBlock li .mainUl4Box h3 {
    font-size: 20px;
    line-height: 26px;
  }
  ul.mainUl4.mainUl88 li {
    width: 25%;
  }
  .btnAbsolute {
    right: 20px;
    bottom: 16px;
    width: calc(100% - 40px);
  }
  .rounded-pill-mobile {
    border-radius: 20px !important;
  }
  .textLink {
    font-size: 16px;
    line-height: 20px;
  }
  .frameWorkTitleText h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .frameWorkTitleText h3 br {
    display: none;
  }
  .frameWorkBlock {
    padding: 25px 20px 60px;
  }
  .frameWorkTitleText h3 small {
    font-size: 85%;
    line-height: 28px;
  }
  .mainTitle h2 small {
    font-size: 64%;
  }
  .mainUl4Box h3 {
    font-size: 19px;
    line-height: 23px;
  }
  ul.mainUl4 li {
    padding: 3px;
    width: 33%;
  }
  span.threelineSvg img {
    width: 32px;
    left: -22px;
    top: -16px;
  }
  .mainUl4Box.statsBlock h3, .admissionSessionBlock h3 {
    font-size: 38px;
    line-height: 44px;
  }
  .mainUl4Box p {
    font-size: 18px;
    line-height: 24px;
  }
  .statBlockMain.rounded-pill {
    border-radius: 50px !important;
  }
  .statsBlock.rounded-start-pill {
    border-radius: 25px 4px 4px 4px !important;
  }
  .statsBlock.rounded-end-pill {
    border-radius: 4px 4px 25px 4px !important;
  }
  .col-lg-3:nth-child(2) .statsBlock {
    border-radius: 4px 25px 4px 4px !important;
  }
  .col-lg-3:nth-child(3) .statsBlock {
    border-radius: 4px 4px 4px 25px !important;
  }
  .schoolPartnerBox {
    padding: 14px 12px 14px 0;
  }
  .wrapSvg2 img {
    width: 140px;
  }
  span.numberingSpan {
    position: absolute !important;
    right: 12px;
    top: 0;
    font-size: 52px;
    line-height: 52px;
  }
  .shape12 {
    right: 20px;
  }
  .shape12 img {
    width: 280px;
  }
  .schoolPartnerBox img {
    max-width: 54px;
  }
  .schoolPartnerBox p {
    font-size: 16px;
    line-height: 20px;
  }
  ul.schoolPartnersUl {
    justify-content: center;
  }
  ul.schoolPartnersUl li {
    width: 25%;
  }
  p.smallParagraph, ul.mainUl3 li {
    font-size: 22px;
    line-height: 32px;
  }
  .innerHeader header nav.navbar a.navbar-brand img {
    width: 180px;
  }
  .innerPageFoldBox img, .expectedOutcome img, .upcomingAdmissionSeason img, .mainUl4BoxWithIcon img {
    width: 40px;
  }
  .frameWorkBlock .mainUl4Box img {
    width: 36px;
  }
  .innerPageFoldBox {
    min-height: 160px;
  }
  .innerPageFoldBox p {
    font-size: 18px;
    line-height: 24px;
  }
  .w-60 {
    width: 100% !important;
  }
  .footerBrand {
    max-width: 380px;
  }
  h3.footerH3 {
    font-size: 22px;
    line-height: 26px;
  }
  .footerPatch h3 {
    font-size: 80px;
    line-height: 80px;
    bottom: -40px;
  }
  .careerPageBlock .mainTitle h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
  }
  .careerPageBox p.mainPara,
  .careerPageBox ul.mainUl li {
    font-size: 20px;
    line-height: 30px;
    margin-top: 16px;
  }
  .mainTitle h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  section.heroSection {
    background-size: 300px;
    background-position-y: 10%;
    background-position-x: 95%;
  }
  .sr_widget.modalForm6 {
    height: 370px !important;
  }
  .sr_widget.modalForm2 {
    height: 470px !important;
  }
  .sr_widget.modalForm4 {
    height: 530px !important;
  }
  .sr_widget.modalForm3 {
    height: 480px !important;
  }
  .w-60 {
    width: 40%;
  }
  .websitePackageBlock button.accordion-button {
    font-size: 24px;
    line-height: 26px;
    padding: 16px 12px;
  }
  .pkTable tbody th,
  .pkTable tbody td {
    font-size: 17px;
    line-height: 24px;
    padding: 8px 8px;
  }
  .packtitle {
    font-size: 30px;
    line-height: 38px;
    padding: 16px 8px 12px;
  }
  span.packtitlePrice {
    font-size: 32px;
    line-height: 38px;
  }
  span.svgIcons svg {
    width: 22px;
  }
  .differenceWeBroughtText {
    width: calc(100% - 190px);
    min-height: 90px;
  }
  .mainTitle h2.bgText {
    padding: 12px 8px;
    font-size: 30px;
    line-height: 38px;
  }
  .satisfactionIcon img {
    width: 180px;
  }
  .imgLogoBlock label {
    font-size: 12px;
    line-height: 16px;
  }
  .imgLogoBlock img {
    width: 100px;
  }
  .marginMinusTop {
    margin-top: 0;
  }
  .featureBlock a {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 20px;
  }
  section.redesignSection {
    padding: 50px 0 30px;
  }
  .featureBlock.featureBlockWithHref {
    padding: 25px 12px 70px;
  }
  .featureFixed {
    bottom: 16px;
    left: 12px;
  }
  .webRedesignBlockContentFixed h2 {
    font-size: 120px;
    line-height: 120px;
  }
  .taggBox span {
    font-size: 32px;
    line-height: 40px;
  }
  section.redesignSection .webinarForm {
    padding: 20px 16px;
    max-width: 280px;
  }
  .taggIcon img {
    width: 150px;
  }
  .webRedesignBlockContentFixed {
    top: 35%;
  }
  section.redesignSection h2.formHead {
    padding: 12px 6px;
    font-size: 22px;
  }
  .websitePackagesListBox1 {
    padding: 20px 16px 16px;
  }
  .websitePackagesListBox1 h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .websitePackagesListBox1 p {
    font-size: 20px;
    line-height: 28px;
  }
  .websitePackagesList h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 8px;
  }
  .websitePackagesListBox2 {
    padding: 0 18px 18px;
  }
  .expBtn .expAnchor {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 22px;
  }
  .expBtn .expAnchor svg {
    width: 22px;
  }
  ul.sidePanelNavigation2 li a {
    margin: 3px;
    padding: 5px 10px;
  }
  .redesignGuideModal .modal-title {
    font-size: 26px;
    line-height: 34px;
  }
  .redesignGuideModal .modal-dialog {
    max-width: 380px !important;
    margin: 0 auto;
  }
  .redesignGuideModal button.btn-close {
    font-size: 20px;
    margin-right: 0;
  }
  .mainAddress2 address {
    font-size: 20px;
    line-height: 28px;
  }
  .mainAddress2 svg {
    width: 54px;
    left: 12px;
    bottom: 16px;
  }
  .mainAddress2 h3 {
    font-size: 15px;
    line-height: 20px;
  }
  ul.workProcessTimeline li:nth-child(1) {
    width: 60%;
  }
  .mainAddress2 {
    padding: 16px;
    height: 200px;
  }
  .workProcessTitle h2 {
    font-size: 48px;
    line-height: 58px;
  }
  section.thankyouSection {
    padding: 125px 0 60px;
  }
  .workProcessTitle {
    width: 280px;
  }
  ul.workProcessTimeline li:nth-child(2) {
    width: 40%;
  }
  ul.workProcessTimeline li .timelineContent {
    padding: 40px 25px 25px;
    width: 400px;
  }
  ul.workProcessTimeline li .timelineContent p {
    font-size: 20px;
    line-height: 30px;
  }
  .timelineContent .timelineContentHead h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .thankyouBlock h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .thankyouBlock p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  .timelineContent svg {
    width: 56px;
  }
  .callQueryBlock a.callQueryLink {
    font-size: 22px;
    line-height: 32px;
  }
  span.processCount {
    font-size: 62px;
    line-height: 62px;
  }
  .thankyouBlock svg {
    width: 68px;
  }
  .callQueryBlock a.callQueryLink small {
    font-size: 18px;
    line-height: 22px;
  }
  .callQueryBlock {
    padding: 10px 30px;
  }
  .benefitStats h3 {
    font-size: 19px;
    line-height: 24px;
  }
  .benefitStats h3 span {
    font-size: 200%;
    line-height: 54px;
  }
  .mainTitleHero h2 small {
    font-size: 50%;
    top: -6px;
  }
  .approchSidebar {
    top: 120px;
    margin-top: 0;
  }
  .approchContentBox:first-child {
    margin-top: 20px;
  }
  .approchContentBox h2 {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 36px;
    padding: 8px 16px;
  }
  .approchContentBox .read-d {
    font-size: 23px;
    line-height: 32px;
  }
  .approchContentBox {
    margin-top: 40px;
    padding: 20px 16px 16px;
    border-bottom: 8px solid #b9b5a8;
  }
  a.approchAnchor,
  a.approchAnchor:hover {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 6px;
  }
  .mainTitleHero h2 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 25px;
  }
  .contact-form.cf h3 {
    margin: 0 0 16px;
    font-size: 34px;
    line-height: 44px;
  }
  .contact-form.cf h3 small {
    font-size: 16px;
    line-height: 20px;
    margin: 6px 0 0;
  }
  .contact-form.cf {
    padding: 30px 20px 20px;
  }
  .scheduleBlockInfo {
    padding: 10px 25px 20px 25px;
  }
  .webPackagesHeader2 h2 {
    font-size: 16px;
    line-height: 20px;
    padding-left: 45px;
  }
  .webPackagesHeader2 span.spanCount2 {
    font-size: 28px;
    line-height: 32px;
  }
  .webPackagesBox2 {
    padding: 0 0 0 45px;
  }
  .webPackagesBox2 p {
    font-size: 17px;
    line-height: 23px;
  }
  .form-label-group input,
  .form-label-group select {
    font-size: 16px;
    padding: 10px 8px 10px 40px;
  }
  .contact-form.cf label.main_label {
    font-size: 16px;
  }
  .radio-toolbar label {
    padding: 10px 4px;
    font-size: 14px;
    margin: 2px 0;
  }
  section.scheduleBlockSection {
    padding: 80px 0 20px;
    height: auto;
  }
  .contact-form.cf .default-btn {
    padding: 12px 8px;
  }
  .styleForm label.label_interest {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .websiteModuleManyMore h4 {
    padding: 6px;
    font-size: 24px;
    line-height: 30px;
  }
  label.formLabel {
    font-size: 1rem;
  }
  ul.websiteModuleUl li {
    width: 25%;
    padding: 4px;
  }
  .websiteModuleUlBlock svg {
    width: 44px;
    margin-bottom: 18px;
  }
  .websiteModuleUlBlock h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .innerPageFoldSection {
    padding: 140px 0 0;
  }
  .websiteModuleUlBlock {
    padding: 25px 6px 16px;
  }
  h1.heroTitle3 {
    font-size: 42px;
    line-height: 48px;
  }
  span.bannerTag {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
    padding: 8px 16px;
  }
  img.arrowImg {
    width: 95px;
  }
  p.mainPara,
  ul.mainUl li {
    font-size: 21px;
    line-height: 31px;
    margin-top: 20px;
  }
  section.servicePageSection {
    padding: 60px 0;
  }
  .bannerImg {
    border: 8px solid #ded7c9;
    border-radius: 4px 4px 0 0;
  }
  .serLink {
    padding: 20px 80px 20px 20px;
    margin-bottom: 16px;
  }
  span.numberCount2 {
    display: none;
  }
  .heroLinks .heroLinks1 {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 22px;
    margin: 4px 0px;
  }
  .shape11 img {
    width: 440px;
  }
  span.arrowDown svg {
    width: 28px;
  }
  .featureBlock {
    padding: 25px 12px 16px;
    border-bottom: 8px solid #b9b4a7;
  }
  .featureBlock svg {
    width: 54px;
    margin-bottom: 30px;
  }
  .featureBlock h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
  }
  .consultationBlock .consultationHead svg {
    width: 72px;
  }
  .consultationBlock .consultationHead h2 {
    font-size: 36px;
    line-height: 46px;
  }
  .consultationBtns a,
  .consultationBtns button {
    padding: 8px 12px;
    font-size: 16px;
    line-height: 22px;
  }
  .consultationBtns a svg,
  .consultationBtns button svg {
    display: none;
  }
  .consultationBtns {
    text-align: end;
  }
  .consultationSection {
    padding: 50px 0;
  }
  .mainAccordion button.accordion-button {
    font-size: 21px;
    line-height: 28px;
    padding: 14px 40px 14px 16px;
  }
  .mainAccordion .accordion-item {
    margin-bottom: 8px;
  }
  .coreServiceTitle {
    padding: 0 6px 0;
  }
  .mainAccordion .accordion-body p, .mainAccordion .accordion-body ul.mainUl li {
    font-size: 20px;
    line-height: 30px;
  }
  .mainAccordion .accordion-body {
    padding: 0 40px 16px 16px;
  }
  .mainAccordion button.accordion-button::after {
    top: 8px;
    width: 2rem;
    height: 2rem;
    background-size: 1.5rem;
  }
  p.mainBigPara {
    font-size: 22px;
    line-height: 32px;
    margin-top: 20px;
  }
  .consultationBlock .consultationHead {
    padding-left: 80px;
  }
  .letsWorkSection {
    padding: 70px 0;
  }
  .exploreCollaborate {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
    padding: 10px 16px;
  }
  .letsWorkBlock h2 {
    font-size: 68px;
    line-height: 68px;
  }
  .coreServiceTitle h2 {
    font-size: 34px;
    line-height: 44px;
  }
  .coreServiceTitle p {
    font-size: 22px;
    line-height: 30px;
  }
  .coreServices {
    padding: 50px 0 60px;
  }
  .footerLogo a img {
    width: 180px;
  }
  .footerLogo span {
    padding: 0 25px;
    font-size: 16px;
    line-height: 22px;
  }
  .wrapperFooterMain {
    padding: 60px 0 30px;
  }
  .footerMain {
    padding: 50px 0 30px;
  }
  .footerLocation h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .footerLocation ul li span {
    font-size: 15px;
    line-height: 22px;
    padding: 5px 10px 6px;
  }
  .footerCopyright {
    padding: 16px 0;
  }
  a.roundedHref {
    width: 120px;
    height: 120px;
    border: 4px solid #cfcbbc;
  }
  a.roundedHref span {
    font-size: 16px;
    line-height: 22px;
  }
  .whatWeDoBlock h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px;
  }
  .advanceLink a {
    font-size: 18px;
    line-height: 24px;
    padding-left: 28px;
  }
  img.iconArrow {
    width: 22px;
  }
  .whatWeDoInnerBlock2 {
    padding: 20px;
  }
  .whatWeDoInnerBlock {
    padding: 0 0 0 0;
  }
  .wrapperSticky01 {
    top: 80px;
  }
  .wrapperSticky02 {
    top: 90px;
  }
  .wrapperSticky03 {
    top: 100px;
  }
  .wrapperSticky04 {
    top: 110px;
  }
  .whatWeDoBlock {
    border-width: 8px !important;
  }
  .preloader .box img {
    width: 300px;
  }
  header.fixed-top nav.navbar a.navbar-brand img {
    width: 180px;
  }
  .advanceLink {
    margin-bottom: 30px;
  }
  .figCaption {
    font-size: 17px;
    line-height: 22px;
  }
  section.wrapperDifference {
    padding: 60px 0 80px;
  }
  .mainTitle h2 {
    font-size: 36px;
    line-height: 42px;
  }
  .mainUl4Box img {
    width: 38px;
  }
  .mainUl4Box {
    min-height: 200px;
  }
  .serviceListBoxContent h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .workSectionOuterBlock {
    padding: 120px 0 60px;
  }
  .wrapperSticky {
    top: 100px;
  }
  .innerBanner.blogDetailInnerBanner {
    padding: 130px 0 16px;
  }
  .blogDetailInnerBanner h1.heroTitle {
    font-size: 34px;
    line-height: 44px;
  }
  .blogSidebar {
    padding: 16px 12px;
  }
  .ctaBlogBanner {
    padding: 20px 20px 16px;
  }
  .ctaBlogBanner h5 {
    font-size: 20px;
    line-height: 26px;
  }
  .blogText h2 {
    font-size: 22px;
    line-height: 30px;
    padding-left: 20px;
  }
  .blog-info .title-content .title-content-box {
    margin-right: 16px;
  }
  .blogContentText h2.head {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  .blogDetailSectionBlock .blogContentText .blogText,
  .blogDetailSectionBlock .blogContentText .blogText ol li,
  .blogDetailSectionBlock .blogContentText .blogText p,
  .blogDetailSectionBlock .blogContentText .blogText ul li {
    font-size: 18px !important;
    line-height: 28px !important;
  }
  .glimpseWorkSwiper .swiper-slide {
    width: calc(100% - 20px) !important;
  }
  .works-action .text-link {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 22px;
  }
  .differenceHeader {
    border: 8px solid rgb(222, 215, 201);
    border-bottom: 0;
  }
  .differenceWeBroughtImg {
    border: 8px solid rgb(211, 211, 211);
    border-top: 0;
  }
  .differenceWeBroughtText h2 {
    font-size: 22px;
    line-height: 32px;
  }
  ul.imgServiceTags li .imgServiceTagsText {
    font-size: 15px;
    line-height: 20px;
    padding: 6px 10px;
    margin: 3px 4px 3px 0;
  }
  .differenceWeBroughtText img {
    width: 80px;
    height: 80px;
  }
  .glimpseWorkSwiper .swiper-button-next,
  .glimpseWorkSwiper .swiper-button-prev {
    width: 54px;
    height: 54px;
    right: 40px;
  }
  .glimpseWorkSwiper .swiper-button-next svg,
  .glimpseWorkSwiper .swiper-button-prev svg {
    width: 32px;
  }
  .glimpseWorkSwiper .swiper-button-prev,
  .glimpseWorkSwiper .swiper-button-next {
    bottom: 0;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: 0;
  }
  .recentArticleBlockContent {
    padding: 18px;
  }
  .recentArticleBlockContent h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  ul.style-phone-no li a {
    font-size: 20px;
  }
  .recentArticleBlockContent p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0;
  }
  .recentArticleBlockInnerContent {
    height: auto;
  }
  span.articleTags {
    font-size: 15px;
    line-height: 20px;
    padding-left: 16px;
  }
  span.articleTags:before {
    top: 6px;
    width: 10px;
    height: 10px;
  }
  .styleForm {
    padding: 20px;
  }
  .bookingForm {
    padding: 100px 25px 30px;
  }
  .whatWeDoBlock {
    padding: 40px 0 60px;
  }
  .mobileHeader {
    padding: 12px 0;
  }
  .mobileHeader a.navbar-brand img {
    width: 200px;
    top: 0;
  }
  .mobileHeader svg {
    width: 36px;
    fill: #ded6c8;
    margin-right: 1px;
    position: relative;
    top: -2px;
  }
  .mobileHeader button.icon-bars {
    font-size: 18px;
    color: #ded6c8;
    text-transform: uppercase;
    padding: 8px 0;
    font-weight: 400;
    transition: 0.4s ease-in-out;
  }
  .mobile-offcanvas {
    max-width: 380px !important;
  }
  .heroScrollerBlock {
    font-size: 48px;
    line-height: 58px;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 720px;
  }
  h1.heroTitle {
    font-size: 48px;
    line-height: 54px;
  }
  img.satisfactionIcons {
    right: 2%;
    top: 32%;
    width: 380px;
  }
  .owlUrls span {
    font-size: 16px;
  }
  section {
    padding: 70px 0;
  }
  .processTitle h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .processDiv {
    padding: 20px 16px 16px;
  }
  section.homepageFormSection.contactFormPageSection {
    padding: 120px 0 60px;
  }
  .contactall {
    margin-bottom: 40px;
  }
  .wrapperSidebar {
    padding: 120px 25px 40px;
  }
  .workSectionBlockText img {
    width: 75px;
  }
  .workSectionBlockText h2 {
    font-size: 22px;
    line-height: 28px;
  }
  ul.trustBlockStats-ul li .trustStats {
    font-size: 38px;
    line-height: 42px;
    padding: 16px 8px;
    margin: 0 4px;
  }
  .smallHeading h2 {
    font-size: 20px;
    line-height: 30px;
  }
  ul.trustBlockStats-ul li .trustStats small {
    font-size: 38%;
    line-height: 18px;
  }
  .trustBlockStats {
    padding: 40px 0;
  }
  .workSectionBlockText {
    -moz-column-gap: 12px;
         column-gap: 12px;
    padding: 10px 8px 12px;
  }
  .workSectionBlock {
    margin: 0 0 60px;
  }
  .workSectionBlockContent {
    width: calc(100% - 140px);
    min-height: 200px;
  }
  img.positionAbsoluteImg {
    bottom: auto;
    top: 40px;
    right: 16px;
    width: 135px;
    border: 4px solid #ded8ca;
    border-radius: 18px;
  }
  .differenceHeader span.differenceHeaderSpan {
    top: 56%;
    font-size: 8px;
  }
  span.projectTag {
    top: 25%;
    right: 5%;
    z-index: 9;
    font-size: 14px;
    line-height: 18px;
    border-radius: 50px;
    padding: 5px 10px;
    transform: none;
    width: auto;
  }
  .fiveRow2 .col-md-3 {
    width: 33.33% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fiveRow2 .col-md-3 {
    width: 33.33% !important;
  }
  .aboutPageBlock2 {
    padding-bottom: 80px;
  }
  .dynamic-heading .step-text {
    font-size: 110% !important;
    height: 54px !important;
  }
  .wrapperScrollBlock {
    padding: 25px 20px;
  }
  .fiveEnrolRow .col-lg-3 {
    width: 33.33%;
  }
  .col-xl-4:nth-child(1) .productParts, .col-xl-4:nth-child(3) .productParts {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
  .col-xl-4:nth-child(2) .productParts, .col-xl-4:nth-child(4) .productParts {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0;
  }
  .col-xl-4:nth-child(5) .productParts {
    border-bottom: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
  .productParts {
    padding: 25px 20px;
  }
  .productBlockContent h5 small {
    line-height: 24px;
  }
  .mainTitle h2 span.smallh2 {
    font-size: 34px;
    line-height: 42px;
  }
  .mainTitle h2 span.h2Big {
    line-height: 42px;
  }
  .pricingTable table td {
    font-size: 20px;
    line-height: 26px;
  }
  .pricingTable table th {
    font-size: 18px;
    line-height: 24px;
  }
  .packageCheckSvg svg {
    width: 18px;
  }
  .pricingTable table th, .pricingTable table td {
    padding: 10px 12px;
  }
  .serviceDetailPageBanner.packagePageBanner {
    padding: 160px 0 80px;
  }
  section.centeredSection.centeredSection2 p.bigParagraph {
    font-size: 26px;
    line-height: 36px;
  }
  section.centeredSection.centeredSection2 {
    padding: 60px 0;
  }
  .five-rows .col-md-4 {
    width: 33.33%;
  }
  .productBlockContent ul li {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 14px;
    margin: 2px 3px;
  }
  .poweredSpan {
    font-size: 17px;
    line-height: 23px;
  }
  .productBlockContent h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .productBlockContent h5 {
    font-size: 21px;
    line-height: 26px;
  }
  .productBlockContent {
    padding: 25px;
  }
  span.ncSpan {
    font-size: 68px;
    line-height: 68px;
  }
  .case-nav-container {
    left: 55px;
    padding: 8px 8px;
    gap: 12px;
  }
  p.bigParagraph {
    font-size: 26px;
    line-height: 38px;
  }
  section.centeredSection {
    padding: 60px 0;
  }
  .sliderInfiniteScroll .slide img {
    width: 400px;
  }
  .sliderInfiniteScroll .slide-track {
    animation: scroll1 60s linear infinite;
    width: 2600px;
  }
  @keyframes scroll1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-2600px);
    }
    100% {
      transform: translateX(0);
    }
  }
  .shape12 {
    right: 50px;
  }
  .shape12 img {
    width: 340px;
  }
  span.numberingSpan {
    font-size: 48px;
    line-height: 48px;
  }
  .wrapSvg2 img {
    width: 80px;
  }
  .expBtn .expAnchor svg, .works-action .text-link svg, .contact-form.cf .default-btn svg, .heroLinks .heroLinks1 svg {
    width: 18px;
  }
  .subText {
    font-size: 22px;
    line-height: 28px;
  }
  span.smalltext {
    font-size: 25px;
    line-height: 32px;
  }
  .buildBox h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .buildBlock p {
    font-size: 20px;
    line-height: 28px;
  }
  .buildBlockSvg svg, .buildBlockSvg img {
    width: 54px;
  }
  .frameWorkPillarCounter:before {
    left: -34px;
  }
  .bookingForm {
    padding: 100px 25px 30px;
  }
  .buildBox h3 small {
    line-height: 28px;
  }
  .buildBlock {
    padding: 25px 20px 80px;
  }
  .buildBlock .btnAbsolute {
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
  }
  img.fixedIcon1 {
    width: 34px;
  }
  .schoolPartnerBannerBox p {
    font-size: 15px;
    line-height: 20px;
  }
  .schoolPartnerBannerBox img {
    max-width: 58px;
  }
  .problemSolBlock3 ul.mainUl4 li {
    width: 25%;
  }
  .sixRow .col-md-3, ul.sixRow li {
    width: 33.33%;
  }
  span.spanCounter {
    font-size: 26px;
    line-height: 26px;
  }
  img.frameWorkImg {
    max-width: 240px;
  }
  .upcomingAdmissionSeason ul.mainUl4 li {
    width: 20%;
  }
  .frameWorkBlock .mainUl4Box h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .frameWorkTitleText h3 {
    font-size: 26px;
    line-height: 32px;
  }
  ul.mainUl4.frameworkBlock li .mainUl4Box h3 {
    font-size: 21px;
    line-height: 29px;
  }
  .frameWorkTitleText h3 small {
    font-size: 88%;
    line-height: 28px;
  }
  .mainUl4Box {
    min-height: 200px;
  }
  .mainUl4Box img {
    width: 36px;
  }
  ul.mainUl3 li svg {
    width: 18px;
  }
  span.frameWorkCounterSpan {
    left: -50px;
    top: 30px;
    width: 38px;
    height: 38px;
    font-size: 19px;
    line-height: 28px;
    padding: 6px;
  }
  .frameWorkBlock {
    padding: 25px 20px 70px;
  }
  .mainUl4Box h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .frameWorkBlock .mainUl4Box img {
    width: 38px;
  }
  .mainUl4Box p span.bigText {
    font-size: 105%;
    line-height: 140%;
  }
  span.threelineSvg img {
    width: 34px;
    left: -20px;
    top: -14px;
  }
  .mainUl4Box p {
    font-size: 18px;
    line-height: 24px;
  }
  .mainUl4Box.statsBlock h3, .admissionSessionBlock h3 {
    font-size: 38px;
    line-height: 44px;
  }
  .schoolPartnerBox p {
    font-size: 16px;
    line-height: 20px;
  }
  .schoolPartnerBox img {
    max-width: 54px;
  }
  .schoolPartnerBox {
    padding: 16px 12px 16px 0;
  }
  p.smallParagraph, ul.mainUl3 li {
    font-size: 22px;
    line-height: 32px;
  }
  span.arrowDown svg {
    width: 38px;
    top: 0px;
  }
  .w-60 {
    width: 80% !important;
  }
  .innerPageFoldBox p {
    font-size: 18px;
    line-height: 24px;
  }
  .innerPageFoldBox {
    min-height: 170px;
  }
  .innerPageFoldBox img, .expectedOutcome img, .upcomingAdmissionSeason img, .mainUl4BoxWithIcon img {
    width: 42px;
  }
  .footerCopyrightBox a svg {
    width: 20px;
  }
  h3.footerH3 {
    font-size: 22px;
    line-height: 26px;
  }
  .footerQuickLinks ul li a {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
  }
  p.footerBrandPara {
    font-size: 15px;
    line-height: 20px;
  }
  .footerPatch h3 {
    font-size: 110px;
    line-height: 110px;
  }
  .careerPageBlock .mainTitle h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .mainTitle h3 {
    font-size: 22px;
    line-height: 30px;
  }
  section.heroSection {
    background-size: 320px;
    background-position-y: 25%;
    background-position-x: 95%;
  }
  .featureBlock ul li {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 6px;
  }
  .sr_widget.modalForm6 {
    height: 370px !important;
  }
  .sr_widget.modalForm4 {
    height: 430px !important;
  }
  .sr_widget.modalForm2 {
    height: 460px !important;
  }
  .sr_widget.modalForm3 {
    height: 500px !important;
  }
  .differenceWeBroughtText {
    width: calc(100% - 180px);
    min-height: 170px;
  }
  .differenceHeader span.differenceHeaderSpan {
    top: 54%;
    font-size: 9px;
    line-height: 9px;
  }
  .featureBlock a svg {
    display: none;
  }
  .mainTitle h2.bgText {
    padding: 16px 12px;
    font-size: 38px;
    line-height: 48px;
  }
  .imgLogoBlock img {
    width: 120px;
  }
  .satisfactionIcon img {
    width: 200px;
  }
  .imgLogoBlock label {
    font-size: 12px;
    line-height: 16px;
  }
  .marginMinusTop {
    margin-top: 0;
  }
  .expBtn .expAnchor svg {
    width: 22px;
  }
  .featureBlock a {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 20px;
  }
  .featureBlock.featureBlockWithHref {
    padding: 30px 16px 75px;
  }
  .featureFixed {
    bottom: 20px;
    left: 12px;
  }
  .webRedesignBlockContentFixed h2 {
    font-size: 140px;
    line-height: 140px;
  }
  .taggBox span {
    font-size: 42px;
    line-height: 50px;
  }
  .webRedesignBlockContentFixed {
    top: 40%;
  }
  .expBtn .expAnchor {
    padding: 12px 20px;
    font-size: 17px;
    line-height: 23px;
  }
  section.redesignSection .webinarForm {
    padding: 25px 16px;
    max-width: 360px;
  }
  section.redesignSection h2.formHead {
    padding: 12px 8px;
    font-size: 26px;
  }
  .redesignGuideModal .modal-title {
    font-size: 26px;
    line-height: 34px;
  }
  section.redesignSection {
    height: calc(100dvh - 78px);
    margin-top: 78px;
    padding: 40px 0 30px;
  }
  .redesignGuideModal .modal-dialog {
    max-width: 420px !important;
    margin: 0 auto;
  }
  .redesignGuideModal button.btn-close {
    font-size: 20px;
    margin-right: 0;
  }
  .mainAddress2 address {
    font-size: 22px;
    line-height: 30px;
  }
  .mainAddress2 svg {
    width: 54px;
    left: 12px;
    bottom: 16px;
  }
  .mainAddress2 {
    padding: 16px;
    height: 210px;
  }
  .mainAddress2 h3 {
    font-size: 15px;
    line-height: 20px;
  }
  .workProcessTitle {
    width: 242px;
    padding: 120px 12px;
    margin-left: auto;
  }
  .workProcessTitle h2 {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 25px;
  }
  ul.workProcessTimeline li .timelineContent {
    width: 420px;
    padding: 40px 30px 30px;
  }
  ul.workProcessTimeline li .timelineContent p {
    font-size: 20px;
    line-height: 28px;
  }
  ul.workProcessTimeline li:nth-child(3) {
    width: 25%;
  }
  .timelineContent .timelineContentHead h2 {
    font-size: 28px;
    line-height: 34px;
  }
  ul.workProcessTimeline li:nth-child(1) {
    width: 50%;
  }
  .timelineContent svg {
    width: 58px;
  }
  span.processCount {
    font-size: 64px;
    line-height: 64px;
  }
  section.thankyouSection {
    padding: 150px 0 60px;
  }
  .thankyouBlock h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .thankyouBlock p {
    font-size: 22px;
    line-height: 30px;
  }
  .callQueryBlock a.callQueryLink {
    font-size: 24px;
    line-height: 34px;
  }
  .callQueryBlock a.callQueryLink small {
    font-size: 18px;
    line-height: 22px;
  }
  .callQueryBlock {
    padding: 10px 25px;
  }
  .thankyouBlock svg {
    width: 68px;
  }
  .benefitStats h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .benefitStats h3 span {
    font-size: 200%;
    line-height: 54px;
  }
  .mainTitleHero h2 small {
    font-size: 45%;
    top: -8px;
  }
  .mainTitleHero h2 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 25px;
  }
  .approchContentBox:first-child {
    margin-top: 30px;
  }
  .approchContentBox {
    margin-top: 80px;
    padding: 40px 30px 30px;
  }
  .approchContentBox h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .approchContentBox .read-d {
    font-size: 22px;
    line-height: 32px;
  }
  a.approchAnchor,
  a.approchAnchor:hover {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 6px;
  }
  .approchSidebar {
    top: 140px;
    margin-top: 0;
  }
  .marketingPointerBox svg {
    width: 62px;
  }
  .scheduleBlockInfo {
    padding: 10px 30px 20px 30px;
  }
  .webPackagesHeader2 h2 {
    font-size: 16px;
    line-height: 20px;
    padding-left: 45px;
  }
  .webPackagesHeader2 span.spanCount2 {
    font-size: 28px;
    line-height: 32px;
  }
  .webPackagesBox2 p {
    font-size: 18px;
    line-height: 24px;
  }
  .websiteModuleManyMore h4 {
    padding: 6px;
    font-size: 24px;
    line-height: 30px;
  }
  .webPackagesBox2 {
    padding: 0 0 0 45px;
  }
  .contact-form.cf {
    padding: 40px 30px 20px;
  }
  .websiteModuleUlBlock svg {
    width: 62px;
    margin-bottom: 25px;
  }
  .form-label-group input,
  .form-label-group select {
    font-size: 16px;
  }
  .websiteModuleUlBlock h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .contact-form.cf label.main_label {
    font-size: 16px;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 960px;
  }
  .radio-toolbar label {
    padding: 10px 4px;
    font-size: 14px;
    margin: 2px 0;
  }
  .contact-form.cf h3 {
    margin: 0 0 20px;
    font-size: 42px;
    line-height: 52px;
  }
  .contact-form.cf h3 small {
    font-size: 18px;
    line-height: 22px;
  }
  .styleForm label.label_interest {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  label.formLabel {
    font-size: 1.05rem;
    line-height: 23px;
  }
  p.heroPara {
    font-size: 24px;
    line-height: 34px;
  }
  h1.heroTitle {
    font-size: 56px;
    line-height: 62px;
    margin-bottom: 12px;
  }
  a.navbar-brand img {
    width: 180px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    font-size: 15px;
    line-height: 20px;
    padding: 30px 18px;
    text-align: center;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 8px 35px 8px 12px;
    font-size: 16px;
    line-height: 22px;
  }
  .heroScrollerBlock {
    font-size: 58px;
    line-height: 68px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 i,
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
    right: 12px;
    width: 20px;
  }
  section {
    padding: 60px 0;
  }
  img.satisfactionIcons {
    right: 2%;
    top: 40%;
    width: 420px;
  }
  .trustBlockStats {
    padding: 50px 0;
  }
  ul.trustBlockStats-ul li .trustStats {
    font-size: 42px;
    line-height: 50px;
    padding: 20px 16px;
    margin: 0 8px;
  }
  ul.trustBlockStats-ul li .trustStats small {
    line-height: 22px;
  }
  header.fixed-top nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 18px 18px;
  }
  header.fixed-top nav.navbar a.navbar-brand img {
    width: 170px;
  }
  li.nav-item.social-media-nav-item .nav-link svg {
    width: 22px;
  }
  .whatWeDoBlock h3 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 16px;
  }
  .whatWeDoInnerBlock {
    padding: 0 0 0 0;
  }
  .advanceLink a {
    font-size: 20px;
    line-height: 28px;
    padding-left: 32px;
  }
  section.mainQuickLinkSection {
    padding: 50px 0;
  }
  ul.mainQuickLinkUl li a {
    font-size: 19px;
    line-height: 26px;
  }
  ul.mainQuickLinkUl li a svg {
    width: 58px;
  }
  img.iconArrow {
    width: 24px;
  }
  .advanceLink {
    margin-bottom: 35px;
  }
  .whatWeDoInnerBlock2 {
    padding: 20px;
  }
  .figCaption {
    font-size: 16px;
    line-height: 22px;
  }
  .profileBlock figure img {
    width: 3.5rem;
    height: 3.5rem;
  }
  .whatWeDoBlock {
    padding: 40px 0 80px;
  }
  .mainTitle h2 {
    font-size: 42px;
    line-height: 48px;
  }
  section.wrapperDifference {
    padding: 90px 0 80px;
  }
  .works-action .text-link {
    padding: 12px 16px;
    font-size: 15px;
    line-height: 20px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 8px 12px 8px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
    display: none;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 10px 12px 10px;
  }
  .preloader .box img {
    width: 300px;
  }
  .glimpseWorkSwiper .swiper-button-next,
  .glimpseWorkSwiper .swiper-button-prev {
    width: 56px;
    height: 56px;
    bottom: 0;
  }
  .glimpseWorkSwiper .swiper-button-next svg,
  .glimpseWorkSwiper .swiper-button-prev svg {
    width: 28px;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: calc(50% - 24px);
    top: 42%;
  }
  .differenceWeBroughtText h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .differenceHeader {
    border: 6px solid rgb(222, 215, 201);
    border-bottom: 0;
  }
  .differenceWeBroughtImg {
    border: 6px solid rgb(211, 211, 211);
    border-top: 0;
  }
  .styleForm {
    padding: 25px;
  }
  ul.imgServiceTags li .imgServiceTagsText {
    font-size: 15px;
    line-height: 20px;
    padding: 5px 10px;
    margin: 3px 4px 3px 0;
  }
  p.subText2 {
    font-size: 18px;
    line-height: 28px;
  }
  .recentArticleBlockContent {
    padding: 20px;
  }
  .recentArticleBlockContent h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .recentArticleBlockContent p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 16px;
  }
  span.articleTags {
    font-size: 15px;
    line-height: 20px;
    padding-left: 16px;
  }
  span.articleTags:before {
    width: 10px;
    height: 10px;
  }
  .recentArticleBlockInnerContent {
    height: auto;
  }
  .recentArticleBlock {
    margin-bottom: 16px;
  }
  .letsWorkSection {
    padding: 80px 0;
  }
  .exploreCollaborate {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 40px;
    padding: 10px 18px;
  }
  .letsWorkBlock h2 {
    font-size: 78px;
    line-height: 78px;
  }
  a.roundedHref {
    width: 135px;
    height: 135px;
  }
  .letsWorkSection .letsWorkBlock:hover a.roundedHref {
    top: 68%;
  }
  .coreServiceTitle h2 {
    font-size: 40px;
    line-height: 50px;
  }
  .coreServices {
    padding: 50px 0 60px;
  }
  .footerLogo a img {
    width: 180px;
  }
  .footerLogo span {
    padding: 0 25px;
    font-size: 16px;
    line-height: 20px;
  }
  .wrapperFooterMain {
    padding: 70px 0 0;
  }
  .footerMain {
    padding: 50px 0 30px;
  }
  .footerLocation ul li span {
    font-size: 15px;
    line-height: 22px;
  }
  .footerLocation ul li {
    margin: 3px;
  }
  h1.heroTitle3 {
    font-size: 54px;
    line-height: 60px;
  }
  span.bannerTag {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 12px;
    padding: 10px 16px;
  }
  img.arrowImg {
    width: 100px;
  }
  p.mainPara,
  ul.mainUl li {
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
  }
  .innerPageFoldSection {
    padding: 180px 0 0;
  }
  .bannerImg {
    border: 12px solid #ded7c9;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
  }
  section.servicePageSection {
    padding: 80px 0;
  }
  .wrapperSticky {
    top: 100px;
  }
  .serviceLink {
    right: 16px;
  }
  .serviceLink2 {
    left: 16px;
  }
  .serLink:hover .serviceLink2 {
    left: calc(100% - 52px);
  }
  span.numberCount2 {
    left: 16px;
    font-size: 44px;
    line-height: 44px;
  }
  .serLink {
    padding: 25px 65px 25px 90px;
    margin-bottom: 20px;
  }
  .serviceListBoxContent h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
  }
  .heroLinks .heroLinks1 {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 22px;
  }
  p.mainBigPara {
    font-size: 22px;
    line-height: 32px;
    margin-top: 20px;
  }
  .shape11 img {
    width: 440px;
  }
  .innerPageFoldImg svg {
    max-width: 360px;
  }
  .featureBlock svg {
    width: 62px;
    margin-bottom: 40px;
  }
  .featureBlock {
    padding: 30px 16px 20px;
  }
  .featureBlock h3 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 12px;
  }
  .differenceWeBroughtText img {
    width: 68px;
    height: 68px;
  }
  .consultationSection {
    padding: 60px 0;
  }
  .consultationBlock .consultationHead h2 {
    font-size: 44px;
    line-height: 44px;
  }
  .consultationBlock .consultationHead svg {
    width: 82px;
  }
  .consultationBlock .consultationHead {
    padding-left: 100px;
  }
  .consultationBtns {
    text-align: end;
    width: 100%;
  }
  .consultationBtns a,
  .consultationBtns button {
    padding: 8px 16px;
    font-size: 16px;
    line-height: 22px;
  }
  .mainAccordion button.accordion-button {
    font-size: 21px;
    line-height: 28px;
    padding: 16px 45px 16px 16px;
  }
  h1.heroTitle3 small {
    line-height: 65px;
  }
  .mainAccordion .accordion-body {
    padding: 0 60px 16px 16px;
  }
  .mainAccordion .accordion-body p, .mainAccordion .accordion-body ul.mainUl li {
    font-size: 20px;
    line-height: 30px;
  }
  .wrapperSidebar {
    padding: 125px 30px 30px;
  }
  h1.heroTitle3 small {
    font-size: 75%;
  }
  .workSectionOuterBlock {
    padding: 140px 0 80px;
  }
  .workSectionBlockText img {
    width: 80px;
    margin-left: 12px;
  }
  .workSectionBlockText h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 4px;
  }
  span.projectTag {
    right: -132px;
    font-size: 16px;
    line-height: 22px;
    width: 200px;
  }
  .workSectionBlock {
    padding: 0;
    margin: 0 0 70px;
  }
  img.positionAbsoluteImg {
    bottom: 12px;
    right: 16px;
    width: 160px;
    border: 4px solid #ded8ca;
    border-radius: 20px;
  }
  .workSectionBlockContent {
    width: calc(100% - 190px);
    min-height: 120px;
  }
  section.homepageFormSection.contactFormPageSection {
    padding: 130px 0 60px;
  }
  .innerHeader header nav.navbar a.navbar-brand img {
    width: 160px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 18px 15px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link.icon-bars {
    margin: 5px 0;
  }
  .innerBanner.blogDetailInnerBanner {
    padding: 150px 0 30px;
  }
  .blogDetailInnerBanner h1.heroTitle {
    font-size: 40px;
    line-height: 50px;
  }
  .blogText h2 {
    font-size: 22px;
    line-height: 32px;
    padding-left: 20px;
  }
  .blogContentText h2.head {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  .blogDetailSectionBlock .blogContentText .blogText,
  .blogDetailSectionBlock .blogContentText .blogText ol li,
  .blogDetailSectionBlock .blogContentText .blogText p,
  .blogDetailSectionBlock .blogContentText .blogText ul li {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .ctaBlogBanner h5 {
    font-size: 24px;
    line-height: 26px;
  }
  .ctaBlogBanner {
    padding: 25px 16px 20px;
  }
  .blogSidebar.ctaBlogBlock {
    padding: 20px 6px;
  }
  .blogSidebar {
    padding: 16px 8px;
  }
  .popularBlogsBox h4 {
    font-size: 14px;
  }
  .popularBlogsBox img {
    width: 45px;
    height: 45px;
  }
  .mobile-offcanvas {
    max-width: 380px;
    padding: 80px 16px 20px;
  }
  .mobile-menu nav.mobile-offcanvas a.navbar-brand img {
    width: 180px;
  }
  .mobile-offcanvas .offcanvas-header {
    top: 20px;
    left: 25px;
    width: calc(100% - 50px);
  }
  ul.sidePanelNavigation li a {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 12px;
  }
  ul.sidePanelNavigation2 li a {
    font-size: 16px;
    line-height: 20px;
  }
  ul.sidePanelNavigation {
    padding-top: 30px;
  }
  .mobile-menu nav.mobile-offcanvas .offcanvas-header button.btn-close {
    font-size: 20px;
  }
  .heightSideBar {
    height: calc(100vh - 110px);
  }
  .processDiv {
    padding: 25px 20px 20px;
  }
  .processTitle h2 {
    font-size: 38px;
    line-height: 48px;
  }
  button.hs-button {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 22px;
  }
  .coreServiceTitle p {
    font-size: 22px;
    line-height: 30px;
  }
  .processDays .owl-dot {
    font-size: 54px;
  }
  .processDaysContainer span {
    min-height: 76px;
    font-size: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  ul.mainQuickLinkUl li a {
    font-size: 18px;
    line-height: 26px;
  }
  ul.mainQuickLinkUl li a svg {
    width: 58px;
  }
  .mainTitle h2 span.smallh2 {
    font-size: 34px;
    line-height: 40px;
  }
  .pricingTable table td {
    font-size: 20px;
    line-height: 28px;
  }
  .pricingTable table th {
    font-size: 18px;
    line-height: 24px;
  }
  .packageCheckSvg svg {
    width: 19px;
  }
  .pricingTable table th, .pricingTable table td {
    padding: 8px 14px;
  }
  .serviceDetailPageBanner.packagePageBanner {
    padding: 150px 0 70px;
  }
  section.centeredSection.centeredSection2 p.bigParagraph {
    font-size: 24px;
    line-height: 34px;
  }
  section.centeredSection.centeredSection2 {
    padding: 60px 0;
  }
  .productBlockContent h3 {
    font-size: 26px;
    line-height: 32px;
  }
  .productParts {
    padding: 20px 20px;
  }
  .productBlockContent h5 small {
    line-height: 25px;
  }
  .productBlockContent ul li {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 14px;
    margin: 2px 3px;
  }
  .productBlockContent h5 {
    font-size: 21px;
    line-height: 26px;
  }
  .poweredSpan {
    font-size: 17px;
    line-height: 23px;
  }
  span.ncSpan {
    font-size: 72px;
    line-height: 72px;
  }
  .productBlockContent {
    padding: 25px;
  }
  .mainTitle h2 span.h2Big {
    font-size: 80%;
    line-height: 40px;
  }
  .statBlockMain {
    padding: 20px 30px;
  }
  section.mainQuickLinkSection {
    padding: 60px 0;
  }
  .subText {
    font-size: 20px;
    line-height: 26px;
  }
  span.smalltext {
    font-size: 24px;
    line-height: 32px;
  }
  .buildBox h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .buildBox h3 small {
    line-height: 30px;
  }
  .buildBlockSvg svg, .buildBlockSvg img {
    width: 52px;
  }
  .buildBlock .btnAbsolute {
    left: 25px;
    bottom: 20px;
    width: calc(100% - 50px);
  }
  .buildBlock {
    padding: 24px 20px 65px;
  }
  p.heroPara {
    font-size: 24px;
    line-height: 34px;
  }
  span.spanCounter {
    font-size: 26px;
    line-height: 26px;
  }
  .mainUl4Box img {
    width: 40px;
  }
  .schoolPartnerBannerBox p {
    font-size: 15px;
    line-height: 20px;
  }
  .schoolPartnerBannerBox img {
    max-width: 72px;
  }
  ul.mainUl3 li {
    padding-left: 25px;
  }
  ul.mainUl3 li svg {
    width: 16px;
  }
  .frameWorkBlock .mainUl4Box img {
    width: 40px;
  }
  .frameWorkBlock .mainUl4Box h3 {
    font-size: 18px;
    line-height: 22px;
  }
  img.frameWorkImg {
    max-width: 280px;
  }
  .wrapperSticky img.frameWorkImg {
    max-width: 200px;
  }
  .frameWorkPillarCounter:before {
    top: 62px;
    height: calc(100% - 320px);
  }
  .frameWorkBlock {
    padding: 30px 25px 60px;
  }
  .frameWorkBlock:before {
    top: 45px;
  }
  .btnAbsolute {
    right: 20px;
    bottom: 16px;
    width: calc(100% - 40px);
  }
  .textLink {
    font-size: 16px;
    line-height: 22px;
  }
  .textLink svg {
    width: 16px;
  }
  ul.mainUl4.frameworkBlock li {
    padding: 2px;
  }
  ul.mainUl4.frameworkBlock li .mainUl4Box h3 {
    font-size: 21px;
    line-height: 26px;
  }
  .frameWorkTitleText h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 12px;
  }
  .frameWorkTitleText h3 small {
    font-size: 85%;
    line-height: 28px;
  }
  span.frameWorkCounterSpan {
    left: -58px;
    top: 40px;
    width: 36px;
    height: 36px;
    padding: 8px;
    font-size: 18px;
    line-height: 22px;
  }
  .mainTitle h2 small {
    font-size: 56%;
  }
  .expBtn .expAnchor svg, .works-action .text-link svg, .contact-form.cf .default-btn svg, .heroLinks .heroLinks1 svg {
    width: 18px;
  }
  span.threelineSvg img {
    width: 34px;
    left: -22px;
    top: -22px;
  }
  .mobile-offcanvas .offcanvas-header {
    left: 25px;
    width: calc(100% - 50px);
  }
  .mainUl4Box {
    min-height: 200px;
  }
  .mainUl4Box h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .problemSolBlock2 .mainUl4Box p {
    min-height: 80px;
  }
  .mainUl4Box p {
    font-size: 17px;
    line-height: 23px;
  }
  .mainUl4Box.statsBlock h3, .admissionSessionBlock h3 {
    font-size: 36px;
    line-height: 49px;
  }
  .schoolPartnerBox img {
    max-width: 58px;
  }
  .schoolPartnerBox p {
    font-size: 16px;
    line-height: 20px;
  }
  .schoolPartnerBox {
    padding: 18px 16px 16px 0;
  }
  section.heroSection {
    background-size: 380px;
    background-position-y: 35%;
    background-position-x: 90%;
  }
  .featureBlock ul li {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
    padding-left: 16px;
  }
  .featureBlock ul li svg {
    width: 8px !important;
    top: 8px;
  }
  .sr_widget.modalForm6 {
    height: 370px !important;
  }
  .sr_widget.modalForm2 {
    height: 460px !important;
  }
  .sr_widget.modalForm4 {
    height: 420px !important;
  }
  .sr_widget.modalForm3 {
    height: 500px !important;
  }
  .redesignGuideModal .form-label-group input,
  .redesignGuideModal .form-label-group select {
    height: auto;
  }
  .differenceWeBroughtText {
    width: calc(100% - 200px);
    min-height: 120px;
  }
  .mainTitle h2.bgText {
    padding: 12px 16px;
    font-size: 46px;
    line-height: 54px;
  }
  .imgLogoBlock label {
    font-size: 12px;
    line-height: 16px;
  }
  .marginMinusTop {
    margin-top: 0;
  }
  .satisfactionIcon img {
    width: 200px;
  }
  .imgLogoBlock img {
    width: 120px;
  }
  .sliderInfiniteScroll .slide img {
    width: 400px;
  }
  .sliderInfiniteScroll .slide-track {
    animation: scroll1 60s linear infinite;
    width: 2400px;
  }
  @keyframes scroll1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-2400px);
    }
    100% {
      transform: translateX(0);
    }
  }
  .preloader .box img {
    width: 300px;
  }
  .featureBlock a {
    padding: 10px 16px;
    font-size: 13px;
    line-height: 16px;
  }
  .featureBlock.featureBlockWithHref {
    padding: 30px 12px 80px;
  }
  .featureFixed {
    bottom: 20px;
    left: 12px;
  }
  .webRedesignBlockContentFixed {
    top: 45%;
  }
  section.redesignSection h2.formHead {
    padding: 12px 8px;
    font-size: 26px;
  }
  .taggBox span {
    font-size: 42px;
    line-height: 50px;
  }
  .webRedesignBlockContentFixed h2 {
    font-size: 180px;
    line-height: 180px;
    margin-bottom: 120px;
  }
  section.redesignSection {
    padding: 50px 0 30px;
  }
  section.redesignSection .webinarForm {
    padding: 25px 20px;
    max-width: 360px;
  }
  .redesignGuideModal .modal-title {
    font-size: 26px;
    line-height: 32px;
  }
  .mainAddress2 address {
    font-size: 22px;
    line-height: 30px;
  }
  .mainAddress2 svg {
    width: 62px;
  }
  .mainAddress2 h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .mainAddress2 {
    height: 220px;
  }
  ul.workProcessTimeline li .timelineContent.timelineContent2 {
    margin-top: 150px;
  }
  ul.workProcessTimeline li .timelineContent {
    padding: 40px 30px 30px;
    width: 480px;
  }
  ul.workProcessTimeline li .timelineContent p {
    font-size: 20px;
    line-height: 28px;
  }
  span.processCount {
    font-size: 62px;
    line-height: 72px;
  }
  .timelineContent svg {
    width: 52px;
  }
  .timelineContent .timelineContentHead h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .workProcessTitle {
    width: 260px;
    padding: 100px 16px;
  }
  ul.workProcessTimeline li:nth-child(3) {
    width: 25%;
  }
  ul.workProcessTimeline li:nth-child(1) {
    width: 50%;
  }
  .workProcessTitle h2 {
    font-size: 48px;
    line-height: 58px;
  }
  section.thankyouSection {
    padding: 150px 0 70px;
  }
  .callQueryBlock a.callQueryLink {
    font-size: 24px;
    line-height: 34px;
  }
  .thankyouBlock h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .callQueryBlock a.callQueryLink small {
    font-size: 18px;
    line-height: 22px;
  }
  .thankyouBlock p {
    font-size: 22px;
    line-height: 30px;
  }
  .thankyouBlock svg {
    width: 72px;
  }
  .contact-form.cf h3 {
    margin: 0 0 20px;
    font-size: 48px;
    line-height: 58px;
  }
  .radio-toolbar label {
    padding: 6px 6px;
    font-size: 14px;
    margin: 2px 0;
  }
  .contact-form.cf {
    padding: 35px 50px 20px;
  }
  .contact-form.cf h3 small {
    font-size: 16px;
    line-height: 20px;
    margin: 2px 0 0;
  }
  section.scheduleBlockSection {
    padding: 90px 0 20px;
  }
  .webPackagesBox2 {
    padding: 0 0 0 40px;
  }
  .contact-form.cf label.main_label {
    font-size: 15px;
    margin-bottom: 2px;
  }
  .webPackagesBox2 p {
    font-size: 17px;
    line-height: 23px;
  }
  .webPackagesHeader2 span.spanCount2 {
    font-size: 24px;
    line-height: 28px;
    top: 53%;
  }
  .webPackagesHeader2 h2 {
    font-size: 15px;
    line-height: 20px;
    padding-left: 40px;
  }
  .websiteModuleManyMore h4 {
    padding: 8px;
    font-size: 24px;
    line-height: 30px;
  }
  .websiteModuleUlBlock svg {
    width: 62px;
    margin-bottom: 20px;
  }
  .websiteModuleUlBlock {
    padding: 25px 8px 16px;
  }
  .websiteModuleUlBlock h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .benefitStats h3 {
    font-size: 20px;
    line-height: 28px;
  }
  a.approchAnchor,
  a.approchAnchor:hover {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 6px;
  }
  .mainTitleHero h2 {
    font-size: 42px;
    line-height: 52px;
  }
  .mainTitleHero h2 small {
    font-size: 48%;
    top: -8px;
  }
  .approchContentBox:first-child {
    margin-top: 40px;
  }
  .approchContentBox {
    margin-top: 80px;
    padding: 40px 30px 30px;
    border-bottom: 8px solid #b9b5a8;
  }
  .approchContentBox div .read-d {
    font-size: 24px;
    line-height: 34px;
  }
  .w-65 {
    width: 70% !important;
  }
  .approchContentBox h2 {
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 36px;
    padding: 8px 16px;
  }
  .approchSidebar {
    top: 200px;
  }
  .heroBlock {
    margin: 30px 0 0;
  }
  img.satisfactionIcons {
    width: 380px;
    right: 8%;
    top: 50%;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1280px;
  }
  .trustStatsComments p {
    font-size: 22px;
    line-height: 30px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    font-size: 15px;
    padding: 30px 12px;
    letter-spacing: -0.2px;
  }
  a.navbar-brand img {
    width: 200px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 8px 40px 8px 16px;
    font-size: 15px;
    line-height: 20px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 i,
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 svg {
    right: 14px;
    width: 18px;
  }
  section.heroSection {
    padding: 0 0 50px;
  }
  .heroBlockSvg svg {
    max-width: 360px;
  }
  .heroScrollerBlock {
    font-size: 62px;
    line-height: 62px;
  }
  h1.heroTitle {
    font-size: 54px;
    line-height: 60px;
  }
  .heroLinks .heroLinks1 {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 22px;
  }
  h1#fliper {
    font-size: 38px;
    line-height: 48px;
    margin-top: 30px;
  }
  h1#fliper .fliperBox {
    margin-bottom: 6px;
    height: 58px;
  }
  @keyframes show1 {
    0% {
      margin-top: -240px;
    }
    5% {
      margin-top: -140px;
    }
    33% {
      margin-top: -140px;
    }
    38% {
      margin-top: -70px;
    }
    66% {
      margin-top: -70px;
    }
    71% {
      margin-top: 0px;
    }
    99.99% {
      margin-top: 0px;
    }
    100% {
      margin-top: 0px;
    }
  }
  .shape11 img {
    width: 560px;
  }
  .innerPageFoldImg svg {
    max-width: 320px;
  }
  p.mainBigPara {
    font-size: 22px;
    line-height: 32px;
  }
  header.fixed-top nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 18px 12px;
  }
  header.fixed-top nav.navbar a.navbar-brand img {
    width: 185px;
  }
  header.fixed-top nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 10px 40px 10px 16px;
  }
  ul.trustBlockStats-ul li .trustStats {
    font-size: 42px;
    line-height: 42px;
    padding: 16px 16px;
    margin: 0 8px;
  }
  ul.trustBlockStats-ul li .trustStats small {
    font-size: 38%;
    line-height: 20px;
  }
  .trustBlockStats {
    padding: 50px 0 40px;
  }
  .smallHeading h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .smallHeading h2 svg {
    width: 16px;
  }
  section {
    padding: 80px 0;
  }
  .wrapperSticky01 {
    top: 70px;
  }
  .whatWeDoBlock {
    border-width: 8px !important;
  }
  .wrapperSticky02 {
    top: 80px;
  }
  .wrapperSticky03 {
    top: 90px;
  }
  .wrapperSticky04 {
    top: 100px;
  }
  .whatWeDoInnerBlock {
    padding: 0 20px 0 0;
  }
  .whatWeDoBlock h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px;
  }
  .advanceLink {
    margin-bottom: 35px;
  }
  .wrapSvg2 img {
    width: 140px;
  }
  .advanceLink a {
    font-size: 18px;
    line-height: 24px;
    padding-left: 34px;
  }
  .shape12 {
    right: 60px;
  }
  .shape12 img {
    width: 380px;
  }
  img.iconArrow {
    top: 2px;
    width: 22px;
  }
  .whatWeDoInnerBlock2 {
    padding: 25px;
  }
  .figCaption {
    font-size: 16px;
    line-height: 22px;
  }
  .whatWeDoBlock {
    padding: 40px 20px 100px;
  }
  .buildBlock p {
    font-size: 19px;
    line-height: 26px;
  }
  p.smallParagraph, ul.mainUl3 li {
    font-size: 22px;
    line-height: 30px;
  }
  span.numberingSpan {
    font-size: 38px;
    line-height: 38px;
  }
  .mainTitle h2 {
    font-size: 44px;
    line-height: 50px;
    margin-bottom: 25px;
  }
  section.wrapperDifference {
    padding: 80px 0;
  }
  .differenceWeBroughtText img {
    width: 75px;
    height: 75px;
  }
  .differenceWeBroughtText h2 {
    font-size: 22px;
    line-height: 30px;
  }
  ul.imgServiceTags {
    margin-top: 4px;
  }
  ul.imgServiceTags li .imgServiceTagsText {
    font-size: 15px;
    line-height: 20px;
    padding: 5px 10px;
    margin: 2px 4px 2px 0;
  }
  .glimpseWorkSwiper .swiper-button-prev {
    left: calc(50% - 25px);
    top: 44%;
  }
  .glimpseWorkSwiper .swiper-button-next {
    width: 60px;
    height: 60px;
  }
  .glimpseWorkSwiper .swiper-button-next svg,
  .glimpseWorkSwiper .swiper-button-prev svg {
    width: 32px;
  }
  .works-action .text-link {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 20px;
  }
  .styleForm {
    padding: 30px;
  }
  .expBtn .expAnchor {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 20px;
  }
  p.formPara {
    font-size: 15px;
    line-height: 18px;
  }
  .contactall {
    padding: 14px 16px 10px;
    margin-bottom: 40px;
  }
  .contactall .whatsappnumber {
    font-size: 12px;
    line-height: 15px;
    top: -12px;
    left: 6px;
    padding: 1px 4px;
  }
  ul.style-phone-no li a {
    font-size: 21px;
  }
  p.subText2 {
    font-size: 18px;
    line-height: 26px;
  }
  button.hs-button {
    padding: 8px 16px;
    font-size: 16px;
    line-height: 22px;
  }
  .form-label-group input,
  .form-label-group select {
    font-size: 15px;
    padding: 8px 10px 8px 35px;
  }
  label.formLabel {
    font-size: 0.92rem;
  }
  .styleForm label.label_interest {
    font-size: 0.98rem;
    line-height: 1.5rem;
    margin-bottom: 5px;
  }
  .recentArticleBlockContent h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .recentArticleBlockContent p {
    font-size: 17px;
    line-height: 25px;
  }
  .recentArticleBlockContent {
    padding: 20px;
  }
  .recentArticleBlockInnerContent {
    height: 148px;
  }
  span.articleTags {
    font-size: 15px;
    line-height: 20px;
    padding-left: 18px;
  }
  span.articleTags:before {
    top: 4px;
    width: 12px;
    height: 12px;
  }
  .letsWorkBlock h2 {
    font-size: 95px;
    line-height: 95px;
  }
  a.roundedHref {
    width: 130px;
    height: 130px;
    border: 4px solid #cfcbbc;
  }
  a.roundedHref span {
    font-size: 16px;
    line-height: 22px;
  }
  .letsWorkSection .letsWorkBlock:hover a.roundedHref {
    top: 68%;
  }
  .letsWorkSection {
    padding: 120px 0;
  }
  .exploreCollaborate {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 35px;
    padding: 10px 16px;
  }
  .coreServiceTitle h2 {
    font-size: 38px;
    line-height: 46px;
  }
  .coreServiceTitle p {
    font-size: 20px;
    line-height: 28px;
    margin-top: 2px;
  }
  .coreServices {
    padding: 45px 0 65px;
  }
  .footerLogo a img {
    width: 165px;
  }
  .footerLogo span {
    padding: 0 20px;
    font-size: 15px;
    line-height: 20px;
  }
  .footerQuickLinks ul li a {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
  }
  h3.footerH3 {
    font-size: 21px;
    line-height: 24px;
  }
  .wrapperFooterMain {
    padding: 60px 0 0;
  }
  .footerPatch h3 {
    font-size: 140px;
    line-height: 140px;
    bottom: -16px;
  }
  p.footerBrandPara {
    font-size: 15px;
    line-height: 20px;
  }
  .footerCopyrightBlock p {
    font-size: 14px;
    line-height: 18px;
  }
  .footerCopyrightBox a svg {
    width: 20px;
  }
  .footerCopyright {
    padding: 16px 0;
  }
  .footerMain {
    padding: 45px 0 30px;
  }
  .footerLocation h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .footerLocation ul li {
    margin: 3px;
  }
  .footerLocation ul li span {
    font-size: 15px;
    line-height: 20px;
    padding: 6px 10px 7px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 22px 12px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item.book-meeting-nav-item {
    margin: 14px 0;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 10px 35px 10px 14px;
  }
  .innerHeader header nav.navbar a.navbar-brand img {
    width: 180px;
  }
  .innerPageFoldSection {
    padding: 160px 0 0;
  }
  .innerPageFoldSection.higherEducationBanner {
    padding: 200px 0 0 !important;
  }
  span.bannerTag {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 12px;
    padding: 8px 16px;
  }
  .mainAccordion button.accordion-button {
    font-size: 22px;
    line-height: 30px;
    padding: 18px 30px 18px 18px;
  }
  .mainAccordion .accordion-body {
    padding: 0 60px 18px 18px;
  }
  .mainAccordion .accordion-body p, .mainAccordion .accordion-body ul.mainUl li {
    font-size: 19px;
    line-height: 28px;
  }
  .mainAccordion button.accordion-button::after {
    right: -20px;
  }
  p.mainPara,
  ul.mainUl li {
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
  }
  img.arrowImg {
    width: 100px;
  }
  .owlUrls span {
    font-size: 16px;
    padding: 50px 0 0;
  }
  .processDiv {
    padding: 25px 20px 20px;
  }
  .processUl li h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .processUl li p {
    font-size: 16px;
    line-height: 24px;
  }
  .processTitle h2 {
    font-size: 42px;
    line-height: 52px;
  }
  .owlUrls span:after {
    top: 50%;
  }
  .owlUrls span:before {
    height: 60%;
  }
  .processDaysContainer span {
    font-size: 26px;
    min-height: 74px;
  }
  .processDays .owl-dot {
    font-size: 54px;
  }
  section.homepageFormSection.contactFormPageSection {
    padding: 120px 0 70px;
  }
  .wrapperSidebar {
    padding: 120px 25px 40px;
  }
  .workSectionOuterBlock {
    padding: 120px 0 80px;
  }
  .workSectionBlockText h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 4px;
  }
  img.positionAbsoluteImg {
    bottom: 12px;
    right: 20px;
    width: 180px;
    border-width: 5px;
    border-radius: 24px;
  }
  .workSectionBlockContent {
    width: calc(100% - 210px);
    min-height: 70px;
  }
  .workSectionBlockText img {
    width: 65px;
  }
  span.projectTag {
    right: -132px;
    font-size: 16px;
    line-height: 22px;
    width: 200px;
  }
  .differenceHeader {
    border-width: 8px;
    border-bottom: 0;
  }
  .differenceWeBroughtImg {
    border-width: 8px;
    border-top: 0;
  }
  .zsiq-chat-icn {
    font-size: 32px !important;
  }
  .zsiq-float {
    right: 30px !important;
    bottom: 30px !important;
    width: 65px !important;
    height: 65px !important;
  }
  span.arrowDown svg {
    width: 34px;
    top: -30px;
  }
  p.mainPara2 {
    font-size: 24px;
    line-height: 36px;
    margin-top: 25px;
  }
  img.iconArrow2 {
    width: 65px;
  }
  .consultationSection {
    padding: 60px 0;
  }
  .consultationBlock .consultationHead h2 {
    font-size: 44px;
    line-height: 54px;
  }
  .consultationBlock .consultationHead svg {
    width: 80px;
  }
  .consultationBlock .consultationHead {
    padding-left: 100px;
  }
  .consultationBtns a,
  .consultationBtns button {
    padding: 10px 16px;
    font-size: 0.95rem;
    line-height: 1.4rem;
  }
  .consultationBtns a.consultBtn {
    font-size: 1.01rem;
  }
  .featureBlock svg {
    width: 62px;
    margin-bottom: 30px;
  }
  .featureBlock {
    padding: 30px 16px 20px;
    border-bottom: 8px solid #b9b4a7;
  }
  .featureBlock h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 12px;
  }
  .bannerImg {
    border: 12px solid #ded7c9;
    border-radius: 6px 6px 0 0;
  }
  .wrapperSticky {
    top: 100px;
  }
  .serLink {
    padding: 25px 70px 25px 90px;
    margin-bottom: 25px;
  }
  span.numberCount2 {
    left: 16px;
    top: 25px;
    font-size: 44px;
    line-height: 48px;
  }
  .serviceLink {
    right: 16px;
  }
  .serviceListBoxContent h3 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 12px;
  }
  section.servicePageSection {
    padding: 100px 0;
  }
  p.subPara2 {
    font-size: 24px;
    line-height: 34px;
  }
  .imgLogoBlock2 img {
    width: 120px;
  }
  label.logoLabel {
    font-size: 17px;
    line-height: 23px;
  }
  .factsBlocksImg img,
  .offer-detail {
    height: 460px;
  }
  .offerItemTitle {
    left: 30px;
    width: 463px;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    padding: 0 12px 0 55px;
  }
  span.spanCounters {
    left: 9px;
    top: 27%;
    font-size: 28px;
    line-height: 28px;
  }
  .offerItem {
    width: 63px;
  }
  .offerItem.active .offer-detail {
    width: 270px;
  }
  .offer-content {
    max-width: 300px;
  }
  span.percentSpan {
    font-size: 62px;
    line-height: 62px;
    margin-top: 20px;
  }
  .offer-content h4 {
    font-size: 26px;
    line-height: 36px;
  }
  address.mainAddress {
    font-size: 15px;
    line-height: 20px;
  }
  li.nav-item.social-media-nav-item .nav-link svg {
    width: 28px;
  }
  h1.heroTitle3 {
    font-size: 52px;
    line-height: 58px;
  }
  .form-label-group svg {
    width: 18px;
    top: 11px;
  }
  .innerPageFoldBox p {
    font-size: 18px;
    line-height: 22px;
  }
  .innerPageFoldBox img, .expectedOutcome img, .upcomingAdmissionSeason img, .mainUl4BoxWithIcon img {
    width: 42px;
  }
  .innerPageFoldBox {
    min-height: 150px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  .case-nav-container {
    left: 150px;
    padding: 10px 6px;
  }
  .sliderInfiniteScroll .slide-track {
    animation: scroll1 60s linear infinite;
    width: 2200px;
  }
  @keyframes scroll1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-2200px);
    }
    100% {
      transform: translateX(0);
    }
  }
  .serviceDetailPageBanner {
    height: 100dvh !important;
  }
  .sr_widget.modalForm4 {
    height: 430px !important;
  }
  p.smallParagraph, ul.mainUl3 li {
    font-size: 22px;
    line-height: 30px;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1420px;
  }
  .featureBlock a {
    font-size: 13px;
    line-height: 16px;
  }
  .featureBlock a svg {
    width: 20px !important;
  }
  .buildBlock .textLink {
    font-size: 16px;
  }
  span.numberingSpan {
    font-size: 54px;
    line-height: 54px;
  }
  .bookingForm {
    padding: 90px 20px 30px;
  }
  .wrapperSidebar {
    padding: 120px 30px 40px;
  }
  .serviceDetailPageBanner.packagePageBanner {
    height: auto !important;
    padding: 120px 0 70px;
  }
  .blogDetailInnerBanner h1.heroTitle {
    font-size: 36px;
    line-height: 44px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  ul.mainUl4.frameworkBlock li .mainUl4Box h3 {
    font-size: 19px;
    line-height: 25px;
  }
  .pricingTable table td {
    font-size: 18px;
    line-height: 26px;
  }
  .packageCheckSvg svg {
    width: 17px;
  }
  .pricingTable table th, .pricingTable table td {
    padding: 8px 12px;
  }
  .pricingTable table th {
    font-size: 16px;
    line-height: 22px;
  }
  .case-nav-container {
    padding: 12px 8px;
  }
  span.threelineSvg img {
    width: 30px;
    left: -16px;
    top: -16px;
  }
  ul.mainQuickLinkUl li a {
    font-size: 18px;
    line-height: 24px;
  }
  ul.mainQuickLinkUl li a svg {
    width: 48px;
  }
  .mainTitle h2 span.h2Big {
    line-height: 32px;
  }
  .buildBlock p {
    font-size: 18px;
    line-height: 26px;
  }
  span.smalltext {
    font-size: 20px;
    line-height: 28px;
  }
  .buildBlock .textLink {
    font-size: 15px;
    line-height: 20px;
  }
  .sr_widget.modalForm2 {
    height: 355px !important;
  }
  .buildBlock {
    padding: 24px 20px 80px;
  }
  h1.heroTitle {
    font-size: 48px;
    line-height: 52px;
  }
  p.heroPara {
    font-size: 22px;
    line-height: 32px;
  }
  .mobile-menu nav.mobile-offcanvas a.navbar-brand img {
    width: 160px;
  }
  .mobile-offcanvas {
    max-width: 360px;
  }
  ul.sidePanelNavigation2 li a {
    font-size: 14px;
    line-height: 18px;
    padding: 6px 12px;
  }
  ul.sidePanelNavigation li a {
    font-size: 21px;
    line-height: 25px;
  }
  .mobile-menu nav.mobile-offcanvas a.navbar-brand img {
    top: 0;
  }
  .mobile-menu nav.mobile-offcanvas .offcanvas-header button.btn-close {
    font-size: 20px;
  }
  .mainUl4Box {
    min-height: 180px;
  }
  .mainUl4Box img {
    width: 32px;
  }
  .footerQuickLinks ul li a {
    font-size: 12px;
    line-height: 17px;
  }
  .footerCopyrightBox a svg {
    width: 18px;
  }
  h3.footerH3 {
    font-size: 19px;
    line-height: 22px;
  }
  .footerCopyrightBox a {
    margin-left: 8px;
    padding: 0px 4px 2px;
  }
  p.footerBrandPara {
    font-size: 13px;
    line-height: 18px;
  }
  ul.imgServiceTags li .imgServiceTagsText {
    font-size: 13px;
    line-height: 17px;
  }
  .workSectionBlockText h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 3px;
  }
  .differenceWeBroughtText h2 {
    font-size: 20px;
    line-height: 28px;
  }
  img.frameWorkImg {
    max-width: 250px;
  }
  span.numberingSpan {
    font-size: 30px;
    line-height: 30px;
  }
  .wrapSvg2 img {
    width: 120px;
  }
  .frameWorkBlock .mainUl4Box h3 {
    font-size: 16px;
    line-height: 19px;
  }
  .frameWorkBlock .mainUl4Box img {
    width: 34px;
  }
  .mainUl4Box.statsBlock h3, .admissionSessionBlock h3 {
    font-size: 28px;
    line-height: 38px;
  }
  .frameWorkTitleText h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .mainTitle h2 {
    font-size: 40px;
    line-height: 44px;
  }
  section.centeredSection.centeredSection2 p.bigParagraph {
    line-height: 32px;
  }
  .websiteModuleUlBlock h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .mainUl4Box h3 {
    font-size: 16px;
    line-height: 22px;
  }
  p.smallParagraph, ul.mainUl3 li {
    font-size: 20px;
    line-height: 26px;
  }
  .schoolPartnerBox p {
    font-size: 14px;
    line-height: 18px;
  }
  .mainUl4Box p {
    font-size: 16px;
    line-height: 22px;
  }
  .mainUl4Box.statsBlock h3, .admissionSessionBlock h3 {
    font-size: 32px;
    line-height: 40px;
  }
  span.bannerTag {
    font-size: 14px;
    line-height: 18px;
  }
  .innerPageFoldBox img, .expectedOutcome img, .upcomingAdmissionSeason img, .mainUl4BoxWithIcon img {
    width: 34px;
  }
  .schoolPartnerBox img {
    max-width: 52px;
  }
  .innerPageFoldBox p {
    font-size: 16px;
    line-height: 20px;
  }
  .innerHeader header nav.navbar a.navbar-brand img {
    width: 160px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    font-size: 14px;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item.book-meeting-nav-item {
    margin: 18px 0;
  }
  .innerHeader header.fixed-top nav.navbar ul.navbar-nav li.nav-item.book-meeting-nav-item {
    margin: 8px 0;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    font-size: 14px;
    line-height: 18px;
  }
  .footerPatch h3 {
    font-size: 130px;
    line-height: 130px;
  }
  .featureBlock a {
    font-size: 12px;
    line-height: 16px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link.nav-link2 {
    padding: 10px 40px 10px 12px;
    margin-left: 0 !important;
  }
  .innerHeader header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 22px 12px;
  }
  header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 30px 12px;
  }
  .whatWeDoBlock h3 {
    margin-bottom: 40px;
  }
  .g-5,
  .gy-5 {
    --bs-gutter-y: 2rem;
  }
  .g-5,
  .gx-5 {
    --bs-gutter-x: 2rem;
  }
  .redesignGuideModal .form-label-group input,
  .redesignGuideModal .form-label-group select {
    height: 42px;
  }
  .p-lg-4 {
    padding: 1rem !important;
  }
  header.fixed-top nav.navbar ul.navbar-nav li.nav-item .nav-link {
    padding: 14px 12px;
  }
  .innerPageFoldImg svg {
    max-width: 280px;
  }
  p.mainBigPara {
    font-size: 20px;
    line-height: 30px;
  }
  a.approchAnchor,
  a.approchAnchor:hover {
    font-size: 28px;
    line-height: 38px;
  }
  h1.heroTitle3 {
    font-size: 48px;
    line-height: 54px;
  }
  .approchContentBox div .read-d {
    font-size: 23px;
    line-height: 33px;
  }
  .approchContentBox h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .mainTitleHero h2 {
    font-size: 38px;
    line-height: 48px;
  }
  .consultationBlock .consultationHead h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .featureBlock h3 {
    font-size: 25px;
    line-height: 31px;
  }
  .marketingPointerBox svg {
    width: 65px;
  }
  .featureBlock svg {
    width: 56px;
  }
  .featureBlock a svg {
    width: 18px !important;
  }
  .websiteModuleUlBlock svg {
    width: 48px;
  }
  .wrapperSidebar {
    padding: 110px 30px 30px;
  }
  .dynamic-heading .step-text {
    font-size: 110% !important;
    height: 46px !important;
  }
  .wrapperScrollBlock {
    padding: 30px 25px;
  }
  .aboutPageBlock2 {
    padding-bottom: 80px;
  }
  .contact-form.cf h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .contact-form.cf {
    padding: 25px 40px 16px;
  }
  .blogDetailInnerBanner h1.heroTitle {
    font-size: 44px;
    line-height: 50px;
  }
  .innerBanner.blogDetailInnerBanner {
    padding: 160px 0 30px;
  }
  .blogText h2 {
    font-size: 23px;
    line-height: 33px;
  }
  .blogContentText h2.head {
    font-size: 26px;
    line-height: 34px;
  }
  .blogDetailSectionBlock .blogContentText .blogText,
  .blogDetailSectionBlock .blogContentText .blogText ol li,
  .blogDetailSectionBlock .blogContentText .blogText p,
  .blogDetailSectionBlock .blogContentText .blogText ul li {
    font-size: 21px !important;
    line-height: 33px !important;
  }
  section.redesignSection .webinarForm {
    padding: 16px;
  }
  section.redesignSection h2.formHead {
    padding: 10px 8px;
    font-size: 22px;
  }
  section.redesignSection {
    padding: 30px 0 20px;
  }
  .mainAccordion button.accordion-button {
    font-size: 20px !important;
    line-height: 26px !important;
    padding: 14px 30px 14px 18px !important;
  }
  .mainAccordion .accordion-body p, .mainAccordion .accordion-body ul.mainUl li {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .blogDetailInnerBanner h1.heroTitle {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .sr_widget.modalForm3 {
    height: 390px !important;
  }
  .sr_widget.modalForm4 {
    height: 350px !important;
  }
}/*# sourceMappingURL=main.css.map */