.hero-wrapper {background-color: #b8dde3;height: 80vh;position: relative;overflow: hidden;z-index: 1;}.style-2.hero-wrapper{background-image: url(../../img/hero-2-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;}.hero-wrapper .wave-line {background-image: url(../../img/wave-line.png);background-repeat: no-repeat;background-position: left bottom;background-size: contain;width: 100%;height: 100%;position: absolute;left: -10px;bottom: -10px;opacity: 0.8;z-index: -1;}.hero-wrapper .container {height: 100%;}.hero-wrapper .hero-wrap {display: flex;align-items: center;position: relative;height: 100%;}.hero-wrapper .hero-wrap .hero-content {max-width: 50%;}.hero-wrapper .hero-content .sub-heading {font-family: "Inter", sans-serif;font-size: 16px;font-weight: 500;letter-spacing: -0.2px;color: #015fc9;}.hero-wrapper .hero-content .sub-heading > span.custom-border{position: relative;display: inline-block;padding-left: 25px;}.hero-wrapper .hero-content .sub-heading > span.custom-border:before{background-color: #222;content: '';width: 20px;height: 3px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}.rtl .hero-wrapper .hero-content .sub-heading > span.custom-border.left, .hero-wrapper .hero-content .sub-heading > span.custom-border.right{padding-left: 0;padding-right: 25px;}.rtl .hero-wrapper .hero-content .sub-heading > span.custom-border.right{padding-right: 0;padding-left: 25px;}.rtl .hero-wrapper .hero-content .sub-heading > span.custom-border.left:before, .hero-wrapper .hero-content .sub-heading > span.custom-border.right:before{left: auto;right: 0;}.rtl .hero-wrapper .hero-content .sub-heading > span.custom-border.right:before{right: auto;left: 0;}.hero-wrapper .hero-content .heading {font-size: 50px;line-height: 56px;font-weight: 700;margin-bottom: 20px;}.hero-wrapper .hero-content .heading mark {background-repeat: no-repeat;background-position: bottom center;}.hero-wrapper .hero-content p {font-family: "Inter", sans-serif;font-size: 16px;font-weight: 500;letter-spacing: -0.2px;color: #696e77;margin-bottom: 30px;}.hero-wrapper .hero-img-holder {width: 420px;height: 585px;position: absolute;right: 0;bottom: 0;z-index: 1;}.rtl .hero-wrapper .hero-img-holder {right: auto;left: 0;transform: rotateY(180deg);}.style-2.hero-wrapper .hero-img-holder {bottom: -10px;}.hero-wrapper .hero-img-holder > img{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;object-fit: contain;object-position: bottom;}.hero-wrapper .elements {width: 100%;height: 100%;position: absolute;right: 0;bottom: 0;}.hero-wrapper .elements .element {background-image: url(../../img/element-1.png);background-repeat: no-repeat;background-position: top center;width: 226px;height: 160px;position: absolute;left: -70px;top: 40%;animation: elementAnim 5s ease 0s infinite normal forwards;animation-delay: 0ms;z-index: 1;}.hero-wrapper .elements .element:nth-child(2) {background-image: url(../../img/element-2.png);width: 208px;height: 62px;left: -100px;top: 80%;animation-delay: 200ms;}.hero-wrapper .elements .element:nth-child(3) {background-image: url(../../img/element-3.png);width: 182px;height: 230px;left: auto;right: -70px;top: 60%;animation-delay: 300ms;}.hero-wrapper .elements .element:nth-child(4) {background-image: url(../../img/element-4.png);width: 242px;height: 148px;left: auto;right: -20px;top: 30%;animation-delay: 400ms;}.hero-wrapper .elements .element:nth-child(5) {background-image: url(../../img/element-5.png);width: 156px;height: 94px;left: auto;right: -50px;top: 50%;z-index: -1;animation: inherit;}.hero-wrapper .elements .element:nth-child(6) {background-image: url(../../img/element-6.png);width: 94px;height: 155px;left: -40px;top: auto;bottom: 30px;z-index: -1;animation: inherit;}.hero-wrapper .back-shape {background-color: #015fc9;border-radius: 37% 63% 61% 39% / 32% 30% 70% 68%;width: 400px;height: 400px;position: absolute;left: 0;bottom: 0;z-index: -1;}.hero-wrapper.style-2 .back-shape{border-radius: 50%;width: 750px;height: 750px;left: -125px;bottom: -295px;}.style-2 .circle-pattern{background-image: url(../../img/circle-pattern.png);background-repeat: no-repeat;background-size: 100%;background-position: left bottom;position: absolute;left: -295px;bottom: -10px;width: 466px;height: 285px;}.style-2 .circle-1{background-image: url(../../img/circle-1.png);background-repeat: no-repeat;background-size: 100%;background-position: center center;position: absolute;left: -50px;top: 125px;width: 125px;height: 125px;}.style-2 .circle-2{background-image: url(../../img/circle-2.png);background-repeat: no-repeat;background-size: 100%;background-position: center center;position: absolute;left: 15%;bottom: -70px;width: 125px;height: 125px;}@keyframes elementAnim {0% {transform: translate(0);}20% {transform: translate(-2px, 2px);}40% {transform: translate(-2px, -2px);}60% {transform: translate(2px, 2px);}80% {transform: translate(2px, -2px);}100% {transform: translate(0);}}@media (max-width: 992px){.hero-wrapper .hero-img-holder{display: none;}}