/*!
Theme Name: Hello Elementor Child theme
Theme URI: cultnerds.io
Template: hello-elementor
Author: idrish makda
Author URI: cultnerds.io
Description: This is a Child theme for Hello Elementor WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hello-elementor-child-text-domain
*/

:root {
  --bg-color--bg-primary: var(--brand--neutral-light);
  --text-color--text-primary: var(--brand--black);
  --link-color--link-primary: var(--brand--black);
  --text-color--text-secondary: var(--brand--white);
  --brand--lilac\<deleted\|variable-daa3e64e-7410-1352-6002-43171c883e8e\>: #cdcbff;
  --brand--black: #921a1d;
  --brand--grey: #565656;
  --brand--white: #fff;
  --text-color--text-alternate: var(--brand--grey-light);
  --border-color--border-primary: #e1dfd0;
  --bg-color--bg-secondary: var(--brand--neutral);
  --brand--neutral-dark: #e2deb7;
  --brand--grey-light: #a6a6a6;
  --brand--neutral-lighter\<deleted\|variable-3ff69ad9-e0b2-da94-ea2a-574dc947de0e\>: #fcfcfc;
  --brand--neutral-light: #fcfcfc;
  --bg-color--bg-tertiary: var(--brand--black);
  --bg-color--bg-alternate\<deleted\|variable-761f0457-6ae2-88f0-1355-0cef0456a740\>: var(--brand--neutral-lighter\<deleted\|variable-3ff69ad9-e0b2-da94-ea2a-574dc947de0e\>);
  --text-color--text-tertiary: var(--brand--grey);
  --brand--neutral: #edece3;
  --border-color--border-secondary: #c3c1b5;
  --link-color--link-alternate: white;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

html, body{
    overflow-x: hidden !important;
}
.footer-navmenu .wpr-nav-menu{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: baseline;  
}
/*.image-container-top{
    position: static;
}
*/
/*.image-container {
  position: relative;
}*/
.image-container-bottom {
  position: relative;
}
.fading-gradient-top {
  position: absolute;
  bottom: -0.5vh;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.fading-gradient-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
}



h1, h2, h3, h4, h5, h6, span, p {
    font-family: 'Inter' !important;
}


h1{
    transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
    opacity: 1 !important;
    transform-style: preserve-3d !important;
    letter-spacing: -.05em !important;
    font-size: 3.75rem !important;
    font-weight: 300 !important;
    line-height: 1.147 !important;
}
h2{
    letter-spacing: -.05em !important;
    font-size: 3rem !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
}
h3{
    letter-spacing: -.05em !important;
    font-size: 2.25rem !important;
    font-weight: 300 !important;
    line-height: 1.22 !important;
}
p{
    letter-spacing: normal !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
}
span:not(.elementor-counter-number) span:not(.elementor-icon-list-text){
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}


@media (max-width: 600px) {
    h1{
        transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
        opacity: 1 !important;
        transform-style: preserve-3d !important;
        letter-spacing: -.05em !important;
        font-size: 2.75rem !important;
        font-weight: 300 !important;
        line-height: 1.147 !important;
    }
    .fading-gradient-bottom{
        background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
    }
   /* .image-container-top{
        position: static;
    }*/
}


.orbit {
  background-color: white;
  float: left;
  width: 100%;
  min-width: 100vw;
  min-height: 100vh;
}
.orbit-icon {
  width: 1.3em;
  height: 1.3em;
  line-height: 1.6em;
  font-size: 1.2em;
  border-radius: 50%;
  background-color: #931a1d;
  color: #fff;
  text-align: center;
  display: block;
  border: 4px solid white;
}
.orbit-wrap {
  height: 40em;
  list-style: none;
  font-size: 1.3em;
}
.orbit-wrap > li {
  position: absolute;
}
ul[class^=ring] {
  transition: all 300ms ease-in-out;
}
ul[class^=ring] li {
  transition: all 300ms ease-in-out;
}
.ring-0 {
  width: 35em;
  height: 35em;
  -webkit-animation: clockwiseRotate 35s linear infinite;
          animation: clockwiseRotate 35s linear infinite;
}
.ring-0 > *:nth-of-type(1) {
  transform: rotate(95deg) translate(16.7em) rotate(-179deg);
  color: #931a1d;
  background-color: white;
}
.ring-0 > *:nth-of-type(2) {
  transform: rotate(190deg) translate(17.5em) rotate(-190deg);
}
.ring-0 > *:nth-of-type(3) {
  transform: rotate(285deg) translate(15.7em) rotate(360deg);
  color: #931a1d;
  background-color: white;
}
.ring-0 > *:nth-of-type(4) {
  transform: rotate(380deg) translate(17.5em) rotate(-380deg);
}
.ring-2 {
  width: 20em;
  height: 20em;
  -webkit-animation: clockwiseRotate 25s linear infinite;
          animation: clockwiseRotate 25s linear infinite;
}
.ring-2 i {
  -webkit-animation: counterClockwiseRotate 25s linear infinite;
          animation: counterClockwiseRotate 25s linear infinite;
}
.ring-2 > *:nth-of-type(1) {
  transform: rotate(47.5deg) translate(7.7em) rotate(-188.5deg);
  color: #931a1d;
  background-color: white;
}
.ring-2 > *:nth-of-type(2) {
  transform: rotate(95deg) translate(10.1em) rotate(-95deg);
}
.ring-2 > *:nth-of-type(3) {
  transform: rotate(142.5deg) translate(9.7em) rotate(-142.5deg);
}
.ring-2 > *:nth-of-type(4) {
  transform: rotate(190deg) translate(13.7em) rotate(-333deg);
  color: #931a1d;
  background-color: white;
}
.ring-2 > *:nth-of-type(5) {
  transform: rotate(237.5deg) translate(10.1em) rotate(-237.5deg);
}
.ring-2 > *:nth-of-type(6) {
  transform: rotate(285deg) translate(10.1em) rotate(-285deg);
}
.ring-2 > *:nth-of-type(7) {
  transform: rotate(332.5deg) translate(9.7em) rotate(-332.5deg);
}
.ring-2 > *:nth-of-type(8) {
  transform: rotate(380deg) translate(9.7em) rotate(-380deg);
}
ul[class^=ring] {
  border: solid 1px #931a1d;;
  position: relative;
  padding: 0;
  border-radius: 50%;
  list-style: none;
  box-sizing: content-box;
}
ul[class^=ring] li {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.8em;
}
.orbit-center {
  z-index: 5;
  font-size: 2em;
  width: 3.5em;
  height: 3.5em;
  line-height: 1.8em;
  text-align: center;
  background-color: #931a1d;
  border-radius: 50%;
}
.orbit-center p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}   
.orbit-center:hover .orbit-center__icon {
  transform: rotateZ(0deg);
}
.orbit-center__icon {
  transform: rotateZ(-360deg);
  transition: all 300ms ease-in-out;
}
.orbit-wrap > li.orbit-center:hover ~ li > ul {
  width: 0;
  height: 0;
}
.orbit-wrap > li.orbit-center:hover ~ li > ul * {
  transform: translate(0, 0);
}
@-webkit-keyframes clockwiseRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes clockwiseRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes counterClockwiseRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes counterClockwiseRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.footer_form {
  width: 100%;
  max-width: 22.9375rem;
  margin-bottom: 0;
}

