/* header css  */

.site__header--full.elementor-sticky--effects {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

/* =============================================================== */

.slider-box .slider-box__card-item {
  position: relative;
}

.slider-box .slider-box__card-item::after {
  content: "";
  width: 100%;
  height: 2px;
  font-weight: 900;
  background-color: #a8a8a8;
  position: absolute;
  top: 7px;
  left: 5px;
}

.slider-box .slider-box__card-item::after {
  content: "";
  width: 100%;
  height: 2px;
  font-weight: 900;
  background-color: #a8a8a8;
  position: absolute;
  top: 7px;
  left: 5px;
}

.slider-box .slider-box__card-one .slick-slide:last-child .slider-box__card-item::after {
  content: "";
  width: 0;
}

.slider-box .slider-box__card-item::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 900;
  background-color: #a8a8a8;
  position: absolute;
  top: 0px;
}

.slider-box .slick-prev,
.slider-box .slick-next {
  width: 35px;
  height: 35px;
  position: absolute;
  border: 1px solid gray !important;
  border-radius: 50%;
  padding: 15px;
  font-size: 0px;
  transition: all 0.6s ease-in-out;
}

.slider-box {
  overflow: hidden;
}

.slider-box .slick-prev {
  left: -130px;
}

.slider-box .slick-next {
  left: -80px;
}

.slider-box .slick-prev:hover,
.slider-box .slick-next:hover,
.slider-box .slick-prev:focus,
.slider-box .slick-next:focus {
  background-color: transparent;
  /* border: none; */
}

.slider-box .slick-prev:hover,
.slider-box .slick-next:hover {
  border-radius: 50%;
  padding: 15px;
}

.slider-box .slick-prev:before,
.slider-box .slick-next::before {
  font-size: 20px;
  position: absolute;
  /* color: #3858e9; */
  color: #ffffff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s ease-in-out;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.slider-box .slick-next::before {
  /* content: "\f101"; */
  content: "\f105";
}

.slider-box .slick-prev:before {
  /* content: "\f100"; */
  content: "\f104";
}

.slider-box .slider-box__card-one .slider-box__item-text {
  transition: all 0.6s ease-in-out;
}

/* =============================================================== */

/* animation text */

.slider-box .slider-box__card-one .slick-current .slider-box__item-text {
  color: #ffffff;
  font-size: 40px;
  line-height: 46px;
  font-weight: 500;
  padding-top: 10px;
  transition: all 0.6s ease-in-out;
}

/* ======================================================================= */

.slider-box .slider-box__card-one .slick-current .slider-box__card-item::before {
  /* background: #3858e9; */
  background: #ffffff;
  z-index: 1;
  transition: all 0.6s ease-in-out;
}

.slider-box .slider-box__card-one .slick-list {
  overflow: visible;
  width: 100%;
}

.slider-box .slider-box__card-two .slider-box__card-content {
  max-width: 60%;
}

/* table of content css  */
.post-content-section .post-content {
  transition: top 0.4s ease, position 0.3s ease;
}

/* WooCommerce Site Development Services  */

.woocommerce__main-box .woocommerce__heading-box .woocommerce__heading {
  /* word-wrap: break-word; */
  word-break: break-word;
}

/* Our Journey section */

.our-year-title p,
.our-journey-mobile-section .our-journey-mobile__box .our-journey-mobile__year {
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1px #fff !important;
}

.our-year-title {
  position: sticky;
  top: 45%;
  transition: all 0.3s ease-in-out;
}

.our-content-container .our-content .our-timeline__heading h2,
.our-content-container .our-content .our-timeline__text p,
.our-content-container .our-content .our-timeline__text ul li {
  transition: all 0.3s ease-in-out;
}

/* Our Journey mobile section */
.our-journey-mobile-section .our-journey-mobile__box:last-child {
  border: none;
}

/* our process mobile section */

.process-section .process-box {
  position: relative;
}

.process-section .process-box::before {
  content: "";
  width: 2px;
  height: 100%;
  top: 3px;
  left: -35px;
  background-color: #fff;
}

.process-section .process-box:last-child::before {
  content: none;
}

.process-section .process-count {
  counter-reset: list-counter;
}

.process-section .process-box::after {
  content: counter(list-counter);
  counter-increment: list-counter;
  background-color: #868686;
  color: #fff;
  width: 35px;
  height: 35px;
  font-size: 22px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: -52px;
}

/* Pre-Built Plugins vs. Custom Plugins section  */
.plugins-section ul {
  padding-left: 1rem;
}

/* all post css  */
.post-content-card h2 {
  font: 700 35px/42px Marcellus;
  letter-spacing: -1.2px;
}

.post-content-card h3 {
  font: 400 24px/32px Marcellus;
  letter-spacing: -1.2px;
}

.post-content-card p {
  font: 400 16px/27px outfit;
}

.post-content-card u {
  text-decoration: none;
}

.post-content-card p a,
.post-content-card ul li a,
.post-content-card ol li a , 
.site-link-blue {
  text-decoration: none !important;
  color: #3858e9 !important;
}

.post-content-card p a:hover,
.post-content-card ul li a:hover,
.post-content-card ol li a:hover,
.site-link-blue:hover {
  color: #3858e9b0 !important;
}

/* Guides and blog post title a tag css */
.loop-box-item .post-title a {
  display: inline-block;
}


/* page:-test hire  section name :- Experience with Themes */
.experience-box .experience-card__item .experience-card__item-heading {
  word-wrap: break-word;
}

@media (max-width: 1280px) {
  .slider-box .slider-box__card-two .slider-box__card-content {
    max-width: 100%;
  }
}

@media (max-width: 1024px) {

  /* all post css  */
  .post-content-card h2 {
    font: 700 30px/36px Marcellus;
  }

  .post-content-card h3 {
    font: 400 22px/30px Marcellus;
  }
}

@media (max-width: 991px) {
  /* header css  */

  .site__header--full .site__header--logo-box {
    max-width: 200px;
    width: 100%;
  }

  .site__header--full .site__header--box {
    max-width: 33px;
    width: 100%;
  }

  .site__header--full .site__header--btn-box {
    width: auto;
  }

  .site__header--full .header-menu__item .sub-arrow svg {
    fill: #ffffff;
  }

  .site__header--full .header-menu__item a:hover .sub-arrow svg {
    fill: #3858e9 !important;
  }

  /* ===================================================================== */
  .slider-box .slick-prev {
    left: 0px;
    top: auto;
    bottom: -55px;
  }

  .slider-box .slick-next {
    right: 0px;
    top: auto;
    left: auto;
    bottom: -55px;
  }
}

@media (max-width: 768px) {

  /* header css  */
  .site__header--full .site__header--logo-box {
    max-width: 120px;
    width: 100%;
  }

  /* ==================================================================== */
  .slider-box .slider-box__card-one .slick-current .slider-box__item-text {
    font-size: 30px;
    line-height: 36px;
    padding-top: 10px;
  }
}