@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);html {
  font-size: 62.5%;
}

@media screen and (max-width: 1366px) {
  html {
    font-size: 60%;
  }
}

* {
  text-decoration: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Varela Round", sans-serif;
  list-style: none;

}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #fff;
  
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.globalContainer,
.footer-section-wrapper .footer-inner,
.clientdetail--inner,
.profile,
.mini-slider-section .mini-parentslider,
.introduction-section-wrapper .introduction-inner .section-heading-wrp,
.introduction-section-wrapper,
.solution-cards-wrapper,
.career--inner,
.client,
.certi,
.section.section__six .container,
.extend-global .text-bg .inner {
  width: 80%;
  margin: 0 auto;
  max-width: 1599px;
}

@media screen and (max-width: 1366px) {
  .globalContainer,
  .footer-section-wrapper .footer-inner,
  .clientdetail--inner,
  .profile,
  .mini-slider-section .mini-parentslider,
  .introduction-section-wrapper .introduction-inner .section-heading-wrp,
  .introduction-section-wrapper,
  .solution-cards-wrapper,
  .career--inner,
  .client,
  .certi,
  .section.section__six .container,
  .extend-global .text-bg .inner {
    width: 95%;
    max-width: 1199px;
  }
}

.input-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.input-box .input-box-wrp {
  padding: 0.5rem;
  margin-left: 1rem;
}

.btn-link-gb {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  background: white;
  padding: 0.8rem 1.4rem;
  text-transform: uppercase;
  transition: all 0.4s ease;
  margin-right: 2rem;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 550px) {
  .btn-link-gb {
    font-size: 1.2rem;
  }
}

.btn-link-gb:hover {
  background: #ffb600;
  color: rgba(0, 0, 0, 0.8);
}

.extend-global {
  position: relative;
  height: 50rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 1366px) {
  .extend-global {
    height: 30rem;
  }
}

.extend-global img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.extend-global .text-bg {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.4);
}

.extend-global .text-bg .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 7rem 0;
  font-size: 5rem;
  font-weight: 800;
  color: #ffb600;
}

@media screen and (max-width: 1366px) {
  .extend-global .text-bg .inner {
    font-size: 4rem;
  }
}

@media screen and (max-width: 1024px) {
  .extend-global .text-bg .inner {
    font-size: 3.2rem;
  }
}

.head {
  font-size: 4.5rem;
  position: relative;
  margin-bottom: 2rem;
  font-family: "Times New Roman", Times, serif;
  color: black;
  font-weight: 100;
  text-transform: capitalize;
}

