@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

* {
  box-sizing: none;
}


body {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  background-color: #f8f9fa;
  overflow-x: hidden;
  max-width: 100%;
  position: relative;
}

::-webkit-scrollbar {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}



.display-none {
  display: none !important;
}

.display-block {
  display: block !important;
}

.pointer-cursor {
  cursor: pointer !important;
}

.container {
  position: relative;
  z-index: 2;
}

a {
  text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  position: relative;
}

input[type='number']::-webkit-inner-spin-button {
  display: none;
}

.top80 {
  top: 80px !important;
}

.top100 {
  top: 100px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

p.text strong {
  color: #BFF747;
  text-transform: capitalize;
}

p.text a {
  color: #BFF747
}

/* --------------------------------------------  Spinner ---------------------------------------------------------------------------------- */
.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: none;

}

.loader {
  transform: translate(-50%, -50%) rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
}

.loader:before,
.loader:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spin linear infinite;
}

.loader:after {
  color: #BFF747;
  transform: rotateY(70deg);
  animation-delay: .4s;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes spin {

  0%,
  100% {
    box-shadow: .5em 0px 0 0px currentcolor;
  }

  12% {
    box-shadow: .3em .3em 0 0 currentcolor;
  }

  25% {
    box-shadow: 0 .3em 0 0px currentcolor;
  }

  37% {
    box-shadow: -.3em .3em 0 0 currentcolor;
  }

  50% {
    box-shadow: -.3em 0 0 0 currentcolor;
  }

  62% {
    box-shadow: -.3em -.3em 0 0 currentcolor;
  }

  75% {
    box-shadow: 0px -.3em 0 0 currentcolor;
  }

  87% {
    box-shadow: .3em -.3em 0 0 currentcolor;
  }
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------- */

.cursor-follower {
  width: 10px;
  height: 10px;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 50%;
  background-color: #BFF747;
  transition: all 0.1s linear;
  z-index: 99;
}

/* ----------------------------------------------------------------------------------- */



/* ----------------------------------- */
.readmore-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  color: #BFF747;
  padding-right: 30px;
  border: none;
  transition: all 0.4s;
}

.readmore-btn svg {
  margin-left: 10px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.readmore-btn:hover svg {
  transform: rotate(0);
}

/* --------------------------------------------------------------------------------------------------- */
p.cta-text {
  color: #F5F5F4;
  position: relative;
  margin-bottom: 0;
  line-height: 1.7em;
}

p.cta-text span {
  background-color: #BFF747;
  color: #000;
  font-weight: 700;
  border-radius: 100px;
  padding: 2px 10px;
  margin-right: 10px;
  text-align: center;
  text-transform: capitalize;
}

p.cta-text a {
  color: #BFF747;
  font-weight: 700;
  text-transform: capitalize;
  text-decoration: underline !important;
  transition: all 0.3s;
}

p.cta-text a:hover {
  color: #fff;
}

/* ------------------------------------------------------------------------------------------------------ */

.index-heroslider {
  position: relative;
  overflow: hidden;
}

.index-heroslider .slider-inner-content {
  height: auto;
  background-size: cover;
  background-position: center;
  position: relative;
  width: 100%;
  padding-top: 220px;
  padding-bottom: 140px;

}

.index-heroslider .slider-inner-content .videowrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

.index-heroslider .slider-inner-content .videowrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.index-heroslider .slider-inner-content .videowrapper:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) -73.04%, rgba(22, 22, 22, 0.3) 1.71%, #1B1B1B 100%);
}


.index-heroslider h1.title {
  font-size: 110px;
  font-weight: 300;
  line-height: 1.2em;
  color: #fff;
}

.index-heroslider h1.title span {
  font-weight: 700;
  color: #BFF747;
  text-transform: capitalize;
  display: block;
  min-height: 150px;
}

.index-heroslider h1.title .typed-cursor {
  display: none;
}

.index-heroslider .bottom-content {
  width: 100%;
  padding-top: 60px;
}

.index-heroslider .bottom-content .left-content {
  text-align: center;
  position: relative;
}

.index-heroslider .bottom-content .left-content button {
  background: none;
  border: none;
  padding: 0;

}

.index-heroslider .bottom-content .left-content button:focus {
  box-shadow: none;
}

.index-heroslider .bottom-content .left-content button svg {
  width: 30px;
  height: 30px;
  padding: 35px;
  background-color: #BFF747;
  border-radius: 50%;
}

.index-heroslider .bottom-content .left-content img {
  position: absolute;
  top: 50%;
  left: 70%;
  width: 105px;
  height: 105px;
  transform: translate(-50%, -50%);
  animation: rotateInfinite 30s linear infinite;
}

@keyframes rotateInfinite {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.index-heroslider .bottom-content .right-content {
  padding-left: 100px;
}

.index-heroslider .bottom-content .right-content p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 80px;

}


.index-heroslider .bottom-content .right-content a {
  display: flex;
  align-items: center;

}

.index-heroslider .bottom-content .right-content a span {
  padding: 14px 20px;
  background-color: #000;
  border-radius: 50px;
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

.index-heroslider .bottom-content .right-content a span::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 100px;
  opacity: 20%;
  width: 100%;
  height: 100%;
}

.index-heroslider .bottom-content .right-content a svg {
  width: 18px;
  height: 18px;
  padding: 16px;
  background-color: #BFF747;
  border-radius: 50%;
  transform: rotate(-45deg);
  transition: all 0.4s;
  color: #000;
}

.index-heroslider .bottom-content .right-content a:hover svg {
  background-color: #fff;
  transform: rotate(0);
}

@media (min-width:1200px) and (max-width:1400px) {
  .index-heroslider h1.title {
    font-size: 96px;
  }

}

@media (min-width:992px) and (max-width:1200px) {
  .index-heroslider h1.title {
    font-size: 76px;
  }



  .index-heroslider h1.title span {
    min-height: 100px;
  }

  .index-heroslider .bottom-content .right-content {
    padding-left: 30px;
  }

  .index-heroslider .bottom-content .left-content img {
    left: 78%;
  }

}

@media (min-width:768px) and (max-width:992px) {
  .index-heroslider h1.title {
    font-size: 60px;
  }


  .index-heroslider h1.title span {
    min-height: 80px;
  }

  .index-heroslider .bottom-content .right-content {
    padding-left: 0px;
  }

  .index-heroslider .bottom-content .left-content {
    text-align: start;
    position: relative;
  }

  .index-heroslider .bottom-content .left-content img {
    left: 60%;
  }

  .index-heroslider .bottom-content .right-content p.text {
    margin-bottom: 40px;

  }
}


@media (max-width:768px) {
  .index-heroslider .slider-inner-content {
    padding-top: 160px;
    padding-bottom: 120px;

  }

  .index-heroslider h1.title {
    font-size: 46px;
    text-align: center;
  }

  .index-heroslider h1.title span {
    min-height: 50px;
  }

  .index-heroslider .bottom-content {
    padding-top: 40px;
  }

  .index-heroslider .bottom-content .right-content {
    padding-left: 0px;
  }

  .index-heroslider .bottom-content .right-content p.text {
    margin-bottom: 40px;
    text-align: center;
    margin-top: 20px;
  }

  .index-heroslider .bottom-content .left-content {
    display: flex;
    align-items: center;
    justify-content: center;

  }

  .index-heroslider .bottom-content .left-content button svg {
    width: 20px;
    height: 20px;
    padding: 30px;
  }

  .index-heroslider .bottom-content .left-content img {
    position: relative;
    top: 0;
    left: -20px;
    width: 85px;
    height: 85px;
  }

  @keyframes rotateInfinite {
    0% {
      transform: translate(0) rotate(0);
    }

    100% {
      transform: translate(0) rotate(360deg);
    }
  }

  .index-heroslider .bottom-content .right-content a {
    display: flex;
    align-items: center;
    justify-content: center;
  }


}

@media (max-width:568px) {
  .index-heroslider h1.title {
    font-size: 38px;
    text-align: center;
  }

  .index-heroslider h1.title span {
    min-height: auto;
    display: inline;
  }

}



/* ----------------------------------------------------------------------------------------------- */
.button-grp a {
  display: flex;
  align-items: center;
}

.button-grp a span {
  padding: 14px 20px;
  background-color: #000;
  border-radius: 50px;
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

.button-grp a span::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 100px;
  opacity: 20%;
  width: 100%;
  height: 100%;
}

.button-grp a svg {
  width: 18px;
  height: 18px;
  padding: 16px;
  background-color: #BFF747;
  border-radius: 50%;
  transform: rotate(-45deg);
  transition: all 0.4s;
  color: #000;
}

.button-grp a:hover svg {
  background-color: #fff;
  transform: rotate(0);
}

/* ------------------------------------------------------------------------------------------------------------------------------- */
.section-title {
  position: relative;
}

.section-title span.subtitle {
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.2em;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #fff;
  margin-bottom: 20px;
}

.section-title h2.title {
  font-size: 50px;
  font-weight: 300;
  line-height: 1.2em;
  color: #fff;
}

.section-title h2.title span {
  font-weight: 700;
  color: #BFF747;
  text-transform: capitalize;
}

.section-title p.text {
  color: #F5F5F4;
}

@media (max-width:992px) {
  .section-title {
    margin-bottom: 40px;
  }
}

@media (max-width:768px) {
  .section-title h2.title {
    font-size: 36px;
  }
}

/* ---------------------------------------------------------------------------------------------------------- */

.about-main-section {
  padding: 140px 0 0;
  position: relative;
  background-color: #000;
  /* overflow: hidden; */
}

.about-main-section::before {
  content: "";
  display: block;
  position: absolute;
  left: -120px;
  top: 50%;
  background: url(../img/icons/about-agency-bg.png) no-repeat left center;
  background-size: contain;
  opacity: 50%;
  width: 386px;
  height: 400px;
  animation: circlerotate 20s infinite linear;
  transition: all 0.3s;
  mix-blend-mode: initial;

}

@keyframes circlerotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.about-main-section .button-grp {
  margin-top: 50px;
}

.about-main-section .left-content {
  position: sticky;
  top: 120px;
  margin-bottom: 60px;

}

.about-main-section .right-content {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

.about-main-section .right-content .main-box-content {
  position: relative;
  padding-left: 60px;
  margin-bottom: 60px;
}

.about-main-section .right-content .main-box-content .icon img {
  width: 40px;
  margin-bottom: 24px;
  position: relative;
}

.about-main-section .right-content .main-box-content .content h4.heading {
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.about-main-section .right-content .main-box-content .content h4.heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: -70px;
  width: 21px;
  height: 21px;
  background-color: #BFF747;
  mask-image: url(../img/icons/dot-green-icon.png);

}

.about-main-section .right-content .main-box-content .content p {
  color: #F5F5F4;
  line-height: 1.7em;
}


@media (max-width:992px) {
  .about-main-section {
    padding: 80px 0 0;
  }

  .about-main-section::before {
    left: -40px;

    width: 200px;
    height: 200px;

  }
}

/* ------------------------------------------------------------------------------------------------------------------------ */


.service-main-section {
  padding: 100px 0 0;
  position: relative;
  background-color: #000;
  overflow: hidden;
}

.service-main-section .top-heading-box p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 30px;
}

.service-main-section .service-box-wrapper {
  margin-top: 80px;
}

.service-main-section .service-box {
  position: relative;
  border-radius: 20px;
  border: 1px solid #FFFFFF1A;
  padding: 40px;
  transition: all 0.5s;
  background-image: url(../img/backgrounds/service-bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
  overflow: hidden;
}

.service-main-section .service-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
  background-color: #1B1B1B;

}

.service-main-section .service-box:hover {
  transform: translateY(-6px);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.service-main-section .service-box .icon-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
  position: relative;
}

.service-main-section .service-box .icon-box img {
  width: 60px;
  position: relative;
}

.service-main-section .service-box .icon-box svg {
  color: #BFF747;
  width: 24px;
  height: 24px;
  transform: rotate(-45deg);
  transition: all 0.3s;
}

.service-main-section .service-box:hover .icon-box svg {
  transform: rotate(0);
  color: #fff;
}

.service-main-section .service-box .main-content {
  position: relative;
}

.service-main-section .service-box h4 a {
  color: #fff;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
}

.service-main-section .service-box p.text {
  color: #F5F5F4;
  line-height: 1.7em;
}

.service-main-section p.cta-text {
  padding-top: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #F5F5F4;
  line-height: inherit;
}

.service-main-section p.cta-text a {
  font-weight: 700;
  color: #BFF747;
  text-decoration: underline !important;
  transition: all 0.3s ease-in-out;
}

.service-main-section p.cta-text a:hover {
  color: #fff;
}

@media (max-width:992px) {
  .service-main-section {
    padding: 80px 0 0;
  }
}

@media (max-width:568px) {
  .service-main-section .service-box {
    padding: 40px 20px;
  }
}

/* ------------------------------------------------------------------------------------------------------------------------ */

.whatwedo-section {
  position: relative;
  background-color: #000;
  padding-top: 100px;
  overflow: hidden;
}

.whatwedo-section .content-box-wrapper {
  margin-top: 60px;
}

.whatwedo-section .content-split-box {
  position: relative;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.whatwedo-section p.text {
  color: #F5F5F4;
  line-height: 1.7em;
}

.whatwedo-section .content-split-box .box-content {
  position: relative;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border: 1px solid #FFFFFF1A;
  border-radius: 30px;
  padding: 30px;
  overflow: hidden;
}

.whatwedo-section .content-split-box .box-content .box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

.whatwedo-section .content-split-box .box-content h4 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2em;
}

.whatwedo-section .content-split-box .box-content h4 span {
  font-size: 30px;
  color: #BFF747;
  margin-right: 5px;
}

.whatwedo-section .content-split-box .box-content .box-title img {
  width: 60px;
  height: 60px;
  transition: all 0.4s;
}

.whatwedo-section .content-split-box:hover .box-content .box-title img {
  transform: rotateY(180deg);
  filter: brightness(0) invert(1);
}

.whatwedo-section .content-split-box .box-image {
  border-radius: 30px;
  overflow: hidden;
  transform: translate(0px, 0px);
  position: relative;
}

.whatwedo-section .content-split-box .box-image::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.whatwedo-section .content-split-box .box-image:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.whatwedo-section .content-split-box .box-image img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 0.775;
  border-radius: 30px;
}

.whatwedo-section .content-box-mid {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}

.whatwedo-section .content-box-mid .image-box {
  position: relative;
  overflow: hidden;
  height: 600px;
}

.whatwedo-section .content-box-mid .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.whatwedo-section .content-box-mid .image-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.whatwedo-section .content-box-mid:hover .image-box::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.whatwedo-section .content-box-mid .image-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 45%;
  height: 100%;
  width: 100%;
}

.whatwedo-section .content-box-mid .image-box h4 {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 90%;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
}

.whatwedo-section .content-box-mid .image-box h4 span {
  font-size: 30px;
  color: #BFF747;
  margin-right: 5px;
}

.whatwedo-section .content-box-mid .image-box p.text {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 90%;
}


@media (max-width:992px) {
  .whatwedo-section {
    padding-top: 80px;
  }

  .whatwedo-section .content-split-box {
    margin-bottom: 40px;
  }

  .whatwedo-section .content-split-box .box-content {
    width: calc(57% - 15px);
    border-radius: 20px;
    padding: 20px;
  }

  .whatwedo-section .content-split-box .box-image {
    width: calc(43% - 15px);
  }

  .whatwedo-section .content-box-mid {
    margin-bottom: 40px;
  }

  .whatwedo-section .content-box-mid .image-box img {
    aspect-ratio: 1 / 0.45;
  }
}

