section.topiner_header {
  height: 30rem;
  padding-top: 9.2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 0rem;
}

.inner-banner-bg {
  height: 27rem;
  background-position: top;
  top: 0;
}

/*about css start here*/


.about-section {
  position: relative;
  padding: 120px 70px 0;
}

.about-section .content-column {
  position: relative;
  margin-bottom: 40px;
}

.about-section .content-column .inner-column {
  position: relative;
  padding-top: 50px;
  padding-right: 100px;
}

.about-section .content-column .text {
  position: relative;
  color: #777777;
  font-size: 15px;
  line-height: 2em;
  margin-bottom: 15px;
}

.about-section .content-column .email {
  position: relative;
  color: #252525;
  font-weight: 700;
  margin-bottom: 50px;
}

.about-section .image-column {
  position: relative;
  margin-bottom: 50px;
}

.about-section .image-column .inner-column {
  position: relative;
  padding: 40px 40px 0px 0px;
  margin-left: 50px;
}

.about-section .image-column .inner-column:after {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  left: 40px;
  bottom: 100px;
  z-index: -1;
  border: 2px solid var(--primary-color);
}

.about-section .image-column .inner-column .image {
  position: relative;
}

.about-section .image-column .inner-column .image:before {
  position: absolute;
  content: '';
  left: -50px;
  bottom: -50px;
  width: 299px;
  height: 299px;
  /* background:url(img/pattern-2.png) no-repeat; */
}

.head_img img {
  width: 5rem;
  margin-bottom: 2rem;
}

.about-section .image-column .inner-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.about-section .image-column .inner-column .image .overlay-box {
  position: absolute;
  left: 40px;
  bottom: 48px;
}

.about-section .image-column .inner-column .image .overlay-box .year-box {
  position: relative;
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4em;
  padding-left: 125px;
}

.about-section .image-column .inner-column .image .overlay-box .year-box .number {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 110px;
  height: 110px;
  color: var(--primary-color);
  font-size: 50px;
  font-weight: 700;
  line-height: 105px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #000000;
}

