/*
* Requires: /blog-carousel.css, https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css
*/

/* Homepage */

.section1 {
  border-radius: 0px 0px 30px 30px;
  /* min-height: calc(100dvh - var(--header-height)); */
  min-height: 100vh;
  min-height: 100dvh;
}

.section1 .background {
  left: 0;
  top: 0;
  height: 100%;
}

.section1 .background video,
.section1 .background img {
  object-fit: cover;
  display: block;
  height: 100%;
  width: 100%;
}

/* .section1 .background:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
} */

.section1 .row1 {
  padding: clamp(25px, 5rem, 50px) 30px clamp(30px, 22rem, 220px) 30px;
}

.section1 .title {
  margin-bottom: clamp(25px, 4rem, 40px);
}

.section1 :is(.heading1, .description) {
  color: var(--body-bg);
}

.section1 .description {
  margin-top: clamp(20px, 4rem, 40px);
  margin-bottom: clamp(20px, 4rem, 40px);
  max-width: 740px;
}

.section1 .row1 .services-btn {
  margin-right: 8px;
}

.section1 .row1 .services-btn {
  color: var(--secondary-color);
  border-color: var(--white);
  background-color: var(--white);
}

.section1 .row1 .services-btn:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white);
}

.section1 .row1 .column2 {
  flex-direction: column;
}

.section1 .social-media:before {
  content: "";
  position: absolute;
  right: clamp(15px, 2.3rem, 23px);
  bottom: calc(100% + 15px);
  width: 2px;
  background-color: var(--white);
  height: 100%;
}

.section1 .arrow-down {
  top: calc(100% + 10vh);
}

.section1 .arrow-down img {
  width: clamp(25px, 5rem, 50px);
  animation: upDown 2s linear infinite;
}

@keyframes upDown {
  0% {
    transform: translateY(0px);
  }

  25% {
    transform: translateY(5px);
  }

  50% {
    transform: translateY(0px);
  }

  75% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* @media (min-width: 1401px) {
    .section1 .row1 .column1 {
        padding-left: clamp(30px, 12.5rem, 125px);
    }
} */

@media (min-width: 992px) {
  .section1 .row1 .column1 {
    width: 57%;
  }

  .section1 .row1 .column2 {
    width: 43%;
  }

  .section1 .social-holder:not(:last-child) {
    margin-bottom: clamp(0rem, 1.5rem, 15px);
    margin-right: 0;
  }
}

@media (min-width: 1921px) {
  .section1 .row1 .column1 {
    width: 40%;
  }
  .section1 .row1 .column2 {
    width: 60%;
  }
}

@media (max-width: 991px) {
  .section1 .row1 {
    display: block;
  }

  .section1 .row1 .social-media {
    flex-direction: row;
    justify-content: start;
    margin-top: clamp(20px, 4rem, 40px);
    width: max-content;
  }

  .section1 .social-media:before {
    right: auto;
    left: calc(100% + 2rem);
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 3rem);
    height: 2px;
  }

  .section1 .row1 .column1 {
    width: 75%;
  }

  .section1 .row1 .column2 {
    display: none;
  }
}

@media (max-width: 767px) {
  .section1 .row1 .column1 {
    width: 100%;
  }

  .section1 .background {
    height: 100%;
  }
}

@media (max-width: 550px) {
  .section1 .row1 {
    padding: 10rem 3rem 23rem;
  }

  .section1 .row1 .main-btn {
    padding: 1.5rem 2rem;
    margin: 0;
  }

  /*.section1 {
        min-height: calc(100dvh - var(--header-height));
    }*/
}

@media (max-width: 420px) {
  .section1 .main-btn {
    font-size: 1.9rem;
  }
}

/* Section2 */

.section2 .container {
  margin-top: -4vh;
  margin-top: -19vh;
}

.section2 .row-column {
  flex-basis: 25%;
}

.section2 .row-column > a {
  padding: 20px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  transition: 0.5s ease;
}

.section2 .row-column > a:hover {
  background-color: var(--body-bg);
}

.section2 .row-column > a:hover .icon-holder {
  background-color: var(--white);
}

.section2 .row-column > a:hover .info-title {
  color: var(--primary-color);
}