@media screen and (max-width: 768px) {
  .head {
    font-size: 3rem;
    padding: 1rem 0;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 425px) {
  .head {
    font-size: 2.5rem;
  }
}

.head.yelow {
  padding: initial;
}

.head.sub {
  font-size: 1.6rem;
  font-family: "Varela Round", sans-serif;
}

@media screen and (max-width: 1024px) {
  .head.sub {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .head.sub {
    font-size: 1.6rem;
  }
}

.section-heading {
  font-size: 3rem;
  font-weight: lighter;
  color: #000;
  margin-bottom: 3rem;
  text-transform: capitalize;
  font-family: "Times New Roman", Times, serif;
}

@media screen and (max-width: 1024px) {
  .section-heading {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 768px) {
  .section-heading {
    font-size: 2.5rem;
  }
}

.section-heading.about {
  color: #000;
  padding: 0.5rem 1rem;
  background-color: #ffb600;
}

.nav-bar-wrapper {
  display: flex;
}

.nav-bar-wrapper .nav-bar-list {
  display: flex;
  margin-right: 3.5rem;
}

.nav-bar-wrapper .nav-bar-list .nav-links {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  align-self: flex-end;
}

.nav-bar-wrapper .nav-bar-list .nav-links img {
  width: initial;
  height: initial;
  margin-right: 1rem;
}

.nav-bar-wrapper .nav-bar-list .nav-links .spanclk {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 2px;
}

.nav-bar-wrapper .nav-bar-list:last-child {
  margin-right: initial;
}

.footer-heading {
  color: #fff;
  font-size: 1.8rem;
  text-transform: uppercase;
  position: relative;
  width: 50%;
  margin-bottom: 3rem;
}

.footer-heading:hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 2.5rem;
  background: #969696;
  transition: all 0.4s ease-in-out;
}

.section.section__six {
  background: #ffb600;
  padding: 2rem 0;
  margin-bottom: 5rem;
}

.section.section__six .container {
  position: relative;
}

.section.section__six .container .main-heading {
  font-size: 4.5rem;
  position: relative;
  padding: 3rem 0;
  margin-bottom: 2rem;
  font-family: "Times New Roman", Times, serif;
  color: #000;
  font-weight: 100;
}

@media screen and (max-width: 1024px) {
  .section.section__six .container .main-heading {
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .section.section__six .container .main-heading {
    font-size: 2.5rem;
  }
}

.section.section__six .container.testimonials-icons-wrapper {
  position: relative;
  margin-bottom: 5rem;
}

.section.section__six .container.testimonials-icons-wrapper .quote {
  font-size: 15rem;
  color: rgba(0, 0, 0, 0.23);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 1024px) {
  .section.section__six .container.testimonials-icons-wrapper .quote {
    font-size: 11rem;
  }
}

.section.section__six .container.testimonials-icons-wrapper .quote i {
  font-size: inherit;
}

.section.section__six .container.testimonials-icons-wrapper .quote.\--right {
  right: 0;
  top: 0;
}

@media screen and (max-width: 550px) {
  .section.section__six .container.testimonials-icons-wrapper .quote.\--right {
    display: none;
  }
}

.section.section__six .container.testimonials-icons-wrapper .quote.\--left {
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 550px) {
  .section.section__six .container.testimonials-icons-wrapper .quote.\--left {
    display: none;
  }
}

.section.section__six .container.testimonials-icons-wrapper .testimonials-wrapper {
  max-width: 62rem;
  margin: 0 auto;
}

.section.section__six .container.testimonials-icons-wrapper .testimonials-wrapper .testimonial-card {
  margin-bottom: 4rem;
  padding: 4rem 1rem;
}

.section.section__six .container.testimonials-icons-wrapper .testimonials-wrapper .testimonial-card .content-part {
  font-size: 1.8rem;
  color: #000;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .section.section__six .container.testimonials-icons-wrapper .testimonials-wrapper .testimonial-card .content-part {
    font-size: 1.6rem;
  }
}

.section.section__six .container.testimonials-icons-wrapper .testimonials-wrapper .testimonial-card .content-part p {
  line-height: 1.4;
  margin-bottom: 1rem;
  color: black;
}

.section.section__six .container.testimonials-icons-wrapper .testimonials-wrapper .testimonial-card .user-data {
  text-align: right;
}

.section.section__six .container.testimonials-icons-wrapper .testimonials-wrapper .testimonial-card .user-data .name {
  font-size: 2rem;
  display: inline-block;
  margin-bottom: 1rem;
  color: #000;
}

.section.section__six .container.testimonials-icons-wrapper .testimonials-wrapper .testimonial-card .user-data .place {
  color: #000;
  display: inline-block;
  font-size: 1.4rem;
}

.section.section__six .container.testimonials-icons-wrapper .make-btn-center {
  text-align: center;
  margin-top: 3rem;
}

.section.section__six .container.testimonials-icons-wrapper .make-btn-center .about-clk {
  font-size: 1.2rem;
  color: #fff;
  background: #000;
  border: 0.5px solid #969696;
  padding: 1.2rem 2rem;
}

.section.section__six .container.testimonials-icons-wrapper .make-btn-center .about-clk:hover {
  color: #000;
  background: #fff;
}

.profile {
  margin-bottom: 5rem;
  margin-top: 5rem;
  overflow: hidden;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  padding: 4rem;
}

.profile--inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  grid-gap: 1rem;
  height: 100%;
  padding: 6rem 0;
  justify-items: center;
}

@media screen and (max-width: 550px) {
  .profile--inner {
    padding: 0rem 0;
  }
}

.profile--inner .txt-wraper {
  width: 100%;
}

.profile--inner .txt-wraper.grid-infogrpx {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  grid-gap: 5rem;
  justify-items: center;
}

@media screen and (max-width: 1366px) {
  .profile--inner .txt-wraper.grid-infogrpx {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    grid-gap: 1rem;
  }
}

@media screen and (max-width: 1024px) {
  .profile--inner .txt-wraper.grid-infogrpx {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(34rem, 1fr));
    grid-gap: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .profile--inner .txt-wraper.grid-infogrpx {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
    grid-gap: 1rem;
  }
}

.profile--inner .txt-wraper.indx {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  grid-gap: 5rem;
  justify-items: center;
}

.profile--inner .txt-wraper .infografic-card {
  background: white;
  height: 100%;
  padding: 2rem;
  border-radius: 10px;
  text-align: center;
  min-height: 26rem;
}

.profile--inner .txt-wraper .infografic-card span {
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.profile--inner .txt-wraper .infografic-card span img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.profile--inner .txt-wraper .infografic-card h2 {
  font-size: 3rem;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 1rem;
  background: white;
  color: black;
  padding: 2rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: -3px 8px 15px rgba(0, 0, 0, 0.2);
  max-width: 18rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.profile--inner .txt-wraper .infografic-card p {
  font-size: 1.6rem;
  line-height: 1.4;
}

.profile--inner .txt-wraper .infografic-card.abut {
  min-height: 41rem;
}

.profile--inner .txt-wraper .content-prof {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  line-height: 1.4;
}

.profile--inner .txt-wraper .content-prof .hd {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bolder;
}

.profile--inner .txt-wraper .listing-wrp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  grid-gap: 1rem;
}

.profile--inner .txt-wraper .listing-wrp .list-hd {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 1rem;
}

.profile--inner .txt-wraper .listing-wrp .listing img {
  width: 100%;
  max-width: 50rem;
  height: 25rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.profile--inner .txt-wraper .listing-wrp .listing .list {
  font-size: 1.6rem;
  padding-bottom: 1rem;
  position: relative;
}

.profile--inner .txt-wraper .listing-wrp .listing .list::before {
  content: "*";
  position: absolute;
  left: -12px;
  top: 4px;
  border-radius: 50%;
}

.profile--inner .txt-wraper .listing-wrp .listing.center {
  justify-self: center;
}

.profile--inner .txt-wraper .listing-wrp.dis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  grid-gap: 1rem;
}

.profile--inner .txt-wraper .listing-wrp.dis .listing {
  padding: 0 2rem;
  text-align: justify;
}

.profile--inner .txt-wraper .listing-wrp.dis .listing .list-hd {
  color: #000;
  font-size: 3rem;
}

@media screen and (max-width: 768px) {
  .profile--inner .txt-wraper .listing-wrp.dis .listing .list-hd {
    font-size: 2rem;
  }
}

.profile--inner .txt-wraper .listing-wrp.dis .listing .list {
  color: black;
}

.profile--inner .txt-wraper .listing-wrp.bg-chng {
  background-color: #ffb600;
  padding: 2rem 1rem;
}

.profile--inner .txt-wraper .listing-wrp.bg-chng .listing .list-hd {
  color: #000;
  font-size: 3rem;
}

@media screen and (max-width: 768px) {
  .profile--inner .txt-wraper .listing-wrp.bg-chng .listing .list-hd {
    font-size: 2rem;
  }
}

.profile--inner .txt-wraper .listing-wrp.bg-chng .listing .list {
  color: black;
}

.profile--inner .txt-wraper .listing-wrp.bg-chng .listing .list::before {
  color: black;
}

.profile--inner .txt-wraper .btn-wrp {
  margin-top: 4rem;
}

.profile--inner .img-wraper {
  position: relative;
  width: 100%;
  max-width: 67rem;
  height: 41rem;
  margin-bottom: 5rem;
}

.profile--inner .img-wraper .one {
  position: absolute;
  left: 0;
  top: -20%;
  z-index: 1;
  width: 30rem;
  transition: all 0.4s ease;
}

.profile--inner .img-wraper .one.dis {
  width: 94%;
  top: 4%;
  left: 3%;
}

.profile--inner .img-wraper .two {
  position: absolute;
  right: 0;
  bottom: -20%;
  z-index: 0;
  width: 30rem;
  transition: all 0.4s ease;
}

.profile--inner .img-wraper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 7px 8px 5px rgba(0, 0, 0, 0.2);
  -o-object-position: center;
     object-position: center;
}

.profile--inner .img-wraper::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: rotateZ(35deg);
  height: 100%;
  width: 100%;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
}

.profile--inner .img-wraper.dis {
  width: 100%;
}

.profile--inner .img-wraper.dis::before {
  transform: rotateZ(0deg);
  background: #ffb600;
}

.profile--inner.dis {
  padding: initial;
}

.profile.difer {
  background: #ffb600;
  padding: 5rem;
}

@media screen and (max-width: 550px) {
  .profile.difer {
    padding: 2.5rem;
  }
}

.profile.difer .profile--inner {
  padding: 1rem 0;
}

.profile.difer .profile--inner .txt-wraper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  grid-gap: 1rem;
}

@media screen and (max-width: 1024px) {
  .profile.difer .profile--inner .txt-wraper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    grid-gap: 1rem;
  }
}

.profile.difer .profile--inner .txt-wraper .content-prof {
  color: #000;
}

.profile.ch {
  margin-top: z;
}

.certi {
  margin-bottom: 5rem;
}

.certi .certi--inner img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  background: #ffb600;
  padding: 1rem;
}

.certi .certi--inner .cert-title {
  font-size: 2rem;
  color: #000;
  margin: 0.5rem 0;
  padding: 0.5rem 1rem;
  text-transform: capitalize;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  background-color: #ffb600;
  display: none;
}

.client {
  margin-bottom: 5rem;
}

.client .client--inner {
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  grid-gap: 4rem;
}

.client .client--inner .client-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  padding: 1rem;
  background: #ffb600;
  position: relative;
  text-align: center;
}

.client .client--inner .client-card img {
  height: 55rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1366px) {
  .client .client--inner .client-card img {
    height: 50rem;
  }
}