.about-section .btn-style-three:before {
  position: absolute;
  content: '';
  left: 10px;
  top: 10px;
  z-index: -1;
  right: -10px;
  bottom: -10px;
  background: url(https://i.ibb.co/DKn55Qz/pattern-1.jpg) repeat;
}

.about-section .btn-style-three:hover {
  color: #ffffff;
  background: var(--primary-color);
}

.about-section .btn-style-three {
  position: relative;
  line-height: 24px;
  color: #252525;
  font-size: 15px;
  font-weight: 700;
  background: none;
  display: inline-block;
  padding: 11px 40px;
  background-color: #ffffff;
  text-transform: capitalize;
  border: 2px solid var(--primary-color);
  font-family: 'Arimo', sans-serif;
}

.sec-title2 {
  color: #fff;
}

.sec-title {
  position: relative;
  padding-bottom: 40px;
}

.sec-title .title {
  position: relative;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 700;
  padding-right: 50px;
  margin-bottom: 15px;
  display: inline-block;
  text-transform: capitalize;
}

.sec-title .title:before {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 7px;
  width: 40px;
  height: 1px;
  background-color: #bbbbbb;
}

/* Wrapper */
.wrapper {
  padding: 8rem 0 6rem 0;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1280px) {
  .wrapper {
    padding: 4rem 0 2rem 0;
  }
}

@media screen and (max-width: 736px) {
  .wrapper {
    padding: 3rem 0 1rem 0;
  }
}

@media screen and (max-width: 480px) {
  .wrapper {
    padding: 2rem 0 0.1rem 0;
  }
}

.inner {
  margin: 0 auto;
  width: 75rem;
  max-width: calc(100% - 6rem);
}

header.special {
  text-align: center;
  margin-bottom: 4rem;
}

header.special p {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

/* Highlights */
.highlights {
  width: 100%;
  margin: 2.5rem 0;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-align-items: -moz-stretch;
  -webkit-align-items: -webkit-stretch;
  -ms-align-items: -ms-stretch;
  align-items: stretch;
}

.highlights>* {
  -moz-flex-shrink: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  -moz-flex-grow: 0;
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}

.highlights>* {
  width: 33.3333333333%;
}

.highlights>* {
  padding: 1.5rem;
  width: calc(33.3333333333% + 1rem);
}

.highlights> :nth-child(-n + 3) {
  padding-top: 0;
}

.highlights> :nth-last-child(-n + 3) {
  padding-bottom: 0;
}

.highlights> :nth-child(3n + 1) {
  padding-left: 0;
}

.highlights> :nth-child(3n) {
  padding-right: 0;
}

.highlights> :nth-child(3n + 1),
.highlights> :nth-child(3n) {
  width: calc(33.3333333333% + -0.5rem);
}

.highlights .content {
  border-radius: 4px;
  height: 100%;
  padding: 3rem;
  text-align: center;
}

.highlights .content .icon {
  font-size: 5rem;
}

.highlights>div> :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 980px) {
  .highlights>* {
    width: 50%;
  }

  .highlights>* {
    padding: 1rem;
    width: calc(33.3333333333% + 0.6666666667rem);
  }

  .highlights> :nth-child(-n + 3) {
    padding-top: 1rem;
  }

  .highlights> :nth-last-child(-n + 3) {
    padding-bottom: 1rem;
  }

  .highlights> :nth-child(3n + 1) {
    padding-left: 1rem;
  }

  .highlights> :nth-child(3n) {
    padding-right: 1rem;
  }

  .highlights> :nth-child(3n + 1),
  .highlights> :nth-child(3n) {
    padding: 1rem;
    width: calc(50% + 1rem);
  }

  .highlights>* {
    padding: 1rem;
    width: calc(50% + 1rem);
  }

  .highlights> :nth-child(-n + 2) {
    padding-top: 0;
  }

  .highlights> :nth-last-child(-n + 2) {
    padding-bottom: 0;
  }

  .highlights> :nth-child(2n + 1) {
    padding-left: 0;
  }

  .highlights> :nth-child(2n) {
    padding-right: 0;
  }

  .highlights> :nth-child(2n + 1),
  .highlights> :nth-child(2n) {
    width: calc(50% + 0rem);
  }

  .highlights .content {
    padding: 2rem;
  }
}

@media screen and (max-width: 736px) {
  .highlights>* {
    width: 100%;
  }

  .highlights>* {
    padding: 1rem;
    width: calc(33.3333333333% + 0.6666666667rem);
  }

  .highlights> :nth-child(-n + 3) {
    padding-top: 1rem;
  }

  .highlights> :nth-last-child(-n + 3) {
    padding-bottom: 1rem;
  }

  .highlights> :nth-child(3n + 1) {
    padding-left: 1rem;
  }

  .highlights> :nth-child(3n) {
    padding-right: 1rem;
  }

  .highlights> :nth-child(3n + 1),
  .highlights> :nth-child(3n) {
    padding: 1rem;
    width: calc(100% + 2rem);
  }

  .highlights>* {
    padding: 1rem;
    width: calc(50% + 1rem);
  }

  .highlights> :nth-child(-n + 2) {
    padding-top: 1rem;
  }

  .highlights> :nth-last-child(-n + 2) {
    padding-bottom: 1rem;
  }

  .highlights> :nth-child(2n + 1) {
    padding-left: 1rem;
  }

  .highlights> :nth-child(2n) {
    padding-right: 1rem;
  }

  .highlights> :nth-child(2n + 1),
  .highlights> :nth-child(2n) {
    padding: 1rem;
    width: calc(100% + 2rem);
  }

  .highlights>* {
    padding: 1rem;
    width: calc(100% + 2rem);
  }

  .highlights> :nth-child(-n + 1) {
    padding-top: 0;
  }

  .highlights> :nth-last-child(-n + 1) {
    padding-bottom: 0;
  }

  .highlights> :nth-child(1n + 1) {
    padding-left: 0;
  }

  .highlights> :nth-child(1n) {
    padding-right: 0;
  }

  .highlights> :nth-child(1n + 1),
  .highlights> :nth-child(1n) {
    width: calc(100% + 1rem);
  }
}

.highlights .content {
  background: #ffffff;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025);
}

.icon>.label {
  display: none;
}

/* CTA */
#cta {
  background-color: #00000069;
  color: rgba(255, 255, 255, 0.75);
  background-attachment: fixed;
  background-image: linear-gradient(rgb(0 0 0 / 74%), rgb(0 0 0 / 69%)), url(../images/bread-bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  z-index: 1;
}

#cta input,
#cta select,
#cta textarea {
  color: #ffffff;
}