@media (max-width:768px) {
  .whatwedo-section .content-split-box .box-content {
    width: 100%;
  }


  .whatwedo-section .content-split-box .box-image {
    width: 100%;
  }

  .whatwedo-section .content-split-box .box-image img {
    aspect-ratio: 1 / 0.6;
  }

  .whatwedo-section .content-box-mid .image-box img {
    aspect-ratio: 1 / .8;
  }
}

@media (max-width:568px) {
  .whatwedo-section .content-box-mid .image-box {
    position: relative;
    overflow: hidden;
    height: 400px;
  }

}

/* ---------------------------------------------------------------------------------------------------------------------- */

.expertise-section {
  background-color: #000;
  position: relative;
  padding-top: 180px;
  overflow: hidden;
}

.expertise-section .main-content-wrapper {
  background-color: transparent;
  background-image: linear-gradient(180deg, #Bff747 0%, #00000000 90.04%);
  border-radius: 26px;
  position: relative;
  padding: 80px;
}

.expertise-section .main-content-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 20px;
  top: 20px;
  border-radius: 16px;
  background: linear-gradient(180deg, #000000 75%, rgba(0, 0, 0, 0) 99.04%);
  width: calc(100% - 40px);
  height: calc(100% - 20px);
}

.expertise-section .main-content-wrapper .inner-content {
  position: relative;
}

.expertise-section .section-title {
  margin-bottom: 80px;
}


.expertise-section .counter-box h2.count-num {
  color: #BFF747;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2em;
}

.expertise-section .counter-box p.text {
  color: #F5F5F4;
  line-height: 1.7em;
}

.expertise-section .right-content {
  padding-left: 40px;
  border-left: 1px dashed rgba(255, 255, 255, 0.1);
}

.expertise-section .right-content .feature-box {
  display: flex;
  align-items: flex-start, center;
  gap: 14px;
  padding-bottom: 80px;
}

.expertise-section .right-content .feature-box:last-child {

  padding-bottom: 0;
}

.expertise-section .right-content .feature-box img {
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.expertise-section .right-content .feature-box p {
  color: #F5F5F4;
  line-height: 1.7em;
}

.expertise-section .right-content .feature-box p strong {
  font-size: 22px;
  color: #fff;
}


@media (max-width:992px) {
  .expertise-section {
    padding-top: 80px;
  }

  .expertise-section .counter-box h2.count-num {
    font-size: 38px;
  }

  .expertise-section .right-content {
    padding-left: 0;
    margin-top: 40px;
  }

  .expertise-section .right-content .feature-box {
    padding-bottom: 40px;
  }
}

@media (max-width:568px) {
  .expertise-section .main-content-wrapper {
    padding: 60px 30px;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */
.whyus-section {
  padding: 120px 0 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.whyus-section::before {
  content: '';
  position: absolute;
  right: -90px;
  top: 50%;
  left: auto;
  background: url(../img/backgrounds/why-choose-bg-shape.png) no-repeat left center;
  background-size: contain;
  opacity: 50%;
  width: 310px;
  height: 325px;
  animation: circlezoomrotate 10s infinite linear;
  animation-direction: alternate;
}

@keyframes circlezoomrotate {
  0% {
    transform: rotate(0deg) scale(0.5);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

.whyus-section p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 0;

}

.whyus-section .main-content-wrapper {
  margin-top: 80px;
  position: relative;
}

.whyus-section .main-content-wrapper .left-content {
  padding-right: 30px;
  position: relative;
}

.whyus-section .main-content-wrapper .left-content .content-box {
  padding: 25px 30px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #FFFFFF1A;
  margin-bottom: 30px;
  width: 100%;
}

.whyus-section .main-content-wrapper .left-content .content-box:last-child {
  margin-bottom: 0;
}

.whyus-section .main-content-wrapper .left-content .content-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
  width: 0;
  height: 100%;
  transition: all 0.4s ease-in-out;
}

.whyus-section .main-content-wrapper .left-content .content-box.active::before,
.whyus-section .main-content-wrapper .left-content .content-box:hover::before {
  width: 100%;
}

.whyus-section .main-content-wrapper .left-content .content-box h4 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}

.whyus-section .main-content-wrapper .right-content .img-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 30px;
  transition: all 0.3s;
  position: relative;
}

.whyus-section .main-content-wrapper .right-content .img-box img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 0.9;
  object-fit: cover;
  transform: translate(0px, 0px);
  border: none;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
}

.whyus-section .main-content-wrapper .right-content .img-box::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.whyus-section .main-content-wrapper .right-content .img-box:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

@media (max-width:992px) {
  .whyus-section {
    padding: 80px 0 0;
  }

  .whyus-section .main-content-wrapper .left-content {
    padding-right: 0;
    position: relative;
  }

  .whyus-section .main-content-wrapper .right-content {
    margin-top: 40px;
  }
}

/* ---------------------------------------------------------------------------------------------- */

.hiring-main-section {
  padding: 120px 0 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.hiring-main-section p.text {
  color: #F5F5F4;
  line-height: 1.7em;
}

.hiring-main-section .platform-item-wrapper {
  position: relative;
  margin-top: 60px;
}

.hiring-main-section .platform-item {
  position: relative;
  padding: 30px 40px 30px 70px;
  background-color: #02010100;
  border: 1px solid #FFFFFF1A;
  border-radius: 100px;
  margin: 30px 0 0 30px;
}

.hiring-main-section .platform-item .icon {
  font-size: 40px;
  transform: rotate(0deg);
  width: 80px;
  height: 80px;
  transition: all 0.4s ease-in-out;
  color: #000;
  background-color: #BFF747;
  border-radius: 50%;
  position: absolute;
  overflow: hidden;
  top: -40px;
  left: -20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

}

.hiring-main-section .platform-item .icon::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  border-radius: 50%;
  transform: translate(100%, 100%);
  transition: all 0.4s ease-in-out;
  z-index: 0;
}

.hiring-main-section .platform-item:hover .icon {
  background-color: #1B1B1B;
  color: #fff;
}

.hiring-main-section .platform-item:hover .icon::before {
  transform: translate(0);
}

.hiring-main-section .platform-item .icon svg {
  position: relative;
}

.hiring-main-section .platform-item .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.hiring-main-section .platform-item .content h4 {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 700;
  color: #fff;
}

.hiring-main-section .platform-item a svg {
  width: 16px;
  height: 16px;
  padding: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  transform: rotate(-45deg);
  transition: all 0.3s;
}

.hiring-main-section .platform-item:hover a svg {
  transform: rotate(0);
}

.hiring-main-section .platform-item a:hover svg {
  border-color: #BFF747;
}


@media (min-width:992px) and (max-width:1200px) {
  .hiring-main-section .platform-item {
    padding: 30px 20px 30px 40px;
    margin: 30px 0 0 0;
  }

  .hiring-main-section .platform-item .icon {
    font-size: 28px;
    width: 60px;
    height: 60px;
    top: 0;
    left: -30px;

  }

  .hiring-main-section .platform-item .content h4 {
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff;
  }
}

@media (max-width:992px) {
  .hiring-main-section {
    padding: 80px 0 0;
  }

  .hiring-main-section .platform-item {
    padding: 30px 20px 30px 40px;
    margin: 30px 0 0 0;
  }

  .hiring-main-section .platform-item .icon {
    font-size: 28px;
    width: 60px;
    height: 60px;
    top: 0;
    left: -30px;

  }

  .hiring-main-section .platform-item .content h4 {
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff;
  }
}

@media (max-width:568px) {
  .hiring-main-section .platform-item {
    padding: 30px 20px 30px 40px;
    margin: 30px 0 0 25px;
  }
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */

.main-cta-section {
  padding: 120px 0 60px;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.main-cta-section .cta-content-wrapper {
  position: relative;
  border: 1px solid #FFFFFF1A;
  background: url(../img/backgrounds/brands-box-bg-shape.svg) no-repeat;
  background-size: cover;
  background-position: top left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 30px;
  padding: 80px;
  overflow: hidden;
}

.main-cta-section .cta-content-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 40%;
  height: 100%;
  width: 100%;
}

.main-cta-section .cta-content-wrapper .left-content {
  position: relative;
}

.main-cta-section .cta-content-wrapper p.text {
  position: relative;
  color: #F5F5F4;
  line-height: 1.7em;
}

.main-cta-section .cta-content-wrapper .cta-text-content {
  margin-top: 50px;
  display: flex;
  gap: 30px 80px;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.main-cta-section .cta-content-wrapper .cta-text-content p.text {
  position: relative;
  width: calc(60% - 40px);
}

.main-cta-section .cta-content-wrapper .cta-text-content p.text::before {
  content: '';
  position: absolute;
  top: 0;
  right: -40px;
  bottom: 0;
  background-color: #FFFFFF1A;
  width: 1px;
  height: 100%;
}

.main-cta-section .cta-content-wrapper .cta-text-content .button-grp {
  width: calc(40% - 40px);
}

.main-cta-section .cta-content-wrapper .right-content .image-box {
  position: relative;
  margin-left: 80px;
  z-index: 1;
}

.main-cta-section .cta-content-wrapper .right-content .image-box img {
  width: 200px;
  max-width: 200px;
  animation: circlerotate 30s infinite linear;
}

@media (min-width:992px) and (max-width:1200px) {
  .main-cta-section .cta-content-wrapper .cta-text-content p.text {
    position: relative;
    width: 100%;
  }

  .main-cta-section .cta-content-wrapper .cta-text-content .button-grp {
    width: 100%;
  }
}

@media (max-width:992px) {
  .main-cta-section {
    padding: 80px 0 0;
  }

  .main-cta-section .cta-content-wrapper {
    padding: 60px 40px;
  }
}

@media (max-width:768px) {
  .main-cta-section .cta-content-wrapper .cta-text-content p.text {
    position: relative;
    width: 100%;
  }

  .main-cta-section .cta-content-wrapper .cta-text-content p.text::before {
    display: none;
  }

  .main-cta-section .cta-content-wrapper .cta-text-content .button-grp {
    width: 100%;
  }

  .main-cta-section .cta-content-wrapper {
    padding: 60px 30px;
  }

}

/* --------------------------------------------------------------------------------------------------------------------------------------- */

.working-process-section {
  padding: 80px 0 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.working-process-section p.text {
  color: #F5F5F4;
  position: relative;
  line-height: 1.7em;
}

.working-process-section .content-box-wrapper {
  margin-top: 60px;
}

.working-process-section .main-content-box {
  background-image: url(../img/backgrounds/service-bg-2.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 30px;
  padding: 40px;
  overflow: hidden;
  transition: all 0.4s;
  border: 1px solid #FFFFFF1A;
  position: relative;
}

.working-process-section .main-content-box::before {
  content: "";
  position: absolute;
  top: calc(0px - 1px);
  left: calc(0px - 1px);
  background-color: #1B1B1B;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  opacity: 0.4;
}


.working-process-section .main-content-box .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
  position: relative;
}

.working-process-section .main-content-box .heading h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  color: #fff;
  text-transform: capitalize;
}

.working-process-section .main-content-box .heading svg {
  width: 18px;
  height: 18px;
  padding: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.working-process-section .main-content-box:hover .heading svg {
  transform: rotate(0);
}

.working-process-section .main-content-box .heading svg:hover {
  border-color: #BFF747;
}

.working-process-section .main-content-box .bottom-box {
  margin-top: 60px;
  position: relative;
  width: 100%;
}

.working-process-section .main-content-box .bottom-box .left-box p.title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 5px;

}

.working-process-section .main-content-box .bottom-box .left-box span {
  color: #BFF747;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0;
  display: inline-block;
}

.working-process-section .main-content-box .bottom-box .right-box {
  position: absolute;
  width: 60%;
  right: -40px;
  bottom: -40px;
  padding: 48px;
  border-radius: 30px 0px 30px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #BFF747;
}

.working-process-section .main-content-box .bottom-box .right-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 30px 0 30px 0;
  transform: translate(100%, 100%);
  transition: all 0.4s ease-in-out;
  z-index: 0;
}

.working-process-section .main-content-box:hover .bottom-box .right-box::before {
  transform: translate(0);
}

.working-process-section .main-content-box .bottom-box .right-box img {
  display: block;
  position: relative;
  height: 60px;
  width: 60px;
}


@media (min-width:992px) and (max-width:1200px) {
  .working-process-section .main-content-box {
    padding: 40px 20px;
  }
}

@media (max-width:992px) {
  .working-process-section .main-content-box {
    margin-bottom: 40px;
  }
}

@media (max-width:568px) {
  .working-process-section .main-content-box .bottom-box .right-box {
    padding: 32px;
  }

  .working-process-section .main-content-box {

    padding: 40px 20px;
  }

  .working-process-section .main-content-box .bottom-box .right-box svg {
    display: block;
    position: relative;
    height: 54px;
    width: 54px;
  }
}



/* --------------------------------------------------------------------------------------------------------------------------- */

.testimonial-styleone {
  padding: 120px 0 0;
  background-color: #000;
  overflow: hidden;
  position: relative;
}


.testimonial-styleone .testimonial-carousel-wrapper {
  margin-top: 80px;
  position: relative;
}

.testimonial-styleone .testimonial-carousel .testimonial-box {
  display: flex;
  align-items: center;

}

.testimonial-styleone .testimonial-carousel .testimonial-box p.text {
  color: #F5F5F4;
  position: relative;
  line-height: 1.7em;
  margin-bottom: 40px;
}

.testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-content {
  width: calc(100%-240px);
}

.testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-author {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-author h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  color: #fff;
  margin-bottom: 0;
}

.testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-author span {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
  color: #BFF747;
}

.testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-author p.text {
  margin-bottom: 10px;
  font-size: 12px;
}

.testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-author svg {
  font-size: 46px;
  color: #BFF747;
}

.testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-image {
  margin-left: 30px;
}

.testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-image img {
  width: 200px;
}

.testimonial-styleone .testimonial-carousel .owl-nav {
  margin-top: 60px;
}

.testimonial-styleone .testimonial-carousel .owl-nav button:hover {
  background: transparent;

}

.testimonial-styleone .testimonial-carousel .owl-nav button svg {
  width: 18px;
  height: 18px;
  padding: 20px;
  background-color: #1B1B1B;
  border-radius: 50%;
  color: #fff;
  transition: all 0.4s ease-in-out;
}

.testimonial-styleone .testimonial-carousel .owl-nav button svg:hover {
  background-color: #BFF747;
  color: #000;
}

@media (max-width:992px) {
  .testimonial-styleone {
    padding: 80px 0 0;
  }
}

@media (max-width:568px) {
  .testimonial-styleone .testimonial-carousel .testimonial-box {
    display: flex;
    align-items: center;
    flex-direction: column;

  }

  .testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-image {
    margin-left: 0;
  }

  .testimonial-styleone .testimonial-carousel .testimonial-box .testimonial-image img {
    width: 100px;
    margin-top: 20px;
  }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */



.innersmm-hero-slider {
  position: relative;
  padding: 150px 0 90px;
}

.innersmm-hero-slider::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 90%;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.innersmm-hero-slider .slider-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.innersmm-hero-slider .slider-bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.innersmm-hero-slider .section-title h2 {
  margin-bottom: 30px;
}

.innersmm-hero-slider .section-title p.text {
  margin-bottom: 30px;
}

.innersmm-hero-slider .right-content {
  position: relative;
  text-align: end;
  padding-left: 50px;
  z-index: 2;
}

.innersmm-hero-slider .right-content::before {
  content: '';
  position: absolute;
  bottom: 165px;
  left: 50px;
  background: url(../img/icons/arrow-hero-client-box.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
  width: 144px;
  height: 65px;
  z-index: 1;
}



.innersmm-hero-slider .right-content .hero-slider-image {
  position: relative;
  padding-right: 30px;
}

.innersmm-hero-slider .right-content .hero-slider-image img.main-img {
  width: 100%;
  aspect-ratio: 1 / 1.26;
  object-fit: contain;
}

.innersmm-hero-slider .right-content .icon-img-first {
  position: absolute;
  top: 150px;
  left: 0;
  background-color: #BFF747;
  border-radius: 50%;
  width: 82px;
  height: 82px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.innersmm-hero-slider .right-content .icon-img-first,
.innersmm-hero-slider .right-content .icon-img-sec {
  animation: iconsmmheroimg 3s infinite alternate;
}

@keyframes iconsmmheroimg {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateY(-50px);
  }
}

.innersmm-hero-slider .right-content .icon-img-first::before,
.innersmm-hero-slider .right-content .icon-img-sec::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
  z-index: 0;
}

.innersmm-hero-slider .right-content .icon-img-first:hover::before,
.innersmm-hero-slider .right-content .icon-img-sec:hover::before {
  transform: scale(1);
}

.innersmm-hero-slider .right-content .icon-img-first img,
.innersmm-hero-slider .right-content .icon-img-sec img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
}

.innersmm-hero-slider .right-content .icon-img-sec {
  position: absolute;
  bottom: 250px;
  right: 0;
  background-color: #BFF747;
  border-radius: 50%;
  width: 82px;
  height: 82px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.innersmm-hero-slider .right-content .satisfied-clients {
  position: absolute;
  bottom: 50px;
  left: 100px;
  border-radius: 10px;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  display: inline-flex;
  padding: 20px;
  overflow: hidden;
  text-align: start;
  animation: satisfiedbox 2.5s infinite alternate;
  z-index: 2;
}

@keyframes satisfiedbox {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100px);
  }
}

.innersmm-hero-slider .right-content .satisfied-clients svg {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #BFF747;
  padding: 10px;
  border-radius: 50%;
  margin-right: 10px;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.innersmm-hero-slider .right-content .satisfied-clients h4 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  transition: all 0.4s ease-in-out;
  color: #fff;
}

.innersmm-hero-slider .right-content .satisfied-clients p.text {
  margin-bottom: 0;
  position: relative;
  color: #F5F5F4;
  text-transform: capitalize;
  transition: all 0.3s;
}

.innersmm-hero-slider .right-content .satisfied-clients:hover p.text {
  color: #000;
}

.innersmm-hero-slider .right-content .satisfied-clients:hover h4 {
  color: #000;
}

.innersmm-hero-slider .right-content .satisfied-clients::before {
  content: '';
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  background: #fff;
  height: 100%;
  width: 0;
  transition: all 0.4s ease-in-out;
}

.innersmm-hero-slider .right-content .satisfied-clients:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}


.innersmm-hero-slider .right-content.business-page::before {
  display: none;
}

.innersmm-hero-slider .right-content .main-img-box {
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}

.innersmm-hero-slider .right-content .main-img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.innersmm-hero-slider .right-content .main-img-box:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}