@media screen and (max-width: 1024px) {
  .client .client--inner .client-card img {
    height: 48rem;
  }
}

@media screen and (max-width: 768px) {
  .client .client--inner .client-card img {
    height: 46rem;
  }
}

.client .client--inner .client-card .content-details {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 16rem;
  padding: 1rem;
  border-left: 1rem solid;
  border-right: 1rem solid;
  border-bottom: 1rem solid;
  border-color: #ffb600;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #000;
  background: rgba(0, 0, 0, 0.6);
  transform: translateY(0);
  transition: all 0.4s ease;
}

@media screen and (max-width: 1024px) {
  .client .client--inner .client-card .content-details {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 425px) {
  .client .client--inner .client-card .content-details {
    font-size: 1.5rem;
  }
}

.client .client--inner .client-card .content-details p {
  font-size: 1.4rem;
  font-weight: 400;
  color: white;
}

.client .client--inner .client-card .content-details .text-wr {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.client .client--inner .client-card .content-details .text-wr .name {
  font-size: 2rem;
  font-weight: 400;
  color: white;
  margin: 1rem 0;
}

@media screen and (max-width: 1024px) {
  .client .client--inner .client-card .content-details .text-wr .name {
    font-size: 1.8rem;
  }
}

.client .client--inner .client-card .content-details .text-wr .post {
  font-size: 1.4rem;
  font-weight: 400;
  color: #12384c;
}

.scroll {
  grid-template-columns: initial;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.scroll .inner-wrpre {
  height: 25rem;
  width: 25rem;
  background: #ffb600;
  padding: 0.5rem;
  border-radius: 50%;
}

@media screen and (max-width: 768px) {
  .scroll .inner-wrpre {
    height: 20rem;
    width: 20rem;
    padding: 0.2rem;
  }
}

.scroll .inner-wrpre img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}

.scroll .content-details {
  display: none;
  transition: all 0.4s ease;
}

@media screen and (max-width: 1024px) {
  .scroll .content-details {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 425px) {
  .scroll .content-details {
    font-size: 1.5rem;
  }
}

.scroll .text-wr {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.scroll .text-wr .name {
  font-size: 2rem;
  font-weight: 400;
  color: black;
  margin: 1rem 0;
}

@media screen and (max-width: 1024px) {
  .scroll .text-wr .name {
    font-size: 1.8rem;
  }
}

.scroll .text-wr .post {
  font-size: 1.4rem;
  font-weight: 400;
  color: #12384c;
}

.career {
  position: relative;
}

.career::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-clip-path: polygon(100% 0, 65% 100%, 100% 100%);
          clip-path: polygon(100% 0, 65% 100%, 100% 100%);
  box-shadow: -3px 8px 15px rgba(0, 0, 0, 0.2);
  background: #ffb600;
  z-index: -1;
}

.career::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-clip-path: polygon(20% 100%, 0 74%, 0 100%);
          clip-path: polygon(20% 100%, 0 74%, 0 100%);
  box-shadow: -3px 8px 15px rgba(0, 0, 0, 0.2);
  background: #ffb600;
  z-index: -1;
}

.career--inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  grid-gap: 1rem;
  justify-items: flex-end;
  align-items: flex-start;
  justify-items: center;
}

.career--wraper {
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
}

.career--wraper .oth-wrp {
  padding: 2rem;
  margin-bottom: 5rem;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  background-color: white;
}

.career--wraper .oth-wrp iframe {
  height: 30rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.career--wraper .oth-wrp .carer-hed {
  font-size: 3.5rem;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-family: "Times New Roman", Times, serif;
  color: black;
  font-weight: 100;
}

@media screen and (max-width: 768px) {
  .career--wraper .oth-wrp .carer-hed {
    font-size: 3rem;
  }
}

@media screen and (max-width: 425px) {
  .career--wraper .oth-wrp .carer-hed {
    font-size: 2.5rem;
  }
}

.career--wraper .oth-wrp .contact .list {
  padding-bottom: 2rem;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}

.career--wraper .oth-wrp .contact .list .icon {
  font-size: 2.5rem;
  margin-right: 1.5rem;
}

.career--wraper .oth-wrp .contact .list .icon i {
  font-size: inherit;
}

.career--wraper .oth-wrp .contact .list .detail {
  font-size: 1.6rem;
}

.career--wraper .oth-wrp .content {
  font-size: 1.6rem;
  line-height: 1.4;
  z-index: 1;
}

.career--wraper .contact--form {
  display: grid;
  padding: 0.1rem;
  grid-gap: 0.1rem;
  width: 100%;
  max-width: 60rem;
}

.career--wraper .contact--form .form-head {
  font-size: 3.5rem;
  position: relative;
  margin-bottom: 2rem;
  font-family: "Times New Roman", Times, serif;
  color: black;
  font-weight: 100;
  text-transform: capitalize;
}

@media screen and (max-width: 768px) {
  .career--wraper .contact--form .form-head {
    font-size: 3rem;
  }
}

@media screen and (max-width: 425px) {
  .career--wraper .contact--form .form-head {
    font-size: 2.5rem;
  }
}

.career--wraper .contact--form .contact-form {
  display: grid;
  padding: 0.1rem;
  grid-gap: 0.1rem;
  position: relative;
}

.career--wraper .contact--form .contact-form .contact-i-grp {
  background-color: #fff;
  position: relative;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.career--wraper .contact--form .contact-form .contact-i-grp.__with-icon {
  display: grid;
  grid-template-columns: 5rem auto;
}

.career--wraper .contact--form .contact-form .contact-i-grp .icon {
  background-color: #ffb600;
  color: #fff;
  height: 5rem;
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: all 0.3s ease;
}

.career--wraper .contact--form .contact-form .contact-i-grp .icon i {
  font-size: inherit;
  color: black;
}

.career--wraper .contact--form .contact-form .contact-i-grp .input-box {
  border: 1px solid #ffb600;
  padding: 1rem;
  transition: all 0.3s ease;
}

.career--wraper .contact--form .contact-form .contact-i-grp .input-box label {
  display: inline-block;
  margin-left: 1rem;
  font-size: 1.3rem;
}

.career--wraper .contact--form .contact-form .contact-i-grp .input-box .input-control {
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  padding: 1rem;
  font-size: 1.6rem;
}

.career--wraper .contact--form .form-clk {
  border: none;
  outline: none;
  font-size: 1.4rem;
  font-weight: bold;
  color: black;
  background: white;
  padding: 0.8rem 1.4rem;
  text-transform: uppercase;
  transition: all 0.4s ease;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.career--wraper .contact--form .form-clk:hover {
  background: #ffb600;
  color: black;
}

.global-read-content {
  --heading-font: 2.2rem;
  --magin-bottom: 2rem;
}

.global-read-content * {
  font-size: 1.6rem;
  color: #4c4c4c;
}

.global-read-content h1 {
  font-size: calc(var(--heading-font));
  margin-bottom: 1rem;
}

.global-read-content h2 {
  font-size: calc(var(--heading-font) - 0.3rem);
  margin-bottom: 1rem;
}

.global-read-content h3 {
  font-size: calc(var(--heading-font) - 0.4rem);
  margin-bottom: 1rem;
}

.global-read-content h4 {
  font-size: calc(var(--heading-font) - 0.6rem);
  margin-bottom: 1rem;
}

.global-read-content h5 {
  font-size: calc(var(--heading-font) - 0.8rem);
  margin-bottom: 1rem;
}

.global-read-content h6 {
  font-size: calc(var(--heading-font) - 1rem);
  margin-bottom: 1rem;
}

.global-read-content p {
  margin-bottom: calc(var(--magin-bottom) - 1rem);
  line-height: 1.3;
  text-align: justify;
}

.global-read-content ol,
.global-read-content ul {
  margin-bottom: var(--magin-bottom);
  list-style-type: unset;
  margin-bottom: 4rem;
}

.global-read-content ol li,
.global-read-content ul li {
  margin-bottom: calc( var(--magin-bottom) - 0.5rem );
  padding-left: 2rem;
  position: relative;
}

.global-read-content ol {
  counter-reset: ordered-list;
}

.global-read-content ol li::before {
  counter-increment: ordered-list;
  content: counter(ordered-list) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-size: inherit;
  font-weight: 600;
  color: #ffb600;
}

.global-read-content ul li::before {
  height: 10px;
  width: 10px;
  position: absolute;
  left: 0;
  top: 0.4rem;
  font-weight: 600;
  border-radius: 50%;
  background-color: #ffb600;
  content: "";
}

.global-read-content a {
  color: #ffb600;
  word-break: break-all;
}

.solution-cards-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 768px) {
  .solution-cards-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.solution__card {
  padding: 3rem;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  position: relative;
}

.solution__card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 182, 0, 0.3);
  -webkit-clip-path: polygon(94% 95%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(94% 95%, 100% 0%, 100% 100%, 0% 100%);
  z-index: -1;
  transition: all 0.2s ease;
}

.solution__card .solution__card__wrap {
  display: grid;
  grid-template-columns: 22rem auto;
  grid-gap: 3rem;
}

@media screen and (max-width: 1366px) {
  .solution__card .solution__card__wrap {
    grid-template-columns: 1fr;
  }
}

.solution__card .head {
  font-size: 2.9rem;
}

@media screen and (max-width: 768px) {
  .solution__card .head {
    font-size: 2.7rem;
  }
}

.solution__card .list-hd {
  font-size: 2.2rem;
  margin-bottom: 2rem;
}

.solution__card .solution-image-wrap,
.solution__card .txt-wraper {
  align-self: center;
}

.solution__card .txt-wraper {
  height: 100%;
}

.solution__card .solution-image-wrap {
  width: 100%;
  height: 22rem;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  position: relative;
  padding: 1rem;
  background-color: white;
}

@media screen and (max-width: 1366px) {
  .solution__card .solution-image-wrap {
    overflow: hidden;
    width: 29rem;
    height: 29rem;
    margin: 0 auto;
  }
}

.solution__card .solution-image-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 182, 0, 0.3);
  transform: rotate(78deg) scale(1);
  z-index: -1;
  transition: all 0.2s ease;
}

.solution__card .solution-image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.solution__card:hover::before {
  -webkit-clip-path: polygon(97% 97%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(97% 97%, 100% 0%, 100% 100%, 0% 100%);
}

.solution__card:hover .solution-image-wrap::before {
  transform: rotate(90deg) scale(1);
}

.global-know-more-card {
  max-width: 80rem;
  width: 100%;
  padding: 3rem 4rem;
  padding-bottom: 7rem;
  background-color: #000;
  margin-bottom: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 5rem;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 550px) {
  .global-know-more-card {
    flex-direction: column;
  }
}

.global-know-more-card .left {
  margin-bottom: 2rem;
}

.global-know-more-card .know-more-head {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.global-know-more-card .know-more-content {
  font-size: 1.4rem;
}

.global-know-more-card * {
  color: inherit;
}

.memo-btn {
  display: block;
  padding: 1rem;
  font-size: 1.7rem;
  background-color: #969696;
  color: white;
  text-align: center;
  outline: none;
  width: 100%;
  border: none;
  cursor: pointer;
}

.memo-btn.__small {
  display: inline-block;
  width: initial;
  background-color: #ffb600;
}

.slom {
  font-size: 3rem;
  font-family: "Times New Roman", Times, serif;
}

@media screen and (max-width: 1024px) {
  .slom {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
  .slom {
    font-size: 1.6rem;
  }
}

.section-heading.sub {
  font-size: 3rem !important;
}

.section-heading.marg {
  margin-bottom: initial;
}

.success-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border: 1px solid rgba(18, 56, 76, 0.4);
  z-index: 5;
}

.success-container .icon {
  font-size: 8rem;
  color: seagreen;
}

.success-container .icon i {
  font-size: inherit;
}

.success-container .success-message {
  font-size: 1.4rem;
  color: seagreen;
}

.error {
  height: 70vh;
  background-color: #101010;
}

.error img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.faq-card {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  align-self: baseline;
}

.faq-card .icon {
  font-size: 1.9rem;
  background-color: #000;
  color: white;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.faq-card .icon.\--plus {
  display: flex;
}

.faq-card .icon.\--minus {
  display: none;
}

.faq-card .question {
  display: grid;
  grid-template-columns: 6rem auto;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.03);
}

.faq-card .question-data {
  font-size: 1.6rem;
  padding: 2rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  min-height: 5rem;
}

@media screen and (max-width: 955px) {
  .faq-card .question-data {
    min-height: initial;
  }
}

.faq-card .answer-detail {
  font-size: 1.6rem;
  max-height: 0;
  visibility: hidden;
  transition: max-height 0.1s ease;
}

.faq-card .answer-detail .answer-wrap {
  padding: 2rem;
  padding-left: 7rem;
  text-align: justify;
  position: relative;
}

.faq-card .answer-detail .answer-wrap::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "A";
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.3);
}

.faq-card.active .icon.\--plus {
  display: none;
}

.faq-card.active .icon.\--minus {
  display: flex;
}

.faq-card.active .question {
  background-color: rgba(0, 0, 0, 0.03);
}

.faq-card.active .answer-detail {
  visibility: visible;
  max-height: 100rem;
}

.faq-card:hover .question {
  background-color: rgba(0, 0, 0, 0.14);
}

.yellow {
  background-color: #ffb600;
  padding: 0.8rem 1.4rem;
  color: #000;
}

.nav-bar-wrapper {
  display: flex;
  align-items: center;
}

.main-header .header-wrapper-container {
  background: rgba(255, 255, 255, 0);
  position: fixed;
  height: 10vh;
  z-index: 10;
  width: 100%;
  transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 1024px) {
  .main-header .header-wrapper-container {
    height: 8rem;
    padding: 1rem 0;
  }
}

.main-header .header-wrapper-container .header-wrapper {
  width: 80%;
  margin: 0 auto;
}

.main-header .header-wrapper-container .header-wrapper .inner-header {
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav {
  align-self: center;
  position: absolute;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list {
  position: relative;
  padding: 3.7rem 0;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list .nav-links {
  color: #fff;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list .nav-links .spanclk {
  font-size: 1.4rem;
  font-weight: 200;
  color: #fff;
  transition: all 0.4s ease;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list .smenu-wrp {
  position: absolute;
  left: 0;
  top: 8.5rem;
  min-width: 25rem;
  width: 100%;
  background: black;
  padding: 1rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list .smenu-wrp .smenu-list {
  padding: 1rem 0;
  margin-bottom: 1rem;
  transition: all 0.8s ease-in-out;
  text-align: left;
  position: relative;
  margin: 0 0.5rem;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list .smenu-wrp .smenu-list .smenu-link {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  transition: all 0.4s ease;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list .smenu-wrp .smenu-list .smenu-link:hover {
  color: #ffb600;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list:hover .nav-links {
  color: #fff;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list:hover .nav-links .spanclk {
  color: #ffb600;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list:hover .smenu-wrp {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  max-width: 15rem;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .left-side-nav i {
  color: #fff;
  font-size: 2rem;
  margin-right: 0.5rem;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .right-side-nav {
  align-self: center;
  position: absolute;
  right: 0;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .right-side-nav .nav-bar-wrapper .nav-bar-list .nav-links {
  color: #fff;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .right-side-nav .nav-bar-wrapper .nav-bar-list .nav-links .spanclk {
  font-size: 1.4rem;
  font-weight: 200;
  color: #fff;
}

.main-header .header-wrapper-container .header-wrapper .inner-header .image-wrapper {
  width: 220px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .main-header .header-wrapper-container .header-wrapper .inner-header .image-wrapper {
    width: 180px;
  }
}

.main-header .header-active {
  background: #000;
  padding: 1rem 0;
  height: initial;
}

@media screen and (max-width: 1024px) {
  .main-header .header-active {
    height: 7rem;
    padding: 0.8rem 0;
  }
}

.main-header .header-active .header-wrapper .inner-header .right-side-nav .nav-bar-wrapper .nav-bar-list .nav-links {
  color: #fff;
}

.main-header .header-active .header-wrapper .inner-header .right-side-nav .nav-bar-wrapper .nav-bar-list .nav-links .spanclk {
  color: #fff;
}

.main-header .header-active .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list i {
  color: #fff;
  font-size: 2rem;
  margin-right: 0.5rem;
}

.main-header .header-active .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list .nav-links {
  color: #fff;
}

.main-header .header-active .header-wrapper .inner-header .left-side-nav .nav-bar-wrapper .nav-bar-list .nav-links .spanclk {
  color: #fff;
}

.main-header .header-active .header-wrapper .inner-header .image-wrapper {
  width: 210px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .main-header .header-active .header-wrapper .inner-header .image-wrapper {
    width: 170px;
  }
}

.main-header .menu-coming {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 15;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  transform: translateX(120%);
  overflow-y: auto;
  transition: all 0.4s ease;
}

.main-header .menu-coming .menu-container {
  position: absolute;
  left: 20%;
  top: 14%;
  width: 60%;
  display: grid;
  grid-template-rows: 1fr 6fr;
  margin: 0 auto;
}

@media screen and (max-width: 425px) {
  .main-header .menu-coming .menu-container {
    left: 10%;
    width: 80%;
  }
}

.main-header .menu-coming .menu-container .menu-list-werapper .menu-list {
  padding: 1rem 0;
}

.main-header .menu-coming .menu-container .menu-list-werapper .menu-list .menu-link {
  font-size: 3.2rem;
  color: #ffb600;
}

@media screen and (max-width: 550px) {
  .main-header .menu-coming .menu-container .menu-list-werapper .menu-list .menu-link {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 425px) {
  .main-header .menu-coming .menu-container .menu-list-werapper .menu-list .menu-link {
    font-size: 1.8rem;
  }
}

.main-header .menu-coming .menu-container .menu-list-werapper .menu-list .link-icon-extend i {
  font-size: 2rem;
  color: #ffb600;
  margin-left: 3rem;
}

.main-header .menu-coming .menu-container .menu-list-werapper .menu-list .smenu-wrp {
  visibility: hidden;
  opacity: 0;
  transform: translateY(0);
  max-width: 25rem;
  background: rgba(0, 0, 0, 0.33);
  padding: 1rem;
  top: initial;
  left: initial;
  max-height: 0;
  transform: translateY(0);
  position: initial;
  padding: 0 1rem;
  transition: max-height 0.5s ease;
  margin-top: 0.6rem;
}

.main-header .menu-coming .menu-container .menu-list-werapper .menu-list .smenu-wrp .smenu-list {
  padding: 1rem 0;
  margin-bottom: 1rem;
  transition: all 0.8s ease-in-out;
  text-align: left;
  margin: 0 0.5rem;
  position: relative;
  color: white;
}

.main-header .menu-coming .menu-container .menu-list-werapper .menu-list .smenu-wrp .smenu-list .smenu-link {
  font-size: 1.6rem;
  color: #ffb600;
}

.main-header .menu-coming .menu-container .menu-list-werapper .menu-list:hover .smenu-wrp {
  visibility: visible;
  opacity: 1;
  max-height: 40rem;
}

.main-header .menu-coming .menu-container .close {
  justify-self: flex-end;
}

.main-header .menu-coming .menu-container .close .close-clk {
  font-size: 6rem;
  color: #ffb600;
}

.main-header .menu-coming .menu-container .close .close-clk span i {
  font-size: 3rem;
}

@media screen and (max-width: 425px) {
  .main-header .menu-coming .menu-container .close .close-clk span i {
    font-size: 2.8rem;
  }
}

.main-header .menu-coming.menu-call {
  transform: translateX(0%);
}

.banner-video-wrapper {
  position: relative;
  left: 0;
  top: 0;
  height: 100vh;
}

.banner-video-wrapper .banner-inner .banner-content-holder {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.banner-video-wrapper .banner-inner .banner-content-holder video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%);
}

.banner-video-wrapper .banner-inner .bantext {
  position: relative;
}

.banner-video-wrapper .banner-inner .bantext .owl-nav {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 768px) {
  .banner-video-wrapper .banner-inner .bantext .owl-nav {
    display: none;
  }
}

.banner-video-wrapper .banner-inner .bantext .owl-nav .owl-prev {
  justify-self: flex-start;
  margin-left: 18%;
}

.banner-video-wrapper .banner-inner .bantext .owl-nav .owl-next {
  justify-self: flex-end;
  margin-right: 18%;
}

.banner-video-wrapper .banner-inner .bantext .owl-nav button {
  border: none;
  outline: none;
}

.banner-video-wrapper .banner-inner .bantext .owl-nav button:hover {
  background: transparent !important;
}

.banner-video-wrapper .banner-inner .bantext .owl-nav button span {
  font-size: 6rem;
  color: #ffb600;
}

.banner-video-wrapper .banner-inner .text-rapper {
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  place-content: center;
  z-index: 0;
  text-transform: capitalize;
}

.banner-video-wrapper .banner-inner .text-rapper .heading-banner {
  font-family: "Times New Roman", Times, serif;
  font-weight: lighter;
  font-size: 6.6rem;
  font-weight: 600;
  width: 72rem;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 3rem;
}

@media screen and (max-width: 1366px) {
  .banner-video-wrapper .banner-inner .text-rapper .heading-banner {
    font-size: 6rem;
  }
}

@media screen and (max-width: 1024px) {
  .banner-video-wrapper .banner-inner .text-rapper .heading-banner {
    font-size: 4.5rem;
  }
}

@media screen and (max-width: 768px) {
  .banner-video-wrapper .banner-inner .text-rapper .heading-banner {
    font-size: 3.8rem;
  }
}

@media screen and (max-width: 550px) {
  .banner-video-wrapper .banner-inner .text-rapper .heading-banner {
    font-size: 2.2rem;
  }
}

.banner-video-wrapper .banner-inner .text-rapper .banner-btn .btn-link {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  background: #ffb600;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  transition: all 0.4s ease;
}

.banner-video-wrapper .banner-inner .text-rapper .banner-btn .btn-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.banner-video-wrapper .banner-inner .property-link-container {
  position: absolute;
  left: 50%;
  bottom: 7vh;
  display: grid;
  max-width: 109rem;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  z-index: 1;
  transform: translateX(-50%);
}

@media screen and (max-width: 1366px) {
  .banner-video-wrapper .banner-inner .property-link-container {
    grid-gap: 3rem;
  }
}

@media screen and (max-width: 1024px) {
  .banner-video-wrapper .banner-inner .property-link-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 1024px) {
  .banner-video-wrapper .banner-inner .property-link-container {
    grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  }
}

@media screen and (max-width: 550px) {
  .banner-video-wrapper .banner-inner .property-link-container {
    grid-template-columns: 1fr 1fr;
    bottom: 16%;
  }
}

.banner-video-wrapper .banner-inner .property-link-container .property-link-clk {
  color: #fff;
  display: inline-flex;
  font-weight: bold;
  color: #969696;
}

@media screen and (max-width: 1024px) {
  .banner-video-wrapper .banner-inner .property-link-container .property-link-clk {
    place-self: flex-start;
  }
}

.banner-video-wrapper .banner-inner .property-link-container .property-link-clk .number {
  font-size: 1.6rem;
  padding-right: 0.5rem;
  display: none;
}

.banner-video-wrapper .banner-inner .property-link-container .property-link-clk .text {
  padding-left: 3rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

.banner-video-wrapper .banner-inner .property-link-container .property-link-clk .text div {
  display: flex;
}

.banner-video-wrapper .banner-inner .property-link-container .property-link-clk .text div .price {
  font-size: 5rem;
  font-weight: 900;
  color: #ffb600;
}

@media screen and (max-width: 768px) {
  .banner-video-wrapper .banner-inner .property-link-container .property-link-clk .text div .price {
    font-size: 3rem;
  }
}

@media screen and (max-width: 550px) {
  .banner-video-wrapper .banner-inner .property-link-container .property-link-clk .text div .price {
    font-size: 2rem;
  }
}

@media screen and (max-width: 320px) {
  .banner-video-wrapper .banner-inner .property-link-container .property-link-clk .text div .price {
    font-size: 1.6rem;
  }
}

.banner-video-wrapper .banner-inner .property-link-container .property-link-clk .text .location {
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: 100;
  color: #ffb600;
}

.banner-video-wrapper .banner-inner .property-link-container .property-link-clk:not(:first-child) .text::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffb600;
}

@media screen and (max-width: 768px) {
  .banner-video-wrapper .banner-inner .property-link-container .property-link-clk:not(:first-child) .text::after {
    display: none;
  }
}

.introduction-section-wrapper {
  padding: 5rem 0;
}

.introduction-section-wrapper .introduction-inner {
  margin-bottom: 5rem;
}

.introduction-section-wrapper .introduction-inner .section-heading-wrp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  grid-gap: 1rem;
}

.introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .paragraph-container {
  text-align: justify;
}

.introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .paragraph-container .about-para {
  font-size: 1.4rem;
  color: #000;
  line-height: 2rem;
  padding: 2rem;
  padding-left: initial;
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .paragraph-container .about-para {
    padding: initial;
  }
}

.introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .paragraph-container .about-uilst {
  margin-top: 2rem;
}

.introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .paragraph-container .about-uilst .listt {
  font-size: 1.4rem;
  color: #000;
  line-height: 2rem;
  padding: 0.2rem;
  padding-left: initial;
}

.introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .about-click-wrapper {
  margin-top: 4rem;
}

.introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .about-click-wrapper .about-clk {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  background: white;
  padding: 0.8rem 1.4rem;
  text-transform: uppercase;
  transition: all 0.4s ease;
  margin-right: 2rem;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .about-click-wrapper .about-clk {
    font-size: 1.2rem;
  }
}

.introduction-section-wrapper .introduction-inner .section-heading-wrp .pg-wraper .about-click-wrapper .about-clk:hover {
  background: #ffb600;
  color: rgba(0, 0, 0, 0.8);
}

.introduction-section-wrapper .introduction-video {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem;
  margin-bottom: 5rem;
  background: #000;
}

.introduction-section-wrapper .introduction-video iframe {
  height: 50rem;
  width: 100%;
  max-width: 89rem;
}

.introduction-section-wrapper .intrioduction-inner-images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(51rem, 1fr));
  grid-gap: 5rem;
  align-items: center;
  justify-items: center;
  margin-bottom: 5rem;
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .intrioduction-inner-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
    grid-gap: 4rem;
  }
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap {
  position: relative;
  width: 100%;
  align-self: center;
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.9);
  padding: 0.1rem;
  overflow: hidden;
  height: 100%;
  background: #fff;
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .image-section-wrapper {
  height: 50rem;
  width: 100%;
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .image-section-wrapper {
    height: 100%;
  }
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .image-section-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap {
  padding: 1.5rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  max-height: 12rem;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s ease;
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap {
    background: white;
  }
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap .bullet {
  display: inline-block;
  padding-top: 1.5rem;
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 1.5rem;
  text-transform: capitalize;
  text-align: justify;
  font-weight: 200;
  padding: 0.5rem;
  margin-top: 1.5rem;
  transition: max-width 0.3s ease;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap .bullet {
    color: black;
  }
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap .wrp-in .card-clk {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  color: white;
  text-transform: capitalize;
  position: relative;
  height: 10rem;
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap .wrp-in .card-clk {
    color: black;
  }
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap .wrp-in .card-clk::before {
  content: "";
  position: absolute;
  width: 70%;
  height: 1px;
  right: -83%;
  top: 8px;
  background: #969696;
  transition: all 0.4s ease;
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap.active {
  max-height: 30rem;
  visibility: visible;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.5rem;
  transition: all 0.4s ease;
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap.active {
    padding: initial;
  }
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap.active .bullet {
  visibility: visible;
  opacity: 1;
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .position-one {
  left: 0;
  padding: 1.5rem;
  bottom: 0;
  transition: all 0.4s ease;
}

.introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .position-two {
  right: 0%;
  bottom: 0;
  padding: 1.5rem;
  transition: all 0.4s ease;
}

@media screen and (max-width: 1024px) {
  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .position-two {
    padding-left: 1rem;
  }
}

.introduction-section-wrapper .introduction-slider-section {
  margin: 0 auto;
  width: 98%;
  margin-bottom: 5rem;
}

.introduction-section-wrapper .introduction-slider-section .parentslider {
  display: block;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav {
  position: absolute;
  width: 100%;
  left: -2%;
  bottom: 0;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav button {
  outline: none;
  border: none;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav button span {
  font-size: 5rem;
  color: #969696;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav button.owl-prev,
.introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav button.owl-next {
  position: absolute;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav button.owl-prev {
  right: 10%;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav button.owl-next {
  right: 2%;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav button:hover {
  background: transparent;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper {
  position: relative;
  height: 60vh;
  margin: 0 0.1rem;
}

@media screen and (max-width: 550px) {
  .introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper {
    height: 100%;
  }
}

.introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-image-wrapper {
  height: 100%;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-card {
  padding: 5rem 4rem;
  width: 50rem;
  background: #ffb600;
  position: absolute;
  left: 2%;
  bottom: 5%;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-card .bullet {
  display: inline-block;
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  color: #000;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-card .details-location {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: #000;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-card .card-clk {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  color: black;
  text-transform: capitalize;
  position: relative;
}

.introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-card .card-clk::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 1px;
  right: -23px;
  top: 8px;
  background: #969696;
}

.section-page-video {
  position: relative;
  margin-bottom: 5rem;
}

.section-page-video .video-content .client-card {
  background: rgba(0, 0, 0, 0.9);
  position: relative;
  height: 100%;
  min-height: 39rem;
  overflow-y: auto;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(121, 115, 115, 0.9);
}

.section-page-video .video-content .client-card .card_head {
  font-size: 1.8rem;
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
  padding: 2rem 0;
  text-align: center;
  background: #ffb600;
  padding: 1rem;
  height: 7rem;
  width: 90%;
  max-width: 35rem;
  margin: 0 auto;
  display: flex;
  min-height: 5.5rem;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1366px) {
  .section-page-video .video-content .client-card .card_head {
    height: 10rem;
  }
}

.section-page-video .video-content .client-card ul {
  margin: 2rem 0;
  padding: 2rem;
}

.section-page-video .video-content .client-card ul li {
  font-size: 1.6rem;
  color: #fff;
}

.mini-slider-section {
  margin-top: 4rem;
  margin-bottom: 5rem;
}

.mini-slider-section .mini-parentslider {
  display: block;
  background: #fff;
  box-shadow: -3px 8px 15px rgba(0, 0, 0, 0.2);
  padding: 2rem;
}

.mini-slider-section .mini-parentslider .owl-nav {
  position: absolute;
  width: 100%;
  left: 0%;
  top: 28%;
}

@media screen and (max-width: 550px) {
  .mini-slider-section .mini-parentslider .owl-nav {
    display: none;
  }
}

.mini-slider-section .mini-parentslider .owl-nav button {
  outline: none;
  border: none;
}

.mini-slider-section .mini-parentslider .owl-nav button span {
  font-size: 5rem;
  color: #ffb600;
}

.mini-slider-section .mini-parentslider .owl-nav button.owl-prev,
.mini-slider-section .mini-parentslider .owl-nav button.owl-next {
  position: absolute;
}

.mini-slider-section .mini-parentslider .owl-nav button.owl-prev {
  left: -3%;
}

.mini-slider-section .mini-parentslider .owl-nav button.owl-next {
  right: -3%;
}

.mini-slider-section .mini-parentslider .owl-nav button:hover {
  background: transparent;
}

.mini-slider-section .mini-parentslider .item {
  display: flex;
  align-items: center;
  place-content: center;
}

.mini-slider-section .mini-parentslider .item .item-content-wrapper {
  height: 14vh;
}

.mini-slider-section .mini-parentslider .item .item-content-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mini-slider-section .mini-parentslider.scrol {
  box-shadow: initial;
}

.clientdetail--inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(58rem, 1fr));
  grid-gap: 4rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 550px) {
  .clientdetail--inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
    grid-gap: 2rem;
  }
}

.clientdetail--card {
  background-position: center;
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.clientdetail--card .card-inner {
  padding: 4rem 2rem;
  height: 100%;
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}

@media screen and (max-width: 550px) {
  .clientdetail--card .card-inner {
    grid-template-columns: initial;
    padding: 2rem;
  }
}

.clientdetail--card .card-inner .clinet-logo {
  position: absolute;
  right: 4px;
  top: 4px;
  background: #fff;
  width: 100%;
  max-width: 8rem;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  padding: 0.5rem;
  border: 3px solid #ffb600;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 550px) {
  .clientdetail--card .card-inner .clinet-logo {
    top: initial;
    bottom: 8%;
  }
}

.clientdetail--card .card-inner .clinet-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1.15);
}

.clientdetail--card .card-inner .location-img {
  justify-self: flex-end;
  height: 100%;
  width: 100%;
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 550px) {
  .clientdetail--card .card-inner .location-img {
    display: grid;
    grid-template-rows: 8fr 1fr;
    grid-gap: 2rem;
    margin: 2rem 0;
  }
}

.clientdetail--card .card-inner .location-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: #fff;
  margin-bottom: 1rem;
  border: 3px solid #ffb600;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.clientdetail--card .card-inner .location-img .loc-name {
  font-size: 1.6rem;
  color: #12384c;
}

@media screen and (max-width: 550px) {
  .clientdetail--card .card-inner .location-img .loc-name {
    margin-top: 1rem;
  }
}

.clientdetail--card .card-inner .text-client-wrp {
  padding: 1rem;
  height: 100%;
  background: #fff;
}

@media screen and (max-width: 550px) {
  .clientdetail--card .card-inner .text-client-wrp {
    padding: initial;
    padding-bottom: 1rem;
  }
}

.clientdetail--card .card-inner .text-client-wrp .client-detil {
  justify-self: flex-start;
  font-size: 1.6rem;
  color: #000;
}

.clientdetail--card .card-inner .text-client-wrp .client-detil .name {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
  font-family: Georgia, "Times New Roman", Times, serif;
  border-radius: 5px;
}

#introduction-inner-image .owl-nav {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  #introduction-inner-image .owl-nav {
    display: none;
  }
}

#introduction-inner-image .owl-nav .owl-prev {
  left: -4.7rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  padding: 1rem !important;
  position: absolute;
}

#introduction-inner-image .owl-nav .owl-next {
  right: -4.7rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  padding: 1rem !important;
  position: absolute;
}

#introduction-inner-image .owl-nav button {
  border: none;
  outline: none;
}

#introduction-inner-image .owl-nav button:hover {
  background: transparent !important;
}

#introduction-inner-image .owl-nav button span {
  font-size: 6rem;
  color: #ffb600;
}

.footer-section-wrapper {
  background: #000;
}

.footer-section-wrapper .footer-inner {
  padding: 4rem 0;
}

.footer-section-wrapper .footer-inner .footer-logo-section {
  width: 245px;
  margin-top: -2.5rem;
}

.footer-section-wrapper .footer-inner .contact-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 2rem;
}

.footer-section-wrapper .footer-inner .contact-details .contact-content .address {
  width: 70%;
  font-size: 1.6rem;
  color: #fff;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 1rem;
}

.footer-section-wrapper .footer-inner .contact-details .contact-content .phone,
.footer-section-wrapper .footer-inner .contact-details .contact-content .email {
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 1rem;
}

.footer-section-wrapper .footer-inner .contact-details .contact-content .phone .btn-clk,
.footer-section-wrapper .footer-inner .contact-details .contact-content .email .btn-clk {
  font-size: inherit;
  color: #fff;
  font-weight: initial;
}

.footer-section-wrapper .footer-inner .contact-details .contact-content .phone .btn-clk .headi,
.footer-section-wrapper .footer-inner .contact-details .contact-content .email .btn-clk .headi {
  font-size: inherit;
  color: #fff;
  font-weight: inherit;
  padding-right: 0.5rem;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper {
  display: flex;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper .icon-wrap {
  height: 35px;
  width: 35px;
  margin-right: 2rem;
  background: #fff;
  border-radius: 30px;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper .icon-wrap .iconlink {
  font-size: 2rem;
  justify-content: center;
  padding-top: 0.8rem;
  display: flex;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper .icon-wrap .iconlink i {
  font-size: inherit;
  color: #000;
}

.footer-section-wrapper .footer-inner .newslett-link .form-wrapper {
  font-size: 1.5em;
  color: rgba(255, 255, 255, 0.1);
}

.footer-section-wrapper .footer-inner .newslett-link .form-wrapper .footer-form-input {
  background-color: inherit;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  outline: none;
  border-right: transparent;
  font-size: inherit;
  padding: 10px 20px;
}

.footer-section-wrapper .footer-inner .newslett-link .form-wrapper .footer-form-btn {
  background-color: inherit;
  color: inherit;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: transparent;
  font-size: inherit;
  padding: 10px 20px;
  cursor: pointer;
}

.footer-section-wrapper .copyright-line {
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  position: relative;
}

.footer-section-wrapper .copyright-line .line {
  font-size: 1.4rem;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 1.5rem;
}

.footer-section-wrapper .copyright-line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: -1rem;
  background: #969696;
  transition: all 0.4s ease-in-out;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper {
  display: flex;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper .red-link-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper .red-link-wrap .link {
  justify-content: center;
  padding-top: 0.8rem;
  display: flex;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper .red-link-wrap .link .link-clk {
  font-size: 1.6rem;
  color: #fff;
  transition: all 0.4s ease;
}

.footer-section-wrapper .footer-inner .social-content .icon-wrapper .red-link-wrap .link .link-clk:hover {
  color: #ffb600;
}

@media (max-width: 1200px) {
  .yellow {
    display: none;
  }

  .nav-bar-wrapper .nav-bar-list .nav-links .spanclk {
    display: none;
  }

  .introduction-section-wrapper .introduction-inner {
    margin-bottom: 10rem;
  }

  .introduction-section-wrapper .intrioduction-inner-images {
    flex-direction: column;
    margin: 2rem 0;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap {
    width: 100%;
    height: 55vh;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card {
    margin: initial;
    height: 100%;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .image-section-wrapper {
    height: 100%;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .image-section-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap {
    left: 0;
    bottom: 0;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .position-two {
    top: initial;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .position-four {
    top: initial;
  }

  .introduction-section-wrapper .introduction-slider-section {
    padding-top: initial;
  }
}

@media (max-width: 768px) {
  .globalContainer,
  .extend-global .text-bg .inner,
  .section.section__six .container,
  .certi,
  .client,
  .career--inner,
  .solution-cards-wrapper,
  .introduction-section-wrapper,
  .introduction-section-wrapper .introduction-inner .section-heading-wrp,
  .mini-slider-section .mini-parentslider,
  .profile,
  .clientdetail--inner,
  .footer-section-wrapper .footer-inner {
    width: 95%;
  }

  .banner-video-wrapper .banner-inner .text-rapper .heading-banner {
    width: initial;
    padding: 0 2rem;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap {
    margin-bottom: 5rem;
  }

  .introduction-section-wrapper .introduction-inner .section-heading .paragraph-container {
    flex-direction: column;
  }

  .introduction-section-wrapper .introduction-inner .section-heading .paragraph-container .about-para {
    padding: initial;
    padding-bottom: 1rem;
  }

  .mini-slider-section .mini-parentslider .owl-nav {
    display: none;
  }

  .mini-slider-section .mini-parentslider .item .item-content-wrapper .slider-image-wrapper {
    width: 90%;
  }

  .mini-slider-section .mini-parentslider .item .item-content-wrapper .slider-image-wrapper .slider-card .section-heading {
    font-size: 2.5rem;
  }
}

@media (max-width: 767px) {
  .profile .img-wraper .one {
    margin-top: 3rem;
    position: initial;
    left: initial;
    top: initial;
    z-index: initial;
    width: 100%;
  }

  .profile .img-wraper .two {
    display: none;
  }

  .profile .img-wraper::before {
    display: none;
  }
}

@media (max-width: 600px) {
  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap {
    height: initial;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card {
    display: flex;
    flex-direction: column;
    padding: 2rem;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .image-section-wrapper {
    height: 45vh;
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap {
    position: initial;
    padding: initial;
    width: initial;
    max-height: initial;
    background: var(--universal);
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap .bullet {
    margin-bottom: 0.5rem;
    color: var(--inverse);
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap .section-heading {
    font-size: 3.2rem;
    color: var(--inverse);
  }

  .introduction-section-wrapper .intrioduction-inner-images .card-section-wrap .main-card .card-text-wrap .wrp-in .card-clk {
    color: var(--inverse);
  }

  .introduction-section-wrapper .introduction-slider-section .parentslider .owl-nav {
    display: none;
  }

  .introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper {
    position: initial;
    display: flex;
    flex-direction: column;
  }

  .introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-card {
    position: initial;
    padding: 2rem;
    width: initial;
  }

  .introduction-section-wrapper .introduction-slider-section .parentslider .item .item-content-wrapper .slider-card .section-heading {
    font-size: 3.5rem;
  }
}

@media (max-width: 568px) {
  .banner-video-wrapper .banner-inner .text-rapper .heading-banner {
    font-size: 3.5rem;
  }

  .banner-video-wrapper .banner-inner .text-rapper .banner-btn {
    margin-bottom: 4rem;
  }

  .banner-video-wrapper .banner-inner .property-link-container {
    bottom: 1%;
  }

  .banner-video-wrapper .banner-inner .property-link-container .property-link-clk {
    margin-bottom: 0.6rem;
  }

  .banner-video-wrapper .banner-inner .property-link-container .property-link-clk .number {
    font-size: 1.2rem;
  }

  .banner-video-wrapper .banner-inner .property-link-container .property-link-clk .text .location {
    font-size: 1.6rem;
    margin-top: initial;
  }

  .mini-slider-section .mini-parentslider .item .item-content-wrapper .slider-image-wrapper {
    width: 100%;
  }
}