#cta a {
  color: #ffffff;
}

#cta strong,
#cta b {
  color: #ffffff;
}

#cta h1,
#cta h2,
#cta h3,
#cta h4,
#cta h5,
#cta h6 {
  color: #ffffff;
}

#cta blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
}

#cta code {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

#cta hr {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}

#cta input[type="submit"],
#cta input[type="reset"],
#cta input[type="button"],
#cta button,
#cta .button {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #ffffff;
  color: #ffffff !important;
}

#cta input[type="submit"]:hover,
#cta input[type="reset"]:hover,
#cta input[type="button"]:hover,
#cta button:hover,
#cta .button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

#cta input[type="submit"]:hover:active,
#cta input[type="reset"]:hover:active,
#cta input[type="button"]:hover:active,
#cta button:hover:active,
#cta .button:hover:active {
  background-color: rgba(255, 255, 255, 0.25);
}

#cta input[type="submit"].primary,
#cta input[type="reset"].primary,
#cta input[type="button"].primary,
#cta button.primary,
#cta .button.primary {
  box-shadow: none;
  background-color: #ffffff;
  color: #ce1b28 !important;
}

#cta input[type="submit"].primary:hover,
#cta input[type="reset"].primary:hover,
#cta input[type="button"].primary:hover,
#cta button.primary:hover,
#cta .button.primary:hover {
  background-color: rgba(255, 255, 255, 0.875);
  box-shadow: none;
}

#cta input[type="submit"].primary:hover:active,
#cta input[type="reset"].primary:hover:active,
#cta input[type="button"].primary:hover:active,
#cta button.primary:hover:active,
#cta .button.primary:hover:active {
  background-color: rgba(255, 255, 255, 0.5);
}

#cta label {
  color: #ffffff;
}

#cta input[type="text"],
#cta input[type="password"],
#cta input[type="email"],
#cta input[type="tel"],
#cta input[type="search"],
#cta input[type="url"],
#cta select,
#cta textarea {
  background-color: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

#cta input[type="text"]:focus,
#cta input[type="password"]:focus,
#cta input[type="email"]:focus,
#cta input[type="tel"]:focus,
#cta input[type="search"]:focus,
#cta input[type="url"]:focus,
#cta select:focus,
#cta textarea:focus {
  border-color: #ffffff;
  box-shadow: 0 0 0 1px #ffffff;
}

#cta select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
}

#cta select option {
  color: rgba(255, 255, 255, 0.75);
  background-color: #ce1b28;
}

#cta input[type="checkbox"]+label,
#cta input[type="radio"]+label {
  color: rgba(255, 255, 255, 0.75);
}

#cta input[type="checkbox"]+label:before,
#cta input[type="radio"]+label:before {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 255, 255, 0.25);
}

#cta input[type="checkbox"]:checked+label:before,
#cta input[type="radio"]:checked+label:before {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ce1b28;
}

#cta input[type="checkbox"]:focus+label:before,
#cta input[type="radio"]:focus+label:before {
  border-color: #ffffff;
  box-shadow: 0 0 0 1px #ffffff;
}

#cta ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#cta :-moz-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#cta ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#cta :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

#cta ul.alt li {
  border-top-color: rgba(255, 255, 255, 0.25);
}

#cta table tbody tr {
  border-color: rgba(255, 255, 255, 0.25);
}

#cta table tbody tr:nth-child(2n + 1) {
  background-color: rgba(255, 255, 255, 0.075);
}

#cta table th {
  color: #ffffff;
}

#cta table thead {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}

#cta table tfoot {
  border-top-color: rgba(255, 255, 255, 0.25);
}