.innersmm-hero-slider .right-content .main-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(80%);
}


@media (max-width:768px) {
  .innersmm-hero-slider .right-content::before {
    content: '';
    position: absolute;
    bottom: 125px;
    left: 50px;
    background: url(../img/icons/arrow-hero-client-box.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 120px;
    height: 50px;
    z-index: 1;
  }

  .innersmm-hero-slider .right-content .icon-img-first {
    position: absolute;
    top: 90px;
    width: 60px;
    height: 60px;
    padding: 10px;
  }

  .innersmm-hero-slider .right-content .icon-img-sec {
    position: absolute;
    top: 200px;

    width: 60px;
    height: 60px;
    padding: 10px;
  }

  .innersmm-hero-slider .right-content .satisfied-clients h4 {
    font-size: 18px;
  }

  .innersmm-hero-slider .right-content .satisfied-clients {
    position: absolute;
    bottom: 10px;
  }
}




.hero-slider-marquee-text marquee .img-item {
  display: inline-flex;
  align-items: center;
  padding-right: 50px;
}

.hero-slider-marquee-text marquee .img-item img {
  width: 120px;
  position: relative;

}

/* -------------------------------------------------------------------------------------------------------------------------- */

.innersmm-about-section {
  position: relative;
  padding: 160px 0 80px;
  background-color: #000;
  overflow: hidden;
}

.innersmm-about-section::before {
  content: '';
  display: block;
  position: absolute;
  left: -70px;
  bottom: 10%;
  background: url(../img/icons/about-agency-bg.png) no-repeat;
  background-position: left bottom;
  background-size: contain;
  width: 285px;
  height: 285px;
  opacity: 50%;
  animation: circlerotate 10s infinite linear;
  animation-direction: alternate;

}

.innersmm-about-section .box-content-wrapper {
  position: relative;
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}

.innersmm-about-section .box-content-wrapper .left-img-content,
.innersmm-about-section .box-content-wrapper .right-text-content {
  width: calc(50% - 30px);
}

.innersmm-about-section .box-content-wrapper .left-img-content img {
  width: 100%;
  object-fit: cover;
  border-radius: 30px;

  aspect-ratio: 1 / 1.029;
}

.innersmm-about-section .box-content-wrapper .left-img-content .experienced-box {
  max-width: 320px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin: 25px 30px;
}


.innersmm-about-section .box-content-wrapper .left-img-content .experienced-box h2 {
  font-size: 60px;
  font-weight: 700;
  color: #BFF747;
}

.innersmm-about-section .box-content-wrapper .left-img-content .experienced-box p {
  margin-bottom: 0;
  color: #F5F5F4;
}

.innersmm-about-section .box-content-wrapper .left-img-content .experienced-box p span {
  color: #BFF747;
}

.innersmm-about-section .section-title {
  margin-bottom: 40px;
}

.innersmm-about-section .about-text {
  position: relative;
  padding: 30px;
  border-left: 4px solid #BFF747;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 60px;
}

.innersmm-about-section .about-text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;

}

.innersmm-about-section .about-text p {
  font-size: 18px;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
  color: #F5F5F4;
  z-index: 2;
}

.innersmm-about-section .about-text::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #BFF747;
  height: 100%;
  width: 0;
  transition: all 0.4s ease-in-out;

}

.innersmm-about-section .about-text:hover::after {
  width: 100%;
  right: 100%;
}

.innersmm-about-section .about-text:hover p {
  color: #000;
}

.innersmm-about-section .about-list-item {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 860px;
  display: flex;
  gap: 80px;
  flex-wrap: wrap;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 20px;
  padding: 40px;
  overflow: hidden;
  z-index: 1;
}

.innersmm-about-section .about-list-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;

}

.innersmm-about-section .about-list-item .list-item {
  position: relative;
  width: calc(33.33% - 53.33px);
}

.innersmm-about-section .about-list-item .list-item:last-child::before {
  background: none;
}

.innersmm-about-section .about-list-item .list-item::before {
  content: '';
  position: absolute;
  top: 0;
  right: -40px;
  bottom: 0;
  background: #FFFFFF1A;
  height: 100%;
  width: 1px;
}

.innersmm-about-section .about-list-item .list-item img {
  max-width: 40px;
  margin-bottom: 20px;
}

.innersmm-about-section .about-list-item .list-item h4 {
  font-size: 22px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 1.7em;
}

@media (min-width:1200px) and (max-width:1400px) {
  .innersmm-about-section .box-content-wrapper .left-img-content img {
    aspect-ratio: 1 / 1.20;
  }

  .innersmm-about-section .about-list-item {
    max-width: 780px;
    padding: 40px 20px;

  }

  .innersmm-about-section .about-list-item .list-item {
    position: relative;
    width: calc(30% - 53px);
  }

  .innersmm-about-section .about-list-item .list-item h4 {
    font-size: 18px;
  }
}

@media (min-width:992px) and (max-width:1200px) {
  .innersmm-about-section .box-content-wrapper {
    padding-bottom: 220px;
  }

  .innersmm-about-section .box-content-wrapper .left-img-content img {
    aspect-ratio: 1 / 1.20;
  }

  .innersmm-about-section .about-list-item {
    max-width: 100%;
    padding: 40px;
    left: 0;
  }

  .innersmm-about-section .about-list-item .list-item {
    position: relative;
    width: calc(30% - 53px);
  }

  .innersmm-about-section .about-list-item .list-item h4 {
    font-size: 18px;
  }
}

@media (max-width:992px) {
  .innersmm-about-section .box-content-wrapper {
    display: block;
  }

  .innersmm-about-section .box-content-wrapper .left-img-content,
  .innersmm-about-section .box-content-wrapper .right-text-content {
    width: 100%;
    margin-bottom: 50px;
  }

  .innersmm-about-section .box-content-wrapper .left-img-content img {
    aspect-ratio: 1 / 0.8;
  }

  .innersmm-about-section .box-content-wrapper .left-img-content .experienced-box {
    margin-left: 0;
  }

  .innersmm-about-section .about-list-item {
    position: relative;
    margin-top: 30px;
    gap: 20px;
    border-radius: 10px;
  }

  .innersmm-about-section .about-list-item .list-item {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
  }

  .innersmm-about-section .about-list-item .list-item img {
    max-width: 32px;
    margin-bottom: 0;
  }

  .innersmm-about-section .about-list-item .list-item h4 {
    font-size: 18px;
    margin-bottom: 0;
  }

}



/* --------------------------------------------------------------------------------------------------------------------------- */

.innersmm-service-section {
  position: relative;
  padding: 120px 0 60px;
  background-color: #000;
}

.innersmm-service-section .top-heading-box {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 2px solid #FFFFFF1A;
}

.innersmm-service-section .our-service-image img {
  width: 100%;
  aspect-ratio: 1 / 1.5;
  object-fit: cover;
  border-radius: 30px;
}

.innersmm-service-section .service-boxes {
  padding-left: 30px;
}

.innersmm-service-section .service-item {
  position: relative;
  border: 1px solid #FFFFFF1A;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 30px;
  display: flex;
  padding: 40px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  gap: 10px;
}

.innersmm-service-section .service-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;

}

.innersmm-service-section .service-item img {
  max-width: 40px;
  margin-top: 5px;
  transition: all 0.4s ease-in-out;
}

.innersmm-service-section .service-item h3 {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 25px;
  color: #fff;
  font-weight: 700;
}

.innersmm-service-section .service-item p {
  color: #F5F5F4;
  line-height: 1.7em;
}

.innersmm-service-section .service-item:hover {
  transform: translateY(-6px);
}

.innersmm-service-section .service-item .readmore-btn:hover {
  color: #fff;
}

.innersmm-service-section p.cta-text {
  color: #F5F5F4;
  text-align: center;
  margin-top: 40px;
}

.innersmm-service-section p.cta-text a {
  color: #BFF747;
  text-decoration: underline !important;
  transition: all 0.3s;
  font-weight: 700;
}

.innersmm-service-section p.cta-text a:hover {
  color: #fff;
}

@media (max-width:992px) {
  .innersmm-service-section {
    padding: 60px 0 60px;
  }

  .innersmm-service-section .our-service-image img {
    aspect-ratio: 1 / .8;
    margin-bottom: 30px;
  }

  .innersmm-service-section .service-boxes {
    padding-left: 0;
  }

}

/* ---------------------------------------------------------------------------------------------------------- */

.innersmm-whatwedo {
  padding: 80px 0;
  position: relative;
  background-color: #000;
}

.innersmm-whatwedo .section-title {
  padding-top: 80px;
}

.innersmm-whatwedo h2.title {
  margin-bottom: 50px;
}

.innersmm-whatwedo .main-content-wrapper {
  position: relative;
  border: 1px solid #FFFFFF1A;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 30px;
  padding: 0 80px 40px;
  overflow: hidden;
}


.innersmm-whatwedo .main-content-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;
}

.innersmm-whatwedo .main-content-wrapper .item-box {
  position: relative;
  text-align: center;
  padding: 80px 15px 30px;
}

.innersmm-whatwedo .main-content-wrapper .item-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(360deg, #BFF747 -20.74%, #000 106.06%);
  height: 0;
  width: 100%;
  transition: all 0.4s ease-in-out;

}

.innersmm-whatwedo .main-content-wrapper .item-box.active::before,
.innersmm-whatwedo .main-content-wrapper .item-box:hover::before {
  height: 100%;
  border-radius: 0 0 30px 30px;
}

.innersmm-whatwedo .main-content-wrapper .icon {

  position: relative;
  background-color: #BFF747;
  height: 100px;
  width: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin-bottom: 30px;
  overflow: hidden;
}

.innersmm-whatwedo .main-content-wrapper .icon img {
  max-width: 50px;
  object-fit: cover;
  position: relative;
}

.innersmm-whatwedo .main-content-wrapper h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.innersmm-whatwedo .main-content-wrapper p.text {
  color: #F5F5F4;
}


@media (max-width:1200px) {
  .innersmm-whatwedo .item-box-wrapper {
    margin-top: 60px;
  }
}

@media (max-width:992px) {
  .innersmm-whatwedo .item-box-wrapper {
    margin-top: 20px;
  }

  .innersmm-whatwedo .main-content-wrapper .item-box {
    position: relative;
    text-align: center;
    padding: 40px 15px 30px;
  }
}

@media (max-width:568px) {
  .innersmm-whatwedo {
    padding: 0;
  }

  .innersmm-whatwedo .section-title {
    padding-top: 40px;
  }

  .innersmm-whatwedo .main-content-wrapper {
    padding: 0 20px 40px;
  }
}




/* -------------------------------------------------------------------------------------------------------------------------------- */

.innersmm-whyus-section {
  position: relative;
  padding: 120px 0 60px;
  background-color: #000;
  overflow: hidden;
}

.innersmm-whyus-section::before {
  content: '';
  display: block;
  position: absolute;
  left: -70px;
  bottom: 100px;
  background: url(../img/backgrounds/why-choose-bg-shape.png) no-repeat;
  background-position: left bottom;
  background-size: contain;
  opacity: 50%;
  width: 325px;
  height: 325px;
  animation: cuberotate 10s infinite linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;

}

.innersmm-whyus-section .top-heading-box {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 2px solid #FFFFFF1A;
}

.innersmm-whyus-section .why-choose-list-item {
  border-bottom: 1px solid #FFFFFF1A;
  margin-bottom: 60px;
  padding-bottom: 60px;
}

.innersmm-whyus-section .why-choose-list-item:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.innersmm-whyus-section .why-choose-list-item h3 {
  position: relative;
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-weight: 700;
  line-height: 1.2em;
}

.innersmm-whyus-section .why-choose-list-item p {
  color: #F5F5F4;
  line-height: 1.7em;
  position: relative;
}

.innersmm-whyus-section .why-choose-circle {
  position: relative;
  z-index: 2;
}