.section2 .row1 {
  gap: clamp(15px, 3rem, 30px);
  background-color: var(--white);
  padding: clamp(40px, 5.8rem, 58px);
  border-radius: 50px;
}

.section2 .row1 .row-column .icon-holder {
  width: clamp(50px, 7rem, 70px);
  height: clamp(50px, 7rem, 70px);
  background-color: var(--body-bg);
  border-radius: 15px;
  margin-bottom: clamp(10px, 2rem, 20px);
  transition: 0.5s ease;
}

.section2 .row1 .row-column .icon-holder img {
  max-width: clamp(20px, 4rem, 40px);
  max-height: clamp(20px, 4rem, 40px);
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.section2 .row1 .row-column .info-title {
  margin-bottom: clamp(10px, 2rem, 20px);
  font-size: clamp(15px, 2.2rem, 22px);
  max-width: clamp(110px, 21rem, 210px);
  transition: 0.5s ease;
}

.section2 .row1 .row-column .info-description {
  line-height: 1.3;

  /* display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}

.section2 .row1 .row-column a:hover .icon-holder img {
  filter: brightness(10);
}

.section2 .row1 .row-column a:hover .icon-holder {
  background-color: var(--primary-color);
}

@media (min-width: 1401px) {
  .section2 {
    padding: 0 clamp(20px, 3rem, 30px);
  }
}

@media (max-width: 991px) {
  .section2 .row1 {
    flex-wrap: wrap;
  }

  .section2 .row1 .row-column {
    flex-basis: calc(50% - 2rem);
  }
}

@media (max-width: 550px) {
  .section2 .row1 {
    gap: 0;
  }

  .section2 .row1 .row-column {
    flex-basis: 100%;
  }

  .section2 .row1 .row-column:not(:last-child) {
    margin-bottom: 3rem;
  }
}

/* section4 */

.section4 .asset-holder {
  --shape-width: clamp(50px, 11.3rem, 113px);
  width: var(--shape-width);
  right: clamp(40px, 8rem, 80px);
  top: calc(-1 * var(--shape-width) / 2);
}

/* .section4 .asset-holder:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.6) rotate(0deg);
    display: block;
    background-image: url('/wp-content/uploads/2024/04/text-purple.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    animation: rotate 15s linear infinite;
    will-change: transform;
}

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

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

.section4 .main-row {
  padding: clamp(110px, 14rem, 140px);
  background-color: var(--white);
  border-radius: clamp(20px, 4rem, 40px);
}

.section4 .row2 {
  margin-top: clamp(60px, 12rem, 120px);
  margin-bottom: clamp(60px, 12rem, 120px);
}

.section4 .title {
  margin-bottom: clamp(20px, 4rem, 40px);
}

.section4 .row .row-heading,
.section4 .row .description {
  margin-bottom: clamp(15px, 3rem, 30px);
}

.section4 .main-btn {
  margin-bottom: 10px;
  line-height: 1.4;
}

.section4 .heading1 {
  margin-bottom: clamp(15px, 3rem, 30px);
}

.section4 .row1 {
  margin-top: clamp(35px, 7.5rem, 75px);
}

.section4 .row h2 a {
  color: inherit;
  font-weight: inherit;
}

@media (min-width: 992px) {
  .section4 :is(.row1, .row3) .column1 {
    padding-right: clamp(30px, 12.5rem, 125px);
  }

  .section4 .row2 .column2 {
    padding-left: clamp(30px, 12.5rem, 125px);
  }
}

@media (max-width: 1400px) and (min-width: 992px) {
  .section4 .main-row {
    padding: 8rem;
  }

  .section4 :is(.row1, .row3) .column1 {
    padding-right: 8.5rem;
  }

  .section4 .row2 .column2 {
    padding-left: 8.5rem;
  }
}

@media (max-width: 991px) {
  .section4 :is(.row1, .row3) {
    flex-direction: column;
  }

  .section4 .row2 {
    flex-direction: column-reverse;
  }

  .section4 .row-column {
    width: 100%;
  }

  .section4 .title {
    margin-top: 4rem;
  }
}

@media (max-width: 767px) {
  .section4 .main-row {
    padding: 5rem;
  }
}

@media (max-width: 550px) {
  .section4 .main-row {
    padding: 3rem;
  }

  .section4 .asset-holder {
    --shape-width: 7rem;
  }

  .section4 .row2 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .section4 .main-btn {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* section5 */

.section5 {
  padding-top: clamp(60px, 12rem, 120px);
  padding-bottom: clamp(60px, 10.8rem, 108px);
}

.section5 .title {
  margin-bottom: clamp(20px, 4rem, 40px);
}

.section5 .heading1 {
  line-height: 1.3;
}

.section5 .row1 .title {
  margin-bottom: 0;
}

.section5 .row1 {
  margin-top: clamp(40px, 9.5rem, 95px);
}

.section5 .row1 .column1 {
  width: 33.33%;
  border-radius: clamp(20px, 4rem, 40px);
}

.section5 .row1 .column1 :is(img, video) {
  object-fit: cover;
  width: 100%;
  height: clamp(200px, 40rem, 400px);
}

.section5 .row1 :is(.column2, .column3) {
  width: 33.33%;
}

.section5 .row1 .row-heading,
.section5 .row1 .description {
  margin-bottom: clamp(15px, 3rem, 30px);
}

.section5 .row1 .separator {
  margin: clamp(15px, 3rem, 30px) 0;
  height: 1px;
  background-color: #fdb924;
}

@media (min-width: 992px) {
  .section5 .row1 {
    gap: clamp(20px, 4rem, 40px);
  }
}

@media (max-width: 991px) {
  .section5 .row1 {
    display: block;
  }

  .section5 .row1 .row-column {
    width: 100%;
  }

  .section5 .row1 .column2 {
    margin: 10rem 0;
  }

  .section5 .row1 {
    padding-right: 14rem;
    padding-left: 14rem;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .section5 .row1 :is(.column2, .column3) {
    padding: 0 10rem;
  }
}

@media (max-width: 767px) {
  .section5 .row1 .column2 {
    margin: 7rem 0;
  }

  .section5 .row1 {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (max-width: 550px) {
  .section5 .row1 .column2 {
    margin: 7rem 0;
  }

  .section5 .row1 {
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .section5 {
    padding-bottom: 6rem;
  }
}

/* section6 */

.section6 .bg-img {
  left: 50%;
  top: 50%;
  /* transform: translate(-50%, -50%) scale(1.5); */
  transform-origin: center center;
  transform-box: fill-box;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section6:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  height: clamp(44px, 13.8rem, 138px);
  background-color: var(--body-bg);
  clip-path: ellipse(53% 93% at 50% 0%);
  pointer-events: none;
}

.section6:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  height: clamp(44px, 13.8rem, 138px);
  background-color: var(--body-bg);
  clip-path: ellipse(53% 93% at 50% 100%);
  pointer-events: none;
}

.section6 .row {
  padding-top: clamp(130px, 36rem, 366px);
  padding-bottom: clamp(130px, 36rem, 366px);
}

.section6 .heading1,
.section6 .description {
  color: var(--body-bg);
  margin-bottom: clamp(10px, 2rem, 20px);
}

.section6 .title {
  margin-bottom: clamp(15px, 3rem, 30px);
}

.section6 .wpcf7 input[type="email"] {
  width: 72%;
}

@media (min-width: 992px) {
  .section6 :is(.description, .heading1) {
    max-width: clamp(420px, 89rem, 890px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .section6 form {
    max-width: clamp(405px, 63rem, 630px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .section6 .wpcf7-submit {
    width: 32%;
  }

  .section6:before,
  .section6:after {
    height: 6.8rem;
  }

  .section6 .wpcf7 input[type="email"] {
    width: 67%;
  }
}

@media (max-width: 550px) {
  .section6:before {
    clip-path: ellipse(66% 100% at 50% 0%);
  }

  .section6:after {
    clip-path: ellipse(66% 100% at 50% 100%);
  }
}

/* blog-section */

.blog-section {
  padding: clamp(30px, 6rem, 60px) 0 clamp(60px, 12rem, 120px) 0;
}

.blog-section :is(.title, .heading1, .description) {
  margin-bottom: clamp(15px, 3rem, 30px);
}

@media (max-width: 550px) {
  .blog-section {
    padding-bottom: 0;
  }
}