#cta table.alt tbody tr td {
  border-color: rgba(255, 255, 255, 0.25);
}

#cta .highlights .content {
  background: #ce1b28;
  box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025);
}

#cta .testimonials .content {
  background: #ce1b28;
  box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025);
}

#cta .testimonials .content .credit strong {
  color: #ce1b28;
}

#cta .inner {
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 980px) {
  #cta {
    background-attachment: scroll;
  }
}

.copyright {
  border-top: 1px solid;
  font-size: 0.8rem;
  padding: 2rem 0;
  text-align: center;
  background-color: #111111;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

.copyright a {
  text-decoration: none;
}

body:before {
  content: ' ';
  background-image: url(../images/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.05;
}

.special {
  text-align: center;
  padding-inline: 15rem;
}

.special h2 {
  margin-bottom: 1.5rem;
}

.special p {
  margin-bottom: 4rem;
}

.highlights .content:hover {
  background: var(--primary-color);
  color: #fff;
}

.highlights .content:hover img {
  filter: invert(1)
}

.head_img h3 {
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.other_text h3 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 1rem 0 0;
}

.other_text h3 em {
  font-size: 6rem;
  display: inline-block;
  margin-inline: 1rem;
  margin-bottom: 0;
}

.other_text {
  text-align: center;
  background: #ffffffba;
  padding: 6rem;
}

section.ideas-about .row {
  padding-inline: 18rem;
  margin-top: 5rem;
}

section.ideas-about img {
  height: 392px;
  object-fit: cover;
}

section.ideas-about {
  padding: 8rem 0;
}

.v-text h3 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.v-text p {
  font-size: 1.2rem;
}

.v-text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

section.ideas-about .col-md-6:nth-child(4) {
  padding-inline: 5rem;
}

.img-hov {
  overflow: hidden;
}

.img-hov img {
  transform: scale(1);
  transition: .4s all ease;
}

.img-hov:hover img {
  transform: scale(1.1);
  transition: .4s all ease;
}

/*service wrapper */

section.wrapper.servive_wrapper {
  padding-top: 0;
}

.content a {
  color: #000;
}

.content:hover a {
  color: #fff;
}

section.about-section.service_Section .sec-title.text-center {
  padding-bottom: 0;
}

section.service_work_start {
  overflow: hidden;
  padding: 7rem 0 0;
}

section.service_work_start .container {
  max-width: 1200px;
  margin: auto;
}

section.service_work_start .inner {
  overflow: hidden;
}

section.about-section.service_Section {
  padding-top: 50px;
}

section.about-section.service_Section .sec-title .title:before {
  display: none;
}

section.about-section.service_Section .sec-title .title {
  padding: 0;
}

section.about-section.service_Section .content-column .inner-column {
  padding-right: 0;
}


.header-section h2.title {
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 2rem;
}

.header-section h2.title::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.header-section h2.title::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #4b8db9;
  bottom: 0;
  left: calc(50% - 20px);
}

.swiper-container1.abt-slide1 {
  padding-bottom: 8rem;
  padding-top: 4rem;
}

.swiper-img {
  text-align: center;
}


/* Testimonials Section
--------------------------------*/
#testimonials {
  padding: 90px 0 100px;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

#testimonials .testimonials-carousel,
#testimonials .testimonials-slider {
  overflow: hidden;
}

#testimonials .testimonial-item {
  text-align: center;
}

#testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto 1rem;
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #fff;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #fff;
  margin: 0 0 15px 0;
}

#testimonials .testimonial-item .quote-sign-left {
  margin-top: -15px;
  padding-right: 10px;
  display: inline-block;
  width: 37px;
  mix-blend-mode: luminosity;
}

#testimonials .testimonial-item .quote-sign-right {
  margin-bottom: -15px;
  padding-left: 10px;
  display: inline-block;
  max-width: 100%;
  width: 37px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }
}

#testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

#testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #18d26e;
}

#testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #18d26e;
}

.swiper-container2.abt-slide2 {
  overflow: hidden;
  margin-top: 3rem;
}