.innersmm-whyus-section .why-choose-circle img {
  animation: circlerotate 30s infinite linear;
  max-width: 100%;
}

.innersmm-whyus-section .why-choose-images {
  position: relative;
}

.innersmm-whyus-section .why-choose-img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 380px;
  transform: translate(-50%, -50%);
}

.innersmm-whyus-section .why-choose-img img {
  width: 100%;
  aspect-ratio: 1 / 1.132;
  object-fit: cover;
  max-width: 100%;
}


@media (min-width:992px) and (max-width:1200px) {
  .innersmm-whyus-section .why-choose-img {
    max-width: 320px;
  }

  .innersmm-whyus-section::before {
    width: 240px;
    height: 240px;

  }
}

@media (max-width:992px) {
  .innersmm-whyus-section::before {
    width: 180px;
    height: 180px;
    bottom: 50%;
  }
}

@media (max-width:768px) {

  .innersmm-whyus-section .why-choose-list-item,
  .innersmm-whyus-section .why-choose-list-item:last-child {
    border-bottom: none;
    margin-bottom: 40px;
    padding-bottom: 0;
  }

}

@media (max-width:568px) {
  .innersmm-whyus-section .why-choose-img {
    max-width: 220px;
  }

  .innersmm-whyus-section .why-choose-list-item,
  .innersmm-whyus-section .why-choose-list-item:last-child {
    border-bottom: none;
    margin-bottom: 40px;
    padding-bottom: 0;
  }



}



/* -------------------------------------------------------------------------------------------------------------------------------------------------- */

.innersmm-agency-fact-section {
  background-color: #000;
  position: relative;
  padding: 80px 0 80px;
  overflow: hidden;
}

.innersmm-agency-fact-section .main-content-wrapper {
  position: relative;
  height: 100%;
  border: 1px solid #FFFFFF1A;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 30px;
  overflow: hidden;

}

.innersmm-agency-fact-section .left-img-content {
  padding-right: 20px;
  height: 100%;
}

.innersmm-agency-fact-section .left-img-content .img-box {
  max-width: 540px;
  height: 100%;
  position: relative;
  overflow: hidden;

}

.innersmm-agency-fact-section .left-img-content .img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.innersmm-agency-fact-section .left-img-content .img-box:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.innersmm-agency-fact-section .left-img-content img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1.489;
  object-fit: cover;
}

.innersmm-agency-fact-section .right-text-content {
  padding: 80px 80px 80px 0;
}

.innersmm-agency-fact-section .right-text-content .heading-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 40px;
}

.innersmm-agency-fact-section .right-text-content .heading-box .free-consultation img {
  max-width: 110px;
  animation: circlerotate 30s linear infinite;
}

.innersmm-agency-fact-section .right-text-content .fact-box-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.innersmm-agency-fact-section .right-text-content .fact-counter-box {
  padding: 50px 50px 50px 0;
  border-bottom: 1px solid #FFFFFF1A;
  border-right: 1px solid #FFFFFF1A;
  width: 50%;
}

.innersmm-agency-fact-section .right-text-content .fact-counter-box:nth-of-type(2n + 2) {
  padding: 50px 0 50px 50px;
  border-bottom: 1px solid #FFFFFF1A;
  border-right: none;
}

.innersmm-agency-fact-section .right-text-content .fact-counter-box:nth-child(-n + 2) {
  padding-top: 0;
}

.innersmm-agency-fact-section .right-text-content .fact-counter-box:nth-last-child(-n + 2) {
  padding-bottom: 0;
  border-bottom: none;
}

.innersmm-agency-fact-section .right-text-content .fact-counter-box h2 {
  font-size: 60px;
  color: #BFF747;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.innersmm-agency-fact-section .right-text-content .fact-counter-box p.text {
  color: #F5F5F4;
  line-height: 1.7em;
}

@media (min-width:992px) and (max-width:1200px) {
  .innersmm-agency-fact-section .right-text-content .fact-counter-box {
    padding: 20px 20px 20px 0;
  }

  .innersmm-agency-fact-section .right-text-content .fact-counter-box:nth-of-type(2n + 2) {
    padding: 20px 0 20px 20px;
  }
}

@media (max-width:992px) {


  .innersmm-agency-fact-section .left-img-content {
    padding-right: 0;
  }

  .innersmm-agency-fact-section .left-img-content .img-box {
    max-width: 100%;
  }

  .innersmm-agency-fact-section .left-img-content img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / .8;
    object-position: center;
  }

  .innersmm-agency-fact-section .right-text-content {
    padding: 40px;
  }

}

@media (max-width:768px) {
  .innersmm-agency-fact-section .right-text-content .fact-counter-box {

    border: none !important;
    width: 100%;
    margin-bottom: 20px;
  }

  .innersmm-agency-fact-section .right-text-content .fact-counter-box h2 {
    font-size: 42px;
  }

  .innersmm-agency-fact-section .right-text-content .fact-counter-box:nth-of-type(2n + 2) {
    padding: 0;
  }

  .innersmm-agency-fact-section .right-text-content .fact-counter-box {
    padding: 0;
  }
}

@media (max-width:568px) {
  .innersmm-agency-fact-section .right-text-content .heading-box {
    display: block;
    margin-bottom: 20px;
  }

  .innersmm-agency-fact-section .right-text-content .heading-box .free-consultation {
    text-align: end;
  }
}

/* --------------------------------------------------------------------------------------------------------------------- */

.main-pricing-plan {
  position: relative;
  padding: 80px 0 0;
  background-color: #000;
  overflow: hidden;
}


.main-pricing-plan .pricing-list-item {
  margin-top: 60px;
}

.main-pricing-plan .pricing-list-item .list-item {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #FFFFFF1A;
}

.main-pricing-plan .pricing-list-item .list-item:last-child {
  border: none;
}

.main-pricing-plan .pricing-list-item .list-item h4 {
  color: #fff;
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}

.main-pricing-plan .pricing-list-item .list-item h4 img {
  width: 20px;
  height: 20px;
  margin-right: 10px;

}

.main-pricing-plan .pricing-list-item .list-item p.text {
  color: #F5F5F4;
  line-height: 1.7em;
}

.main-pricing-plan .pricing-box-wrapper {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.main-pricing-plan .pricing-item-box {
  position: relative;
  width: calc(50% - 15px);
  border: 1px solid #FFFFFF1A;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 30px;
  padding: 40px;
  overflow: hidden;
}

.main-pricing-plan .pricing-item-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;
}

.main-pricing-plan .pricing-header,
.main-pricing-plan .pricing-body {
  margin-bottom: 30px;
  position: relative;
}

.main-pricing-plan .pricing-header img {
  max-width: 60px;
  margin-bottom: 30px;
}

.main-pricing-plan .pricing-header h3 {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 700;
}

.main-pricing-plan .pricing-header p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 30px;
}

.main-pricing-plan .pricing-header h2 {
  font-size: 50px;
  color: #BFF747;
  font-weight: 700;
  line-height: 1.2em;
}

.main-pricing-plan .pricing-header h2 sup {
  font-size: 20px;
  top: -1em;
}

.main-pricing-plan .pricing-header h2 sub {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  color: #fff;
  opacity: 80%;
  bottom: 0;
}

.main-pricing-plan .main-btn {
  width: 100%;
  color: #fff;
  padding: 15px 30px;
  position: relative;
  text-align: center;
  margin: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4em;
  text-transform: capitalize;
  background: transparent;
  border-radius: 100px;
  border: none;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 1;
}

.main-pricing-plan .main-btn:hover {
  background-color: #BFF747;
  color: #000;
}




.main-pricing-plan .main-btn::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 100px;
  opacity: 20%;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.main-pricing-plan .pricing-footer ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.main-pricing-plan .pricing-footer ul li {
  position: relative;
  text-transform: capitalize;
  line-height: normal;
  display: flex;
  align-items: center;
  color: #F5F5F4;
  gap: 20px;

  margin-bottom: 20px;
}

.main-pricing-plan .pricing-footer ul li img {
  max-width: 20px;
}


.main-pricing-plan .highlighted-box::after {
  content: 'popular';
  position: absolute;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #000;
  top: 30px;
  right: -55px;
  width: 190px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #BFF747;
  transform: rotate(50deg);
}

.main-pricing-plan .highlighted-box .main-btn {
  background: #BFF747;
  color: #000;
}

.main-pricing-plan .highlighted-box .main-btn:hover {
  background: #000;
  color: #fff;
}

@media (max-width:768px) {
  .main-pricing-plan .pricing-box-wrapper {
    display: block;
  }

  .main-pricing-plan .pricing-item-box {
    width: 100%;
    margin-bottom: 20px;
  }
}




/* ----------------------------------------------------------------------------------------------------------------------------------- */

.innersmm-testimonial {
  padding: 80px 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.innersmm-testimonial .top-heading-box {
  padding-bottom: 40px;
  margin-bottom: 60px;
  border-bottom: 1px solid #FFFFFF1A;
}

.innersmm-testimonial .testimonial-box {
  position: relative;
  background: url(../img/backgrounds/testimonial-item-bg-shape.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border: 1px solid #FFFFFF1A;
  border-radius: 30px;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 30px;
  overflow: hidden;
  padding: 40px;
}

.innersmm-testimonial .testimonial-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;
}

.innersmm-testimonial .testimonial-header {
  padding-bottom: 30px;
  border-bottom: 1px solid #FFFFFF1A;
  margin-bottom: 30px;
}

.innersmm-testimonial .testimonial-header p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 30px;
}

.innersmm-testimonial .testimonial-author h3 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}

.innersmm-testimonial .testimonial-author p {
  color: #F5F5F4;
  margin-bottom: 0;

}

.innersmm-testimonial .testimonial-author span {
  color: #BFF747;
  font-size: 12px;
  position: relative;
}

.innersmm-testimonial .testimonial-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.innersmm-testimonial .testimonial-body h2 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 1.2em;
}

.innersmm-testimonial .testimonial-body span {
  position: relative;
  color: #F5F5F4;
  line-height: 1.7em;
}

.innersmm-testimonial .testimonial-body svg {
  font-size: 40px;
  color: #BFF747;
}

/* --------------------------------------------------------------------------------------------------------------------- */

.faq-main-section {
  padding: 80px 0 0;
  background-color: #000;
  position: relative;
}

.faq-main-section .left-content {
  position: sticky;
  top: 120px;

}

.faq-main-section h2.title {
  margin-bottom: 40px;
}

.faq-main-section .faq-accordion .accordion-item {
  position: relative;
  background: #000;
  border: 1px solid #FFFFFF1A;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 0;
  transition: all 0.3s ease-in-out;

}

.faq-main-section .faq-accordion .accordion-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 26.48%, rgba(0, 0, 0, 0) 155.74%);
  height: 100%;
  width: 100%;
}

.faq-main-section .faq-accordion .accordion-item .accordion-header {
  margin-bottom: 0;
}

.faq-main-section .faq-accordion .accordion-item .accordion-header .accordion-button.collapsed {
  color: #fff;
  background: #000;
}

.faq-main-section .faq-accordion .accordion-header .accordion-button {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  background: transparent;
  color: #fff;
  padding: 17px 50px 17px 20px;
  transition: all 0.3s ease-in-out;
}

.faq-main-section .faq-accordion .accordion-header .accordion-button span {
  position: absolute;
  top: -15px;
  right: 20px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
  padding: 2px 6px;
  background-color: #BFF747;
  color: #000;
  border-radius: 50px;
}

.faq-main-section .faq-accordion .accordion-header .accordion-button:focus {
  box-shadow: none;
}

.faq-main-section .faq-accordion .accordion-item .accordion-body {
  padding: 0 50px 17px 20px;
}

.faq-main-section .faq-accordion .accordion-item .accordion-body p {
  color: #F5F5F4;
  line-height: 1.7em;
  margin: 0;
}

.faq-main-section .faq-accordion .accordion-button:not(.collapsed)::after {
  background-image: url(../img/icons/minus.png) !important;
  transform: rotate(-180deg);
}

.faq-main-section .faq-accordion .accordion-button::after {
  flex-shrink: 0;
  margin-left: auto;
  content: "";
  background-image: url(../img/icons/plus.png) !important;
  background-repeat: no-repeat;
  transition: transform .2s ease-in-out;
}


/* ------------------------------------------------------------------------------------------------------------------------------- */

.innerweb-hero-slider {
  position: relative;
  overflow: hidden;
}

.innerweb-hero-slider .carousel-item {
  position: relative;
  height: 100%;
  background: url(../img/slider/inner-heroslider-bg-1.jpg) no-repeat center;
  background-size: cover;
}

.innerweb-hero-slider .carousel-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180.07deg, rgba(0, 0, 0, 0) 0.06%, #000 115.64%), linear-gradient(359.91deg, rgba(0, 0, 0, 0.5) 75.34%, #000 99.95%);
  height: 100%;
  width: 100%;
  z-index: 1;
}


.innerweb-hero-slider .slider-content-wrapper {
  padding: 200px 0 120px;
  position: relative;
}

.innerweb-hero-slider .slider-content-wrapper .slider-title {
  margin-bottom: 40px;
}

.innerweb-hero-slider .slider-content-wrapper .slider-title span.subtitle {

  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.2em;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #fff;
  margin-bottom: 20px;
}


.innerweb-hero-slider .slider-content-wrapper .slider-title h2.title {
  font-size: 58px;
  font-weight: 300;
  line-height: 1.2em;
  color: #fff;
}

.innerweb-hero-slider .slider-content-wrapper .slider-title h2.title span {
  font-weight: 700;
  color: #BFF747;
}


.innerweb-hero-slider .slider-body-content {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
}

.innerweb-hero-slider .slider-body-content .slider-review-box {
  position: relative;
  width: calc(45% - 35px);

}

.innerweb-hero-slider .slider-body-content .slider-review-box h2 {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  color: #fff;
}

.innerweb-hero-slider .slider-body-content .slider-review-box h2 span {
  width: 100px;
  font-size: 50px;
  font-weight: 700;
}

.innerweb-hero-slider .slider-body-content .slider-review-box::before {
  content: '';
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 1px;
  transform: translate(35px, -50%);
  background: #FFFFFF1A;
}

.innerweb-hero-slider .slider-body-content .slider-review-box .hero-review-star svg {
  color: #BFF747;
  font-size: 20px;
}

.innerweb-hero-slider .slider-body-content .slider-review-box p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
  color: #F5F5F4;
  margin-top: 20px;
  margin-bottom: 0;
}

.innerweb-hero-slider .slider-body-content .slider-review-box p span {
  color: #BFF747;
  font-weight: 600;
}

.innerweb-hero-slider .slider-body-content .side-cta-box {
  width: calc(55% - 35px);
}

.innerweb-hero-slider .slider-body-content .side-cta-box p {
  font-size: 18px;
  color: #F5F5F4;
  margin-bottom: 20px;
}



.innerweb-hero-slider .slider-body-content .side-cta-box img {
  animation: circlerotate 30s infinite linear;
}


@media (min-width:992px) and (max-width:1200px) {
  .innerweb-hero-slider .slider-content-wrapper .slider-title h2.title {
    font-size: 66px;
  }
}

@media (max-width:992px) {
  .innerweb-hero-slider .slider-content-wrapper {
    padding-top: 180px;
    padding-bottom: 80px;
  }
}