.form-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.footer_form-top-wrap {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.footer-img {
  object-fit: contain;
  width: 100%;
  max-width: 73.1875rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer-img_wrap {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.375rem;
  padding-right: 3.375rem;
  display: flex;
  position: relative;
}

.contact-3_content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-3_img-wrap {
  border-radius: 1rem;
  padding-top: 129.8%;
  position: relative;
  overflow: clip;
}

.contact-3_social-list {
  grid-column-gap: 2.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-3_social-wrap {
  z-index: 2;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: black;
  border-radius: .75rem;
  flex-flow: column;
  padding: 1.5rem 0px;
  display: flex;
}

.contact-3_social-icon {
  background-color: var(--brand--black);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.contact-3_right-column {
  background-color: var(--brand--neutral);
  border-radius: 1rem;
  width: 100%;
  margin-bottom: 0;
}


@media screen and (max-width: 767px) {


  .footer_form {
    order: -1;
    max-width: none;
  }

  .footer-img_wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }


  .contact-3_content {
    grid-template-columns: 1fr;
  }

  .contact-3_right-column {
    order: -1;
  }


}
.orbit-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.li-parent{
    position: absolute;
}


.ring-0-parent > span:nth-of-type(1) {
  transform: translateY(10vh);
  position: absolute;
  background-color: white;
  color: #931a1d;
  z-index: 9;
}

.ring-0-parent > span:nth-of-type(2) {
  transform: translate(64vh,55vh);
  position: absolute;
  background-color: white;
  color: #931a1d;
  z-index: 9;
}



.ring-2-parent > span:nth-of-type(1) {
  transform: translate(-10vh,26vh);
  position: absolute;
  background-color: white;
  color: #931a1d;
  z-index: 9;
}

.ring-2-parent > span:nth-of-type(2) {
  transform: translate(30vh,11vh);
  position: absolute;
  background-color: white;
  color: #931a1d;
  z-index: 9;
}