section#testimonials {
  background-color: #00000069;
  color: rgba(255, 255, 255, 0.75);
  background-attachment: fixed;
  background-image: linear-gradient(rgb(0 0 0 / 74%), rgb(0 0 0 / 69%)), url(../images/bread-bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  z-index: 1;
  color: #fff;
}



/* Facts Section
--------------------------------*/
#facts {
  background: #000 url("../images/facts-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 5rem 0;
  position: relative;
  text-align: center;
}

#facts::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(255 255 255 / 88%);
  z-index: 9;
  height: 100%;
}

#facts .container {
  position: relative;
  z-index: 10;
}

#facts .counters {
  margin-top: 3rem;
}

#facts .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 60px;
  display: block;
  color: #4b8db9;
}

#facts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #111;
}

#facts .facts-img {
  text-align: center;
  padding-top: 30px;
}

.t2 {
  margin-top: 1.5rem;
}

/*service faq css*/


.accordion {
  max-width: 80%;
  margin: 5rem auto 5rem;
  border-top: 1px solid #d9e5e8;
}

.accordion li {
  border-bottom: 1px solid #d9e5e8;
  position: relative;
}

.accordion li p {
  display: none;
  padding: 10px 0px 30px;
  color: #333;
}

.accordion a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  line-height: 3;
  font-size: 14px;
  font-size: 1.875rem;
  user-select: none;
  color: #000;
}

.accordion a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #4a6e78;
  border-bottom: 1px solid #4a6e78;
  position: absolute;
  right: 10px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordion p {
  font-size: 13px;
  font-size: 1.2rem;
  line-height: 2;
  padding: 10px;
}

.accordion a.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

section.service_faq {
  background: #fff;
  padding: 5rem 0;
}


/*portfolio css*/


.all_project {
  width: 100%;
  height: auto;
  background: var(--graycolor);
  padding: 7.2rem 0 10rem;
}

.all_project .filture_nave ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 5rem;
}

.all_project .filture_nave ul li {
  font: var(--font24);
  letter-spacing: 1.92px;
  text-transform: uppercase;
  justify-content: space-between;
  padding-bottom: 1rem;
  margin: 0 3rem;
  color: #848484;
  cursor: pointer;
}

.all_project .filture_nave ul .active {
  border-bottom: .1rem solid var(--black);
  color: var(--black);
}

/*--grid-css--*/
.all_project .grid_item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4rem;
}

.all_project .grid_item .item_box {
  margin: 2rem;
  overflow: hidden;
  width: 30%;
}

.all_project .grid_item .item_box figure {
  width: 100%;
  /* height:40rem; */
}

/* .all_project .grid_item .item_box figure a{display: block;height: 100%;width: 100%;} */
.all_project .grid_item .item_box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .all_project .grid_item .item_box .overlay,.all_project .grid_item .item_box .overlay2,.all_project .grid_item .item_box .overlay3{
    position: relative;
}
.all_project .grid_item .item_box .overlay::before,.all_project .grid_item .item_box .overlay2::before,.all_project .grid_item .item_box .overlay3::before{
    position:absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    bottom: 0;
    background: rgb(220 53 69 / 94%);
} */
.all_project .grid_item .item_box {
  position: relative;
}

.all_project .grid_item .item_box .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0 123 255 / 94%);
  overflow: hidden;
  width: 100%;
  transform: translateX(-101%);
  height: 100%;
  transition: .5s ease;
}

.all_project .grid_item .item_box .box_content {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  flex-direction: column;
  padding: 2rem;
}

.all_project .grid_item .item_box:hover .overlay {
  transform: translateX(0);
}

/* .all_project .grid_item .item_box .overlay2::before{
    background:rgb(0 123 255 / 94%);
}
.all_project .grid_item .item_box .overlay3::before{
    background:rgb(255 193 7 / 94%);
} */

/* .all_project .grid_item .item_box .box_content{
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    z-index: 1;
} */
.all_project .grid_item .item_box .box_content .tittle {
  font: 600 1.6rem/2rem var(--fontPoppins);
  color: var(--colorwhite);
}

.all_project .grid_item .item_box .box_content {
  max-width: 100%;
  margin: auto;
}