@media (max-width:768px) {
  .innerweb-hero-slider .slider-content-wrapper {
    padding-top: 180px;
    padding-bottom: 80px;
  }

  .innerweb-hero-slider .slider-content-wrapper .slider-title h2.title {
    font-size: 52px;
  }
}

@media (max-width:568px) {
  .innerweb-hero-slider .slider-content-wrapper .slider-title h2.title {
    font-size: 38px;
  }

  .innerweb-hero-slider .slider-body-content {
    display: block;
    flex-wrap: wrap;
    gap: 70px;
  }

  .innerweb-hero-slider .slider-body-content p {
    font-size: 18px !important;
  }

  .innerweb-hero-slider .slider-body-content .slider-review-box {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
  }

  .innerweb-hero-slider .slider-body-content .side-cta-box {
    width: 100%;
  }

  .innerweb-hero-slider .slider-body-content .slider-review-box h2 span {
    width: auto;
    margin-right: 10px;
    font-size: 34px;
    font-weight: 700;
  }
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------- */


.innerweb-about-section {
  position: relative;
  padding: 120px 0 60px;
  background-color: #000;
  overflow: hidden;
}

.innerweb-about-section::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  bottom: 80px;
  background: url(../img/backgrounds/section-bg-shape-1.png) no-repeat;
  background-position: right bottom;
  background-size: cover;
  width: 250px;
  height: 250px;
  opacity: 50%;
  animation: roundrotate 8s infinite linear alternate;
  animation-direction: alternate;
}

@keyframes roundrotate {
  0% {
    transform: translateY(0) rotate(0);
  }

  100% {
    transform: translateY(-100px) rotate(360deg);

  }
}


.innerweb-about-section .about-us-image-box {
  display: flex;
  align-items: center;
}



.innerweb-about-section .about-us-image-box:hover .about-us-image-title h2 {
  background-position: right center;
}

.innerweb-about-section .about-us-image {
  position: relative;

}

.innerweb-about-section .about-us-img .img-box {
  display: inline-block;
  mask-image: url('../img/backgrounds/about-us-image-mask.svg');
  background-image: url('../img/backgrounds/about-us-image-mask.svg');
  mask-size: cover;
  mask-position: center center;
  mask-repeat: no-repeat;
  width: 100%;
}

.innerweb-about-section .about-us-img .img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.innerweb-about-section .about-us-img .img-box:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}


.innerweb-about-section .about-us-img img {
  width: 100%;
  aspect-ratio: 1 / 1.215;
  object-fit: cover;
}


.innerweb-about-section .explore-more-circle {
  position: absolute;
  top: 0;
  right: 0;
}

.innerweb-about-section .explore-more-circle img {
  width: 100%;
  max-width: 136px;
  animation: circlerotate 25s infinite linear;
}

.innerweb-about-section .about-us-content h2.title {
  margin-bottom: 40px;
}

.innerweb-about-section .about-us-content p.text {
  margin-bottom: 40px;
  color: #F5F5F4;

}

.innerweb-about-section .about-us-content ul {
  margin-bottom: 40px;
}

.innerweb-about-section .about-us-content ul li {
  position: relative;
  text-transform: capitalize;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: #F5F5F4;
}

.innerweb-about-section .about-us-content ul li img {
  width: 18px;
}

.innerweb-about-section .about-content-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}

.innerweb-about-section .about-content-box .about-support-box {
  width: calc(60% - 15px);
}

.innerweb-about-section .about-content-box h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  color: #fff;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.innerweb-about-section .about-content-box .about-support-content p {
  color: #F5F5F4;
  line-height: 1.7em;
  position: relative;
  margin-bottom: 30px;
}



.innerweb-about-section .certified-software-item {
  position: relative;
  width: calc(40% - 15px);
  border: 1px solid #FFFFFF1A;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 20px;
  padding: 22px;
  overflow: hidden;
  z-index: 1;
}

.innerweb-about-section .certified-software-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.innerweb-about-section .certified-software-item .icon-box {
  margin-bottom: 30px;
}

.innerweb-about-section .certified-software-item .icon-box img {
  max-width: 40px;
}

.innerweb-about-section .certified-software-content p {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0;
  color: #F5F5F4;
}

@media (min-width:992px) and (max-width:1200px) {
  .innerweb-about-section h2.title {
    font-size: 38px;
  }

  .innerweb-about-section .about-us-image {
    padding-right: 40px;
  }

  .innerweb-about-section .explore-more-circle {
    position: absolute;
    top: -12px;
    right: 25px;
  }

  .innerweb-about-section .about-content-box .about-support-box {
    width: 100%;
  }

  .innerweb-about-section .certified-software-item {
    position: relative;
    display: none;
    width: 100%;
    order: -1;
  }

}

@media (max-width:992px) {
  .innerweb-about-section::before {
    width: 200px;
    height: 200px;
    opacity: .4;
  }

  .innerweb-about-section .about-us-image {
    padding-right: 0;
    width: 70%;
    margin: 0 auto 40px;
  }
}

@media (max-width:768px) {
  .innerweb-about-section .about-us-image {
    padding-right: 0;
    width: 100%;
    margin: 0 auto 40px;
  }
}

@media (max-width:568px) {
  .innerweb-about-section .about-content-box {
    display: block;
  }

  .innerweb-about-section .about-content-box .about-support-box {
    width: 100%;
    margin-bottom: 20px;
  }

  .innerweb-about-section .certified-software-item {
    position: relative;
    width: 100%;
  }
}

/* ----------------------------------------------------------------------------------------------------------------------- */

.innerweb-services {
  padding: 80px 0;
  position: relative;
  background-color: #000;

}

.innerweb-services .left-content {
  position: sticky;
  top: 120px;

}

.innerweb-services h2.title {
  margin-bottom: 40px;
}

.innerweb-services .service-list-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #FFFFFF1A;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.innerweb-services .service-list-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.innerweb-services .service-list-item .main-content {
  display: flex;
}

.innerweb-services .service-list-item .icon-box {
  position: relative;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #BFF747;
  border-radius: 50%;
  margin-right: 20px;
  transition: all 0.5s ease-in-out;
}

.innerweb-services .service-list-item .icon-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #BFF747;
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
}

.innerweb-services .service-list-item:hover .icon-box::before {
  transform: scale(1);
}

.innerweb-services .service-list-item .icon-box img {
  position: relative;
  max-width: 30px;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.innerweb-services .service-list-item:hover .icon-box img {
  filter: brightness(0) invert(0);
}

.innerweb-services .service-list-item h4 a {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 700;
  line-height: 1.2em;
}

.innerweb-services .service-list-item p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 0;
}

.innerweb-services .service-list-item .readmore-btn svg {
  color: #fff;
  font-size: 24px;
  margin-left: 10px;
}


@media (max-width:992px) {
  .innerweb-services .left-content {
    position: relative;
    top: 0;
    margin-bottom: 60px;
  }
}

@media (max-width:568px) {
  .innerweb-services .service-list-item .main-content {
    display: block;
  }

  .innerweb-services .service-list-item .main-content .icon-box {
    margin-bottom: 10px;
  }

  .innerweb-services .service-list-item h4 a {
    font-size: 18px;
  }
}


/* ------------------------------------------------------------------------------------------------------------------------------ */


.innerweb-whychooseus {
  padding: 120px 0 0;
  position: relative;
  overflow: hidden;
  background-color: #000;
}

.innerweb-whychooseus::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  top: 40%;
  background: url(../img/backgrounds/section-bg-shape-3.png) no-repeat;
  background-position: right center;
  background-size: cover;
  width: 250px;
  height: 250px;
  transform: translateY(-50%);
  opacity: 50%;
  animation: cuberotate 10s infinite linear;
  animation-direction: alternate;
}

.innerweb-whychooseus .left-img-content {
  position: relative;
  margin-right: 30px;
}

.innerweb-whychooseus .left-img-content .img-box img {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 1 / 1.08;
}

.innerweb-whychooseus .left-img-content .explore-more {
  position: absolute;
  top: 40px;
  right: 80px;
}

.innerweb-whychooseus .left-img-content .explore-more img {
  width: 100%;
  max-width: 160px;
  animation: circlerotate 30s infinite linear;
}

.innerweb-whychooseus .right-text-content h2.title {
  margin-bottom: 30px;
}


.innerweb-whychooseus .main-body-content {
  padding: 30px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #FFFFFF1A;
  position: relative;
}

.innerweb-whychooseus .main-body-content h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;

}

.innerweb-whychooseus .main-body-content p.text {
  color: #F5F5F4;
  line-height: 1.7em;
}

.innerweb-whychooseus .whychoose-list-items ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.innerweb-whychooseus .whychoose-list-items ul li {
  color: #F5F5F4;
  display: flex;
  align-items: center;
  gap: 10px;

}

.innerweb-whychooseus .whychoose-list-items ul li img {
  width: 18px;
}


@media (min-width:992px) and (max-width:1200px) {}

.innerweb-whychooseus::before {
  width: 220px;
  height: 220px;
}

@media (max-width:992px) {
  .innerweb-whychooseus {
    padding: 80px 0 0;
  }

  .innerweb-whychooseus::before {
    width: 200px;
    height: 200px;
    opacity: .3;
  }

  .innerweb-whychooseus .right-text-content {
    margin-bottom: 40px;
  }

  .innerweb-whychooseus .left-img-content .img-box {
    width: 60%;
    margin: 0 auto;
  }

  .innerweb-whychooseus .left-img-content .explore-more {
    position: absolute;
    top: 0;
    right: 100px;
  }

  .innerweb-whychooseus .left-img-content .explore-more img {
    width: 100%;
    max-width: 140px;
    animation: circlerotate 30s infinite linear;
  }
}

@media (max-width:768px) {
  .innerweb-whychooseus .left-img-content .img-box {
    width: 80%;
    margin: 0 auto;
  }

}

@media (max-width:568px) {
  .innerweb-whychooseus .left-img-content .img-box {
    width: 100%;
    margin: 0 auto;
  }

  .innerweb-whychooseus .left-img-content .explore-more {
    position: absolute;
    top: 0;
    right: 0;
  }

  .innerweb-whychooseus .left-img-content .explore-more img {
    width: 100%;
    max-width: 120px;
    animation: circlerotate 30s infinite linear;
  }

  .innerweb-whychooseus .main-body-content {
    padding: 20px 0;
  }

  .innerweb-whychooseus .main-body-content .content-item-box {
    margin-bottom: 20px;
  }

  .innerweb-whychooseus .whychoose-list-items ul {
    flex-direction: column;
    align-items: start;
  }
}


/* -------------------------------------------------------------------------------------------------------------------------------------------- */


.innerweb-feature-box {
  position: relative;
  padding: 0 0 60px;
  background-color: #000;
  overflow-x: hidden;
}


.innerweb-feature-box .feature-box-content-wrapper {
  position: relative;
  padding: 90px 90px 0px 90px;
  border-radius: 30px;
  background: linear-gradient(180deg, #BFF747 0%, rgba(0, 0, 0, 0) 90.04%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.innerweb-feature-box .feature-box-content-wrapper::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 16px;
  background: linear-gradient(180deg, #000 75%, rgba(0, 0, 0, 0) 99.04%);
  width: calc(100% - 40px);
  height: calc(100% - 20px);
}

.innerweb-feature-box .feature-box-wrapper {
  padding-top: 40px;
}


.innerweb-feature-box .feature-box-wrapper .feature-box {
  padding-right: 20px;
  margin-right: 20px;
  position: relative;
}

.innerweb-feature-box .feature-box-wrapper .feature-box.last-child {
  padding-right: 0;
  margin-right: 0;
}

.innerweb-feature-box .feature-box-wrapper .feature-box::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF1A;
  width: 1px;
  height: 100%;
}

.innerweb-feature-box .feature-box-wrapper .feature-box.last-child::before {
  display: none;
}

.innerweb-feature-box .feature-box-wrapper .feature-box h4 {
  font-size: 22px;
  line-height: 1.2em;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
}

.innerweb-feature-box .feature-box-wrapper .feature-box p {
  color: #F5F5F4;
  line-height: 1.7em;
}


@media (max-width:992px) {
  .innerweb-feature-box .feature-box-content-wrapper {
    position: relative;
    padding: 80px 60px 40px 60px;
  }

  .innerweb-feature-box .feature-box-wrapper .feature-box {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 40px;
  }

  .innerweb-feature-box .feature-box-wrapper .feature-box.last-child::before {
    display: block;
  }
}

@media (max-width:568px) {
  .innerweb-feature-box .feature-box-content-wrapper {
    position: relative;
    padding: 80px 40px 40px 40px;
  }
}

/* ----------------------------------------------------------------------------------------------------------------- */

.innerweb-project-section {
  padding: 80px 0 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.innerweb-project-section .project-box {
  position: relative;
  border: 1px solid #FFFFFF1A;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 30px;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  overflow: hidden;
}

.innerweb-project-section .project-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;
}

.innerweb-project-section .project-box .img-box {
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;

}

.innerweb-project-section .project-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.8s;
}

.innerweb-project-section .project-box .img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.innerweb-project-section .project-box .img-box:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.innerweb-project-section .project-box .img-box:hover img {
  transform: scale(1.1);
}

.innerweb-project-section .project-box .content {
  padding: 30px;
  position: relative;
}

.innerweb-project-section .project-box .content span {
  color: #BFF747;
  text-transform: capitalize;
  display: block;
  margin-bottom: 10px;
}

.innerweb-project-section .project-box .content h3 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
  gap: 20px;

}

.innerweb-project-section .project-box .content h3 a svg {
  width: 24px;
  height: 24px;
  padding: 20px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .2);
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.innerweb-project-section .project-box .content h3 a svg:hover {
  background-color: #BFF747;
  color: #000;

}


@media (min-width:992px) and (max-width:1200px) {
  .innerweb-project-section .project-box .img-box {
    position: relative;
    width: 100%;
    height: 320px;
    overflow: hidden;

  }
}

@media (min-width:768px) and (max-width:992px) {
  .innerweb-project-section .project-box .img-box {
    height: 280px;
  }

  .innerweb-project-section .project-box .content h3 a {
    font-size: 18px;
  }
}

@media (max-width:768px) {
  .innerweb-project-section {
    padding: 0 0 0;
    background-color: #000;
    position: relative;
    overflow: hidden;
  }

  .innerweb-project-section .project-box .img-box {
    height: 280px;

  }

  .innerweb-project-section .project-box .content h3 a {
    font-size: 20px;
  }
}

@media (max-width:568px) {
  .innerweb-project-section .project-box .img-box {
    height: 280px;

  }

  .innerweb-project-section .project-box .content {
    padding: 20px;
    position: relative;
  }

  .innerweb-project-section .project-box .content h3 a {

    font-size: 20px;
    gap: 10px;
  }

  .innerweb-project-section .project-box .content h3 a svg {
    width: 14px;
    height: 14px;
    padding: 10px;
  }
}


/* ---------------------------------Inner Seo Page ------------------------------------------------------------------------------- */


.innerseo-hero-slider {
  position: relative;
  overflow: hidden;
}


.innerseo-hero-slider .carousel-item {
  padding: 200px 0 140px;
  position: relative;
  height: 100%;
  background: url(../img/slider/inner-heroslider-bg-1.jpg) no-repeat center;
  background-size: cover;
}


.innerseo-hero-slider .carousel-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180.07deg, rgba(0, 0, 0, 0) 0.06%, #000 115.64%), linear-gradient(359.91deg, rgba(0, 0, 0, 0.5) 75.34%, #000 99.95%);
  height: 100%;
  width: 100%;
  z-index: 1;
}

.innerseo-hero-slider .heroslider-content {
  padding-right: 100px;
}

.innerseo-hero-slider .carousel-item h1.title {
  font-size: 70px;
  font-weight: 300;
  line-height: 1.2em;
  color: #fff;
  margin-bottom: 20px;
}

.innerseo-hero-slider .carousel-item h1.title span {
  color: #BFF747;
  font-weight: 700;
  text-transform: capitalize;
}

.innerseo-hero-slider .carousel-item p.text {
  color: #F5F5F4;
  font-size: 18px;
  margin-bottom: 40px;
}

.innerseo-hero-slider .carousel-item .heroslider-content .slider-contact-btn {
  display: flex;
  align-items: center;
  gap: 40px;
}

.innerseo-hero-slider .carousel-item .heroslider-content .slider-contact-btn .video-play-button a {
  display: flex;
  align-items: center;
  color: #fff;
  gap: 20px;
}

.innerseo-hero-slider .carousel-item .heroslider-content .slider-contact-btn .video-play-button a p {
  margin-bottom: 0;
}

.innerseo-hero-slider .carousel-item .heroslider-content .slider-contact-btn .video-play-button svg {
  color: #000;
  width: 18px;
  height: 18px;
  padding: 16px;
  border-radius: 50%;
  background-color: #BFF747;
  transition: all 0.4s;
}

.innerseo-hero-slider .carousel-item .heroslider-content .slider-contact-btn .video-play-button a:hover svg {
  background-color: #fff;
}

.innerseo-hero-slider .carousel-item .right-cta-btn .agency-circle-arrow {
  position: relative;
  text-align: center;
  width: 200px;
  height: 200px;
}

.innerseo-hero-slider .carousel-item .right-cta-btn .agency-circle-arrow svg {
  width: 40px;
  height: 40px;
  position: absolute;
  padding: 20px;
  border-radius: 50%;
  background-color: #BFF747;
  color: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  transition: all 0.4s;
}

.innerseo-hero-slider .carousel-item .right-cta-btn a:hover .agency-circle-arrow svg {
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(0);
}

.innerseo-hero-slider .carousel-item .right-cta-btn .agency-circle-arrow img {
  width: 100%;
  height: 100%;
  max-width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: transformCenterRotation 30s linear infinite;
}

@keyframes transformCenterRotation {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}



@media (min-width:992px) and (max-width:1200px) {
  .innerseo-hero-slider .heroslider-content {
    padding-right: 60px;
  }

  .innerseo-hero-slider .carousel-item h1.title {
    font-size: 56px;
  }
}

@media (max-width:992px) {

  .innerseo-hero-slider .carousel-item {
    padding: 160px 0 80px;
  }

  .innerseo-hero-slider .heroslider-content {
    padding-right: 0;
  }

  .innerseo-hero-slider .carousel-item .heroslider-content {
    margin-bottom: 40px;
  }

  .innerseo-hero-slider .carousel-item h1.title {
    font-size: 42px;
  }

  .innerseo-hero-slider .carousel-item p.text {
    font-size: 16px;
  }

  .innerseo-hero-slider .carousel-item .right-cta-btn .agency-circle-arrow {
    margin: 0 auto;
  }
}

@media (max-width:568px) {
  .innerseo-hero-slider .carousel-item h1.title {
    font-size: 32px;
  }

  .innerseo-hero-slider .carousel-item .heroslider-content .slider-contact-btn {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .innerseo-hero-slider .carousel-item .heroslider-content .slider-contact-btn .video-play-button a {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 6px;
  }

  .innerseo-hero-slider .carousel-item .right-cta-btn .agency-circle-arrow {
    width: 160px;
    height: 160px;
    margin: 0 auto;
  }

  .innerseo-hero-slider .carousel-item .right-cta-btn .agency-circle-arrow svg {
    width: 24px;
    height: 24px;
  }
}



/* -------------------------------------------------------------------------------------------------- */

.top-heading-box p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  position: relative;
}


/* -------------------------------------------------------------------------------------------------- */
.innerseo-about-section {
  padding: 140px 0 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.innerseo-about-section::before {
  content: "";
  display: block;
  position: absolute;
  right: -70px;
  top: 50%;
  background: url(../img/backgrounds/section-bg-shape-2.png) no-repeat;
  background-position: right center;
  background-size: contain;
  width: 285px;
  height: 285px;
  opacity: 50%;
  transform: translateY(-50%) rotate(-50deg);
  animation: roundrotate 10s infinite linear;
  animation-direction: alternate;
}

.innerseo-about-section .top-heading-box p.text {
  margin-bottom: 40px;
}

.innerseo-about-section .about-main-content-wrapper {
  margin-top: 80px;
}

.innerseo-about-section .left-img-content {
  display: flex;
  gap: 30px;
  margin-right: 30px;
}

.innerseo-about-section .left-img-content .img-first-box,
.innerseo-about-section .left-img-content .img-sec-box {
  width: calc(50% - 15px);
}

.innerseo-about-section .left-img-content .img-first-box .img-box,
.innerseo-about-section .left-img-content .img-sec-box .img-box {
  display: block;
  border-radius: 999px;
  width: 100%;
  height: 460px;
  overflow: hidden;
  position: relative;
}

.innerseo-about-section .left-img-content .img-first-box .img-box img,
.innerseo-about-section .left-img-content .img-sec-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.innerseo-about-section .left-img-content .img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.innerseo-about-section .left-img-content .img-box:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background: transparent;
}

.innerseo-about-section .left-img-content .img-first-box .about-more-box {
  margin-top: 40px;
  text-align: center;
}

.innerseo-about-section .left-img-content .img-first-box .about-more-box img {
  max-width: 135px;
  animation: circlerotate 30s infinite linear;
}

.innerseo-about-section .left-img-content .img-sec-box {
  background: url(../img/icons/about-bg-star.svg) no-repeat;
  background-position: top left 10px;
  background-size: 77px auto;
  padding-top: 100px;
}

.innerseo-about-section .about-box-content {
  position: relative;
  background-color: #000;
  border: 1px solid #FFFFFF1A;
  border-radius: 20px;
  display: flex;
  margin-bottom: 30px;
  padding: 30px;
  overflow: hidden;
}

.innerseo-about-section .about-box-content::before {
  content: '';
  display: block;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 26.48%, rgba(0, 0, 0, 0) 155.74%);
  width: 100%;
  height: 0;
  transition: all 0.4s ease-in-out;
}

.innerseo-about-section .about-box-content:hover::before,
.innerseo-about-section .about-box-content.active::before {
  height: 100%;
  bottom: auto;
  top: 0;
}

.innerseo-about-section .about-box-content .icon img {
  max-width: 40px;
  margin-right: 20px;
}

.innerseo-about-section .about-box-content h4 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.innerseo-about-section .about-box-content p.text {
  color: #F5F5F4;
  margin-bottom: 0;
  line-height: 1.7em;
  position: relative;

}

@media (min-width:992px) and (max-width:1200px) {

  .innerseo-about-section .left-img-content .img-first-box .img-box,
  .innerseo-about-section .left-img-content .img-sec-box .img-box {
    height: 380px;
  }
}

@media (max-width:992px) {
  .innerseo-about-section::before {
    opacity: 30%;
    width: 200px;
    height: 200px;
  }

  .innerseo-about-section .left-img-content {
    margin-bottom: 50px;
  }
}

@media (max-width:568px) {
  .innerseo-about-section .about-box-content {
    padding: 30px 20px;
  }

  .innerseo-about-section .left-img-content .img-first-box .img-box,
  .innerseo-about-section .left-img-content .img-sec-box .img-box {
    height: 310px;
  }
}


/* ------------------------------------------------------------------------------------------------------------------------------- */

.innerseo-service-section {
  padding: 140px 0 80px;
  position: relative;
  background-color: #000;
}

.innerseo-service-section .left-title-content {
  margin-bottom: 30px;
  position: sticky;
  top: 140px;
}

.innerseo-service-section .left-title-content h2 {
  margin-bottom: 60px;
}

.innerseo-service-section .service-box {
  position: relative;
  background: url(../img/backgrounds/service-bg.png) no-repeat;
  background-position: top left;
  background-size: auto;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border: 1px solid #FFFFFF1A;
  border-radius: 30px;
  margin-bottom: 30px;
  padding: 30px;
  overflow: hidden;
}

.innerseo-service-section .service-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
  height: 100%;
  width: 100%;
}

.innerseo-service-section .service-box .icon img {
  position: relative;
  max-width: 40px;
  margin-bottom: 30px;
}

.innerseo-service-section .service-box h4 a {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;

}

.innerseo-service-section .service-box .img-box-wrapper {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: 40px;
  overflow: hidden;
  border-radius: 20px;
}

.innerseo-service-section .service-box .img-box-wrapper .img-box {
  width: 100%;
  height: 100%;
}

.innerseo-service-section .service-box .img-box-wrapper .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.6s;
}

.innerseo-service-section .service-box:hover .img-box-wrapper .img-box img {
  transform: scale(1.1);
}

.innerseo-service-section .service-box .img-box-wrapper .readmore-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
  border-radius: 20px;
}

.innerseo-service-section .service-box .img-box-wrapper .readmore-btn svg {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 16px;
  background-color: #BFF747;
  transform: rotate(-45deg);
  transition: all 0.4s;
  color: #000;
}

.innerseo-service-section .service-box:hover .img-box-wrapper .readmore-btn {
  transform: scale(1);
}


.innerseo-service-section .service-box .img-box-wrapper .readmore-btn svg:hover {
  background-color: #fff;
  transform: rotate(0);
}

@media (min-width:992px) and (max-width:1200px) {
  .innerseo-service-section .service-box .img-box-wrapper {
    height: 200px;
  }

}

/* ----------------------------------------------------------------------------------------------------------- */

.innerseo-working-process {
  padding: 80px 0 40px;
  position: relative;
  background-color: #000;
  overflow: hidden;
}


.innerseo-working-process .working-box-wrapper {
  margin-top: 60px;
  position: relative;
  border-top: 1px solid #FFFFFF1A;
}

.innerseo-working-process .working-box-wrapper .working-box {
  position: relative;
  padding: 80px 20px 30px;
}

.innerseo-working-process .working-box-wrapper .working-box::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 20px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #BFF747;
}


.innerseo-working-process .working-box-wrapper .working-box::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 15px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #BFF747;
}

.innerseo-working-process .working-box-wrapper .working-box h2.num {
  font-size: 100px;
  color: transparent;
  stroke-width: 1px;
  -webkit-text-stroke-width: 1px;
  stroke: #BFF747;
  -webkit-text-stroke-color: #BFF747;
  margin-bottom: 15px;
  transition: all 0.4s ease-in-out;
}

.innerseo-working-process .working-box-wrapper .working-box h4 {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.innerseo-working-process .working-box-wrapper .working-box p {
  color: #F5F5F4;
  line-height: 1.7em;
}

@media (min-width:992px) and (max-width:1200px) {
  .innerseo-working-process .working-box-wrapper .working-box {
    position: relative;
    padding: 40px 0px 30px;
  }

  .innerseo-working-process .working-box-wrapper .working-box h4 {
    font-size: 20px;
  }
}

@media (max-width:992px) {
  .innerseo-working-process .working-box-wrapper {
    border-top: none;
  }

  .innerseo-working-process .working-box-wrapper .working-box::before,
  .innerseo-working-process .working-box-wrapper .working-box::after {
    display: none;
  }

  .innerseo-working-process .working-box-wrapper .working-box {
    position: relative;
    padding: 0px 0px 30px;
  }
}


/* ------------------------------------------------------------------------------------------------------------------------------------------- */


.innerseo-whyus-section {
  padding: 80px 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.innerseo-whyus-section::before {
  content: "";
  display: block;
  position: absolute;
  left: -70px;
  top: 50%;
  background: url(../img/backgrounds/section-bg-shape-2.png) no-repeat;
  background-position: right center;
  background-size: contain;
  width: 285px;
  height: 285px;
  opacity: 50%;
  transform: translateY(-50%) rotate(-50deg);
  animation: roundrotate 10s infinite linear;
  animation-direction: alternate;
}

.innerseo-whyus-section .whyus-content-wrapper {
  margin-top: 60px;
}

.innerseo-whyus-section .whyus-counter-box {
  position: relative;
  height: auto;
  border: 1px solid #FFFFFF1A;
  border-radius: 30px;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  padding: 40px;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  margin-bottom: 30px;
}

.innerseo-whyus-section .whyus-counter-box::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #1B1B1B;
  opacity: 40%;
}

.innerseo-whyus-section .whyus-img-box {
  position: relative;
  background: transparent;
  padding: 0;
  overflow: hidden;
  display: block;
  height: 400px;
}

.innerseo-whyus-section .whyus-img-box img {
  position: relative;
  width: 100%;
  height: 100%;
  object-position: top center;
}

.innerseo-whyus-section .whyus-counter-box span.title {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 140px;
}

.innerseo-whyus-section .whyus-counter-box h2 {
  font-size: 60px;
  color: #BFF747;
  font-weight: 700;
  line-height: 1.2em;
  position: relative;
  margin-bottom: 20px;

}

.innerseo-whyus-section .whyus-counter-box p {
  color: #F5F5F4;
}

.innerseo-whyus-section .right-img-box {
  width: 100%;
  height: 100%;
}

.innerseo-whyus-section .right-img-box .img-box {
  display: block;
  border-radius: 30px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.innerseo-whyus-section .right-img-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.innerseo-whyus-section .right-img-box .img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.innerseo-whyus-section .right-img-box .img-box:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

@media (min-width:992px) and (max-width:1200px) {
  .innerseo-whyus-section .whyus-img-box {
    height: 320px;
  }

  .innerseo-whyus-section .whyus-counter-box span.title {
    margin-bottom: 40px;
  }
}

@media (max-width:992px) {

  .innerseo-whyus-section::before {
    width: 200px;
    height: 200px;
    opacity: 30%;
  }

  .innerseo-whyus-section .right-img-box .img-box {
    height: 540px;
  }

  .innerseo-whyus-section .right-img-box .img-box img {
    object-position: top center;
  }
}

@media (max-width:768px) {
  .innerseo-whyus-section .whyus-img-box {
    padding: 0 !important;
    height: 320px;
  }

  .innerseo-whyus-section .whyus-counter-box {
    padding: 30px 20px;
  }

  .innerseo-whyus-section .whyus-counter-box span.title {
    margin-bottom: 60px;
  }

  .innerseo-whyus-section .right-img-box .img-box {
    height: 500px;
  }

  .innerseo-whyus-section .right-img-box .img-box img {
    object-position: center;
  }
}

@media (max-width:568px) {
  .innerseo-whyus-section .right-img-box .img-box {
    height: 380px;
  }
}


/* -------------------------------------------------------------------------------------------------------------------- */

.agency-brand-section {
  padding: 120px 0 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.agency-brand-section .brand-content-wrapper {
  position: relative;
  padding: 60px;
  border: 1px solid #FFFFFF1A;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 30px;
  overflow: hidden;
}

.agency-brand-section .brand-content-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #1B1B1B;
  opacity: 40%;
  z-index: 0;
}

.agency-brand-section .top-heading-box h4 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: relative;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.agency-brand-section .top-heading-box p {
  color: #F5F5F4;
  margin-bottom: 0;
  line-height: 1.7em;
}

.agency-brand-section .top-heading-box .img-box {
  text-align: end;
  position: relative;
}

.agency-brand-section .top-heading-box .img-box img {
  max-width: 200px;
  animation: circlerotate 20s infinite linear;
}

.agency-brand-section .brand-carousel-box {
  margin-top: 60px;
  position: relative;
}

.agency-brand-section .brand-carousel-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(280deg, #030709 0%, rgba(3, 7, 9, 0) 60.97%);
  width: 215px;
  height: 100%;
  z-index: 2;
}

.agency-brand-section .brand-carousel-box::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #030709 0%, rgba(3, 7, 9, 0) 60.97%);
  width: 215px;
  height: 100%;
  z-index: 2;
}

.agency-brand-section .brand-carousel-box .img-box {
  background-color: #1B1B1B;
  border-radius: 10px;
  text-align: center;
  padding: 25px 30px;
}

.agency-brand-section .brand-carousel-box .img-box img {
  max-height: 30px;
}


@media (max-width:992px) {

  .agency-brand-section {
    padding: 80px 0 0;
  }

  .agency-brand-section .top-heading-box .img-box {
    text-align: start;
    margin-top: 20px;
    position: relative;
  }
}

@media (max-width:568px) {
  .agency-brand-section .brand-content-wrapper {
    position: relative;
    padding: 40px 30px;
  }

  .agency-brand-section .brand-carousel-box::before,
  .agency-brand-section .brand-carousel-box::after {
    display: none;
  }
}


/* ---------------------------------------------------------------------------------------------------------- */

.main-blog-section {
  padding: 120px 0 0;
  position: relative;
  background-color: #000;
  overflow: hidden;
}

.main-blog-section .top-heading-box {
  margin-bottom: 60px;
}

.innerblog-section .blog-item {
  margin-bottom: 60px;
  position: relative;
}

.main-blog-section .blog-item .img-box {
  display: block;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 320px;
  margin-bottom: 30px;
}

.main-blog-section .blog-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.6s ease-in-out;
}