.all_project .grid_item .item_box .box_content h5 {
  font: 500 2rem/2.8rem var(--fontPoppins);
  color: var(--colorwhite);
  padding: 1rem 0;
  border-bottom: .1rem solid;
}

.all_project .grid_item .item_box .box_content p {
  font: normal 2rem/3rem var(--fontPoppins);
  color: var(--colorwhite);
  padding: 1rem 0;
}

.all_project .grid_item .item_box .overlay3 .box_content p,
.all_project .grid_item .item_box .overlay3 .box_content h5,
.all_project .grid_item .item_box .overlay3 .box_content .tittle {
  color: var(--black);
}

/*--Project-css-start-16-05-2023--*/
.all_project .hide {
  /* You can play with the seconds to change the "animation" */
  animation: hide .3s ease 0s 1 normal forwards;
  transform-origin: center;
}

.all_project .show {
  /* You can play with the seconds to change the "animation" */
  animation: show .3s ease 0s 1 normal forwards;
  transform-origin: center;
}

@keyframes hide {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
}

@keyframes show {
  0% {
    transform: scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }

  100% {
    transform: scale(1);
  }
}

.project_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.project_grid a {
  position: relative;
  overflow: hidden;
  width: 31%;
  margin: .8%;
}

.project_grid a figure {
  width: 100%;
  height: 30rem;
  overflow: hidden;
}

.project_grid a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project_grid a .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  transition: .5s ease;
}

.project_grid a:hover .overlay {
  transform: translateX(0);
}

.project_grid a .box_content .tittle {
  font: 600 1.6rem/2rem var(--fontPoppins);
  color: var(--black);
  width: 100%;
}

.project_grid a .box_content {
  max-width: 100%;
  margin: auto;
}

.project_grid a .box_content h5 {
  font: 500 2rem/2.8rem var(--fontPoppins);
  color: var(--black);
  padding: 1rem 0;
  border-bottom: .1rem solid;
  width: 100%;
  min-height: 8rem;
}

.project_grid a .box_content p {
  font: normal 2rem/3rem var(--fontPoppins);
  color: var(--black);
  padding: 1rem 0;
}

/*--Project-css-end--*/



section.digital-panel {
    padding-block: 17rem 0;
}

.placement_right {
    position: relative;
    padding-inline: 5.2rem 3.2rem;
    padding-block: 0rem 3.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
}

.placement_right h2 {
    margin-bottom: 5rem;
}

.placement_right blockquote {
    font-size: 1.4rem;
    font-weight: 300;
    margin: 1rem 0;
}

.placement_right p {
    font-weight: 400;
    margin-bottom: 2rem;
}

.digital-box-bg {
    background: #fff;
    padding: 3rem;
    height: 100%;
}

.digital-box-bg h3 {
    margin-bottom: 2rem;
    min-height: 50px;
}

section.digital-pnel2 {
    padding-block: 0 5rem;
}
section.digital-pnel3 figure img {
    height: 525px;
    object-fit: cover;
}



.place_support_left ul {
    margin-bottom: 0;
}

.place_support_left ul>li {
    font: var(--text-18);
    font-weight: 300;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.place_support_left ul>li:last-child {
    margin-bottom: 0;
}

.place_support_left ul>li::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    width: 11px;
    height: 9px;
    background: url(../images/check.webp) no-repeat center / contain;
}
section.digital-pnel3 h5 {
    margin-bottom: 3rem;
}

section.digital-pnel3 {
    margin-bottom: 5rem;
}
section.digital-pnel4 img {
    height: 394px;
    object-fit: cover;
}

section.digital-pnel4{padding-block:0 5rem}


section.digital-pnel4 .placement_right {
    position: relative;
    padding-inline: 0.2rem 7.2rem;
    padding-block: 0rem 3.9rem;
}
section.wrapper.servive_wrapper.btn-full blockquote {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}



section.wrapper.servive_wrapper.btn-full button {
    margin-bottom: 1rem;
}

@media(max-width:990px){
    .sec-title .title:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 7px;
    width: 40px;
    height: 1px;
    background-color: #bbbbbb;
}
}