.main-blog-section .blog-item .img-box::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.main-blog-section .blog-item .img-box:hover::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.main-blog-section .blog-item:hover .img-box img {
  transform: scale(1.2);
}

.main-blog-section .blog-item h4.title a {
  color: #fff;
  display: block;
  line-height: 1.2em;
  transition: all 0.4s;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: capitalize;
}

.main-blog-section .blog-item .readmore-btn:hover {
  color: #fff;
}

.innerblog-section .blog-item .category-box span.status-text {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #BFF747;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: 1px;
  padding: 4px 8px;
  border-radius: 20px;


}

.innerblog-section .blog-item p.date {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 6px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* --------------------------------------------------------------------------------------------------------- */


.main-enquiry-form {
  background-color: rgba(0, 0, 0, 0.3);
}

.main-enquiry-form .btn-close {
  background: none;
  opacity: 1;
}

.main-enquiry-form .btn-close svg {
  color: #fff;
}

.main-enquiry-form .modal-dialog {
  z-index: 99999;
  top: 100px;
}

.main-enquiry-form .modal-dialog .modal-content {

  background-color: #000;
  background: url(../img/about-us-image.jpg) no-repeat center;
  background-size: cover;
  border: none;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.main-enquiry-form .modal-dialog .modal-content::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #1B1B1B;
  opacity: .8;

}

.main-enquiry-form .modal-header {
  position: relative;
  border-bottom: 1px solid #FFFFFF1A;
}

.main-enquiry-form .modal-header h5 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
}

.main-enquiry-form .modal-body {
  position: relative;
}

.main-enquiry-form .modal-body p.text {
  font-size: 16px;
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 20px;
}

.main-enquiry-form .modal-body input::placeholder,
.main-enquiry-form .modal-body textarea::placeholder {
  color: #fff;
}

.main-enquiry-form .modal-body input,
.main-enquiry-form .modal-body select,
.main-enquiry-form .modal-body textarea {
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  transition: all 0.4s;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  background-color: rgba(0, 0, 0, .6);
}

.main-enquiry-form .modal-body select option {
  background-color: #BFF747;
  /* Change Background */
  color: #000;
  /* Change Text Color */
  font-weight: 500;
  display: block;
  padding: 10px 20px;
}

.main-enquiry-form .modal-body input:focus,
.main-enquiry-form .modal-body select:focus,
.main-enquiry-form .modal-body textarea:focus {
  box-shadow: 0 0 1px 2px #BFF747 !important;
}

.main-enquiry-form .sub-btn {
  padding: 6px 20px;
  background-color: #BFF747;
  border: none;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  transition: all 0.4s;
  display: flex;
  border-radius: 5px;
  align-items: center;
}

.main-enquiry-form .sub-btn svg {
  transform: rotate(-40deg);
  width: 16px;
  height: 16px;
  padding: 8px;
  margin-left: 10px;
  background-color: rgba(255, 255, 255, .6);
  border-radius: 50%;
  transition: all 0.4s;
}

.main-enquiry-form .sub-btn:hover {
  background-color: #fff;

}

.main-enquiry-form .sub-btn:hover svg {
  transform: rotate(0);
  background-color: #BFF747;
  color: #000;
}


/* ----------------------------------------------------------------------------------------------------------- */

.innermarketing-hero-slider {
  position: relative;
}

.innermarketing-hero-slider .carousel-item {
  background: url(../img/slider/inner-heroslider-bg-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 220px 0 180px;
}

.innermarketing-hero-slider .carousel-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.innermarketing-hero-slider .slider-title {
  text-align: center;
  position: relative;
}

.innermarketing-hero-slider .slider-title span.subtitle {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  font-size: 14px;
  letter-spacing: 2px;
  justify-content: center;
}

.innermarketing-hero-slider .slider-title span.subtitle img {
  max-width: 18px;
}

.innermarketing-hero-slider .slider-title h1 {
  font-size: 70px;
  font-weight: 300;
  color: #fff;
  line-height: 1.2em;
  text-transform: uppercase;
}

.innermarketing-hero-slider .slider-title h1 span {
  color: #BFF747;
  font-weight: 700;
  margin-bottom: 20px;
}

.innermarketing-hero-slider .slider-title p.text {
  font-size: 18px;
  line-height: 1.7em;
  color: #F5F5F4;
  margin-bottom: 30px;
}

@media (min-width:992px) and (max-width:1200px) {
  .innermarketing-hero-slider .carousel-item {
    padding: 180px 0 120px;
  }
}

@media (max-width:992px) {
  .innermarketing-hero-slider .carousel-item {
    padding: 180px 0 80px;
  }

  .innermarketing-hero-slider .carousel-item h1 {
    font-size: 56px;
  }
}

@media (max-width:768px) {
  .innermarketing-hero-slider .carousel-item {
    padding: 180px 0 80px;
  }

  .innermarketing-hero-slider .carousel-item h1 {
    font-size: 42px;
  }
}

@media (max-width:768px) {
  .innermarketing-hero-slider .carousel-item {
    padding: 150px 0 60px;
  }

  .innermarketing-hero-slider .carousel-item h1 {
    font-size: 28px;
  }

  .innermarketing-hero-slider .carousel-item p.text {
    font-size: 14px;
    margin-top: 20px;
  }
}

/* ---------------------------------------------------------------------------------------------------- */


.innerpage-title {
  position: relative;
  background: url(../img/backgrounds/innerpage-header-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 245px 0 150px;

}

.innerpage-title .page-header-box {
  text-align: center;
}

.innerpage-title .page-header-box h1 {
  display: inline-block;
  font-size: 80px;
  font-weight: 300;
  line-height: 1.1em;
  color: #fff;
  margin-bottom: 10px;
  text-transform: capitalize;
  cursor: none;
}

.innerpage-title .page-header-box p.date {
  color: #fff;
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 18px;
  margin-bottom: 0;
}

.innerpage-title .page-header-box p.date svg {
  color: #BFF747;
  margin-right: 10px;
}

.innerpage-title .page-header-box h1 span {
  color: #BFF747;
  font-weight: 800;
}

.innerpage-title .page-header-box ol {
  margin: 0;
  padding: 0;
  justify-content: center;
}

.innerpage-title .page-header-box ol li a {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
}

.innerpage-title .page-header-box ol li.active {
  font-size: 14px;
  color: #BFF747;
  text-transform: capitalize;
}

@media (min-width:992px) and (max-width:1200px) {
  .innerpage-title {
    padding: 220px 0 130px;

  }

  .innerpage-title .page-header-box h1 {
    font-size: 56px;
  }
}

@media (max-width:992px) {
  .innerpage-title {
    padding: 190px 0 100px;

  }

  .innerpage-title .page-header-box h1 {
    font-size: 48px;
  }
}

@media (max-width:568px) {
  .innerpage-title {
    padding: 190px 0 100px;

  }

  .innerpage-title .page-header-box h1 {
    font-size: 34px;
  }

  .innerpage-title .page-header-box p.date {
    font-size: 16px;
  }
}

/* ------------------------------------------------------------------------------------------------ */


.innerpagetitle-marquee-slide {
  padding: 24px 0;
  background-color: #BFF747;
  overflow: hidden;
}


.innerpagetitle-marquee-slide marquee .list-item {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding-right: 16px;
}

.innerpagetitle-marquee-slide marquee .list-item p.text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0;
}

.innerpagetitle-marquee-slide marquee .list-item img {
  max-width: 16px;
}



/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* CSS (ticker.css) */
.ticker-slider {
  background-color: #BFF747;
  overflow: hidden;
  position: relative;
}

.ticker-slider .ticker-item-wrapper {
  animation: scrollAnimation 40s linear infinite;
  padding: 0;
  margin: 0;
  display: flex;
  width: max-content;
  flex-wrap: nowrap;

}

.ticker-slider .ticker-item-wrapper .list-item {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 20px 16px 20px 0;
}

.ticker-slider .ticker-item-wrapper .list-item p.text {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase !important;
  transition: all 0.4s;
  color: #000;
}

.ticker-slider .ticker-item-wrapper .list-item img {
  max-width: 16px;
}


.ticker-slider[data-animated='true'] {
  overflow: hidden;
}

@keyframes scrollAnimation {
  to {
    transform: translate(calc(-50%));
  }
}


.bigfont-ticker-slider .list-item {
  padding: 30px 20px 30px 0 !important;
  gap: 20px !important;
}

.bigfont-ticker-slider .list-item p {
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.2em;
  margin-bottom: 0;
  color: black;
  /* Default text color */
  -webkit-text-stroke: .5px transparent;
  /* No stroke by default */
  transition: all 0.3s ease;
}

.bigfont-ticker-slider .list-item p:hover {
  color: transparent !important;
  -webkit-text-stroke: .5px black;
  /* Add stroke on hover */
}

.bigfont-ticker-slider .list-item img {
  max-width: 24px;
}

@media (max-width:568px) {
  .bigfont-ticker-slider .list-item p {
    font-size: 24px;
  }
}



/* ------------------------------------------------------------------------------------------------------------ */


.innerhiring-section {
  padding: 80px 0 0;
  background-color: #000;
  position: relative;
}

.innerhiring-section .content-box-wrapper {
  border: 2px solid #FFFFFF1A;
  padding: 80px;
  border-radius: 20px;
  position: relative;
  margin-bottom: 40px;
}

.innerhiring-section .content-box-wrapper h2.title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.innerhiring-section .content-box-wrapper p.text {
  color: #F5F5F4;
  line-height: 1.7em;
}

.innerhiring-section .content-box-wrapper h6.subheading {
  width: fit-content;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.innerhiring-section .content-box-wrapper ul li {
  color: #F5F5F4;
  display: block;
  margin-bottom: 8px;
}

.innerhiring-section .content-box-wrapper ul li svg {
  color: #BFF747;
  margin-right: 6px;
}

.innerhiring-section .content-box-wrapper h4 {
  color: #fff;
}

.innerhiring-section .content-box-wrapper h4 a {
  color: #BFF747;
}

.innerhiring-section .content-box-wrapper .status-icon img {
  position: absolute;
  top: -10px;
  right: 20px;
  animation: swingRightLeft 2s infinite alternate;
}

@keyframes swingRightLeft {
  0% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(-10deg);
  }
}

@media (min-width:992px) and (max-width:1200px) {
  .innerhiring-section .content-box-wrapper {
    padding: 40px;
  }
}

@media (max-width:992px) {
  .innerhiring-section .content-box-wrapper {
    padding: 40px;
  }
}

@media (max-width:568px) {

  .innerhiring-section .content-box-wrapper {
    padding: 60px 20px;
  }

  .innerhiring-section .content-box-wrapper h2.title {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
  }
}


/* ------------------------------------------------------------------------------------------------------------------------------ */

.innerblog-page-wrapper {
  background-color: #000;
  position: relative;

  overflow: hidden;
}


.innerblog-page-wrapper .main-blog-img-box {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 80px;
  aspect-ratio: 1 / 0.50;
}

.innerblog-page-wrapper .main-blog-img-box img {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
}

.innerblog-page-wrapper .main-blog-img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.innerblog-page-wrapper .main-blog-img-box:hover::after {
  height: 250%;
  background-color: transparent;
  transition: all 600ms linear;
}

.innerblog-page-wrapper .main-blog-content {
  padding: 0 60px;

}

.innerblog-page-wrapper .main-blog-content h1.main-title {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.2em;
  text-align: center;
  border-bottom: 1px solid #FFFFFF1A;
  padding-bottom: 20px;
}

.innerblog-page-wrapper .main-blog-content p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 20px;
}

.innerblog-page-wrapper .main-blog-content .blockquote-box {
  margin: 30px 0;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #FFFFFF1A;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}

.innerblog-page-wrapper .main-blog-content .blockquote-box::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #1B1B1B;
  opacity: 40%;
}

.innerblog-page-wrapper .main-blog-content .blockquote-box .icon svg {
  color: #BFF747;
  font-size: 60px;
}

.innerblog-page-wrapper .main-blog-content .blockquote-box p.quote-text {
  color: #fff;
  font-size: 20px;
  line-height: 1.7em;
  margin-bottom: 0;
}

.innerblog-page-wrapper .main-blog-content h4.sub-title {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.innerblog-page-wrapper .main-blog-content ul.point-list li {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 10px;
}

.innerblog-page-wrapper .blog-hashtags {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid #FFFFFF1A;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.innerblog-page-wrapper .blog-hashtags p.text {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 20px;
}

.innerblog-page-wrapper .blog-hashtags span {
  padding: 6px 24px;
  background-color: #BFF747;
  margin-right: 10px;
  border-radius: 50px;
  color: #000;
  font-weight: 600;
}

@media (max-width:992px) {
  .innerblog-page-wrapper .main-blog-content {
    padding: 0 0;

  }

  .innerblog-page-wrapper .main-blog-content h1.main-title {
    color: #fff;
    font-size: 32px;
  }

  .innerblog-page-wrapper .main-blog-content .blockquote-box p.quote-text {
    font-size: 18px;
  }

  .innerblog-page-wrapper .main-blog-content .blockquote-box .icon svg {
    color: #BFF747;
    font-size: 40px;
  }
}


/* -------------------------------------------------------------------------------------------------------------------------- */


.inner-singlepage-content {
  position: relative;
  background-color: #000;
  padding: 80px 0 50px;
}

.inner-singlepage-content .left-page-content {
  padding-right: 40px;
}

.inner-singlepage-content .left-page-content .page-img-box {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
  width: 100%;
  height: 100%;
}

.inner-singlepage-content .left-page-content .page-img-box img {
  object-fit: cover;

  width: 100%;
  height: 100%;
}

.inner-singlepage-content .left-page-content .page-img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.inner-singlepage-content .left-page-content .page-img-box:hover::after {
  height: 250%;
  background-color: transparent;
  transition: all 600ms linear;
}

.inner-singlepage-content .left-page-content h2.title {
  color: #fff;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.inner-singlepage-content .left-page-content h2.title span {
  color: #BFF747;
  font-weight: 700;
}

.inner-singlepage-content .left-page-content p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 22px;
}

.inner-singlepage-content .left-page-content h4.sub-heading {
  position: relative;
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.2em;
  text-transform: capitalize;
  text-decoration: underline;
}

.inner-singlepage-content .left-page-content h4.sub-heading span {
  font-weight: 600;
  color: #BFF747;
}
.inner-singlepage-content .left-page-content h6{
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
}
.inner-singlepage-content .left-page-content ul.point-list li {
  margin-bottom: 10px;
  color: #F5F5F4;
  line-height: 1.7em;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.inner-singlepage-content .left-page-content ul.point-list {
  margin-bottom: 30px;
}

.inner-singlepage-content .left-page-content ul.point-list li strong {
  color: #BFF747;
}

.inner-singlepage-content .left-page-content ul.point-list li svg {
  color: #BFF747;
  margin-right: 10px;
}

.inner-singlepage-content .child-service-wrapper {
  margin-bottom: 30px;
  position: relative;
}

.inner-singlepage-content .child-service-wrapper .service-box {
  text-align: center;
  border-radius: 10px;
  border: 1px solid #FFFFFF1A;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.3s;
}

.inner-singlepage-content .child-service-wrapper .service-box:hover {
  box-shadow: rgba(136, 130, 130, 0.2) 0px 7px 29px 0px;
}

.inner-singlepage-content .child-service-wrapper .service-box::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1B1B1B;
  opacity: .3;
  position: absolute;
}

.inner-singlepage-content .child-service-wrapper .service-box a {
  display: block;
  width: 100%;
  position: relative;
  padding: 30px;
}

.inner-singlepage-content .child-service-wrapper .service-box img {
  position: relative;
}

.inner-singlepage-content .child-service-wrapper .service-box span {
  position: absolute;
  top: 10px;
  left: 30px;
  color: #fff;
  transition: all 0.4s;
}

.inner-singlepage-content .child-service-wrapper .service-box:hover span {
  transform: scale(1.8);
  color: #BFF747;
}

.inner-singlepage-content .child-service-wrapper .service-box p.link {
  color: #BFF747;
  margin-top: 14px;
  margin-bottom: 4px;
  font-weight: 600;
  letter-spacing: 1px;
}


.google-search-box {
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid #FFFFFF1A;
}

.google-search-box h4 {
  color: #fff;
  letter-spacing: 1px;
  font-size: 20px;
  margin-bottom: 16px;
}

.google-search-box .search-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.google-search-box li svg {
  color: #BFF747;
  margin-right: 6px;
  max-width: 12px;
}

.google-search-box li {
  color: #c2c2c2;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

.faq-section {
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid #FFFFFF1A;
}

.faq-section h4 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 20px;
  letter-spacing: 1px;
}

.faq-section .accordion-item {
  background: transparent;
  margin-bottom: 10px;
}

.faq-section .accordion-item .accordion-button {
  background: transparent;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  border-radius: 0 !important;
  padding: 0;
}

.faq-section .accordion-item .accordion-button:not(.collapsed) {
  color: #BFF747;
}

.faq-section .accordion-item .accordion-button::after {
  background-image: url(../img/icons/plus-white.png);
}

.faq-section .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url(../img/icons/minus-sign.png);
  transition: all 0.3s;
}

.faq-section .accordion-item .accordion-button:focus {
  box-shadow: none;
}

.inner-singlepage-content .right-page-content {
  position: relative;
  height: 100%;
}

.inner-singlepage-content .right-page-content .service-list-box {
  position: sticky;
  top: 120px;
  border-radius: 30px;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  margin-bottom: 60px;
  overflow: hidden;
}

.inner-singlepage-content .right-page-content .service-list-box::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #1B1B1B;
  opacity: 40%;
}

.inner-singlepage-content .right-page-content .service-list-box h4 {
  font-size: 22px;
  text-transform: capitalize;
  padding: 40px 30px 30px;
  border-bottom: 1px solid #FFFFFF1A;
  color: #fff;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 1px;
  text-transform: capitalize;
  position: relative;
}

.inner-singlepage-content .right-page-content .service-list-box ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 30px 40px;
}

.inner-singlepage-content .right-page-content .service-list-box ul li a {
  color: #F5F5F4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-transform: capitalize;
  border-bottom: 1px solid #FFFFFF1A;
  transition: all 0.4s;
}

.inner-singlepage-content .right-page-content .service-list-box ul li:last-child a {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.inner-singlepage-content .right-page-content .service-list-box ul li a svg {
  color: #BFF747;
  transform: rotate(-45deg);
  transition: all 0.4s;
}

.inner-singlepage-content .right-page-content .service-list-box ul li a:hover {
  color: #BFF747;
}

.inner-singlepage-content .right-page-content .service-list-box ul li a:hover svg {
  transform: rotate(0);
  color: #fff;
}

.inner-singlepage-content .right-page-content .service-list-box .refresh-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;

}


.inner-singlepage-content .right-page-content .service-list-box .refresh-btn svg {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  transition: all 0.4s;
}

.inner-singlepage-content .right-page-content .service-list-box .refresh-btn:hover svg {
  color: #BFF747;
  transform: scale(1.3) rotate(360deg);
}


@media (min-width:991px) and (max-width:1200px) {

  .inner-singlepage-content .left-page-content h2.title {
    font-size: 42px;
  }
}

@media (max-width:1200px) {
  .inner-singlepage-content .left-page-content {
    padding-right: 0;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .inner-singlepage-content .left-page-content h2.title {
    font-size: 46px;
  }
}

@media (max-width:768px) {
  .inner-singlepage-content .left-page-content .page-img-box {
    position: relative;
    border-radius: 7px;
  }

  .inner-singlepage-content .left-page-content h2.title {
    font-size: 38px;
  }
}

@media (max-width:568px) {
  .inner-singlepage-content .left-page-content .page-img-box {
    height: 200px;
  }

}

/* ----------------------------------------------------------------------------------------------------------------- */


.innercontact-page {
  padding: 80px 0;
  position: relative;
  background-color: #000;
}

.innercontact-page .page-heading-box {
  text-align: center;
}

.innercontact-page .page-heading-box h2 {
  font-size: 70px;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  font-weight: 300;
  line-height: 1.2em;
}

.innercontact-page .page-heading-box h2 span {
  color: #BFF747;
  font-weight: 800;
}

.innercontact-page .page-heading-box p.text {
  color: #F5F5F4;
  position: relative;
  line-height: 1.7em;
}


.innercontact-page .contact-form-box {
  margin-top: 60px;
  position: relative;
  padding: 60px 40px;
  border: 1px solid #FFFFFF1A;
  border-radius: 20px;
}

.innercontact-page .contact-form-box::before {
  content: "";
  inset: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1B1B1B;
  opacity: 40%;
}

.innercontact-page .contact-form-box .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}

.innercontact-page .contact-form-box .form-group label {
  width: calc(40% - 40px);
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  transition: all 0.4s;
}

.innercontact-page .contact-form-box .form-group .form-control {
  background-color: transparent;
  color: #F5F5F4;
  font-weight: 600;
  border: 1px solid #FFFFFF1A;
  transition: all 0.4s;
  padding: 20px 20px;
  border-radius: 14px;
  display: block;
}

.innercontact-page .contact-form-box .form-group:hover label {
  color: #BFF747;
}

.innercontact-page .contact-form-box .form-group .form-control::placeholder {
  color: #F5F5F4;
}

.innercontact-page .contact-form-box .form-group .form-control:focus {
  box-shadow: none;
  border-color: #BFF747;
  background-color: #BFF747;
  color: #000;

}

.innercontact-page .contact-form-box .form-group .form-control:focus::placeholder {
  color: #000;
}

.innercontact-page .contact-form-box .form-group option {
  font-weight: 600;
}

.innercontact-page .contact-form-box button {
  padding: 20px 30px;
  border-radius: 14px;
  background-color: #BFF747;
  display: block;
  margin: 80px auto 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  transition: all 0.3s;
  position: relative;
  border: none;
}

.innercontact-page .contact-form-box button svg {
  transform: rotate(-45deg);
  margin-left: 10px;
  transition: all 0.3s;
}

.innercontact-page .contact-form-box button:hover {
  background-color: #fff;
  color: #000;
}

.innercontact-page .contact-form-box button:hover svg {
  transform: rotate(0);
}

@media (max-width:992px) {
  .innercontact-page .contact-form-box .form-group label {
    width: calc(60% - 40px);
  }
}

@media (max-width:768px) {
  .innercontact-page .page-heading-box h2 {
    font-size: 42px;
  }

  .innercontact-page .contact-form-box {
    margin-top: 40px;
    padding: 40px 20px;
  }

  .innercontact-page .contact-form-box .form-group {
    display: block;
  }

  .innercontact-page .contact-form-box .form-group label {
    display: none;
  }
}



/* --------------------------------------------------------------------------------------------------------------------------------------- */

.innerbusiness-page {
  padding: 60px 0 0;
  position: relative;
  background-color: #000;
}

.innerbusiness-page .page-about-section .right-content h4 {
  font-size: 26px;
  font-weight: 600;
  color: #BFF747;

}

.innerbusiness-page .page-about-section .section-title h2 {
  margin-bottom: 30px;
}

.innerbusiness-page p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 0;
}

.innerbusiness-page .highlight-box-wrapper {
  margin: 40px 0;
}

.innerbusiness-page .highlight-box-wrapper .box-content {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #FFFFFF1A;
  margin-bottom: 30px;
}

.innerbusiness-page .highlight-box-wrapper .box-content h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.mainindustry-section {
  background: #000;
}

.industry-carousel-wrapper {
  margin-top: 60px;
}

.industry-carousel-wrapper .industry-content-box {
  border: 1px solid #FFFFFF1A;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 40px 30px;
}

.industry-carousel-wrapper .industry-content-box::before {
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #1B1B1B;
  opacity: 40%;
}


.industry-carousel-wrapper .industry-content-box .img-box {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 220px;
  margin-bottom: 20px;
}

.industry-carousel-wrapper .industry-content-box .img-box::after {
  content: "";
  position: absolute;
  width: 215%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.industry-carousel-wrapper .industry-content-box .img-box:hover::after {
  height: 250%;
  background-color: transparent;
  transition: all 600ms linear;
}


.industry-carousel-wrapper .industry-content-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.industry-carousel-wrapper .industry-content-box h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-transform: capitalize;
  color: #fff;
}

.industry-carousel-wrapper p.text {
  color: #F5F5F4;
}


/* --------------------------------------------------------------------------------------------------------------------- */

.innerservice-section {
  padding: 120px 0 0;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.innerservice-section .service-box {
  padding: 60px 40px;
  border: 1px solid #FFFFFF1A;
  border-radius: 20px;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.innerservice-section .service-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B1B1B;
  opacity: 40%;
}

.innerservice-section .service-box .icon-box img {
  max-width: 40px;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.4s;
}

.innerservice-section .service-box:hover .icon-box img {
  filter: brightness(0) invert(1);
  transform: rotateY(180deg);
}

.innerservice-section .service-box h4 a {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

.innerservice-section .service-box p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  position: relative;
}



.innerservice-section .service-box .link-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 24px;
  height: 24px;
  padding: 30px;
  border-radius: 50%;
  background-color: #BFF747;
  transform: translate(-50%, -50%) rotate(-45deg) scale(0);
  color: #000;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  transition: all 0.4s;
}

.innerservice-section .service-box:hover .link-icon svg {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

.innerservice-section .service-box .link-icon svg:hover {
  transform: translate(-50%, -50%) rotate(0) scale(1);
  background-color: #fff;

}



/* ---------------------------------------------------------------------------------------------------------------------------- */

.innerfaq-section {
  padding: 60px 0 0;
  position: relative;
  background-color: #000;

}

.innerfaq-section .main-content-wrapper {
  margin-top: 60px;
}

.innerfaq-section .main-content-wrapper .content-box {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;

}

.innerfaq-section .main-content-wrapper .content-box .icon svg {
  width: 20px;
  height: 20px;
  padding: 14px;
  border-radius: 50%;
  background-color: #BFF747;
  color: #000;
  transition: all 0.4s ease-in-out;
}

.innerfaq-section .main-content-wrapper .content-box:hover .icon svg {
  background-color: #fff;
}

.innerfaq-section .main-content-wrapper .content-box h4 {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2em;
  margin-bottom: 14px;
}

.innerfaq-section .main-content-wrapper .content-box p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 0;
}


/* --------------------------------------------------------------------------------------------------------------- */

.cta-styleone {
  background-color: #000;
  position: relative;
  padding: 40px 0 60px;
}

.cta-styleone .box-content-wrapper {
  padding: 40px;
  text-align: center;
  position: relative;
  border: 1px solid #FFFFFF1A;
  border-radius: 20px;
  overflow: hidden;
}

.cta-styleone .box-content-wrapper::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1B1B1B;
  opacity: .3;
  position: absolute;
}

.cta-styleone .box-content-wrapper h4 {
  font-size: 28px;
  position: relative;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 300;
  line-height: 1.2em;
}

.cta-styleone .box-content-wrapper h4 span {
  font-weight: 700;
  color: #BFF747;
  text-transform: capitalize;
}

.cta-styleone .box-content-wrapper p.text {
  color: #F5F5F4;
  line-height: 1.7em;
  margin-bottom: 30px;
}

.cta-styleone .box-content-wrapper p.text span {
  text-transform: lowercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #BFF747;
}



/* -------------------------------------------------------------------------------------------------------------- */

.location-wise-services{
  background-color: #000;
  padding: 120px 0 0;
  position: relative;
}
.location-wise-services .left-content{
  height: 100%;
  position: relative;
}
.location-wise-services .left-content .section-title{
  position: sticky;
  top: 120px;
}
.location-wise-services .right-content{
  padding-left: 60px;
}
.location-wise-services .city-box{
  text-align: center;
border-radius: 10px;
margin-bottom: 20px;
border: 1px solid #FFFFFF1A;

position: relative;
transition: all 0.4s;
}

.location-wise-services .city-box::before{
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1B1B1B;
  opacity: 0;
  position: absolute;
  transition: all 0.4s;
}

.location-wise-services .city-box.active::before,.location-wise-services .city-box:hover::before{
  opacity: .3;
}
.location-wise-services .city-box:hover,.location-wise-services .city-box.active{
  box-shadow: rgba(148, 148, 148, 0.2) 0px 7px 29px 0px;
}


.location-wise-services .city-box a{
  color: #fff;
  position: relative;
  display: block;
  padding: 30px 0 ;
  
}

.location-wise-services .city-box img{
  max-width: 60px;
}
.location-wise-services .city-box a p{
  margin-top: 10px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

@media (max-width:1200px){
  .location-wise-services .right-content{
  padding-left: 0;
}
}